Создание адаптивной страницы сайта в DREAMWEAVER 15
Начнем с создания адаптивного варианта страницы : Страница была сделана в dreamweaver 8 с использованием таблицы, которая не сжимается на небольших экранах. На ней расположены:заголовок с видами на Уфу, меню, реклама Adsense, основной контент и реклама Adesense справа.
В Dreamweaver 15 создадим страницу HTML: «Файл»/ «Создать»
(рис.1)
Рис.1. Создание страницы в Dreamweaver 15 на HTML
Рис. 2. Выбор файла таблицы стилей.
Если у вас есть файл с таблицей стилей, то при создании страницы, нажав на значок (рис.1), можно в соответствующей форме указать его путь или выбрать в «Обзор» (рис.2,3).
Рис.3. Выбор файла таблицы стилей на диске.
После нажатия на «Создать» получаем такие варианты кода страницы (рис. 4,5):
Рис.4. Основной файл на HTML без таблицы стилей
<!doctype html> |
Рис.5. Код с файлом стилей |
На рис.5 указан путь к моей таблице стилей web.ss. Если у вас вместо русского языка выдает абракадабру, то необходимо в начале файла .htaccess на локальном, тестовом и удаленном серверах вставить AddDefaultCharset UTF-8.