1. Для того, чтобы создать сайт, предназначена программа Adobe Dreamweaver, вы можете скачать ее на нашем сайте . После того, как установка завершится, запускайте программу.

2. Выбирайте html в стартовой менюшке

3. Вот так выглядит исходный код, который должен перед вами появиться:

Внимание! Строка meta – это определение кодировки сайта, вписывайте в нее windows-1251, сайты, написанные в других кодировках, сервис Народ.ру не поддерживает.

4. Название страницы вписывается в ячейку Title.

Этот тег отображает название страницы в браузере (верхняя полоса).

5. На рабочей панели ищем вкладку Common и ставим в коде курсор между тегами <body> и <⁄body> (открывающий и закрывающий, соответственно).

6. Нажав на значок таблицы, создаем ее.

Поясняю: таблица, напоминающая аналогичные творения Excel, будет основой сайта.

 

7. Настраивать будущую таблицу будет можно в открывающемся окошке программиста. Поле "строки" (Rows) содержит цифру, обозначающую количество вертикальных ячеек, ставим там 2.

Поле "столбцы" (Columns), содержит количество горизонтальных ячеек, ставим там тоже 2.

Поле "ширина таблицы" (Table width) так же будет содержать число. Соседняя вкладка измеряет величину таблицы либо в процентах (percent), либо в пикселях (pixels). В нашем примере это будет 90 %.

Далее идет поле "толщина рамки" (Border thickness), ему  можно придать либо значение 0 (рамки будет не видно), либо любое число, задающее желательную толщину рамки (в пикселях). В нашем случае это – 1.

В поле "отступа от границы ячейки" (Cell padding) нужно проставить 20 (тоже пикселей). Таким образом, ячейки получаются как бы "приклеенными" друг к другу. Другие настройки пока оставляем без внимания. Жмем "ОК".

8. Во вкладке Design (на рабочей панели) можно посмотреть, что же вышло. Если все правильно, должна получиться таблица в 90% от размера экрана ширины, содержащая две ячейки по горизонтали и по вертикали и рамку шириной в 1 пиксель.

9. Теперь нужно полученный документ сохранить. В "Файле" (File) выбираем "сохранить как" (Save as…). В открывшемся окошке указываем путь сохранения файла. Желательно создать папку с понятным называнием, к примеру, "Мой сайт" или "Site", которая будет содержать все материалы по этой теме. Далее следует задать имя файлу. Так как данная страница будет главной, логично ее назвать index.html. Сохраняем. Все дальнейшие сохранения можно будет производить комбинацией клавиш Ctrl-S.

Этот урок посвящен созданию основы будущего сайта, его главную страницу, index.html (так всегда называется главная страница). Так же создан каркас сайта – таблица. Следующая часть будет посвящена заполнению этой самой таблицы, как текстовым материалом, так и элементами дизайна.