Главная   Ссылки    Код баннера   

Редакторы:    Текстовые    Визуальные    Графические    Векторные    3D-графика
Самоучители:     GoLive    Homesite     Amaya   

Учебник Adobe Golive


1 2 3 4 5 6 7 8 9 10 11 12 ... 14 15 16 17 18 19



Применение макетной сетки


Чтобы убедиться, что ваша страница отображается именно так, как вы задумали, можно поместить текст и объекты в макетную сетку. Когда вы добавляете макетную сетку на страницу, Adobe, GoLive фактически создает теги таблицы в исходном коде HTML. Программа использует эти таблицы, чтобы разместить текст и объекты на странице с точностью до одного пиксела. Таким образом, использование макетной сетки позволяет достаточно точно позиционировать Флоки содержимого.

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

Чтобы добавить макетную сетку, перетащите пиктограмму Layout Jrid (Макетная сетка) из Objects Palette (Палитра объектов) в окно документа,или просто дважды щелкните мышью по этой пиктограмме.

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

Существуют несколько путей управлять размерами макетной сетки:
  • Щелкните мышью на границе сетки, чтобы вывести на экран маркеры изменения размера и при помощи мыши измените этими маркерами размер сетки. Новая ширина и высота сетки отображается в палитре Inspector (Инспектор).
  • В палитре Inspector (Инспектор) введите размеры в полях Width (Ширина) и Height (Высота).
  • Если вы завершили процесс расположения объектов в макетной сетке, нажмите кнопку Optimize (Оптимизировать) в палитре Inspector (Инспектор), чтобы автоматически уменьшить размер сетки до минимально возможного.
  • Чтобы изменить интервал между горизонтальными или вертикальными линиями сетки, укажите значения в пикселях в полях ввода Horizontal (Горизонтальный) и Vertical (Вертикальный), размещенные в группе Grid (Сетка) палитры Inspector (Инспектор).
  • Чтобы привязать объекты к .горизонтальным или вертикальным линиям сетки, взведите флажки в независимых переключателях Snap (Защелка), связанных с соответствующими полями ввода. Если снять флажок в этих переключателях, можно будет размещать объекты в сетке без привязки к ее линиям, тогда теряется весь эффект от ее применения.
  • Чтобы отобразить горизонтальные и вертикальные линии в сетке, взведите флажки в независимых переключателях Visible (Видимый), связанных с полями ввода.

    Чтобы ускорить выведение информации на экран во время просмотра макета страницы, скройте линии сетки. Сетка остается активной и тогда, когда ее линии скрыты.

  • Чтобы задать выравнивание сетки относительно окна просмотра,- используйте выпадающий список Align (Выравнивание). Выберите элемент Default (По умолчанию), чтобы использовать настройки окружающего контейнера HTML для выравнивания сетки.
  • Чтобы использовать в сетке фоновый цвет,- взведите флажок в независимом переключателе Background Color (Фоновый цвет). Щелкните мышью внутри цветового поля, чтобы выделить его, а затеет выберите цвет в палитре Colors (Цвета).

    Добавление горизонтальных линий


    Специальный элемент — горизонтальные линии — служит, чтобы отделять группы объектов друг от друга.
    Чтобы добавить такую линию, перетащите с помощью мышки пиктограмму Line (Линия) из Objects Palette (Палитра объектов) в окно документа или просто дважды щелкните мышью на этой пиктограмме.
    Изменение внешнего вида линии -происходит при помощи кнопок-переключателей Style (Стиль) в палитре Inspector (Инспектор): левая кнопка создает обычную непрерывную линию, правая придает линии некоторую трехмерность.

    Для того чтобы установить толщину линии,- выберите единицы измерения в выпадающем списке Width (Ширина) палитры Inspector (Инспектор). Выберите элемент Full (Полностью), чтобы установить толщину линии, равной ширине макетного текстового поля или окна документа.
    Элементы Percent (Процент) и Pixel (Точка)- позволяют задавать длину линии в процентах относительно макетного поля или окна просмотра документа и в точках , если были выбраны элементы Percent (Процент) или Pixel Width (Ширина).

    Чтобы установить выравнивание линии по горизонтали,- нажмите одну из кнопок группы Alignment (Выравнивание) в палитре Inspector (Инспектор),если для ширины линии был выбран элемент Full (Полностью), то эти кнопки будут недоступны для использования. Это естественно, ведь линия и так занимает все отведенное ей пространство, поэтому выравнивание по горизонтали не принесет видимых изменений.



    Вперёд


    • Используются технологии uCoz