Первые шаги по созданию Web-сайта

Когда пользователь отправляет URL с помощью обозревателя на сайт, то в ответ приходит главная страница сайта. Главная страница содержит множество ссылок, позволяющим переходить к другим страницам сайта.

К главной странице сайта предъявляются повышенные требования. Она должна быть информативной и в то же время не быть перегружена деталями. Должны легко находиться ссылки, по которым можно перейти к другим страницам для получения необходимой информации.

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

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

Рис. 1.2. Компоновка главной страницы сайта

Пример 1.1.

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

Пусть некоторая фирма, назовем ее «Гепард», занимается изготовлением и установкой металлических дверей, решеток и других подобных изделий. Эта фирма решила организовать информационную поддержку в Интернете и создать свой сайт. Если принять за основу показанную на рис. 1.2 схему, то сайт упомянутой фирмы мог бы выглядеть примерно так, как показано на рис. 1.3.

ООО «Гепард»

Фирма «Гепард»

Прайс-лист

Оформление

Заказа

Отзывы и

предложения

Характеристики металлических дверей:

1. Толщина металла.

• 3 мм.

• 4 мм.

2. Цвет внутренней облицовки.

• Белый.

• Зеленый.

3. Замок.

• Обыкновенный.

• Сейфовый.

Изготовление и установка

Двери

Решетки

Рамы оконные

Рис. 1.3. Компоновка главной страницы сайта фирмы «Гепард»

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

На рис. 1.4 схема связей страниц сайта, где в прямоугольниках записаны имена HTML-файлов соответствующих страниц сайта. Для каждой страницы требуется создать свой HTML-документ и сохранить в соответствующем HTML-файле. Имена для файлов выбираются произвольно, и в рассматриваемом случае выбраны следующие имена HTML-файлов:

main.html – для главной страницы с описанием характеристик дверей;

iron. html – для страницы с описанием характеристик решеток;

frame. html – для страницы с описанием характеристик оконных рам;

price. html – для страницы с перечнем цен на услуги;

order. html – для страницы с формой заказа;

recall. html – для страницы с формой отзыва на полученные услуги.

Рис. 1.4. Схемы связей страниц сайта фирмы «Гепард»