Техника работы
HTML-тег <NATURALSIZEFLAG> в PageMill и SiteMill
Когда Вы вставляете изображение в документ PageMill или SiteMill, обе программы создают в HTML-документе ссылку на это изображение, включающую его имя, размеры и способ выравнивания, и записывают HTML-тег:
<
NATURALSIZEFLAG
=
"x"
>
Где "х" представляет собой величину 0, 1, 2 или 3. Например:
<
IMG
SRC
=
"IMAGE.GIF"
WIDTH
=
"287"
HEIGHT
=
"122"
ALIGN
=
bottom
NATURALSIZEFLAG
=
"3"
>
Посредством тега <NATURALSIZEFLAG="x"> PageMill и SiteMill указывают фактический или измененный размер изображения. Размер обновленного изображения, выводимого на экран, PageMill и SiteMill определяют либо по фактическим размерам оригинального изображения, либо путем масштабирования его исходных размеров на основе значения тега:
<
NATURALSIZEFLAG
=
"x"
>
Браузеры игнорируют тег <NATURALSIZEFLAG= "х">. Если его удалить из HTML-документа, PageMill или SiteMill после открытия и сохранения этого документа восстанавливают тег.
Описание значений тега <NATURALSIZEFLAG="X">
<
NATURALSIZEFLAG
=
"0"
>
Значение "О" показывает, что размеры данного изображения были изменены по горизонтали и вертикали. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill масштабируют обновленный вариант, сохраняя пропорции оригинала.
<
NATURALSIZEFLAG
=
"1"
>
Значение "1" показывает, что был изменен размер изображения по вертикали. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill масштабируют обновленный вариант, сохраняя лишь высоту оригинала.
<
NATURALSIZEFLAG
=
"2"
>
Значение "2" показывает, что был изменен размер изображения по горизонтали. При обновлении или замене изображения, на которое дана ссылка, PageMill или SiteMill масштабируют обновленный вариант, сохраняя лишь ширину оригинала.
<
NATURALSIZEFLAG
=
"3"
>
Значение "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гс="[имя графического файла] ">. Например:
<
img
src
=
"graphicname"
>
Если HTML-файл находится в папке, содержащей вложенную папку с привязанным изображением (положим, привязанные GIF-файлы лежат в папке Images), PageMill указывает на такое изображение тегом <img 5гс="[имя папки]/[имя графического файла] ">. Например:
<
img
src
=
"images/graphicname"
>
Прямой слэш "/" – это символ системы UNIX, разделяющий каталоги или папки при обозначении путевого имени файла. Команда "/" дает браузеру инструкцию активизировать связь с графическим файлом, помещенным в папку, которая находится там же, где и HTML-документ. Если графический файл хранится в папке, содержащей HTML-документ, PageMill обозначает привязанный графический файл тегом <imgsrc="../[HMfl графического файла]">. Например:
<
img
src
=
"../graphicname"
>
Сочетание символов "../" дает браузеру инструкцию искать привязанное изображение в папке более высокого уровня, чем та, где находится HTML-документ. Каждое такое сочетание заставляет браузер в поисках привязанной графики просматривать папку одним уровнем выше. Скажем, тег <img src="../../ graphicname"> предписывает искать привязанное изображение в папке двумя уровнями выше той, где находится HTML-файл.
Если структура папок изменяется, браузер после просмотра HTML-документа вместо картинки выводит пиктограмму разорванной связи. Благодаря поддержке метода "drag-and-drop" PageMill и SiteMill позволяют легко вставлять изображения с серверов, сменных дисков и жестких дисков, и на Вашем компьютере HTML-документ будет работать корректно; но если его просматривать на сервере, изображения могут не появляться. Чтобы сохранить в целости связи с изображениями, на которые содержатся ссылки в Вашем HTML-документе, создайте у себя на диске папки, зеркально отражающие структуру папок на сервере, куда Вы собираетесь передать HTML-документ и привязанные изображения.