Создание сайта на тему гиревой спорт СКО

Эффективность.

Эффективность является исключительно  важным фактором при программировании для многопользовательских сред, к числу которых относится  и web.

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

По некоторым оценкам, большинство HTML-сценариев (особенно не очень больших размеров) обрабатываются быстрее аналогичных им программ, написанных на Perl. Однако, чтобы не делали разработчики HTML, откомпилированные исполняемые файлы будут работать значительно быстрее – в десятки, а иногда и в сотни раз. Но производительность HTML вполне достаточна для создания вполне серьезных web-приложений. Подробно об устройстве и характеристиках «движка» HTML можно ознакомиться здесь.

Безопасность.

HTML предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

Средства безопасности системного уровня.

В HTML реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке HTML это обеспечивает максимальную свободу действий и безопасность. HTML может работать в так называемом безопасном режиме (safe mode), который ограничивает возможности применения HTML пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). По аналогии с cgi-bin администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии HTML, а также использовать сценарии HTML для просмотра конфиденциальной информации на сервере (например, файла passwd).

Средства безопасности уровня приложения.

В стандартный набор функций  HTML входит ряд надежных механизмов шифрования. HTML также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции (e-commerce). Другое преимущество заключается в том, что исходный текст сценариев HTML нельзя просмотреть в браузере, поскольку сценарий компилируется до его отправки по запросу пользователя. Реализация HTML на стороне сервера предотвращает похищение нетривиальных сценариев пользователями, знаний которых хватает хотя бы для выполнения команды View Source.

В наше время интернет стал охватывать новые территории, а количество сайтов с каждым днем начинает расти. Количество web-мастеров в свою очередь  тоже быстро растет.

Множество web-мастеров используют различные программы и утилиты, как для создания сайта, так и  для его поддержки ну и для  продвижения в будущем. Программа, во-первых, автоматизирует весь процесс, иначе люди б тратили огромное количество времени на то, чтобы  написать код, во-вторых, программа  делает все четко и быстро, так  что ошибки никаким образом не допускаются [19-20].

Программы для  создания сайтов самостоятельно.

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

Denwer (денвер) – по сути это локальный сервер на компьютере с поддержкой всех популярных web-технологий. Данная программа позволяет разработчику работать с такими системами как базы данных, HTML, Perl и многие другие без покупки хостинга.

Free CSS Toolbox – это бесплатная программа, с помощью которой можно создавать как новые, так и редактировать старые каскадные таблицы стилей. Программа имеет множество инструментов для быстрой и эффективной работы, один из таких инструментов это подсветка синтаксиса и автоматическая подстановка тегов. Любые программы для создания сайтов должны включать этот софт как необходимый. Также можно после написания кода отправить его на сервер W3C и проверить на валидность. Есть дополнительные возможности, с помощью которых можно форматировать, оптимизировать и сжимать весь код CSS [21].

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

Total Commander – это файловый менеджер, который имеет двухпанельный многоязычный интерфейс. С его помощью можно с легкостью управлять файлами, которые находятся как на компьютере, так и на чужом сервере. Особенно удобно с помощью этой программы заходить на сервер с помощью FTP. Данная программа неотъемлемый инструмент для создания сайтов, ведь именно с его помощью web-мастер выводит в широкий свет интернета свой сайт.

Adobe Photoshop – главная программа, которая используется для создания некоторых графических инструментов или полностью для создания макета сайта. Она очень удобная и практичная, имеет множество различных инструментов для создания уникального и очень красивого макета. Есть огромное количество шрифтов и различных дизайнерских инструментов, которые можно с легкостью скачать и установить.

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

 

2 ПРОЕКТНАЯ ЧАСТЬ

2.1 Структура сайта

 

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

В настоящее время существует множество различных структур построения сайтов [24]: линейная, иерархическая, «решетчатая» и т.д.

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

 

 

Рисунок 2.1. Линейная структура  сайта

 

Самым современным видом  структур сайта является иерархическая  структура, в соответствии с рисунком 2.2.

 

Рисунок 2.2. Иерархическая  структура сайта

 

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

Кроме этих видов структур стоит отметить о наименее востребованном виде структур сайта, который имеет  наименование «решетчатый» [25], в соответствии с рисунком 2.3.

 

Рисунок 2.3. «Решетчатая» структура  сайта

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

Структура Web - приложения на тему «Гиревой спорт СКО» состоит из таких разделов как: «Главная», «Тренер», «КМС», «МС РК», «МС МК», «Галерея». Наглядно структура Web–приложения представлена в соответствии с рисунком 2.4.

 

 

 

 

 

 

 

 

 

 

 

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

В разделе «Тренер» содержатся информация про главного тренера нашей облости Глывяк А. Я.

В разделе «Галерея» содержатся фотографии с различных соревнований спортсменов Северо-Казахстанской области.

В разделе «КМС» содержится информация о кандитах в мастера спорта по гирям.

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

Физическая структура  сайта описывает размещение файлов и папок на диске компьютера. В  соответствии с рисунком 2.4 представлена физическая структура сайта.

 

Рисунок 2.4. Физическая структура сайта

 

При создании физической структуры  следует соблюдать несколько  простых правил [28]:

• назначайте имена директорий, имена и расширения документов HTML и графических файлов с использованием символов только латинского алфавита и только в строчном регистре;
• старайтесь, чтобы имена созданных вами файлов и директорий не превышали по длине восьми символов;
• при присвоении имен файлов документам HTML старайтесь следить за тем, чтобы эти имена были «смысловыми».

2.2 Описание интерфейса Web-сайта

 

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

Элементы навигации  можно разместить вблизи правой, левой  или в верхней части границ страницы. В этом случае все объекты  страницы гармонично «вписываются»  в заданную ширину невидимой таблицы, при этом подготовка самой таблицы  значительно упрощается [30].

Оформление сайта «Гиревой спорт СКО» соответствует эстетичному и удобному представлению графического и методического материала для его легкого усвоения.

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

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

Главная страница разработанного Web–приложения представлено в соответствии с рисунком 2.5.

 

Рисунок 2.5. Главная страница Web–приложения

 

Наряду с главной страницей  в Web–приложении имеется переход на другие разделы, такие как: «Тренер», «КМС», «МС РК», «МС МК», «Галерея».

Страница «Тренер» представлена в соответствии с рисунком 2.6.

 

Рисунок 2.6. Страница «Тренер»

 

В разделе «КМС РК» открывается страница на которой отображается список имеющихся кандидатов в мастера спорта. Страница «КМС РК» разработанного Web–приложения представлена в соответствии с рисунком 2.7.

 

Рисунок 2.7. Страница «КМС РК»

 

В разделе «МС РК» открывается страница на которой отображается список имеющихся мастеров спорта. Страница «МС РК» разработанного Web–приложения представлена в соответствии с рисунком 2.8.

 

Рисунок 2.8. Страница «МС РК»

 

В разделе «МС МК» открывается страница на которой отображается список имеющихся мастеров спорта международного класса. Страница «МС МК» разработанного Web–приложения представлена в соответствии с рисунком 2.9.

 

Рисунок 2.9. Страница «МС МК»

 

При переходе на раздел «Галерея» открывается страница на которой представлена фото галерея с различных соревнований. Страница «Галерея» представлена в соответствии с рисунком 2.10.

 

Рисунок 2.10. Страница «Галерея»

 

При просмотре фотографии открывается страница на которой  представлено фото. Просмотр фото представлен в соответствии с рисунком 2.11.

 

Рисунок 2.11. Страница «Галерея»

 

Данный интерфейс разработанного Web–приложения является понятным и доступным любому пользователю.

 

2.6 Описание используемых процедур

 

1.  Данный скрипт выводит  на страницу сайта  полное  системное время.

 

<script language="JavaScript">

function fulltime() {