ВЕРСТКА СТРАНИЦ

Глава 4. ВЕРСТКА СТРАНИЦ"Разумные" объекты и ссылки Создание новой Web-страницы Добавление тегов Head Работа с текстом Применение макетной сетки Добавление горизонтальных линий Перемещен...

"Разумные" объекты и ссылки Так называемые "разумные" объекты предлагают несколько более эффективный путь вставки изображений в Web-страницы, чем традиционный ход работы. Разу...

ВниманиеПанель Smart (Разумные) Object Palette (Палитра объектов) отображает пиктограммы только тех "разумных" объектов, для которых на вашем компьютере установлены соответствующие "...

Рисунок 4.1. Сохранение изображения, оптимизированного для Web...

Рисунок 4.2. Опции просмотра в Adobe GoLive По умолчанию, режим просмотра 2-Up (Два варианта) отображает исходное изображение и изображение с текущими настройками оптимизации, а режим просмотра 4-...

Рисунок 4.3. А — меню настроек; В — формат файла; С — меню выбора качества;D — флажок Progressive; Е — флажок профиля 1СС;F — бегунок оптимизации; G — флажок Optimized;Н — бегунок Blur; I — матовы...

ВниманиеФормат JPEG Optimized рекомендуется для максимального сжатия файла. Однако помните, что некоторые старые браузеры не поддерживают эту особенность. Выберите опцию Optimized (Оптимизирован),...

ВниманиеВы не можете использовать опцию Lossy (Потеря) совместно с опцией Interlaced (Переплетение), а также с эффектами Noice (Шум) и Pattern Dither (Колебание). После установки параметра потери...

Рисунок 4.4. A — меню настроек; В — формат файла; С — меню Color;D — меню алгоритма; Е — флажок прозрачности; F — флажок слоев;G — меню Optimamize; H — бегунок Lossy; I — количество цветов;J — бег...

ВниманиеЕсли ваш рисунок имеет меньше цветов, чем общее количество, указанное в палитре цветов, неиспользованные цвета удаляются из палитры, чтобы уменьшить размер файла. Цвета в таблице можно сор...

ВниманиеБольшинство изображений, просматриваемых в Web, созданы с использованием дисплеев с цветом в 24" бита, но многие браузеры работают только с отображением в 8 бит (256 цветов), так что...

ВниманиеАвтоматическая модификация не проявляется, если файл, размеры которого изменены, был в формате Flash или SVG, поскольку эти форматы являются векторными. Adobe GoLive позволяет вам использо...

Рисунок 4.5. А — Используйте эти органы управления для изменения размера рисунка; В — Выберите элемент списка, чтобы выровнять изображение Чтобы настроить размер изображения в Adobe GoLive, достат...

ВниманиеПо умолчанию Adobe GoLive назначает уникальный идентификатор карте изображения и вводит его в текстовое поле Name (Имя). Можно заменить этот идентификатор, введя имя карты изображения в те...

Применение закладок Закладка — это конкретное место на странице, на которое указывает гиперссылка. Обычные гиперсеылки загружают документ в окно просмотра полностью, и этот документ отображается,...

Создание выпадающих списков URL Выпадающие списки URL позволят посетителям вашей страницы выбирать ссылки из меню. Для добавления такого списка на вашу страницу воспользуйтесь пиктограммой URL...

Отслеживание изменений на страницах Каждый, кто когда-нибудь всерьез занимался разработкой чего-либо, будь то планы на будущие выходные или очередной модуль космической станции, знает, как часто в...

ВниманиеСодержимое палитры очищается, когда вы переключаетесь из режима Layout (Макет) или Source (Исходный код) в другой режим окна документа.СоветСоветПомимо палитры History (История) есть более...

Предварительный просмотр страниц Вы можете предварительно просматривать ваши страницы и тестировать ссылки прямо в Adobe GoLive без использования внешних браузеров. Также можно предварительно прос...

ВниманиеЕсли вы используете Adobe GoLive для Windows. Вам нужно установить Microsoft Internet Explorer, прежде чем вы сможете предварительно просматривать страницы в Adobe GoLive. Чтобы добавить б...

ВниманиеБольшинство браузеров допускают открытие только одной версии одновременно. Например, вы можете: открыть одновременно Netscape Navigator и Microsoft Internet Explorer, но не Netscape Naviga...

Просмотр информации о документе В диалоговом окне Document Statistics (Статистика документа) представлена общая информацию о вашей Web-странице включающая в себя ее размер в байтах, количество сло...

Выравнивание и распределение объектов Adobe GoLive оИяегчает вам четкое упорядочивание объектов на вашей странице. Для выравнивания объектов можно использовать панель инструментов или палитру Alig...

ВниманиеПрежде чем выравнивать или распределять объекты, убедитесь что они расположены на макетной сетке. Чтобы выровнять объект или группу объектов, выделите о помощью мыши нужный объект или их г...

ВниманиеПоскольку Adobe GoLive не перемещает выделенный объект, если на яуш находится другой объект, то в зависимости от, выбранных объектов некоторые кнопки выравнивания могут быть недоступны. Чт...

Работа с часто используемыми объектами В случае, если в процессе разработки сайта вы часто пользуетесь какими-либо объектами, то панель Custom (Образец) палитры в Objects Palette (Палитра объектов...

Создание новой Web-страницы При запуске Adobe Gotive, программу по умолчанию, предлагает создать новую Web-страницу. Также, можно создавать новую страницу, используя команду меню File | New (Файл...

ВниманиеЕсли вы хотите, чтобы то же самое название страницы появилось на всех ваших Страницах, вы можете создать страницу с нужным названием и потом установить общие свойства (вкладка General (Общ...

Рисунок 4.6. Инспектор свойств Web-страницы с активизированным окном выбора цвета В первой главе, при рассмотрении основ языка HTML мы уже упоминали о том, что изображения можно использовать в кач...

Добавление тегов Head Как нам известно, страница HTML состоит из двух основных секций: заголовка и тела. Режим просмотра Layout (Макет) Adobe GoLive отражает эту структуру при помощи представления...

Рисунок 4.7. Окно разработки Web-страницы с отображенной заголовочной секцией Затем активируйте вкладку Head (Заголовок). Оттуда перетащите нужную пиктограмму на панель заголовочной секции. Если э...

Работа с текстом Работа с текстом в Adobe GoLive очень похожа на аналогичную работу в любом из наиболее популярных текстовых редакторов. Вы можете вводить текст напрямую в окне документа, копирова...

Применение макетной сетки Мы уже неоднократно отмечали тот факт, что окончательный вид вашей страницы напрямую зависит от настроек браузера посетителя вашего сайта. Чтобы убедиться, что ваша стран...

ВниманиеЕсли вы используете макетную сетку, браузер пользователя должен поддерживать таблицы, чтобы отображать страницы правильно. Большинство браузеров сейчас поддерживают таблицы. Устаревшие бра...

ВниманиеAdobe GoLive вставляет тег <spacer> в HTML-таблицу, которая составляет макетную сетку. Этот тег удаляет ошибку являющуюся причиной округления размеров таблицы в браузерах Netscape. M...

Добавление горизонтальных линий Специальный элемент — горизонтальные линии — служит, чтобы визуально отделять., группы объектов друг от друга. Чтобы добавить такую линию, перетащите с помощью мышк...

Перемещение, изменение размеров и группировка объектов Adobe GoUve предусматривает множество возможностей для точного позиционирования объектов на странице и изменения их. размеров. Вы можете пере...

ВниманиеПрежде чем перемещать объекты, перетаскивая мышью, вводя конкретные значения на панели инструментов или используя палитру Transform (Трансформация), вам необходимо поместить их на макетную...

Работа с цветом В процессе разработки Web-страницы вам очень пригодится возможность раскрашивать текст и объекты. Палитра Colors (Цвета) поможет вам в этом. Вызовите ее из меню Window (Окно) или п...

Добавление гипертекстовых ссылок С помощью Adobe GoLive вы можете с легкостью создавать гиперссылки, которые отошлют посетителей на другие страницы вашего или чужого сайта, и даже на ресурсы, не о...