Создание адаптивной страницы сайта в DREAMWEAVER 15 (HTML5)
В Drwamweaver15 создадим рабочую среду для создания страницы (рис.6):
Рис.6. Созданная рабочая среда dreamweaver 15.
На рис. 6 приведен код уже сделанной страницы. Вам необходимо с помощью основной вкладки «ОКНО» и некоторых телодвижений создать рабочую среду (Панели, Активы, Конструктор SS, Файлы, DOM). Слева находится достаточно полезная панель. Здесь можно открыть текущий документ, свернуть тэг, свернуть фрагмент кода, выбрать родительский тэг, вставить номера строк, вставить комментарий, применить форматирование ( упорядочить тэги).
В Конструкторе в «Источники» можно выбрать или файл с таблицей стилей .ss или стили, которые появились в коде страницы. В коде страницы они появляются, если вы будете использовать «свойства страницы» (рис.7):
Рис.7. Панель со «св-ва страницы»
Рис.8. Вкладка с выбором цвета ссылок
Их потом можно перенести в файл со стилями, чтобы не загромождать код страницы. Используя файл .ss с селекторами, мы сокращаем код страницы и делаем его более понятным, вынося характеристики тэгов (цвет, размер шрифта и др) в файл. Также в конструкторе SS можно создать файл стилей. Для этого необходимо нажать на «+» в «Источники» (рис.6). Вам предложит конструктор заполнить форму:
Рис.9. Создание файла стилей в Конструкторе SS. Здесь название для примера.