Глава 2. разработка каталога товаров
Логическая, физическая структура сайта, особенности наполнения
Логическая структура сайта
Логическая структура сайта – это система ссылочного взаимодействия между страницами виртуального ресурса. Она должна продумываться на самых ранних этапах разработки сайта и являться основой функциональности дизайна.[6]
(см. Приложение 1)
Физическая структура сайта
Физическая структура сайта – схема расположения фактических файлов по подпапкам папки, в которой размещен сайт. [12]
(см. Приложение 2)
Особенности наполнения
В данном каталоге основным контентом является информация о продаваемом товаре:
‒ его изображение;
‒ информация о его физическом состоянии;
‒ информация о его подлинности;
‒ информация о его стоимости.
Так же, на сайте представлены различные фоновые изображения.
Анализ возможных средств реализации
Html
Основным языком при программировании каталога служит язык HTML.
HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами, полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования. [15]
Язык HTML в настоящее время является основным языком создания Web-страниц. Язык HTML формирует внешний вид Web-страниц. HTML обычно просто указывает другим программам (Web-браузеру, например), как нужно отображать текст, рисунки и т.п., создаёт ссылки к другим Web-документам. HTML позволяет включать в текст и поддерживать работу объектов, созданных средствами JAVA и др.
Web-страницы, написанные с помощью "классической" части HTML, статичны и не поддерживают интерактивный режим работы пользователя.
Код HTML - это аналог программы на HTML. Код HTML состоит из тегов. [1]
Тег – стартовый или конечный маркер (метка, признак, указатель) элемента. Теги определяют границы действия элементов и отделяют друг от друга.
Стартовый (открывающий) тег – это элемент, заключенный в угловые скобки. Стартовый тег объявляет начало включения элемента в страницу. Например, тег <HTML>обозначает начало кода страницы. В стартовом теге часто задаются значения атрибутов (свойств, параметров, характеристик) элемента.
Конечный (закрывающий) тег снабжается косой чертой и обозначает конец действия элемента. Например, тег </HTML> служит признаком конца кода страницы.
Существуют элементы, не имеющие конечного тега. Например, горизонтальная линия включается в страницу только с помощью стартового тега <HR>
Если элемент языка HTML является контейнером для других элементов, то он имеет открывающий и закрывающий тег. Значения его свойств оказывают влияние (распространяются, наследуются) на вложенные элементы.
Тег может иметь атрибут или не иметь его. Например, тег верхнего уровня <HTML> не имеет атрибутов, а в строке создания новой таблицы <TABLE BORDER="1" WIDTH="100"> выражение "BORDER="1" WIDTH="100"" является атрибутом тега </TABLE>.
В общем виде синтаксис записи тега HTML в совокупности с его атрибутами выглядит следующим образом:
<ТЕГ ИМЯ_АТРИБУТА-2="ЗНАЧЕНИЕ" ИМЯ_АТРИБУТА-2="ЗНАЧЕНИЕ" ... ИМЯ_АТРИБУТА-n=ЗНАЧЕИЕ"> [2]
Cascading Style Sheets
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида web-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой web-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля. [14]