15.10.2. Настройка Dreamweaver
Поле Categoryокна настройкиPreferencesсодержит заголовки страниц параметров настройки (рис. 15.10.2.1).
Рассмотрим некоторые страницы настройки.
На странице General(рис. 15.10.2.1) чаще настраивают параметры:
Options и Add Extension when saving- при сохранении документов автоматически будет добавляться указанное расширение файла.
Maximum Number of History Steps‑ число запоминаемых шагов для возможности восстановления нужного шага для исправления ошибки (рекомендуется увеличить это число, например до 100).
Страница CSS Styles(рис. 15.10.2.2) устанавливает возможность использования сокращенной записи некоторых CSS ‑ стилей (п. 15.2.14).
Рис.
15.10.2.1. Страница General
окна настройки
Рис. 15.10.2.2. Страница CSS Styles окна настройки
С
траницаFonts/Encoding(рис. 15.10.2.3) позволяет настроить тип
кодировки символов и основные
шрифты, которыми будет отображаться
текст и размеры этих шрифтов. ПолеDefault Encodingнужно установить
кодировкуWindows-1251при работе под
Windows. Если вы настроите не так как нужно,
то Dreamweaver просто начнет автоматически
перегонять набранный вами текст в коды
(например, можно получить “iieiue eca?ao”).
Рис. 15.10.2.3. Страница Font/Encoding окна настройки
15.10.3. Структура и размещение файлов
Рассмотрим основные средства и приемы работы с Dreamweaver на основе инструкционных материалов, подготовленных С.И. Рыковым.
Вначале создадим каталоги для элементов сайта (рис. 15.10.3.1).
Риc.
15.10.3.1. Структура каталогов с элементами
сайта
В корневом каталоге Testразместим веб-страницы (.html-файлы), в каталогеImages- картинки (фотографии, элементы дизайна и многое другое) и в каталогеCSS‑ файлы стилей (п. 15.2.14).
Для начала работы со страничкой нужно иметь структуру этой странички. Делается эта структура при помощи модульной сетки. Рассмотрим пример такой сетки (рис. 15.10.3.2).
Рис. 15.10.3.2. Пример модульной сетки
L
ogo- логотип странички (броский рисунок
для привлечения внимания).
Menu, SubMenu- главное меню сайта и подменю текущего раздела.
Text- основное наполнение, занимает весь экран (контент).
Copyright- "подвальный" раздел для баннеров, кнопок, копирайтов и др.
15.10.4. Создание заготовкиHtml‑документа
Для начала войдите в свой сайт (выберите его из списка) и создайте новый файл командой New File. На панели справа появится файлUntitled.Htm, который стоит сразу переименовать вIndex.HtmилиDefault.Htm(так обычно указывается название первой головной странички сайта). Двойным щелчком открываем созданный файл и видим чистый белый лист (заготовка документа), на котором будем создавать нашу страничку.
Зададим основные свойства нашей странички командой Modify/Page Properties(^J) и появится окно свойств (рис. 15.10.4.1).
Рис.
15.10.4.1. Окно свойств
Title- название странички, отображаемое в заголовке окна броузера.
Background Image- фоновый рисунок (не используем).
Background/Text- цвет фона/текста (белый/черный).
Links- цвет ссылок (темно-синий).
Visited Links- цвет посещенных ссылок (фиолетовый).
Active Links- цвет текущей активной ссылки (темно-красный).
Left/Top Margin, Margin Width/Height- отступ от края страницы до начала контента слева/сверху и его ширина/высота.
Document Encoding- кодировка документа.
Tracing image- кладет на фон полупрозрачную картинку для точного совмещения дизайна в HTML с наброском, сделанным в PhotoShop.