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

  1   2   3   4   5   6   7   8   9

пред след

        В конструкторе SS в «селекторы» появляются созданные любым способом селекторы, а в «свойствах» описываются их свойства ( шрифт, рамка, фон, расположение и т.д.)
В DOM создаются тэги с названиями селекторов.

       Начнем работать со страницей. Вы должны знать, что код страницы состоит из тэгов. Вставить тэг можно, взяв из панели ( старый способ):

Панель с тэгами в Dreamweaver 15
Рис. 10. Панель с тэгами

При наведении на значок появляется подсказка-название тэга (рис. 10).

Вставка тэга из панели
Рис.11. Вставка тэга из панели

Здесь можно указать место вставки.  Class – название тэга. Если в списке нет нужного тэга, необходимо просто набить его название. Если использовать DOM (рис.6), то там при нажатии на «+» и ввода первой буквы выведется список возможных в Dreamweaver 15 тэгов. ID-идентификатор тэга. Я не указывала пока.
Если у вас нет файла .ss, то его можно создать здесь, выбрав «создать CSS файл» (рис.12):

Ввод названия селектора и выбор помещения тэга на страницу или в файл стилей в Dreamweaver 15
Рис.12. Ввод названия селектора и выбор помещения тэга на страницу или в файл стилей

      Здесь вариант с существующим файлом .ss. При создании тэга следует не забывать про этот файл. По умолчанию будет класс помещаться в таблицу стилей в самой странице. Лучше помещать все классы (селекторы) в отдельный файл с расширением SS для быстроты загрузки страницы и укорочения размера кода страницы. Селектор от класса отличается наличием точки.

Вариант создания файла стилей
Рис. 13. Вариант создания файла стилей
     При варианте «Создать файл» вам будет предложено выбрать папку на сайте и указать имя файла. Расширение само появится. На рисунке .continer- это селектор. Его название произвольно. Dreamweaver только подсказывает. Можно, например, указать .continer2, лишь бы название имело для вас смысл. После на нажатия на «ОК» будет предложена возможность описать свойства классов (селекторов)  на рис 14 (см. след. стр.).

  1   2   3   4   5   6   7   8   9