Из чего состоит страница сайта

&lt;p&gt;Страница сайта формируется &quot;1С-Битрикс: Управление сайтом&quot; по определённым правилам. [dw]Шаблон сайта[/dw][di] Шаблон дизайна - это внешний вид сайта, в котором определяется расположение различных элементов на сайте, художественный стиль и способ отображения страниц. &lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&LESSON_ID=1851&quot; title=&quot;&quot; target=&quot;_blank&quot;&gt;Подробнее&lt;/a&gt;...[/di] формирует каркас страницы, в который добавляется[dw]динамическая[/dw][di]Динамическая информация - это часто изменяемая однородная информация, выводимая на страницах сайта с помощью специальных программных компонентов системы. &lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&CHAPTER_ID=01848&quot; title=&quot;&quot; target=&quot;_blank&quot;&gt;Подробнее&lt;/a&gt;...[/di] и/или [dw]статическая[/dw][di] Статическая информация - это редко изменяемая информация, которая выводится непосредственно в тексте самой страницы сайта вручную контент-менеджером. &lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&CHAPTER_ID=01848&quot; title=&quot;&quot; target=&quot;_blank&quot;&gt;Подробнее&lt;/a&gt;...[/di] информация, размещенная на странице.&lt;/p&gt; &lt;p&gt;Создание шаблонов сайта и размещение на них [dw]компонентов[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. &lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&CHAPTER_ID=04457&quot; title=&quot;&quot; target=&quot;_blank&quot;&gt;Подробнее&lt;/a&gt;...[/di] осуществляется разработчиками сайтов. Тем не менее, квалифицированному контент-менеджеру необходимо представлять, как устроена страница сайта.&lt;/p&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; height=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#cecece&quot;&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;br&gt; &lt;h4&gt;Структура страницы&lt;/h4&gt; &lt;p&gt;Любая страница сайта имеет следующую структуру:&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;javascript:ShowImg('/images/content_manager/information/page_structure1.png',1261,1470,'Структура страницы')&quot;&gt;&lt;img style=&quot;cursor: pointer;&quot; alt=&quot;Нажмите на рисунок, чтобы увеличить&quot; src=&quot;/images/content_manager/information/page_structure_sm.png&quot;&gt;&lt;/a&gt; &lt;/p&gt; &lt;ul&gt; &lt;span class=&quot;learning-highlight-number&quot;&gt;1&lt;/span&gt; Верхняя - &lt;b&gt;header&lt;/b&gt; - выделена красным цветом. Как правило располагается сверху (&quot;шапка&quot; сайта) и включает в себя логотип, лозунг сайта, верхнее горизонтальное меню и левое меню (если они есть в дизайне). Может включать в себя динамическую информацию, например: [dw]цепочку навигации[/dw][di]Цепочка навигации - один из способов навигации по сайту, состоит из последовательности названий разделов от главной страницы сайта до той, где находится посетитель.[/di]. Формируется на основе шаблона дизайна сайта. &lt;p&gt;&lt;span class=&quot;learning-highlight-number&quot;&gt;2&lt;/span&gt; Основная рабочая область - &lt;b&gt;work area&lt;/b&gt; - выделена синим цветом. В ней размещаются собственно информационные материалы сайта. В качестве Основной рабочей области может подключаться как физический файл, так и создаваемый системой на основе комплексных компонентов динамический код. &lt;/p&gt; &lt;p&gt;Если в качестве Основной рабочей области подключается физический файл, то такая страница называется &lt;b&gt;статической&lt;/b&gt;. Если подключается динамический код, то такая страница называется &lt;b&gt;динамической&lt;/b&gt;.&lt;/p&gt; &lt;span class=&quot;learning-highlight-number&quot;&gt;3&lt;/span&gt; Нижняя - &lt;b&gt;footer&lt;/b&gt; - выделена зелёным цветом. Как правило, расположена внизу (&quot;подвал сайта&quot;) и включает в себя контактную информацию, сведения об авторе и владельце сайта и так далее, нижнее горизонтальное меню и правое меню (если они есть в дизайне). Может включать в себя динамическую информацию, например: форму подписки на рассылки. Формируется на основе шаблона дизайна сайта. &lt;/ul&gt; &lt;br&gt; &lt;p&gt; Эти три части могут занимать разную площадь, иметь разную форму. &lt;u&gt;Неизменно одно: их порядок.&lt;/u&gt; &lt;/p&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; height=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#cecece&quot;&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;br&gt; &lt;h4&gt;В какой части страницы работает контент-менеджер&lt;/h4&gt; &lt;p&gt;Когда речь заходит о редактировании страниц сайта, в большинстве своем имеется в виду изменение содержимого &lt;strong&gt;Основной рабочей области&lt;/strong&gt; (&lt;span class=&quot;learning-highlight-number&quot;&gt;2&lt;/span&gt;). Здесь контент-менеджер размещает любую информацию: текст, список новостей, каталог товаров, форму голосования и так далее. &lt;/p&gt; &lt;p&gt;В шаблоне сайта (в &quot;подвале&quot; и в &quot;шапке&quot;) предусматриваются дополнительные [dw]Включаемые области[/dw][di]Включаемая область - специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы. &lt;a href=&quot;/learning/course/index.php?COURSE_ID=34&LESSON_ID=1879&quot; title=&quot;&quot; target=&quot;_blank&quot;&gt;Подробнее&lt;/a&gt;...[/di], в которых также размещается информация и с ней тоже работает Контент-менеджер.&lt;/p&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; height=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#cecece&quot;&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;br&gt; &lt;p&gt;&lt;table width=&quot;100%&quot; cellpadding=&quot;5&quot;&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style=&quot;vertical-align:center;&quot;&gt;&lt;i style=&quot;font-size: 25px;&quot; class=&quot;fa fa-check-square-o fa-border&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/td&gt; &lt;td style=&quot;vertical-align:center; width: 100%; padding-left: 5px&quot;&gt;&lt;h4 style=&quot;margin:0&quot;&gt;Заключение&lt;/h4&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/p&gt; &lt;p&gt;Страница сайта формируется системой динамически из трёх составляющих. Контент-менеджер работает в &lt;strong&gt;Основной рабочей области&lt;/strong&gt; и во Включаемых областях.&lt;/p&gt; &lt;br&gt;