2.2 Макет страниц
Приведённый макет страницы является общим для всего сайта.
Шапка, меню, контакты и блоки с дополнительной информацией так же являются неизменными для всех страниц сайта. Блок с основным контентом изменяется в зависимости от того на какой странице находится пользователь.
Благодаря такому макету страницы пользователь не запутается в сайте. Каждый блок визуально отделим от другого, что упрощает восприятие информации.
«Шапка» сайта позволяет пользователю всегда понимать на каком сайте он находится, не зависимо от страницы на которую он попадает.
Основная информация находится по середине страницы, что упрощает просмотр, особенно на больших разрешениях мониторов, не приходится бегать глазами по длинным текстовым строкам.
Контактная информация видна на каждой странице сайта, что может значительно ускорить и упростить работу пользователя.
2.3 Навигационная система
На сайте реализовано три вида навигации.
Первый способ навигации – меню сверху, является основным.
Достоинства данного способа заключаются в следующем, пользователь имеет постоянный доступ к меню, и в любой момент может попасть на нужную страницу.
Второй способ навигации – ссылки на «главную» с любой страницы сайта.
Данный способ полезен, если пользователю необходимо быстро попасть на первую страницу, либо по каким-то причинам главное меню не загрузилось.
3 Реализация сайта
3.1 Выбор средств реализации
Для написания сайта были выбраны следующие языки: язык разметки гипертекста HTML, каскадные таблицы стилей CSS, JavaScript для клиентского программирования, PHP для серверного программирования.
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
Стилем или CSS (Cascading Style Sheets, каскадные таблицы стилей) называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид. Преимуществом стилей является то, что они предлагают намного больше возможностей для форматирования, чем обычный HTML.
CSS представляет собой мощную систему, расширяющую возможности дизайна и верстки веб-страниц. Стили представляют собой набор параметров, управляющих видом и положением элементов веб-страницы. Стили являются удобным, практичным и эффективным инструментом при верстке веб-страниц и оформления текста, ссылок, изображений и других элементов. CSS позволяет разграничить код и оформление, страница должна содержать только теги логического форматирования, а вид элементов задается через стили. С помощью стилей можно определить вид веб-страницы для разных устройств вывода: монитора, принтера, смартфона, КПК и др. В отличие от HTML стили имеют гораздо больше возможностей по оформлению элементов веб-страниц. Применение единообразного оформления заголовков, основного текста и других элементов создает преемственность между страницами и облегчает пользователям работу с сайтом и его восприятие в целом. Разработчикам же использование стилей существенно упрощает проектирование дизайна.
JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Современный JavaScript — это «безопасный» язык программирования общего назначения. Он не предоставляет низкоуровневых средств работы с памятью, процессором, так как изначально был ориентирован на браузеры, в которых это не требуется.
В браузере JavaScript умеет делать все, что относится к манипуляции со страничкой:
Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т.п.
Реагировать на действия посетителя, обрабатывать клики мыши, перемещение курсора, нажатие на клавиатуру и т.п.
Посылать запросы на сервер и загружать данные без перезагрузки страницы(это технология называется "AJAX").
Получать и устанавливать cookie, запрашивать данные, выводить сообщения…
Есть как минимум три замечательных особенности JavaScript:
Полная интеграция с HTML/CSS.
Простые вещи делаются просто.
Поддерживается всеми распространенными браузерами и включен по умолчанию.
PHP в основном сориентирован на серверный скриптинг, поэтому может делать всё то, что делают CGI-программы: сбор данных форм, динамическую генерацию содержимого страницы или приём и отправку кук.
Скрипты PHP применяются в трёх основных сферах.
Серверный скриптинг. Это наиболее традиционная и главная сфера применения PHP.
Скриптинг командной строки.
Клиентские GUI-приложения.
PHP может использоваться на всех крупных операционных системах (ОС), включая Linux, многие варианты Unix (HP-UX, Solaris и OpenBSD), Microsoft Windows, Mac OS X, RISC OS и, возможно, другие. PHP имеет поддержку для большинства существующих web-серверов.
Итак, с помощью PHP мы получаете свободу выбора ОС и web-сервера. Более того, мы можем также выбрать использование процедурного или объектно-ориентированного варианта программирования или их сочетания.
В PHP мы не имеете ограничений в выводе HTML. PHP может выводить изображения, PDF-файлы и даже клипы Flash (используя libswf и Ming), генерируемые на лету. Мы также легко можем выводить любой текст, включая XHTML, и любой другой XML-файл. PHP может автоматически генерировать эти файлы и сохранять их в файловой системе, вместо их распечатки, формируя серверный кэш для вашего динамического содержимого.
Одна из наиболее сильных и привлекательных черт PHP - поддержка им большого количества баз данных (БД).
Для создания сайта так же была использована библиотека JavaScript - jQuery , фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery содержит функциональность, полезную для максимально широкого круга задач. Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML.jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл.
Вся разработка сайта проводилась в Notepade++. СHYPERLINK "http://ru.wikipedia.org/wiki/%D0%A1%D0%B2%D0%BE%D0%B1%D0%BE%D0%B4%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D0%BE%D0%B5_%D0%BE%D0%B1%D0%B5%D1%81%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D0%B5"вободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки.
Возможности программы:
Подсветка синтаксиса
Сворачивание кода
Автодополнение и автоматическое закрытие скобок и тэгов
Закладки
Регулярные выражения для поиска и замены
Запись и воспроизведение макросов
Сравнение файлов
Переопределение любых горячих клавиш
Резервное копирование сохраняемых файлов
Мультистрочное редактирование