Структура страницы
Веб-страница, структурно, состоит из нескольких блоков: хедера («шапки» сайта), 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-панель
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 версии системы.