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

-эффективное размещение различной информации;

-эффективный доступ пользователей с различной подготовкой к содержанию разделов и рубрик Web-сайта;

- соответствовать логике  восприятия и поиска информации;

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

Титульная (домашняя) страница Web-сайта должна содержать:

- понятный интерфейс;

- навигационный блок (навигационное  меню);

- помощь пользователю;

- соглашение по статусу  содержания Web-сайта;

- прямой URL (сетевой адрес);

Web сайт должен иметь  простую и интуитивно понятную титульную страницу, обеспечивающую отображение наиболее важной

оперативной информации и  навигацию по структуре информационных ресурсов и сервисов.

К Web-сайту предъявляются  определенные требования:

- сетевой адрес (URL) титульной страницы однозначно идентифицируется серером как начальная (домашняя) страница;

- каждая страница Web-сайта  содержит прямую ссылку на титульную страницу;

- навигационное меню доступно на каждой странице Web-сайта;

- основные разделы Web-сайта  доступны в пределах одного перехода с титульной страницы;

- ведомственная символика (логотип Web-сайта) присутствует на каждой странице Web-сайта.

Основная текстовая информация должна быть в формате текста html:

-  текст должен отображаться на соответствующем уровне контраста к используемому цвету фона;

- параметры цвета текста должны быть прописаны в html-коде и однозначно выводиться в программах просмотра и на черно-белой печати;

- текст должен быть  всегда статичен (требование не  распространяется на текст, представленный в графическом формате);

- размер шрифта должен всегда определяться в html-коде;

- должны быть использованы только системные шрифты.

Для размещения графических  объектов должны быть использованы стандартные форматы изображений GIF и JPG (JPEG).

Изображения формата GIF должны быть сгенерированы с использованием стандартной сетевой палитры. Одиночные изображения не должны превышать 30-50 КБ. При этом, как правило, на странице размещается уменьшенный вариант (скриншот), а полное изображение открывается в специальном окне просмотра по ссылке со скриншота.

Web-сайт должен корректно  работать в режиме с выключенной  графикой.

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

1. Сбор и систематизация. После сбора этой информации необходимо ее структурирование для удобного представления на сайте.

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

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

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

 

1.4 Обоснование выбора дизайна и структуры

 

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

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

Web-приложение может содержать в себе: разработки конкретных уроков; разработки серии уроков; разработку темы программы; разработки частных (авторских) методик преподавания предмета; разработки общей методики преподавания предметов; разработки новых форм, методов или средств обучения и воспитания; методические разработки, связанные с изменением материально-технических условий преподавания предмета.

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

Web-приложение должно иметь возможность внесения необходимых изменений и доработок в ее содержание и предотвращать несанкционированный доступ к учебным материалам и статистическим данным [9].

Оформление Web-приложения должно способствовать эстетичному и удобному представлению учебного материала для его легкого усвоения. При этом количество слов должно быть ограниченным, чтобы объем текстового материала не утомлял обучаемого.

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

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

В Web-приложении значения цветов должны быть постоянны. При ее разработке нужно учитывать все цветовые ассоциации [10-11].

Некоторые существующие цветовые ассоциации приведены в соответствии с таблицей 1.

Таблица 1

Цветовые ассоциации      

Цветовая палитра	Ассоциации
Красный цвет	Оказывает наиболее возбуждающее действие. Является самым активным цветом. Активные цвета ярче воспринимаются и лучше запоминаются.
Красно-оранжевые тона	Вызывают ощущение тепла. Могут вызвать возбуждение, они  стимулируют интерес человека к  внешнему миру, общению и деятельности.
Оранжевый цвет	Придает максимум ощущения тепла.
Оранжево-желтые тона	Дают эффект приближения  предметов.
Желтый цвет	Дает ощущение легкости и  живости. Выглядит наиболее легким и  воздушным.
Зеленый цвет	Придает визуальное равновесие. Сочетает в себе легкость и живость  желтого со спокойствием синего. Создает прекрасное настроение.

 

Продолжение таблицы 1

Цветовая палитра	Ассоциации
Сине-голубые тона	Дают ощущение холода, а  также ощущение времени и пространства. Вызывают торможение. Успокаивают и  снимают возбуждение. Вносят в поведение  человека рассудительность и рациональность. Считаются наиболее тяжелыми для  восприятия.
Синий цвет	Дает ощущение спокойствия.
Полярные цветовые таблицы	Очень хорошо гармонируют, когда  они сочетаются на сером фоне или  в разных плоскостях.
Черный	Действует угнетающе, вызывает печаль.
Фиолетовый	В равной степени отталкивающий  и привлекающий, в некоторых случаях  вызывает грусть
Белый	Действует утомляюще, создает  пустоту
Серый цвет	Нейтральный цвет. Он не привлекает к себе внимания, создает ощущение стабильности.

 

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

Некоторые цветовые комбинации текста и фона, а также оценка четкости этих комбинаций представлены в соответствии с таблицей 2.

 

Таблица 2

Цветовые комбинации текста и фона, а также оценка их четкости

Цветовые комбинации	Оценка четкости
Черные буквы на белом  фоне	Отлично
Зеленые на белом  фоне	Хорошо
Черные на желтом фоне
Синие на белом  фоне
Красные на белом  фоне	Удовлетворительно
Красные на желтом фоне
Зеленые на красном фоне	Плохо
Красные на зеленом фоне

 

 

К дизайну создаваемому Web-приложению предъявляются следующие требования: простота, гибкость, последовательность, слаженность и стандартизация, отсутствие нагромождений, наличие визуальной иерархии, интуитивность навигации.

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

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

Так странички, которые выглядят слишком скучно или назойливо, не радуют глаз, поэтому их закрывают  в течение десяти первых секунд. Заинтересовавшие пользователя сайты, как правило, посещаются им еще много  раз. Информация о сайтах с грамотным  оформлением воспринимается намного  быстрее и приятнее, поэтому люди задерживаются на них, не спеша закрывать  окно браузера. К тому же о таких  ресурсах рассказывают друзьям и  знакомым, а это повышает рейтинг  не только в поисковой таблице, но и в глазах общественности [12].

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