Здравствуйте! Продолжаем создавать сайт в блокноте. В прошлом уроке мы с Вами добавили контент на главную страницу сайта. Теперь главная страница сайта у нас полностью готова.

Всего на сайте у нас должно быть три страницы. В этом уроке, мы с Вами рассмотрим, как создавать дополнительные страницы для сайта.

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

На всех страницах сайта, как правило, должны присутствовать – шапка сайта, меню сайта и футер сайта.

Перечисленные блоки актуальны для любой страницы.

Шапка сайта – это название сайта, его тематика.

Меню сайта должно присутствовать на всех страницах, так как с помощью меню, посетитель сайта, может оперативно переходить с одной страницы на другую, получая нужную информацию.

Футер сайта, тоже содержит важную информацию и является завершающим элементом дизайна любой страницы сайта, так что его присутствие на странице тоже важно.

То есть мы с Вами, при создании новых страниц, оставим без изменения перечисленные Выше блоки, а менять будем только содержимое контентного блока.

Из сказанного выше, мы с Вами видим, что для создания новых страниц, лучше всего использовать полностью готовую страницу сайта. У нас полностью готова главная страница сайта.

То есть, процесс создания новых страниц, в нашем случае, становится достаточно простым:

1. Мы делаем копию файла готовой страницы

2. Далее, мы переименовываем файл копии

3. Затем, мы открываем файл новой страницы блокнотом, заменяем старый контент на новый, в соответствии с тематикой данной страницы.

Ну что же, приступим:

Первый шаг

Итак, для того, чтобы создать новые страницы, делаем первый шаг – создаем копии файла главной страницы нашего сайта.

Мы с Вами планировали создать сайт, состоящий из трех страниц. Файл главной страницы – index.html, у нас уже есть.

Для того, чтобы сделать копии файла, я обычно выделяю файл, затем кликаю на нем правой кнопкой - появляется контекстное меню, где я выбираю «копировать».

Затем, я кликаю правой кнопкой в той же папке, где находится копируемый файл и, в контекстном меню выбираю «вставить». В результате я получаю копию файла, в данном случае, копию файла главной страницы сайта. Точно так же я получаю еще одну копию.

Второй шаг

Вторым шагом, нам необходимо переименовать полученные копии файлов. Делается это очень просто. Кликаем правой кнопкой на названии одного из файлов и в контекстном меню выбираем переименовать, затем – изменяем название копии файла на нужное нам название: «about.html». Соответственно вторую копию файла переименовываем в «news.html».

Третий шаг

Итак, мы с Вами создали две новых страницы с именами файлов – about.html иnews.html. Теперь нам их нужно отредактировать, а именно – заменить контент.

В нашем случае, на страницу «О сайте», то есть в файл - about.html, мы добавим статью «О сайте», а на страницу «Новости», то есть в файл «news.html» мы добавим новостную статью о развитии языка HTML5. О содержимом данных статей, мы с Вами уже говорили в уроке Меню для сайта Часть 1.

Ну а как добавить и разметить статью на странице, мы с Вами проходили в уроке 18, который называется - Наполнение сайта контентом.

Ну что же, наполняем созданные страницы контентом. Теперь у нас есть три готовые страницы сайта!

Используя выше описанный способ, вы всегда сможете создать сколько угодно страниц и добавить их на сайт. Не забывайте, что на каждую из добавленных страниц, нужно сделать пункт меню, чтобы посетитель сайта смог на эту страницу перейти.

Итак, мы создали и отредактировали в блокноте все страницы сайта. Давайте откроем наш сайт в браузере и проверим его работу, кликнув на все пункты меню. У нас должны открываться все страницы. Все должно работать без ошибок!

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

Наш сайт работает, но файлы сайта находятся на компьютере, то есть сайт работает локально, не в сети. Теперь наша задача, выложить созданный сайт в сеть Интернет!

Размещение сайта в Интернет – это отдельная тема, о которой мы поговорим в следующем уроке.

Перейти к Уроку 20: Как разместить сайт в Интернет.

Перейти к Уроку 18:Наполнение сайта контентом