Главная » Adobe InDesign CS5 » Размер Web-страницы


Размер Web-страницы

Размер Web-страницы
Самое коренное для верстальщика отличие Web-страницы от бумажной состоит в том, что Web-страница не имеет строго определенных размеров. Экран браузера может прокручиваться вниз и вправо, просматривать сколь угодно длинную и/или широкую страницу. Кроме того, количество материала, помещающегося на экран, напрямую зависит от разрешения экрана монитора, установленного у посетителя страницы. Такая "неопределенность" главного параметра публикации — ее формата, — крайне непривычна для верстальщика и дизайнера бумажных изданий. Это и неудивительно, поскольку Web-страница обладает своими, только ей присущими средствами выразительности, и ее дизайн вследствие этого в значительной степени отличается от книжного. При переводе публикации в HTML вам наверняка придется ее адаптировать не только для того, чтобы удалить или преобразовать непереводимые элементы, но и дополнить ее специфическими "электронными" элементами дизайна.
Несмотря на неопределенность формата Web-страницы, все-таки существуют размеры, на которые следует ориентироваться. Ширина страницы не должна превышать размеров экрана компьютера пользователя. Поскольку вы работаете с издательскими системами, наверняка установленный на вашем компьютере монитор имеет большую диагональ (17" или 21"), но далеко не все пользователи так "удачливы". Еще достаточно велик парк 14-дюймовых мониторов, на которых невозможно или неудобно устанавливать разрешение больше 800х600 пикселов. Это разрешение сейчас используется часто, поэтому рассчитывать лучше на него.
Поскольку при просмотре неудобно разворачивать окно браузера во весь экран, даже при ориентации на разрешение 800х600, мы рекомендуем ограничить горизонтальный размер для Web-страницы 600-ми пикселами. Длина страницы не должна превышать больше двух-трех экранов, т. к. это затрудняет ориентацию в ней.
Если вы не создаете публикацию "с нуля", то можете управлять размером страницы, получаемой в результате экспорта. Разработчики InDesign решили, что хорошим соотношением размеров страницы публикации и получаемой из нее Web-страницы является следующее: 1 пункт=1 пиксел. Таким образом, если вы хотите задать для Web-страницы размер 640х480 пикселов, то установите формат документа InDesign 640х480пунктов. Если вы хотите, чтобы в браузере высота шрифта была 12 пикселов, то установите в документе кегль шрифта 12 пт.
Экспорт публикации в формат HTML
Перевод публикации в формат HTML осуществляется соответствующим фильтром экспорта, вызываемым по команде Export меню File. Она открывает стандартное диалоговое окно сохранения файла. В списке Save as type выберите формат HTML, а в поле File name введите имя HTML-файла. Как только вы нажмете кнопку Save, вам будет представлено диалоговое окно с настройками фильтра экспорта, изображенное на.
Устройство этого диалогового окна вам уже должно быть знакомо: так устроены многие диалоговые окна программы InDesign, например, Preferences или New Character Style. В верхней его части находится список, содержащий разделы диалогового окна. Вы также можете переходить от раздела к разделу с помощью кнопок Previous и Next. Рассмотрим разделы этого диалогового окна.

Параметры документа
В окне можно определить, сколько отдельных HTML-документов создавать из файла публикации и какие ее страницы должны войти в каждый документ. Если переключатель Export As находится в положении A Single HTML Document, то все страницы публикации будут экспортированы на одну страницу HTML и отделены тонкими горизонтальными линиями (тэг <hr>).
Если переключатель Export As перевести в положение Multiple HTML Documents, то в области Multiple Document Options станет доступным список страниц публикации и отдельных HTML-файлов, в которые они будут экспортированы. Список документов состоит из полей, перечисленных ниже.

  • Флажок экспортирования. Только страницы, отмеченные этим флажком, будут экспортированы в формат HTML.
  • Номер страницы публикации. Страницы пронумерованы по порядку вне зависимости от разбивки по разделам.
  • Имя HTML-файла, в который будет экспортирована страница. О Название HTML-документа. Подставляется в тэг <title> заголовка.

Имя любого из файлов, перечисленных в списке, и название соответствующего HTML-документа можно отредактировать. Для этого следует щелчком выделить строку требуемой страницы в списке страниц, а затем отредактировать содержимое полей Filename и Title. В них будут находиться текущие имя HTML-файла и название документа соответственно.
По умолчанию имена документов генерируются программой InDesign автоматически на основе имени файла, введенного в диалоговом окне экспорта. К имени файла прибавляется номер экспортируемой страницы.
Если вы захотите сразу посмотреть на результат экспортирования, установите флажок View HTML Using и в расположенном по соседству списке выберите один из установленных на вашем компьютере браузеров. Сразу после завершения экспорта InDesign откроет получившийся документ в выбранном браузере.
Форматирование
В разделе Formatting находятся элементы управления форматированием текста и выбором фонового изображения или сплошной заливки.
Флажок Override Color в области Text заставляет InDesign использовать для текста на Web-странице только выбранный цвет, независимо от его цвета в публикации. Флажок очень удобен, если в публикации для текста использованы плашечные цвета или оттенки серого. Цвет текста можно выбрать в списке или палитре цветов Windows/Macintosh, которая открывается щелчком на расположенном справа образце цвета.
Список Maintain Non-Standard Text позволяет выбрать между сохранением форматирования текста и его редактируемостью. Если в списке выбран вариант Appearance, то нестандартный текст будет представлен точечным изображением. Вариант Editability оставляет текст редактируемым, но пропадают нестандартные элементы форматирования. Несколько примеров экспорта текста с разными установками Maintain Non-Standard приведены на.
Будьте исключительно осторожны при выборе режима Maintain Non-Standard Text. Перед установкой варианта Appearance убедитесь в том, что нестандартное форматирование не применено к большому объему текста. Иначе весь этот текст будет преобразован в растровые изображения, увеличив размер страницы до неприемлемых размеров. К сожалению, это требование, как правило, не выполняется для хорошо сверстанного текста. В нем наверняка использованы настройки кернинга и трекинга для вгонки висячих строк, которые невозможно передать средствами HTML. В таком случае вам либо придется использовать вариант Editability, что может нанести макету непоправимый ущерб, либо подумать о переводе документа в формат PDF, поддерживающий любые атрибуты форматирования.
В области Background выбирают фон, общий для всех экспортируемых страниц. Он может отсутствовать (None), быть сплошным (Color) или текстурным (Image) в зависимости от положения единственного переключателя, размещенного в этой области. Если он находится в положении Color, то становится доступным список именованных цветов, которые вы можете использовать в качестве фонового цвета Web-страниц. Другие цвета выбирают в диалоговом окне Color, открывающемся двойным щелчком на прямоугольном образце цвета справа от списка.
Для того чтобы использовать для фона Web-страницы фоновую текстуру, переведите переключатель в положение Image и нажмите кнопку Choose. Она открывает стандартное диалоговое окно открытия файла, в котором вы можете выбрать произвольный графический файл, содержащий заранее приготовленную фоновую текстуру. В качестве фоновьк текстур можно использовать только изображения в форматах GIF или JPEG, принятых в WWW.

Comments are closed.