Иллюстрированный самоучитель по программам Adobe

Техника работы

HTML-тег <NATURALSIZEFLAG> в PageMill и SiteMill

Когда Вы вставляете изображение в документ PageMill или SiteMill, обе программы создают в HTML-документе ссылку на это изображение, включающую его имя, размеры и способ выравнивания, и записывают HTML-тег:

Где "х" представляет собой величину 0, 1, 2 или 3. Например:

Посредством тега <NATURALSIZEFLAG="x"> PageMill и SiteMill указывают фактический или измененный размер изображения. Размер обновленного изображения, выводимого на экран, PageMill и SiteMill определяют либо по фактическим размерам оригинального изображения, либо путем масштабирования его исходных размеров на основе значения тега:

Браузеры игнорируют тег <NATURALSIZEFLAG= "х">. Если его удалить из HTML-документа, PageMill или SiteMill после открытия и сохранения этого документа восстанавливают тег.

Описание значений тега <NATURALSIZEFLAG="X">

Значение "О" показывает, что размеры данного изображения были изменены по горизонтали и вертикали. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill масштабируют обновленный вариант, сохраняя пропорции оригинала.

Значение "1" показывает, что был изменен размер изображения по вертикали. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill масштабируют обновленный вариант, сохраняя лишь высоту оригинала.

Значение "2" показывает, что был изменен размер изображения по горизонтали. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill масштабируют обновленный вариант, сохраняя лишь ширину оригинала.

Значение "3" показывает фактический размер изображения. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill отображают обновленный вариант, используя не оригинальные размеры изображения, а его размеры в PageMill.

Привязка к изображениям в PageMill и SiteMill. Общая информация.

Привязка к изображениям в Adobe PageMill и Adobe SiteMill выполняется методом "drag-and-drop", посредством вставки и копирования или с помощью команды Insert. Поскольку HTML суть семантический язык разметки страниц и не может содержать двоичных данных изображения, PageMill и SiteMill генерируют HTML-код, включающий ссылки, или пути, к графическим файлам, хранящимся отдельно. Считывая HTML-документ, браузер находит этот файл и загружает его в соответствующую область на Web-странице. Если путь к графическому файлу неверный, вместо картинки на Web-странице появляется "разбитая" пиктограмма или вопросительный знак.

PageMill и SiteMill автоматически преобразуют вставляемые PICT-изображения и файлы Scrapbook в GIF-файлы с разрешением 72 dpi. PageMill 1.0.x и SiteMill 1.0.x сохраняют преобразованные файлы в папке, указанной в диалоговом окне Preferences как Default Folder for Images. A PageMill 2.0 сохраняет такие файлы в папке, указанной в диалоговом окне Preferences как PageMill Resources. Чтобы указать место хранения преобразованных файлов, воспользуйтесь командой Edit › Preferences.

Путь к привязанному в HTML-документе изображению программы PageMill и SiteMill задают во время сохранения этого документа. После передачи HTML-документа провайдеру автоматического обновления пути к привязанному графическому файлу не происходит. PageMill и SiteMill записывают ссылку на вставленный графический файл относительно местонахождения HTML-файла, которое было определено при сохранении этого файла в PageMill или SiteMill. Если HTML-файл и изображение находятся в одной папке, PageMill и SiteMill показывают связь с файлом изображения при помощи тега <img 8гс="[имя графического файла] ">. Например:

Если HTML-файл находится в папке, содержащей вложенную папку с привязанным изображением (положим, привязанные GIF-файлы лежат в папке Images), PageMill указывает на такое изображение тегом <img 5гс="[имя папки]/[имя графического файла] ">. Например:

Прямой слэш "/" – это символ системы UNIX, разделяющий каталоги или папки при обозначении путевого имени файла. Команда "/" дает браузеру инструкцию активизировать связь с графическим файлом, помещенным в папку, которая находится там же, где и HTML-документ. Если графический файл хранится в папке, содержащей HTML-документ, PageMill обозначает привязанный графический файл тегом <imgsrc="../[HMfl графического файла]">. Например:

Сочетание символов "../" дает браузеру инструкцию искать привязанное изображение в папке более высокого уровня, чем та, где находится HTML-документ. Каждое такое сочетание заставляет браузер в поисках привязанной графики просматривать папку одним уровнем выше. Скажем, тег <img src="../../ graphicname"> предписывает искать привязанное изображение в папке двумя уровнями выше той, где находится HTML-файл.

Если структура папок изменяется, браузер после просмотра HTML-документа вместо картинки выводит пиктограмму разорванной связи. Благодаря поддержке метода "drag-and-drop" PageMill и SiteMill позволяют легко вставлять изображения с серверов, сменных дисков и жестких дисков, и на Вашем компьютере HTML-документ будет работать корректно; но если его просматривать на сервере, изображения могут не появляться. Чтобы сохранить в целости связи с изображениями, на которые содержатся ссылки в Вашем HTML-документе, создайте у себя на диске папки, зеркально отражающие структуру папок на сервере, куда Вы собираетесь передать HTML-документ и привязанные изображения.