Создание Сайта в Dreamweaver

Для начала нам нужно создать новый сайт. Выбираем в меню "Веб-сайт" -> "Новый сайт".

Придумываем название для сайта и выбираем папку, в которой будут храниться страницы, картинки и прочие файлы, относящиеся к сайту.

Слева список всех этих файлов можно видеть. Пока в папке всего 2 файла - 2 картинки, которые я сохранил в неё ранее.

Теперь нужно создать первую страницу сайта. Создадим обычную пустую html-страницу.

Сохраним страницу. Поскольку эта страница будет главной, дадим файлу название index. Страница будет сохранена под именем "index.html".

Нажмём на кнопку "Свойства страницы" внизу, чтобы задать фоновый рисунок.

Выберем картинку, содержащую фоновое изображение (01.jpg).

Важный пункт в свойствах страницы - это её кодировка. Dreamweaver CS5 задал для новой страницы кодировку utf-8, и я не будут её менять, однако в некоторых более старых версиях Dreamweaver страница по умолчанию создаётся с западноевропейской кодировкой, не содержащей русских символов. В этом случае кодировку страницы нужно поменять, выбрав, например, "Кириллица (Windows)" или "Юникод (UTF-8)".

Теперь приступим к расположению элементов - текста и картинок на странице. Такой процесс называется вёрсткой. Вёрстка бывает двух видов - табличная и блочная. Блочная вёрстка (или, как её ещё называют, вёрстка на "дивах") считается более продвинутым способом, однако она более сложна в освоении.

Выберем следующее расположение основных блоков на странице:

Будем использовать при создании сайта более простую табличную вёрстку. Жмите на цифры внизу, чтобы последовательно посмотреть выполняемые действия.

Создание Сайта на Bitrix

Создание Сайта в Google

Создание Сайта на Html5