Создание адаптивной страницы сайта в DREAMWEAVER 15 (HTML5)

  1   2   3   4   5   6   7   8   9

пред след

      В Drwamweaver15 создадим  рабочую среду для создания страницы (рис.6):

Рабочая среда в Dreamweaver 15
Рис.6. Созданная рабочая среда dreamweaver 15.

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

Панель со «св-ва страницы»
  Рис.7. Панель со «св-ва страницы»

Вкладка с выбором цвета ссылок
Рис.8. Вкладка с выбором цвета ссылок

         Их потом можно перенести в файл со стилями, чтобы не загромождать код страницы. Используя файл .ss с селекторами, мы сокращаем код страницы и делаем его более понятным, вынося характеристики тэгов (цвет, размер шрифта и др) в файл. Также  в конструкторе SS можно создать файл стилей. Для этого необходимо нажать на «+» в «Источники»  (рис.6). Вам предложит конструктор заполнить форму:

Создание файла стилей в Конструкторе SS
Рис.9. Создание файла стилей в Конструкторе SS. Здесь название для примера.

  1   2   3   4   5   6   7   8   9