2.2 Технология реализации сайта (Html 5, css 3)
HTML — язык, объединяющий всемирную сеть. Всего лишь посредством набора простых тегов, человечеству удалось создать несравнимую ни с чем по своим масштабам систему связанных между собой страниц и веб-узлов.
HTML5 — свежайшая версия этого языка. Но несмотря на то, что она собирается принести с собой значительные изменения и новые возможности, нельзя сказать, что подобное происходит впервые и до этого язык никак не развивался. Развивался и постоянно улучшался, причем с самого своего появления.
Как и всемирная сеть вообще, HTML — язык разметки гипертекста — является детищем сэра Тима Берненс-Ли. В 1991 году он написал работу, озаглавленную «HTML Tags», в которой описал чуть меньше двух дюжин тегов, предложенных им для разметки веб-страниц.
Идея использовать для этого кодовые слова внутри треугольных скобок, впрочем, не принадлежит сэру Тиму. Такая система на тот момент уже существовала и использовалась в SGML (Standard Generalised Markup Language, стандартный обобщенный язык разметки), и вместо того, чтобы изобретать что-то с нуля, сэр Тим посчитал более рациональным взять за основу уже существующие решения. Аналогичный подход применялся и вообще на всем пути к HTML5 в процессах разработки.
Существуют несколько версий HTML:
HTML 2.0, одобренный как стандарт 22 сентября 1995 года;
HTML 3.2 — 14 января 1997 года;
HTML 4.0 — 18 декабря 1997 года;
HTML 4.01 — 24 декабря 1999 года;
HTML 5 — в разработке ведется с 2004 года. Конец разработки запланирован на 2014 год.
Каждый сайт на абсолютно любой версии имеет следующую структуру:
Стиль CSS
Cascading Style Sheets (Таблицы каскадных стилей) - это язык, содержащий набор свойств для описания внешнего вида любых HTML документов. С его помощью дизайнер имеет полный контроль над стилем и расположением каждого элемента веб-страницы, что проще и гораздо функциональнее использования обычного набора HTML тегов.
Преимущества использования CSS
Один файл CSS может контролировать внешний вид множества документов HTML. Чтобы изменить вид всего сайта, достаточно отредактировать единственный файл CSS, а не все количество страниц.
С помощью языка стилей можно описать такие эффекты на странице, чего не сделаешь с помощью языка HTML.
Существуют несколько версий CSS:
CSS1 - принята 17 декабря 1996 года
CSS2 - принята 12 мая 1998 года
CSS3 - разрабатываемая версия
CSS4 - разрабатывается с 29 сентября 2011 года
2.3 Исходя из сложностей
информационной системы ИС Школа нами
были выбраны такие макеты.
2. 3. 2 Стиль сайта классический или WEB 2.0 признаки:
2.3.2.1 Создание баннера
Шапка сайта
Еще издавна народ говорил: «По шапке – встречают!» — Вот и современный веб дизайн чтит эту мудрость. Некоторые из нас еще помнят времена, когда шапка сайта или блога являла собой некий изыск красоты и графических возможностей дизайнера. Сегодня в этой области намного больше смысла.
Важность шапки сайта или блога
За несколько последних лет были проведены многочисленные исследования, которые, наконец, открыли глаза разработчикам сайтов. Согласитесь: первый экран страницы блога или сайта – самая лакомая ее часть. Здесь авторы должны попытаться сосредоточить всю наиважнейшую информацию. И, даже не отрицая вовсе красоту шапки, ее стараются сделать более полезной с точки зрения интернет-маркетинга. Нередко здесь располагают call to action – призыв к действию, интерактивный элемент, ведущий прямиком на целевую страницу.
Семантика элемента:
В спрашиваю раз говорю о «метафизике» — семантике HTML-верстки. Соответственно, все ответные вопросы «а зачем это нужно» имеют один ответ — just for fun.
Согласно текущей спецификации HTML5, элемент header представляет собой группу элементов вводного или навигационного значения. Как правило, он содержит заголовок раздела (section), но также может содержать другие элементы, такие как содержание, форму поиска или относящиеся к содержимому логотипы.
На практике элемент используется как для озаглавливания какого-либо раздела страницы, так и для всей страницы сразу. Иными словами, шапку сайта часто выностян в независимый header. Также, в него часто помещают навигационный кусок сайта, обернутый в элемент nav. Это всё не является ошибками с точки зрения семантики.
Однако, если в шапке сайта требуется разместить еще какую-либо информацию, кроме заголовка страницы и навигации, то можем ли мы для неё использовать элемент section? Например:
<header>
<h1>Название сайта</h1>
<nav>
<h1>Навигация</h1>
...
</nav>
<section>
<h1>Контактная информация</h1>
...
</section>
</header>