Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

Разработка сайта спортивной школы

Содержание:

Введение

Интерес к хоккею в наше время имеет большую популярность во многих странах мира. Популярность хоккея в России обусловлена рядом факторов, среди которых:

  • Высокий уровень мастерства хоккеистов;
  • Поддержка государства;
  • Сила традиций;
  • Живые легенды.

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

Через web-сайта спортивные школы представляют себя в сети Интернет, что способствует расширению аудитории.

С помощью качественной раскрутки сайта, данные учреждения привлекают новых клиентов.

Преимущества наличия собственного веб-сайта можно охарактеризовать в несколько пунктов:

  • Это постоянная информация о вашей компании, причем для многомиллионной аудитории, чего не смогут дать другие средства информации.
  • Реклама вашего бизнеса с помощью веб-ресурса — 24 часа в сутки и 365 дней в году. Эта самая доступная и выгодна рекламная площадка, одинаково работает как непосредственно для вашего города, так и для всего мира.
  • Поиск новых клиентов. Все больше и чаще сегодня люди ищут и покупают товары или услуги через интернет. На собственном сайте можно разместить все товары и услуги, предоставляемые вами, что нельзя сделать, например, в печатных изданиях. Соответственно, вы не потеряете ни одного своего клиента.
  • Хороший, грамотный интернет-проект может заменить целый отдел менеджеров по продажам, что соответственно, дает уменьшить расходы по содержанию целого штата сотрудников.
  • Эффективная реклама. Поскольку на ваш сайт будут заходить ваши потенциальные клиенты, они в спокойной обстановке, могут познакомиться с ассортиментом и прайсом, выбрать то, что им интересно. Чего нельзя сделать в другом месте. Реклама на сайте самая эффективная, потому что она ненавязчивая.
  • Имея собственный адрес электронной почты веб-сайта, вы имеете полную независимость от внешних факторов и организаций.
  • Собственный веб-ресурс позволяет проводить свои маркетинговые исследования, используя при этом минимальные вложения.
  • Конкуренция начинает проходить совсем на другом уровне. Интернет меняет представление о ней не только в пространственном, но и временном масштабе.
  • Возможность своевременно внести изменения в товаре или услугах. Информация на сайте всегда свежая и актуальная в короткий промежуток времени.
  • Собственный веб-сайт, это еще собственная справочная служба.
  • Сайт позволяет использовать взаимодействие прямого контакта с потребителем с помощью гостевой книги, форумов, разных анкет, опросов. Это дает возможность оперативно реагировать на все малейшие изменения в настроении клиентов, соответственно принять меры. Такой возможности без него просто нет.

Объектом исследования является web-программирование.

Предметом исследования является разработка сайта спортивной школы по хоккею.

Целью данной работы является разработка электронного представительства спортивной школы по хоккею ООО «Хоккей - Наше все» с возможностью последующего размещением в сети Интернет.

Для достижения поставленной цели необходимо решение следующих основных задач:

- Выбор технологии создания портала, анализ основных критериев и параметров выбора.

- Разработка требований к приложению.

- Проведение анализа исходных данных

- Описание хода разработки приложения.

1. ОСНОВНАЯ ЧАСТЬ

1.1 Требования к приложению

Сайт должен обеспечивать реализацию следующих функций:

  • Имиджевая.

Формирование стиля и образа спортивной школы по хоккею ООО «Хоккей - Наше все». Стилевое оформление сайта должно соответствовать корпоративному стилю спортивной школы.

  • Информационная.

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

  • Рекламная.

Сайт должен содержать информацию:

  1. Новости, объявления;
  2. Участие учреждения в проектах, мероприятиях;
  3. Другая информация об уставной деятельности спортивной школы.

Формат входных данных представляет собой форму для обратной связи для пользователя, информация из базы данных о товарах и услуг;

Форматом выходных данных является таблица в базе данных с выбранными товарами и услугами - Корзина и счетчик цены;

Пользовательский интерфейс был разработан с помощью системы управления сайтами WIX с интуитивно понятным онлайн-редактором.

1.2 Анализ исходных данных

Для доступа клиента к БД, предоставляется специальная программа - Web-сервер, обеспечивающая функционирование пользовательского приложения, выполняющего непосредственный запрос к данным и возврат ответа в виде HTML-документа.

Рис. 1. Структурная схема доступа к базе данных

Практически Web-сервер включает несколько других серверов, реализующих необходимые протоколы.

Так IIS (Internet Information Services) включает серверы:

˗ HTTP (Hypertext Transfer Protocol) - протокол передачи гипертекста

˗ FTP (File Transfer Protocol) - протокол передачи файлов

˗ NNTP (Network News Transfer Protocol) - сетевой протокол передачи новостей

˗ SMTP (Simple Mail Transfer Protocol) - простой протокол передачи почты

Механизм доступа к БД на стороне сервера реализуется за счет наличия стандартизованных средств:

˗ Поддержки диалоговых форм на уровне гипертекстового документа (язык HTML - Hypertext markup Language). С каждым документом связан URL (Uniform Recourse Locator), для доступа к которым используется объектно-ориентированный протокол HTTP (Hypertext Transfer Protocol).

˗ Возможности запуска серверных программ, взаимодействие которых происходит через стандартный интерфейс CGI или прикладные интерфейсы Web-сервера.

Для поддержки HTTP-протокола в составе Web-сервера имеется HTTP-сервер. HTTP-клиент/серверное взаимодействие состоит из одного обмена запрос/ответ. Это краткая транзакция между клиентом и сервером. HTTP - это PRC (Remote Procedure Call) в Web поверх TCP/IP. HTTP не имеет состояния, не помнит предыдущих состояний и обладает важным свойством передавать самоописывающиеся данные.

Лидером среди баз данных, применяемых для разработки WEB-приложений, на сегодняшний день, безусловно, является MySQL. Главное достоинство MySQL (плавно переходящее в недостаток) - ее простота. Как следствие - высочайшая скорость выполнения SQL-запросов и необходимость явного программирования основных правил поддержания целостности и непротиворечивости данных на уровне сервера приложений.

Популярность MySQL объясняется еще и тем, что эта СУБД ориентирована на большое количество платформ, а также обладает возможностью загрузки оптимизированных под конкретную операционную систему модулей и поддержкой транзакций на уровне отдельных записей.

Дать оценку протоколам, указанным в исходных данных, определить, в чем их преимущество перед другими протоколами и почему именно они подходят для реализации поставленной задачи.

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

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

Программное обеспечение MySQL - это ПО с открытым кодом.

ПО с открытым кодом означает, что применять и модифицировать его может любой желающий. Такое ПО можно получать по Internet и использовать бесплатно. При этом каждый пользователь может изучить исходный код и изменить его в соответствии со своими потребностями. Использование программного обеспечения MySQL регламентируется лицензией GPL (GNU General Public License), <http://www.gnu.org/licenses/>, в которой указано, что можно и чего нельзя делать с этим программным обеспечением в различных ситуациях. Если работа в рамках GPL вас не устраивает или планируется встраивание MySQL-кода в коммерческое приложение, есть возможность купить коммерческую лицензированную версию у компании MySQL AB. See section 1.6.3 Лицензии на ПО MySQL <http://www.mysql.ru/docs/man/MySQL_licenses.html>.

1.3 Разработка приложения

Чтобы приступить к созданию сайта, необходимо зарегистрироваться в системе Wix. Форма очень простая.

Регистрация в Wix

Рис. 2. Форма регистрации

Далее нужно выбрать направленность вашего сайта. Выберем для примера «Другое».

Блог на Wix.com

Рис. 3. Выбор сайта

Теперь можно выбрать любой бесплатный шаблон WIX.

Шаблоны Wix

Рис. 3. Выбор шаблонов

Наведя курсор мышки на подходящий шаблон, можно увидеть следующую информацию: «Цена» «Редактировать» — «Смотреть шаблон», а также «О Шаблоне».

Чтобы ознакомиться с шаблоном переходим по ссылке «Смотреть шаблон» и просматриваем его внешний вид и основные функции. Также можно ознакомиться с краткой информацией о нем, кликнув на ссылку «О шаблоне». Если нас все устроило, кликаем по кнопке «Редактировать», чтобы перейти в редактор Wix. Теперь переходя от блока к блоку, мы можем менять все компоненты блога, по своему вкусу. Кликаем на заголовок сайта и меняем надпись. Мы можем поменять ее размер, шрифт, способ выделения, добавить эффекты.

Рис. 4. Пустая страница сайта

Управление Страницами

Справа находится панель инструментов редактора. Здесь можете использовать ее для редактирования элементов вашего сайта.

https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e145a975-e842-486e-b14e-a552ec674f03/2017/08/16/05775efc-45bd-41cd-9e8b-f7c4ada832fb.png

Рис. 5. Панель инструментов редактора

В редакторе имеется и верхнее меню. В данный момент нас интересуют ссылки на панель управления и настройки.

Рис. 6. Верхнее меню

Дальше в настройках нужно сделать его видимым для всех интернет пользователей если раннее этого не сделали. В меню «Настройки» в разделе Seo включите «Позволить поисковикам найти мой сайт», это даст вам возможность раскручивать свой проект.

Введите имя вашей Страницы в поле Назвать страницу.

Нажать OK.

Новая страница появилась на сайте. Теперь нужно добавить контент! Если Страница слишком маленькая, придется увеличить или добавить новую группу страниц для использования функции Структура Страницы. Кроме того, некоторые шаблоны не поддерживают функцию Структура Страницы. Чтобы использовать его в любом случае, просто надо добавить новую Группу Страниц (Добавить > Части Страниц > Группы Страниц), а затем следовать инструкциям выше.

Для дополнительной информации о Страницах, нажмите здесь. https://ru.wix.com/blog

Просмотр и Навигация по Страницам

Навигация по Главным и Типовым Страницам возможнa через Менеджер Страниц. Просто нажмите на страницу в окне “Менеджер Страниц”. Кроме того, можно также просмотреть ваши Страницы, нажимая на навигационные стрелки, расположенные вверху выбранной Страницы. Если нужно добавить различные элементы на сайт, то можно использовать Меню “Добавить”, находящееся слева в Редакторе. Каждая категория в “Добавить” откроет перед вами меню доступных элементов. Также можно выбрать стиль, который доступен для выбранного элемента.

Наведите мышку на “Добавить”, затем - на нужную категорию в “Добавить”.

Перед вами откроется меню. В открывшемся меню нажмите на элемент.

Рис. 7. панель инструментов

Добавление Элемента.

В появившейся галерее выберите стиль Элемента.

Как только добавите элемент, можно полностью «настроить» его.

Нажмите на элемент в вашем Редакторе. Перед вами откроется панель настроек - с правой стороны в Редакторе.

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

Начнем с семи кнопок слева:

  • Меню сайта
  • Фон
  • Добавить
  • App Market
  • Мои загрузки
  • Блог
  • Создайте интернет-магазин

Меню сайта - управлять страницами своего меню сайта.

Фон – позволяет добавлять и менять фон страниц, как главной, так и страниц с постами.

Добавить – с помощью этой кнопки можно добавлять дополнительные элементы на сайт. К примеру, кнопки соц. сетей.

App Market – магазин приложений. Вы можете выбирать дополнительные виджеты, которые не нашли перейдя по кнопке «Добавить».

Мои загрузки – загружайте свои фото, видео, музыку и шрифты!

С помощью кнопки «Блог» вы можете перейти в панель управления своим блогом и вносить изменения в отдельные его блоки, а также зайти в центр помощи. Там можно найти ответы по вопросам управления и настройки сайта.

И последняя кнопка «Мой магазин» позволяет на любой странице сайта создать свой интернет-магазин с перечнем товаров.

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

Верхнее меню, пожалуй, самое развернутое. Разберем сначала его правую часть.

сайт на платформе wix

Рис. 8. Верхнее меню

Лупа – уменьшает масштаб страницы для наглядности. Стрелками вперед-назад можно быстро отменить или вернуть выполненное действие. Иконка с телефоном – переход к мобильной версии и обратно. Напомню, что все шаблоны сайтов на Wix адаптивные. Кнопка с дискетой – одним щелчком сохраняет внесенные на сайте изменения. Предпосмотр – возможность посмотреть на проделанную работу перед сохранением. При нажатии кнопки «Опубликовать» — публикуем свой сайт в сети. Однако, если у вас бесплатный набор функций, то доменное имя вашего сайта будет длинным, следующего вида: https://название вашей почты.wixsite.com/mysite-1.

Редактирование элемента в Панели Настроек

Для редактирования элемента в Панели Настроек

. Нажмите на элемент.

. Из “Панели Настроек“, которая появляется в правой части окна Редактора, нажмите на “Свойство”.

. В открывшемся окне вы можете редактировать настройки этого Свойства.

. Нажмите кнопку OK (при наличии) или X, чтобы применить изменения.

Чтобы изменить размер элемента:

. Нажмите на элемент.

. Потяните за квадратную рамку изменения размера, этим самым меняя размер элемента.

Изменение размера Элемента

Теперь, после добавления Главные и Типовые Страницы, можно добавить меню, чтобы пользователи могли легко перемещаться по сайту.

Добавление меню на Главные Страницы

Ваше меню будет состоять из кнопок - по одной для Главной Страницы и остальных страниц. Меню позволит перемещаться по страницам.

Имена страниц появятся на кнопках меню.

. С левой стороны Редактора, перейдите на “Добавить”, а затем перейдите к Навигации.

. Из Навигации нажмите кнопку “Меню”.

. Откроется Галерея Меню, нажмите на Меню, чтобы добавить его на сайт.

Рис. 9. Меню на Главной Странице!

После добавления Страницы, можно добавить и изменить Фон.

Чтобы добавить Фон:

. Нажмите на Страницу.

. Справа от панели свойств Группы Страниц выберите “Стили”.

. Из окна “Стили”, нажмите на любой стиль оформления.

Чтобы добавить Фон для Главной страницы:

. В левой части окна Редактора, перейдите на “Фон”, нажмите на “Главная страница”.

. Вы можете посмотреть Фон в Галерее Фонов.

. Выберите Фон.

Рис. 10. Фон Главной Страницы

Аналогично меняем фон остальных страниц.

Добавление текста

Добавление Названия

Как добавить Название для сайта:

. С левой стороны Редактора, перейдите на Добавить, а затем перейдите на Текст, нажмите Заголовки.

. Из галереи выберите стиль Названия.

Рис. 11. Выбор стиля заголовка

3. Для редактирования текста, нажмите дважды на Название, которoe появится в Редакторе.

4. Удалите выделенный текст и введите собственный.

Чем больше шрифт Заголовка, тем лучше это для SEO.

Добавление Картинок и Фотографий

Можно легко добавить фотографии на сайт и добавить отдельные фотографии или фотографии в Картинную Галерею.

Чтобы добавить Индивидуальные картинки:

С левой стороны Редактора, перейдите на Добавить, выберите Фото.

Из Галереи Фото, выберите Wix, Сообщества, или Мои Картинки, где Вы можете найти, вас интересующую, фотографию.

Нажмите на картинку.

Ваша картинка откроется в Редакторе Wix.

Сделанный сайт является функцией пакета eCommerce Premium Package. Можно попробовать его бесплатно в Pедакторе Wix (Wix Editor) но, чтобы начать реализовать его необходимо перейти на пакет Wix eCommerce Premium Package.

Публикация сайта

Теперь, когда создан свой сайт, можно oпубликовать и просматривать его в Интернете! Вам нужно будет сохранить документ, прежде чем опубликовать его. Вы можете также просмотреть сайт, чтобы убедиться, что он выглядит так, как вы хотите.

Вам нужно опубликовать свой сайт только один раз. После того, как вы опубликовали свой сайт, вам нужно всего лишь нажать на кнопку “Сохранить” и сайт будет обновляться автоматически.

Рис. 12. Публикация сайта на хостинге

Теперь Сайт Онлайн и его адрес <https://rastoropov93.wixsite.com/hockey>.

1.3.1. Дизайн сайта

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

Начнём создание сайта с главной страницы. Главная страница - это страница, на которую попадает пользователь, как только входит на сайт (рисунок 13). На ней должна предоставляться информация о деятельности учреждений, и об услугах, предоставляемых им. Также информация должна быть подана в надлежащем виде, чтобы убедить клиента воспользоваться данными услугами (приложение А).

Рис. 13. Главная страница сайта

Создавалась страница с помощью visual studio.

При переходе на ссылку «О нас» (приложение Б), мы можем увидеть информацию о групповых занятиях, занятия по обучению хоккейным навыкам, такие как: передач, для отработки бросков, финтов и других приемов (рисунок 14).

Рис. 14. Страница «О нас»

Следующая страница - "Контакты" (рисунок 14). Её цель - возможность для клиентов спортивной школы связаться с тренером или с администратором, оставить отзыв, предложение, пожелание или жалобу. Данная страница (приложение В), выполняет удаленный диалог между пользователем и администратором сайта.

Рис. 14. Страница «Контакты»

Следующая страница сайта - это страница "Тренеры" (Тренерский состав) (рисунок 15). На этой странице располагается информация о составе тренеров, и их информации. Цель данной страницы - познакомить клиента с тренерским составом и их методах работы (приложение Г).

Рис. 15. Страница «Тренеры»

На странице «Расписание» (рисунок 16), находится информация об тренировках, их программах и целях (приложение Д).

Рис. 16. Страница «Расписание»

На странице «Новости» (рисунок 17) пользователь может узнать последнюю информацию о различных мероприятиях, как пройденных, так и будущих (приложение Д).

Рис. 17. Страница «Новости»

ЗАКЛЮЧЕНИЕ

В соответствии с заданием на проектирование сайта был создан сайт спортивной школы по хоккею ООО «Хоккей - Наше все». Были созданы Главная страница и страницы: Главная, О нас, Контакты, Тренеры, Расписание, Новости с соответствующим контентом.

Оценивая проделанную работу, можно сделать следующие выводы:

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

Для реализации сайта был использован visual studio.

Было создано подробное описание деятельности спортивной школы, дизайн сайта, форма обратной связи.

В процессе создания сайта были получены навыки работы с системой создания и управления сайтом CMS Wix.

СПИСОК ЛИТЕРАТУРЫ

ПРИЛОЖЕНИЕ А

<!doctype html public "-//w3c//dtd html 5 //en" "http://www.w3.org/tr/html5/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Хоккей - Наше все</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body alink="#000000" link=@"000000" vlink="#000000">

<body onload="getname()">

<!--<div class="share"></div>-->

<div class="wrapper">

<strong><p><font style="font-size: 66px;">"СПОРТИВНАЯ ШКОЛА"</font></p></strong><br /><font style="color:#8B0000;font-size: 30px;"> Хоккей - Наше все.</font><br><br>

</div><!-- .header-->

<div class="middle">

<div class="container">

<div class="content">

<table>

<tr>

<th><a href="glavnaya.html">главная</a></th>

<th><a href="o nas.html">о нас</a></th>

<th><a href="kontakt.html">контакты</a></th>

<th><a href="trener.html">тренеры</a></th>

<th><a href="raspisanie.html">расписание</a></th>

<th><a href="novosti.html">новости и события</a></th>

</tr>

</table>

<font style="font-size: 17px;">

<br><strong><font style="color:#8B0000;font-size: 30px;">ДОБРО ПОЖАЛОВАТЬ </br></strong>

</font><br><br>

<p><br><strong>Хоккей с шайбой</strong> – самый интересный и захватывающий вид командного спорта. Скрестить клюшки, молниеносно пронестись по льду, ювелирно попасть в ворота противника – разве это не вызывает бурю эмоций? Овечкин, Малкин, Фетисов, Ларионов – имена хоккейных кумиров навсегда выгравированы в истории спорта.</br></p>

<p><br>Наша школа приглашает вас влиться в ряды поклонников хоккея. У нас работают тренеры с высшим образованием и опытом игры в НХЛ, КХЛ, ВХЛ. Наша школа проводит индивидуальные тренировки (подкатки) и групповые занятия хоккеем. Вы сможете получить неоценимые знания и навыки.</br></p>

<p><br>Мы регулярно проводим зимние и летние сборы для спорт-школьников и любителей, а также приглашаем звезд российского хоккея на наши тренировки. Вам наверняка будет чему у них поучиться. Кроме того, наша школа устраивает просмотровые кемпы для ребят, желающих уехать в Америку для игры и учебы. Это открывает перед молодыми спортсменами огромные перспективы.</br></p>

<br><strong><font style="color:#8B0000;font-size: 30px;">НОВОСТИ КЛУБА</br></strong></font><br><br>

</font>

</div><!-- .content-->

</div><!-- .container-->

<div class="left-sidebar">

<font style="font-size: 22px;"><br><br><br><p><a href="novosti.html">Наш дневник ЧМ-2018. Разгромное начало</a></p><br><br><p><a href="novosti.html">Уступаем, но не сдаемся!</a></p><br><br><p><a href="novosti.html">Дежавю</a></p><br><br><p><a href="novosti.html">Сезон окончен. Спасибо за все!</a></p></font><br><br><br>

</div><!-- .left-sidebar -->

<div class="right-sidebar">

<!--<p><img src="images/ar.jpg" width="165" height="120"></p><p><img src="images/as.jpg" width="165" height="117"></p><img src="images/ad.jpg" width="165" height="115">-->

<center class='menus'>

<marquee style=width: 88px; height: 130px scrollamount='1' direction='up' width='170' height='360' onmouseout='this.scrollamount=1' onmouseover='this.scrollamount=0'>

<div class='menus' align='center'>

<a href='http://images/_1ywoqwv4ag.jpg'><img src='http://images/_1ywoqwv4ag.jpg' width='165' height='117'></a><br>

<a href='http://images/npz1lpx1bgu.jpg'><img src='http://images/npz1lpx1bgu.jpg' width='165' height='117'></a><br>

<a href='http://images/6g2hjmcxss8.jpg'><img src='http://images/6g2hjmcxss8.jpg' width='165' height='117'></a><br>

</marquee>

</center>

</div>

</div><!-- .right-sidebar -->

</div><!-- .middle-->

</div><!-- .wrapper -->

<div class="footer">

<strong>контактные данные:</strong>

<p>

Ул. Арбат, Москва, 119019, Россия<br>

Email: info@mysite.com <br>

Тел.: +7 (495) 000 00 00<br>

Факс: +7 (495) 000 00 00<br>

© Спортивная школа по хоккею ООО «Хоккей - Наше все». Сайт создан на Wix.com<br>

</p>

<a href="tabl.php">отзывы</a><!--<a href="otziv.html">обратный звонок</a>-->

<script>

function fullwin() {

window.open("otziv.html", "", "scrollbars")

}

//-->

</script>

<form>

<center>

<input type="submit" onclick="fullwin()" value="обратная связь">

</center>

</form>

<div style="position:absolute; top:75px;right:20px">

<div>

<span id="syn1clock" style="font-size:18px;"><noscript>включите javascript для отображения часов</noscript></span></br />

<a id="syn1l" style="display:block;overflow:hidden;width:10px;" href="http://syn1.ru/"><img alt="анализ сайта" src="http://syn1.ru/img/under.gif" /></a>

</div>

<script language="javascript" type="text/javascript" src="http://syn1.ru/scripts/clock.js"></script>

</div>

</div><!-- .footer -->

</body>

</html>

ПРИЛОЖЕНИЕ Б

<!doctype html public "-//w3c//dtd html 5 //en" "http://www.w3.org/tr/html5/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Хоккей - Наше все</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body alink="#000000" link=@"000000" vlink="#000000">

<body onload="getname()">

<!--<div class="share"></div>-->

<div class="wrapper">

<strong><p><font style="font-size: 66px;">"СПОРТИВНАЯ ШКОЛА"</font></p></strong><br /><font style="color:#8B0000;font-size: 30px;"> Хоккей - Наше все.</font><br><br>

</div><!-- .header-->

<div class="middle">

<div class="container">

<div class="content">

<table>

<tr>

<th><a href="glavnaya.html">главная</a></th>

<th><a href="o nas.html">о нас</a></th>

<th><a href="kontakt.html">контакты</a></th>

<th><a href="trener.html">тренеры</a></th>

<th><a href="raspisanie.html">расписание</a></th>

<th><a href="novosti.html">новости и события</a></th>

</tr>

</table>

<div class="wrapper">

<strong><p><font style="color:#8B0000;font-size:40px;">О НАС</font></p></strong><br />

</div><!-- .header-->

<font style="color:#8B0000;font-size:30px;">Хоккейная школа в Москве</font><br><br>

<font style="font-size: 17px;">

<p>

<br><strong></strong> Наша хоккейная школа «ХОККЕЙ-НАШЕ ВСЕ» рада приветствовать вас!<br>

Мы предлагаем вам занятия по обучению хоккейным навыкам.<br>

Наши преимущества:<br>

— Современные методики;<br>

— Физическая подготовка;<br>

— Опыт работы с проф. игроками;<br>

— Группа определяется по уровню подготовки спортсмена;<br>

— Не более 5 человек в группах;<br>

— Индивидуальный подход к каждому;<br>

— Закладываем основу техники катания на начальном этапе обучения;<br>

— Первый год полная экипировка не требуется (достаточно защиты для рук и ног, шлема с маской и коньков).<br>

Занятия в нашей школе хоккея ведут заслуженные тренеры, наставники с огромным опытом. Мы уделяем особое внимание индивидуальным занятиям, что позволяет улучшить хоккейную технику. Личный тренер в удобное для вас время (согласно расписанию) занимается непосредственно с одним учеником, уделяя внимание сильным и слабым сторонам спортсмена. Командные занятия по хоккею имеют особое значение. Очень важно почувствовать себя частью команды! Объединение учеников нашей хоккейной спортивной школы в группы, позволяет испытать командный дух, ведь хоккей - это прежде всего, игра в команде. Командные тренировки выявляют индивидуальные черты каждого ученика.</br>

</p>

<font style="color:#8B0000;font-size:30px;">Хоккейные подкатки в Москве</font><br><br>

<font style="font-size: 17px;">

<p>

<br><strong></strong>Тренеры хоккейной школы «ХОККЕЙ-НАШЕ ВСЕ» обладают особым методом тренировок , передач, для отработки бросков, финтов и других приемов, благодаря которому, мы воспитываем настоящих профессиональных защитников и нападающих. Впечатляющие достижения наших команд и индивидуальных игроков, вот та цель, ради которой мы работаем, ведь ваши результаты это наше достижение и наша гордость! Наша школа проводит хоккейные подкатки в Москве. Личный хоккейный тренер проведет с вами индивидуальные занятия по хоккею, где научит вас навыкам катания на коньках и игры в хоккей.<br>

</font>

<font style="color:#8B0000;font-size:30px;">Задачи нашей школы хоккея:</font><br><br>

<font style="font-size: 17px;">

<p>

<br><strong></strong>— Привить любовь и заинтересованность к хоккею с шайбой;<br>

— Обучить ребенка правильному катанию на коньках и владению клюшкой;<br>

— Дать ребенку первые представления об игре в хоккей;<br>

— Улучшить умственное и физическое состояние ребенка;<br>

— Обучить детей с раннего возраста действовать в команде;<br>

— Попадание юных хоккеистов в детские хоккейные команды.<br>

Все родители мечтают о большой судьбе для своих деток. Будущая карьера, зависящее от её успешности благосостояние – все эти моменты заставляют мам и пап с раннего детства планировать жизнь малышей. И многие родители желают связать судьбу своих мальчиков с большим спортом, вторым по популярности видом которого является хоккей. Занимаясь хоккеем, парень вырастает в сильного, закаленного и выносливого мужчину, проявляющего во многих делах себя как личность.

</div><!-- .content-->

</div><!-- .container-->

</div><!-- .middle-->

</div><!-- .wrapper -->

<div class="footer">

<strong>контактные данные:</strong>

<p>

Ул. Арбат, Москва, 119019, Россия<br>

Email: info@mysite.com <br>

Тел.: +7 (495) 000 00 00<br>

Факс: +7 (495) 000 00 00<br>

© Спортивная школа по хоккею ООО «Хоккей - Наше все». Сайт создан на Wix.com<br>

</p>

<a href="tabl.php">отзывы</a><!--<a href="otziv.html">обратный звонок</a>-->

<script>

function fullwin() {

window.open("otziv.html", "", "scrollbars")

}

//-->

</script>

<div style="position:absolute; top:75px;right:20px">

<div>

<span id="syn1clock" style="font-size:18px;"><noscript>включите javascript для отображения часов</noscript></span></br />

<a id="syn1l" style="display:block;overflow:hidden;width:10px;" href="http://syn1.ru/"><img alt="анализ сайта" src="http://syn1.ru/img/under.gif" /></a>

</div>

<script language="javascript" type="text/javascript" src="http://syn1.ru/scripts/clock.js"></script>

</div>

</div><!-- .footer -->

</body>

</html>

ПРИЛОЖЕНИЕ В

<!doctype html public "-//w3c//dtd html 5 //en" "http://www.w3.org/tr/html5/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Хоккей - Наше все</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body alink="#000000" link=@"000000" vlink="#000000">

<body onload="getname()">

<!--<div class="share"></div>-->

<div class="wrapper">

<strong><p><font style="font-size: 66px;">"СПОРТИВНАЯ ШКОЛА"</font></p></strong><br /><font style="color:#8B0000;font-size: 30px;"> Хоккей - Наше все.</font><br><br>

</div><!-- .header-->

<div class="middle">

<div class="container">

<div class="content">

<table>

<tr>

<th><a href="glavnaya.html">главная</a></th>

<th><a href="o nas.html">о нас</a></th>

<th><a href="kontakt.html">контакты</a></th>

<th><a href="trener.html">тренеры</a></th>

<th><a href="raspisanie.html">расписание</a></th>

<th><a href="novosti.html">новости и события</a></th>

</tr>

</table>

<div class="wrapper">

<center><br><font style="color:#8B0000;font-size:65px;"><b>КОНТАКТЫ</b></font></center>

<center><br><font style="color:#8B0000;font-size:30px;"><b>Приходите к нам</b></font></center>

<center>

<br><font style="font-size:19px;">

<b>

Ул. Арбат, Москва, 119019, Россия<br>

Телефон +7(495)000-00-00<br>

Электронная почта XXXXXXhockey@mail.ru<br>

Режим работы Пн-Пт с 08:00 до 22:00<br>

<a href="#"

onclick="this.href='http://www.facebook.com/share.php?u='+window.location.href+window.location.hash">

Facebook<br>

</a>

<a href="#"

onclick="this.href='http://twitter.com/timeline/home?status='+document.title+'%20'+window.location.href+window.location.hash">

Twitter<br>

</a>

<a href="#"

onclick="this.href='https://www.youtube.com/='+document.title+'%20'+window.location.href+window.location.hash">

YouTube<br>

</a>

<a href="#"

onclick="this.href='https://www.google.ru/='+document.title+'%20'+window.location.href+window.location.hash">

Google<br>

</a>

<center><br><font style="color:#8B0000;font-size:30px;"><b>Напишите нам</b></font></center>

</b>

</font>

</center>

<center>

<div style="padding: 20px;">

<p>Name</p>

<form action="otziv.php" method="get">

<p><input type="text" name="name" size="18" maxlength="20" /><p>

<p>Email</p>

<form action="otziv.php" method="get">

<p><input type="text" name="name" size="18" maxlength="20" /><p>

<p>Phone</p>

<p><input type="text" name="phone" size="18" maxlength="20" /></p>

<p>Message</p>

<p><textarea name="prichina" rows="20" cols="40"></textarea></p>

<p><input type="submit" value="отправить" /></p>

</form>

</div><!-- .header-->

</div><!-- .content-->

</div><!-- .container-->

</div><!-- .middle-->

</div><!-- .wrapper -->

<div class="footer">

<strong>контактные данные:</strong>

<p>

Ул. Арбат, Москва, 119019, Россия<br>

Email: info@mysite.com <br>

Тел.: +7 (495) 000 00 00<br>

Факс: +7 (495) 000 00 00<br>

© Спортивная школа по хоккею ООО «Хоккей - Наше все». Сайт создан на Wix.com<br>

</p>

<a href="tabl.php">отзывы</a><!--<a href="otziv.html">обратный звонок</a>-->

<script>

function fullwin() {

window.open("otziv.html", "", "scrollbars")

}

//-->

</script>

<div style="position:absolute; top:75px;right:20px">

<div>

<span id="syn1clock" style="font-size:18px;"><noscript>включите javascript для отображения часов</noscript></span></br />

<a id="syn1l" style="display:block;overflow:hidden;width:10px;" href="http://syn1.ru/"><img alt="анализ сайта" src="http://syn1.ru/img/under.gif" /></a>

</div>

<script language="javascript" type="text/javascript" src="http://syn1.ru/scripts/clock.js"></script>

</div>

</div><!-- .footer -->

</body>

</html>

ПРИЛОЖЕНИЕ Г

<!doctype html public "-//w3c//dtd html 5 //en" "http://www.w3.org/tr/html5/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Хоккей - Наше все</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body alink="#000000" link=@"000000" vlink="#000000">

<body onload="getname()">

<!--<div class="share"></div>-->

<div class="wrapper">

<strong><p><font style="font-size: 66px;">"СПОРТИВНАЯ ШКОЛА"</font></p></strong><br /><font style="color:#8B0000;font-size: 30px;"> Хоккей - Наше все.</font><br><br>

</div><!-- .header-->

<div class="middle">

<div class="container">

<div class="content">

<table>

<tr>

<th><a href="glavnaya.html">главная</a></th>

<th><a href="o nas.html">о нас</a></th>

<th><a href="kontakt.html">контакты</a></th>

<th><a href="trener.html">тренеры</a></th>

<th><a href="raspisanie.html">расписание</a></th>

<th><a href="novosti.html">новости и события</a></th>

</tr>

</table>

<div class="wrapper">

<center><br><font style="color:#8B0000;font-size:65px;"><b>ТРЕНЕРЫ</b></font></center>

<hr>

<table>

<tr>

<th><font style="font-size: 40px;"><font style color="#8B0000"><b>Сабуров Александр Константинович</b></font></font></p></th>

<th><font style="font-size: 40px;"><font style color="#8B0000"><b>Даниил Юрьевич Гасюков</b></font></font></p></th>

<th><font style="font-size: 40px;"><font style color="#8B0000"><b>Паленга Евгений<br> Юрьевич</br></font></font></p></th>

</tr>

<tr>

<th>

<fontstyle ="font-size: 14px;">

Дата рождения: 02.04.1994г.

Спортивный разряд: Кандидат в мастера спорта

Амплуа нападающий

Образование: «Московская государственная академия физической культуры (МГАФК)». Профиль образовательной программы: «Спортивная подготовка в футболе и хоккее».

Хоккейная школа: СДЮШОР «Динамо Москва».

МХК «Клин»

МХК «Зеленоград»</font></p>

</th>

<th>

<fontstyle ="font-size: 14px;">

Дата рождения: 22.02.1993г.

Спортивный разряд: Кандидат в мастера спорта

Амплуа защитник

Образование: «Московская государственная академия физической культуры (МГАФК)». Профиль образовательной программы: «Тренер по хоккею».

Хоккейная школа: СДЮШОР «Спартак» Москва

МХК «Серебрянные львы»

МХК «СКА-1946»

МХК «СКА-Нева»</font></p>

</th>

<th>

<fontstyle ="font-size: 14px;">

Дата рождения: 12.04.1991

Спортивный разряд: Кандидат в мастера спорта

Амплуа защитник

Образование: Российский Государственный университет физической культуры, спорта, молодёжи и туризма (ГЦОЛИФК)

Хоккейная школа: «Спартак Москва»

МХЛ:

МХК «Спартак» 2010/2012

МХК «Химик» 2015

ВХЛ:

ХК «Сокол» 2012/2014

ХК « Спутник» 2014

ХК «Ермак» 2016

Экстралига:

(Беларусь) ХК «Брест» 2015/2016 </font></p>

</th>

</tr>

</div><!-- .header-->

</div><!-- .content-->

</div><!-- .container-->

</div><!-- .middle-->

</div><!-- .wrapper -->

<div class="footer">

<script>

function fullwin() {

window.open("otziv.html", "", "scrollbars")

}

//-->

</script>

<div style="position:absolute; top:75px;right:20px">

<div>

<span id="syn1clock" style="font-size:18px;"><noscript>включите javascript для отображения часов</noscript></span></br />

<a id="syn1l" style="display:block;overflow:hidden;width:10px;" href="http://syn1.ru/"><img alt="анализ сайта" src="http://syn1.ru/img/under.gif" /></a>

</div>

<script language="javascript" type="text/javascript" src="http://syn1.ru/scripts/clock.js"></script>

</div>

</div><!-- .footer -->

</body>

</html>

ПРИЛОЖЕНИЕ Д

<!doctype html public "-//w3c//dtd html 5 //en" "http://www.w3.org/tr/html5/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Хоккей - Наше все</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body alink="#000000" link=@"000000" vlink="#000000">

<body onload="getname()">

<!--<div class="share"></div>-->

<div class="wrapper">

<strong><p><font style="font-size: 66px;">"СПОРТИВНАЯ ШКОЛА"</font></p></strong><br /><font style="color:#8B0000;font-size: 30px;"> Хоккей - Наше все.</font><br><br>

</div><!-- .header-->

<div class="middle">

<div class="container">

<div class="content">

<table>

<tr>

<th><a href="glavnaya.html">главная</a></th>

<th><a href="o nas.html">о нас</a></th>

<th><a href="kontakt.html">контакты</a></th>

<th><a href="trener.html">тренеры</a></th>

<th><a href="raspisanie.html">расписание</a></th>

<th><a href="novosti.html">новости и события</a></th>

</tr>

</table>

<div class="wrapper">

<center><br><font style="color:#8B0000;font-size:65px;"><b>РАСПИСАНИЕ</b></font></center>

<hr>

<table>

<tr>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>ПОНЕДЕЛЬНИЕК</b></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>ВТОРНИК</b></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>СРЕДА</br></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>ЧЕТВЕРГ</br></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>ПЯТНИЦА</br></font></font></p></th>

</tr>

<tr>

<th>

<fontstyle ="font-size: 16px;">

Индивидуальные тренировки на<br> технику катания.<br>

10:00 – 21:00</font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Индивидуальные тренировки на<br> технику катания.<br>

10:00 – 21:00</font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Технико-Тактическая<br> тренировка.<br>

17:45 - 19:15 </font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Технико-Тактическая<br> тренировка.<br>

17:45 - 19:15 </font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Групповая<br> тренировка.<br>

10:30 - 12:45 </font></p>

</th>

</tr>

</div><!-- .header-->

</div><!-- .content-->

</div><!-- .container-->

</div><!-- .middle-->

</div><!-- .wrapper -->

<div class="footer">

<script>

function fullwin() {

window.open("otziv.html", "", "scrollbars")

}

//-->

</script>

<div style="position:absolute; top:75px;right:20px">

<div>

<span id="syn1clock" style="font-size:18px;"><noscript>включите javascript для отображения часов</noscript></span></br />

<a id="syn1l" style="display:block;overflow:hidden;width:10px;" href="http://syn1.ru/"><img alt="анализ сайта" src="http://syn1.ru/img/under.gif" /></a>

</div>

<script language="javascript" type="text/javascript" src="http://syn1.ru/scripts/clock.js"></script>

</div>

</div><!-- .footer -->

<div class="footer">

</body>

</html>

ПРИЛОЖЕНИЕ Е

<!doctype html public "-//w3c//dtd html 5 //en" "http://www.w3.org/tr/html5/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Хоккей - Наше все</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body alink="#000000" link=@"000000" vlink="#000000">

<body onload="getname()">

<!--<div class="share"></div>-->

<div class="wrapper">

<strong><p><font style="font-size: 66px;">"СПОРТИВНАЯ ШКОЛА"</font></p></strong><br /><font style="color:#8B0000;font-size: 30px;"> Хоккей - Наше все.</font><br><br>

</div><!-- .header-->

<div class="middle">

<div class="container">

<div class="content">

<table>

<tr>

<th><a href="glavnaya.html">главная</a></th>

<th><a href="o nas.html">о нас</a></th>

<th><a href="kontakt.html">контакты</a></th>

<th><a href="trener.html">тренеры</a></th>

<th><a href="raspisanie.html">расписание</a></th>

<th><a href="novosti.html">новости и события</a></th>

</tr>

</table>

<div class="wrapper">

<center><br><font style="color:#8B0000;font-size:65px;"><b>НОВОСТИ И СОБЫТИЯ</b></font></center>

<hr>

<table>

<tr>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>Наш дневник ЧМ-2018</b></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>Уступаем, но не сдаемся!</b></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>Дежавю</br></font></font></p></th>

<th><font style="font-size: 30px;"><font style color="#8B0000"><b>Сезон окончен. Спасибо за все!</br></font></font></p></th>

</tr>

<tr>

<th>

<fontstyle ="font-size: 16px;">

Перед первым матчем в Копенгагене в заявку сборной России был включен Максим Шалунов. Таким образом, в игре против Франции на лед вышли шесть хоккеистов, в этом сезоне защищавших цвета армейского клуба. Еще двое – Максим Мамин и Никита Зайцев – являлись игроками ЦСКА в недавнем прошлом, как и лидер «трехцветных» Стефан Да Коста, который в день встречи с бывшими одноклубниками стал игроком «Автомобилиста».

<br>

</font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Гости проверили Сорокина в первые же секунды, но вратарь ЦСКА был надежен. После такого стартового рывка игра на какое-то время успокоилась, а затем инициативой завладели красно-синие. Армейцы создали немало опасных моментов у ворот Гарипова, и на 12-й минуте победно вскинули руки, когда Светлаков смог протолкнуть вроде бы накрытую вратарем шайбу за ленточку. Но тренерский штаб казанцев взял «челлендж» на атаку вратаря.<br>

</font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Во второй игре финальной серии в состав армейцев вернулся пропустивший две предыдущие игры Кирилл Капризов, а в ворота ЦСКА – Сорокин. Дебютировал в плей-офф Никита Макеев, до этого лишь раз попавший в заявку на матч, но на лед так и не выходивший.<br>

</font></p>

</th>

<th>

<fontstyle ="font-size: 16px;">

Тренерский штаб ЦСКА взял «челлендж» на атаку вратаря, но арбитры после изучения повтора вынесли свой вердикт: шайба была заброшена чисто. В оставшееся время хозяева вновь стали играть на удержание, а армейцы бросили все силы на то, чтобы сравнять счет. Увы, сделать им этого не удалось. Вместе с основным временем матча подошел к концу и сезон.<br>

</font></p>

</th>

</tr>

</div><!-- .header-->

</div><!-- .content-->

</div><!-- .container-->

</div><!-- .middle-->

</div><!-- .wrapper -->

<div class="footer">

<script>

function fullwin() {

window.open("otziv.html", "", "scrollbars")

}

//-->

</script>

<div style="position:absolute; top:75px;right:20px">

<div>

<span id="syn1clock" style="font-size:18px;"><noscript>включите javascript для отображения часов</noscript></span></br />

<a id="syn1l" style="display:block;overflow:hidden;width:10px;" href="http://syn1.ru/"><img alt="анализ сайта" src="http://syn1.ru/img/under.gif" /></a>

</div>

<script language="javascript" type="text/javascript" src="http://syn1.ru/scripts/clock.js"></script>

</div>

</div><!-- .footer -->

<div class="footer">

</body >

</html >