Создание HTML-сайта

Каркас сайта

Как мы и договорились на прошлом занятии, сейчас мы будем создавать каркас сайта. В классическом виде сайт должен иметь шапку или header, горизонтальную навигацию, вертикальную навигацию, место для контента и подвал или footer. В результате мы должны получить примерно следующее:

Запускаем Adobe Dreamweaver CS3 и в разделе «Создать» выбираем HTML.

Поскольку мы с вами договорились, что при создании этого сайта мы будем использовать табличный дизайн, то в первую очередь мы должны создать главную таблицу. Для того чтобы ее создать, в открывшемся окне Adobe Dreamweaver CS3, в верхней навигации находим во вкладке «Общий» значок таблицы и жмем на него.

В окне «Таблица» прописываем ее параметры. 4-е строки – это шапка, горизонтальная навигация, контент и вертикальная навигация, и подвал. Столбец у нас пока один. Ширину таблицы возьмем 670 пикселей. Если в будущем вы захотите создать «резиновый сайт», который будет растягиваться по любой ширине, то вам нужно будет выбрать «Проценты» и поставить 100% (или сколько вам будет нужно).

Нажимаем ОК. У вас должно получиться примерно то, что вы видите у меня:

Чтобы выровнять таблицу по центру окна, найдите в разделе «Свойства» настройку «Выровнять» и из выпадающего меню выберете «По центру».

Прежде чем закончить этот урок, давайте сохраним все нами созданное. Кликните по названию файла«Безымянный-1» правой кнопкой мыши. Из выпадающего меню нужно выбрать «Сохранить как». Открывшееся окно заполните, как у меня и нажмите «Сохранить». В правом окне Adobe Dreamweaver CS3 в разделе«Локальные файлы» в папке www нашего сайта должен появиться файл index.html.

На этом мы заканчиваем этот урок. Главную таблицу сайта мы создали, создали файл index.html и все сохранили.