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

  1   2   3   4   5   6   7   8   9

след

         Начнем с создания адаптивного варианта страницы :

    Страница была сделана в dreamweaver 8 с использованием таблицы, которая не сжимается на небольших экранах. На ней расположены:заголовок с видами на Уфу, меню, реклама Adsense, основной контент и реклама Adesense справа.
В Dreamweaver 15 создадим страницу HTML: «Файл»/ «Создать»   (рис.1)

Создание страницы в Dreamweaver 15 на HTML

Рис.1. Создание страницы в Dreamweaver 15 на HTML

Выбор файла таблицы стилей.

Рис. 2. Выбор файла таблицы стилей.

Если у вас есть файл с таблицей стилей, то при создании страницы, нажав на значок (рис.1), можно в соответствующей форме указать его путь или выбрать в «Обзор» (рис.2,3).

Выбор файла таблицы стилей на диске.
Рис.3. Выбор файла таблицы стилей на диске.

После нажатия на «Создать» получаем такие варианты кода страницы (рис. 4,5):

Основной файл на HTML без таблицы стилей
Рис.4. Основной файл на HTML без таблицы стилей

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<link href="/css/web.css" rel="stylesheet" type="text/css">
</head>
<body></body></html>

Рис.5. Код с файлом  стилей

На рис.5  указан путь к моей таблице стилей web.ss.  Если у вас вместо русского языка выдает абракадабру, то необходимо в начале файла .htaccess  на локальном, тестовом и удаленном серверах вставить AddDefaultCharset UTF-8.

  1   2   3   4   5   6   7   8   9