Лекция: Разработка набора WEB - страниц

Разработку страниц автор разделяет на три этапа. Первый этап заключается в разработке алгоритма для разных типов страниц: первый — титульная страница, второй — страницы-каталоги и третий, непосредственно подробное описание товара. На рисунке 1.1 можно видеть разработанный автором шаблон главной страницы, на рисунке 1.2 можно видеть шаблон страницы-каталога, а на рисунке 1.3 показан шаблон непосредственно страницы с подробным описанием товара. Шаблон главной страницы используется только единожды и может быть изменен только в случай модернизации сайта, а остальные два шаблона могут использоваться с разным контентом необходимое автору сайта количество раз, в этом и есть преимущество создания и использования разного типа шаблонов.

Рисунок 1.1 — Главная страница

Рисунок 1.2 – Страница-каталог

Рисунок 1.3 — Страница-описание

На рисунках изображены результаты работы сайта в браузере Google Chrome. Благодаря использованию CSS теперь многие элементы, которые раньше могли обрабатываться только в графических редакторах и уже в готовом виде вставлялись в файл, можно редактировать непосредственно в коде страницы. Это можно проиллюстрировать на примере закругленных углов или плотного прилегания к краям окна. Если внимательно рассмотреть исходный код и результат, показанный в окне браузера, то можно заметить, что не все ячейки таблиц видны, этот ход применен для создания таблиц, у которых в разных строках разное количество ячеек, а невидимые строки нужны для выравнивания непохожих друг на друга строк. Также вы можете заметить, что автор использовал некоторые МЕТА-теги, они были использованы для лучшей индексации документа поисковыми системами.