10. Типы сайтов - информационные и дизайнерские. Сайт, структура сайта, навигация по сайту. Шапка, блоки меню, рабочая область информационного сайта. Жесткий и резиновый дизайн при верстке сайтов.

Веб-сайт — в компьютерной сети Интернет объединённая под одним адресом совокупность документов частного лица или организации.

Типы сайтов:

- личная страница (чья-то личная страничка - jimcarrey.com)

- информационный (vesti.ru)

- интернет каталог (электронный каталог товаров\услуг какой-либо фирмы)

- бизнес-сайт (сайт крупного предприятия, охватывающий все аспекты его существования)

- визитка (чья-то персональная страничка, описывающая только профессиональные качества человека)

- интернет магазин (продажа товаров/услуг)

Структура сайта — древовидное иерархическое представление всех элементов сайта, включая все подразделы. Иными словами — это база веб-ресурса, которая впоследствии наполняется текстовой и графической информацией.

Навигация – совокупность средств, с помощью которых пользователь может перемещаться в пределах сайта (меню, ссылки на дополнительные или схожие по тематике материалы, система поиска по сайту, карта сайта). Чем лучше и продуманней будет эта система, тем более удобней и проще посетителю будет найти интересующую его информацию.

Шапка сайта представляет собой сквозной элемент, проходящий через все страницы сайта. В шапке сайта располагают основные элементы макета – логотип, меню навигации, слоган, контактные данные.

Пространство между шапкой и подвалом называется рабочей зоной и может быть одно-двух-трехпанельной в зависимости от сложности верстки сайта.

Макеты с фиксированной шириной отличается основной областью для содержания, ширина которой выставлена в неизменное значение, не зависящее от разрешения экрана пользовательского агента. Наиболее распространенной и разумной считается ширина в 760 пикселей — размер, при котором пользователи мониторов с разрешением 800х600 увидят основное содержание сайта практически во всю ширину экрана, не прибегая к дополнительной горизонтальной прокрутке. Жёсткий дизайн проще разрабатывать (все элементы неподвижны относительно друг друга по длине)

Резиновые макеты. Резиновый макет получается, если у основного контейнера не задавать ширину вообще или задать ширину в процентах. Не учитывая границы и отступы, сайт, имеющий ширину 100% будет занимать всю видимую часть экрана, не создавая горизонтальной полосы прокрутки.

Все описания выше можно отнести к информационному сайту. На дизайнерских сайтах данные элементы (шапка, контент, подвал, навигация и т.д.) могут присутствовать, а могут и отсутствовать.

11. Разделение статических и динамических зон при верстке сайтов. Методы создания многостраничных сайтов - JavaScript, фреймы, ssi.

На каждой HTML странице могут быть зоны одинаковые для всех страниц (шапка сайта, подвал) и зоны, различные для каждой странице (в плане контента). Поэтому существует разделение страницы на статические и динамические зоны (не во времени, а от страницы к странице)

JavaScript — скриптовый язык, чаще всего использующийся при создании сценариев поведения браузера, встраиваемых в веб-страницы (для придания интерактивности веб-страницам)

JavaScript позволяет манипулировать с любым элементом на странице в реальном времени. Можно скрывать или полностью удалять любой элемент, добавлять элементы, копировать их, изменять такие свойства, как цвет, ширина, высота, и т.д., а при некотором воображении можно даже реализовать функции перетаскивания, анимации и почти все остальное, что можно придумать.

Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера. Фреймы по своей сути очень похожи на ячейки таблицы, однако более универсальны. Фреймы разбивают web-страницу на отдельные мини-кадры (страницы), расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, вы можете рассматривать страницы, показанные в другом окне. Фреймы довольно часто использовались для навигации по web-сайту. При этом навигационная страница располагается в одном окне, а страницы с текстом — в другом.

В современном WWW использование фреймов не рекомендовано. Главным образом это связано, как ни странно, с алгоритмами работы поисковых машин, которые могут привести пользователя к html-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить.

SSI (Server Side Includes — включения на стороне сервера) — несложный язык для динамической «сборки» веб-страниц на сервере из отдельных составных частей и выдачи клиенту полученного HTML-документа. Реализован в веб-сервере Apache при помощи модуля mod_include. Включённая в настройках по умолчанию веб-сервера возможность позволяет подключать HTML-файлы, поэтому для использования инструкций файл должен оканчиваться расширением .shtml, .stm или .shtm.