1.1. Разработка архитектуры

Для полноценной работы пользователей на сайте должна присутствовать простая и удобная система управления. Основное внимание уделяется дизайну сайта, информации, и её представлению в простой для понимания форме. Курсовая работа была выполнена на основе HTML 5, с применением блочной верстки CSS 3. Это один из самых распространённых способов создания сайтов.

В своей курсовой работе я разработаю сайт, который предоставит клиентам возможность подробней ознакомиться с футбольным клубом Арсенал.

Для реализации сайта я буду использовать язык программирования HTML, с использованием таблиц каскадных стилей CSS, а также элементы JavaScript. Использование CSS позволяет быстро и без необходимости проведения объемной работы изменять или корректировать сайт.

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

1.2. Разработка навигации по сайту

Главное меню сайта расположено в верхней части и имеет ссылки для перехода на страницы «Главная», «Видео», «История клуба», «Состав», «Новости», и «Турнирная таблица». На главной странице сайта представлены последние добавленные новости.

Реализация поставленной задачи

При реализации поставленной задачи будет использован специальный язык программирования HTML (Hyper Text Markup Language) для создания WEB-страниц. При оформлении WEB-страниц будет использован язык CSS (Cascading Style Sheets – Таблицы Каскадных Стилей), содержащий набор свойств для описания внешнего вида любых HTML документов. С его помощью можно наиболее функционально использовать обычный набор HTML тегов, и JavaScript, который обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах, как язык сценариев, для придания интерактивности веб-страницам.

Главное меню имеет разделы:

Главная
Видео
История клуба
Состав
Новости
Турнирная таблица

В разделе «Главная» представлены последние добавленные новости, список бомбардиров, а также мини галерея.

В разделе «Видео» вы можете посмотреть обзоры прошедших матчей Арсенала.

Раздел «История клуба» содержит информацию важнейших периодов Арсенала.

В разделе «Состав» содержится полный список игроков Арсенала 2013 года.

В разделе «Новости» вы можете узнать последние новости о команде, ее предстоящих и прошедших играх, а также знать многое новое о футбольной жизни.

В разделе «Турнирная таблица» представлена таблица английской премьер лиги.

2.1. Разработка интерфейса

На Рисунке 1 мы видим главное меню сайта.

Рисунок 1 – Внешний вид главной страницы

Вся информация в главном окне представлена в пределах блока div:

<h1 id="logo" class="notext"><a href="Главная.html">Арсенал Лондон</a></h1>

</div>

<ul>

<li><a href="Главная.html">Главная</a></li>

<li><a href="Видео.html">Видео</a></li>

<li><a href="История.html">История клуба</a></li>

<li><a href="Состав.html">Состав</a></li>

<li><a href="Новости.html">Новости</a></li>

<li><a href="таблица.html">Турнирная таблица</a></li>

</ul>

</div>

<ul>

<li><div class="link"><a href="Архив2012-2013.html">Архив 2012/2013</a></div></li>

<li><div class="link"><a href="Архив2011-2012.html">Архив 2011/2012</a></div></li>

<li><div class="link"><a href="Архив2010-2011.html">Архив 2010/2011</a></div></li>

<li><div class="link"><a href="Архив2009-2010.html">Архив 2009/2010</a></div></li>

</ul>

</div>

На остальных страницах главное меню представлено в таких же блоках.

Данные информационные блоки могут содержать большое количество текстовой и графической информации. На каждой странице фон содержит темно серые тона (Рисунок 2).