Принципы создания сайта на основе HTML

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

Много корпоративных сайтов обходятся одним лишь HTML кодом, не используют серверных скриптов и баз данных, и, тем не менее, приносят прибыль своим владельцам. У таких сайтов среди разделов присутствуют: главная страница, страница с ценами, контактами и несколько страниц каталога продукции. Хранение контента сайта в базах данных упрощает его редактирование в некоторых случаях (сайты могут работать на движках), но грамотное построение структуры страниц сайта позволяет в дальнейшем также легко его редактировать.

Чаще всего создание сайтов начинается с разработки дизайна, макеты которого, как правило, создаются в программах Photoshop и Illustrator от фирмы Adobe. Набросок можно нарисовать и на листе бумаги, при этом следует учитывать, будет ли сайт иметь резиновый или фиксированный дизайн. Вышеперечисленные программы имеют инструмент slice – «раскройка». С помощью него макет режется на отдельные прямоугольные изображения, которые потом быстро можно сохранить.

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

К ним относятся: заголовок страницы, описание страницы, ссылки на внешние css и js файлы, шапка (header), навигация, контент, подвал (footer). Отдельно можно выделить другие элементы, такие как место под рекламу, специальные модули. В контенте в общем случае должны быть: заголовок, «хлебные крошки» и текст.

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

Те части кода, которые повторяются из страницы в страницу (шапка, подвал) нужно выделить в отдельные файлы php. Для использования php скриптов, все файлы веб-страниц должны иметь расширение php. Для подключения страницы с частью кода используйте инструкцию. Внутри файла имя_страницы.php, оформление HTML кода может иметь разрыв. Это совсем не страшно. Данная инструкцию соберет файлы на сервере и пользователю она передастся в цельном виде.