Структура страницы

Веб-страница, структурно, состоит из нескольких блоков: хедера («шапки» сайта), dash-панели, меню, области контента, полосы баннеров и футера («подвала» сайта). Рассмотрим более подробно каждый из этих структурных блоков с точки зрения программирования.

Блоки хранятся в соответствующих HTM файлах, а движок веб-сервера, на стороне Arduino, собирает из этих блоков страницы и отдаёт их по запросам браузера пользователя.

Хедер

Хедер

Это самая верхняя полоса с названием станции, «лайфером» и версией Arduino Mega Server. HTML код этого блока находится в файле _header.htm для темы по умолчанию. Для других тем код хедера находится в соответствующих файлах.

  • _head_hm.htm — хедер темы «Домашняя»
  • _head_md.htm — хедер темы «Модерн»
  • _head_hk.htm — хедер темы «Хакер дизайн»
  • _head_p1.htm — хедер партнёрского сайта 1
  • _head_p2.htm — хедер партнёрского сайта 2
  • _head_p3.htm — хедер партнёрского сайта 3
  • _head_p4.htm — хедер партнёрского сайта 4

Если вы хотите изменить хедер какой-либо темы, то вам нужно отредактировать соответствующий файл. Плюс, возможно, вам придётся ещё внести изменения в CSS и JS файлы, ассоциированные с редактируемым хедером, это зависит от характера изменений, которые вы хотите внести.

Dash-панель

Dash-панель

HTML код dash-панели для темы по умолчанию хранится в файле _dash.htm. Для других тем код dash-панели находится в соответствующих файлах.

  • _dash_hm.htm — dash-панель темы «Домашняя»
  • _dash_md.htm — dash-панель темы «Модерн»
  • _dash_hk.htm — dash-панель темы «Хакер дизайн»
  • _dash_p1.htm — dash-панель партнёрского сайта 1
  • _dash_p2.htm — dash-панель партнёрского сайта 2
  • _dash_p3.htm — dash-панель партнёрского сайта 3
  • _dash_p4.htm — dash-панель партнёрского сайта 4

Если вы хотите изменить внешний вид dash-панели, то вам нужно внести согласованные изменения в файлы самой панели для нужной темы, CSS и JS файлы и, возможно, в скетч Arduino Mega Server, это зависит от характера изменений, которые вы хотите внести.

Меню

Меню

Меню для каждой темы тоже хранятся в отдельных файлах и доступны для изменения по тому же принципу, что и блоки хедера и dash-панели. Изменение меню для каждой темы позволяет создать уникальную топологию для каждого отдельного сайта внутри системы AMS. Код меню для темы по умолчанию хранится в файле _menu.htm.

  • _menu_hm.htm — меню темы «Домашняя»
  • _menu_md.htm — меню темы «Модерн»
  • _menu_hk.htm — меню темы «Хакер дизайн»
  • _menu_p1.htm — меню партнёрского сайта 1
  • _menu_p2.htm — меню партнёрского сайта 2
  • _menu_p3.htm — меню партнёрского сайта 3
  • _menu_p4.htm — меню партнёрского сайта 4

Область контента

Область контента

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

На уровне файлов и кода то, что мы называем областью контента, представляет собой HTM файлы страниц, например, settings.htm или about.htm. А все остальные блоки (хедер, меню и т. д.) движок сайта, на стороне Arduino, упаковывает внутрь этих файлов, формируя полноценные веб-страницы.

Список этих страниц и их описание вы можете найти в разделе Файлы страниц.

Полоса баннеров

Баннер

Это служебная часть страницы, в которую можно выводить нужную вам информацию. В текущей версии системы Arduino Mega Server в эту область выводятся логотипы партнёров проекта. Этим занимается рекламный движок AMS и логотипы выводятся не каждый раз при загрузке страницы, а только в 1 из 15 случаев.

Файл полосы баннеров только один на все темы _banner.htm.

Футер

Футер

Это «подвал» сайта с развёрнутыми пунктами меню и нижней информационной полосой. Код этого блока находится в файле _footer.htm для темы по умолчанию. Для других тем код футера находится в соответствующих файлах.

  • _foot_hm.htm — футер темы «Домашняя»
  • _foot_md.htm — футер темы «Модерн»
  • _foot_hk.htm — футер темы «Хакер дизайн»
  • _foot_p1.htm — футер партнёрского сайта 1
  • _foot_p2.htm — футер партнёрского сайта 2
  • _foot_p3.htm — футер партнёрского сайта 3
  • _foot_p4.htm — футер партнёрского сайта 4
Субфутер

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


Обратите внимание. Система Arduino Mega Server непрерывно развивается и в код проекта постоянно вносятся изменения и улучшения, поэтому, описание и документация может не соответствовать вашей конкретной версии системы. Последняя правка этой страницы относится к 0.14 версии системы.