Макет

Макет
В разделе Layout находятся всего три списка, управляющие размещением элементов публикации на странице. Наиболее важен список Positioning, определяющий, по существу, используемую спецификацию HTML. Вариант None соответствует спецификации HTML 3.0. В ней отсутствуют любые средства позиционирования объектов, поэтому на Web-странице они будут расположены подряд сверху вниз. При этом взаимное расположение объектов утрачивается. Многоколоночный текст размещается в одну колонку.
Вариант Best (CSS-1) устанавливает спецификацию HTML 4.0, использующую для позиционирования элементов макета слои и стилевые листы (CSS, Cascading Style Sheets). CSS позволяют хорошо воспроизводить размещение элементов макета, включая наложение объектов. Примеры Web-страниц, полученных при разных установках в списке Positioning, приведены на.
Сгенерированные стилевые листы размещают каждый объект на своем слое, используя свойство z-index.
К сожалению, фильтр экспорта HTML не анализирует стилевое оформление публикации в целом и внедряет стилевые листы в каждый HTML-файл со страницей, а не связывает один стилевой лист со всеми файлами.
Список InDesign Margins определяет, будут ли при экспорте в HTML сохранены размеры полей, заданные на странице публикации. Вариант Maintain сохраняет поля, a None удаляет их полностью.
При экспорте нескольких страниц в разные файлы необходимо создание хотя бы простейшего способа перемещения между ними. В противном случае вы не сможете прочитать документ целиком. InDesign может создать на каждой странице гипертекстовые ссылки на предыдущую и следующую страницы публикации. Список Navigation Bar содержит варианты размещения ссылок на Web-странице: только сверху или снизу, как сверху, так и снизу. Выбор None запрещает создание ссылок. Используйте последний вариант, если намерены сделать солидную навигационную панель.
Графика
Без специальных подключаемых модулей браузеры способны работать только с точечными изображениями в форматах GIF и JPEG. Большинство новых версий браузеров также способны работать и с форматом PNG. Чтобы браузер смог отобразить экспортируемую из InDesign страницу, необходимо перевести все связанные и внедренные изображения в эти форматы и разместить в отдельных файлах. В разделе Graphics диалогового окна Export HTML находятся настройки алгоритма преобразования.
Список Save Images As определяет формат, в который переводятся изображения при экспорте. Чаще всего наилучший результат дает вариант Automatic. При этом InDesign использует формат GIF для индексированных и обтравленных изображений, а также для текста. В остальных случаях применяется формат JPEG. Если вы твердо уверены, что потребуется строго определенный формат, выберите его в этом списке.
По старой и разумной традиции изображения размещают на Web-серверах в отдельных каталогах. Как правило, для них используется стандартное имя IMAGES. Это помогает Web-мастеру ориентироваться в своем хозяйстве и писать сценарии. Установив флажок Use Images Sub-Folder, вы заставите InDesign следовать этой традиции. В папке, которую вы определили для экспортируемых HTML-документов, InDesign создаст вложенную папку IMAGES и поместит туда все графические файлы. Вам останется только перенести HTML-файлы и папку IMAGES на сервер, сохраняя структуру каталогов. Если вы переименуете эту папку или перенесете из нее изображения в папку, содержащую HTML-файлы, то графика на Web-странице исчезнет, поскольку ссылки из HTML-документов на изображения в папке IMAGES окажутся неверными.
В области GIF Settings находятся параметры формата GIF. Как вы помните, это индексированный формат, позволяющий использовать не более 256 цветов одновременно. Чтобы перевести в него изображение, нужно уменьшить количество цветов, имеющихся в изображении, до минимально допустимого. Это количество определяется в поле Color Depth. В списке Palette выбирайте алгоритм сокращения количества цветов или готовую цветовую палитру.

  • Exact. Эта палитра доступна только если изображение уже содержит менее 256 цветов. В этом случае все цвета изображения попадут в индексированную палитру GIF.
  • System (Win). В качестве палитры изображения будет использована системная палитра Windows, а цвета, отсутствующие в системной палитре, —имитированы за счет сглаживания, т. е. соседними пикселами близких цветов, входящих в палитру.
  • System (Mac). В качестве палитры изображения будет использована системная палитра Macintosh, а цвета, отсутствующие в системной палитре, — имитированы за счет сглаживания.
  • Web. В качестве палитры изображения будет использована палитра браузеров, состоящая из системных цветов как Windows, так и MacOS. Обеспечивает правильную передачу цветов разными браузерами на компьютерах многих платформ. Цвета, отсутствующие в системной палитре, будут имитированы за счет сглаживания.
  • Adaptive (no dither). Палитра генерируется на основе наиболее характерных цветов изображения. Как правило, обеспечивает наилучший результат, поскольку подбирается для каждого изображения индивидуально. Могут быть нарушения цветопередачи на видеосистемах, не поддерживающих более 256 цветов.

Флажок Interlace устанавливает чересстрочную развертку GIF. Браузеры демонстрируют такие изображения с постепенно повышающейся деталировкой. Это позволяет посетителю сайта оценить содержание изображения, не дожидаясь окончания его загрузки.
В области JPEG Settings находятся параметры сжатия JPEG. В списке Image Quality выберите требуемое качество изображения. Как вы помните, при сжатии JPEG удаляется из изображения часть информации. Более высокое качество снижает эффективность сжатия. С другой стороны, при высокой степени сжатия может произойти значительное снижение качества изображения.
Список Format Method содержит варианты развертки изображений JPEG: Progressive или Baseline. В первом случае изображение демонстрируется браузерами с постепенно улучшающейся деталировкой, а во втором — просто построчно.

Comments are closed.