Макет страницы включает в себя
взаимное расположение объектов на
странице, их внешнее оформление, взаимодействие элементов между собой и
с другими страницами сайта.
Самый простой путь - использовать предварительно разработанные макеты
страниц, идущие с редактором.
Для этого в меню Файл выберите >Создать.
Откроется окно "Создать документ".
Слева перечислены возможные варианты - пустая страница, пустой шаблон,
"резиновый" макет, страница из шаблона, страница из образца, другой.
После выбора одного из вариантов в разделе "Макет" выбирается
конкретный макет страницы.
Самостоятельное создание макета
страницы
При создании собственного макета можно
пользоваться
элементами
AP Dreamweaver,
стилями
позиционирования
CSS
или стандартными макетами
CSS.
Инструменты на рабочем
столе
позволяют быстро
конструировать страницы путем рисования
структуры страницы и последующего ее переупорядочения.
Если нужно
отобразить в браузере одновременно
несколько элементов, можно
использовать фреймы
для
создания макетов документов.
Наконец, можно
создать новые страницы на основе шаблона Dreamweaver, чтобы при
его изменении макеты этих страниц
автоматически изменялись.
При создании макета страницы можно также использовать такие элементы интерфейса редактора, как направляющие, линейки,
сетку,
изображение-образец
.
Создание страниц ручным кодированием
Кодирование веб-страниц вручную
— еще один подход к созданию страниц. Dreamweaver предоставляет простые
в использовании средства визуализации редактирования и в то же время —
сложную среду для написания кода; так что для создания и редактирования
страниц можно воспользоваться как одним, так и другим подходом либо
обоими.
(См. раздел
Работа
с кодом страницы).
Создание пустой страницы (или создание макета на основе пустой
страницы) - создание страницы, которая содержит предварительно
разработанный макет CSS.
Или можно создать пустую страницу, а затем собственный макет.
Подробнее
Создание пустого шаблона
Можно использовать диалоговое окно «Создать документ» для создания
шаблонов Dreamweaver.
Подробнее
Резиновый макет
При
создании веб-страницы с «резиновой» сеткой макет и его компоненты
автоматически настраиваются на устройство, на котором пользователь
просматривает эту страницу: настольный компьютер, планшет или смартфон.
Подробнее
Страница из шаблона
Можно выбрать, предварительно просмотреть и создать новый документ по
существующему шаблону. Можно использовать диалоговое окно «Создать
документ». чтобы выбрать шаблон из любого сайта
Подробнее
Страница из образца
В состав Dreamweaver включено несколько разработанных профессионалами
CSS-файлов и начальных страниц для мобильных приложений. Можно
использовать файлы образца в качестве отправной точки для разработки
страниц своего сайта. При создании документа на основе файла образца
Dreamweaver создает копию файла.
Подробнее
Создание других типов страниц
Категория «Другой» диалогового окна «Создать документ»
позволяет создавать различные типы страниц, которые могут понадобиться
в Dreamweaver, в том числе страницы на C#, VBScript и текстовые
страницы.
1 Выберите «Файл» > «Создать».
2 В диалоговом окне «Создать документ» выберите категорию «Другой».
3 Выберите тип создаваемого документа в столбце «Тип страницы» и
нажмите кнопку «Создать».
4 Сохраните документ («Файл» > «Сохранить»).
Создание
макетов страниц с помощью CSS
В макете страницы CSS для организации содержимого на
веб-странице вместо традиционных таблиц и фреймов используется формат
каскадных таблиц стилей. Основным строительным блоком макета CSS
является тег Div - тег HTML, который в большинстве случаев ведет себя
как контейнер для текста, изображений и других элементов страницы. При
создании макета CSS теги Div размещаются на странице, в них добавляется
содержимое, и они позиционируются в различных местах. В отличие от
ячеек таблицы, которые существуют только внутри строк и столбцов
таблицы, теги Div можно поместить в любое место веб- страницы.
Подробнее о
создание
макетов страниц с помощью CSS
Создавать макеты CSS
также можно с помощью элементов Dreamweaver с абсолютным
позиционированием (элементов
AP).
Представление содержимого в
таблицах
Таблицы — это мощный инструмент представления табличных данных и
верстки текста и графики на HTML- страницах.
Ранее таблицы были основным средством для упорядоченного размещения
содержимого страницы, но в последнее время на смену табличной верстке
приходит блочная (с применением DIV + CSS).
Подробнее о
таблицах
Создание страниц с использованием
рамок (фреймов)
Фреймы
позволяют разделить окно браузера на множество частей, в каждой из
которых будет отображаться отдельный HTML-документ.
Применение фреймов (рамок) - один из способов компоновки страницы
(наряду
с табличной или блоковой версткой).
Набор фреймов определяет: макет страницы, число фреймов на
странице, адреса открываемых html-страниц.
Дополнительно:
Фреймы
Пример
страниц с фреймами
Свойства
страницы
Создание страниц с использованием
IFrame
IFrame - разновидность вставки рамок (фреймов) на страницу.
В отличие от набора рамок, IFrame представляет из себя обычно
одну
рамку, вставленную на страницу. Чаще всего IFrame
применяется с той целью, чтобы посетители Вашего сайта смогли
просмотреть страницу чужого сайта, но при этом оставались на Вашем
сайте.
При желании можно создать несколько IFrame на одной странице.
Подробнее
Дополнительно:
Панель
инструментов «Обработка стиля»
Подробнее о верстке веб-страниц (Википедия)
