Футбольный клуб «Арсенал»

Курсовая работа

" Футбольный клуб «Арсенал»

• Введение
• Постановка задачи
• 1.1 Разработка архитектуры
• 1.2 Разработка навигации по сайту
• 2. Реализация поставленной задачи
• 2.1 Разработка интерфейса
• 3. Некоторые предложения и дополнения для решения вопроса
• Заключение
• Список используемой литературы
• Приложение

Сайт — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом.

Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями. Страницы сайтов могут быть простым статичным набором файлов или создаваться специальной компьютерной программой на сервере. Она может быть либо сделана на заказ для отдельного сайта, либо быть готовым продуктом, рассчитанным на некоторый класс сайтов. Некоторые из них могут обеспечить владельцу сайта возможность гибкой настройки структурирования и вывода информации на веб-сайте. Такие управляющие программы называются системами управления содержимым (CMS).

Постановка задачи

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

Главное внимание следует обратить на:

1) разработку уникального, соответствующего целям проекта дизайна;

2) удобную навигацию, доступный поиск информации на сайте;

3) разработку дополнительных привлекательных и полезных пользователю сервисов;

4) реализацию маркетингового инструментария (наличие функций обратной связи, организация опросов, анкетирования, тестирования).

Этапы создания сайта:

1) создание эскиза;

2) разработка дизайна;

3) создание шаблона;

4) сбор информации, которая будет представлена на сайте;

5) заполнение шаблона;

6) оптимизация и доработка сайта.

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

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

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

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

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

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

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

футбольный клуб сайт навигация

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

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

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

· Главная

· Видео

· История клуба

· Состав

· Новости

· Турнирная таблица

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

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

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

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

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

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

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

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

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

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