XXIII Международный конкурс научно-исследовательских и творческих работ учащихся
Старт в науке
Создание Web – сайта о военных Вузах c помощью языка HTML
Автор работы награжден дипломом победителя III степени
Полная версия работы доступна во вкладке "Файлы работы" в формате PDF
Введение
Интернет превращается из отличной игрушки для интеллектуалов в полноценный источник разнообразной полезной информации для каждой категории пользователей, и создание сайтов становится все более актуальным. Они помогают хранить и распространять необходимую информацию на огромные массы людей.
В течение последних двадцати лет набор навыков, необходимых для создания сайтов существенно изменился. Если раньше главными героями были программисты, то затем они разработали системы управления, которые смогли устанавливать слегка подкованные специалисты. Опубликовать сайт в Интернете стало настолько просто и доступно, что эта возможность привлекает все большее число людей. Однако Web – сайт может привлечь к себе внимание лишь в том случае, если его содержание вызывает какой-то интерес и если он имеет привлекательное внешнее оформление. Оформление Web – страниц становится своеобразным видом прикладного искусства. У него даже появилось своё название – «Web-дизайн». Сегодня и их работа оптимизирована в шаблоны и системы.
Актуальность данной работы обусловлена труднодоступностью получения достоверной, сжатой, но при этом полноценной информации о военных Вузах России.
Целью проекта было разработать сайт с полным перечнем военных Вузов с описанием специальностей и особенностей приёма.
В процессе работы необходимо было решить следующие задачи:
-
Научиться проектировать актуальный, понятный, удобный
и простой для использования вебсайт.
-
Изучить военные Вузы России и их специфику.
-
Продумать форму подачи информации.
-
Определить круг пользователей, тем самым привлечь их внимание к проекту.
Теоретическая часть
1.Что такое сайт
Сайт (от англ. website: Web — «паутина, сеть» и site — «место», буквально
«место, сегмент, часть в сети») — система электронных документов (файлов
данных и кода) частного лица или организации в компьютерной сети под
общим адресом (доменным именем или IP-адресом)
Все сайты в совокупности составляют Всемирную паутину, где
коммуникация (паутина) объединяет сегменты информации мирового
сообщества в единое целое — базу данных и коммуникации планетарного
масштаба. Для прямого доступа клиентов к сайтам на серверах был
специально разработан протокол HTTP.
На сайт можно выкладывать: файлы, текстовые документы, приложения и
т.д.
Сайты бывают:
-
Персональные сайты или страницы
-
Личные блоги
-
Сайты-визитки
-
Сайты-галереи
-
Официальные сайты компаний (организаций)
-
Тематические сайты
-
Сайты-каталоги (или сайты-витрины)
-
Сайты Интернет-магазины
-
Промо-сайты
-
Новостные сайты
-
Корпоративные сайты
-
Сайты-порталы
-
Контент-проекты
Контент-проект – это сайт, который представляет собой обширное собрание
каких-либо тематических материалов – книг, статей, аудио и видео файлов,
др. Основная задача такого сайта – привлечь посетителей интересующихся
определённой тематикой и перенаправить их на сайты партнёров. При
условии размещения на сайте контент-проекте подходящих ссылок на сайты
партнёров, он даёт достаточно качественный трафик, а значит и конвертацию
посетителей в покупателей. Контент-проект выполняется в виде интернет -библиотеки (аудио или видеотеки), энциклопедии, справочника. В этом его
отличие от простого тематического сайта. Объем сайта, как правило,
достаточно большой. Он может содержать несколько десятков и сотен
страниц. Структура сайта, чаще всего, сложная. Сайт обычно содержит
несколько разделов, на нем могут применяться многоуровневые меню.
Во внешнем виде сайты контент -проекты не допускают излишеств, их
графический дизайн, по возможности, должен быть простым.
Именно такой вид сайта я выбрала для выполнения проекта.
Основные языки программирования
Среди основных языков программирования, которыми пишут сайты, можно выделить следующие: HTML; CSS; PHP; JavaScript; Python; MySQL. Каждый язык используется для выполнения конкретной задачи: для дизайна страницы, её интерактивности и так далее.
Основная цель HTML — структурировать и оформлять контент на сайте. Он создаёт иерархическую структуру Web-страницы, используя заголовки, абзацы, списки и таблицы. Такая структура помогает пользователю легче ориентироваться на сайте.
Также с помощью HTML можно:
-
форматировать текст, выделять фрагменты, создавать списки, добавлять сноски;
-
встраивать медиа (изображения, аудио, видео, карты);
-
создавать ссылки и навигацию;
-
создавать таблицы;
-
создавать формы.
CSS используется создателями Web-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих Web-страниц. Основная цель разработки CSS — отделение описания логической структуры Web-страницы от описания внешнего вида этой Web-страницы. Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом или при выводе устройствами, использующими шрифт Брайля.
Устройство Web – сайтов.
Web-сайт- это совокупность программных, информационных, а также медийных средств, логически связанных между собой. Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые обычно содержат материал по определённой теме или проблеме. Любой пользователь Интернета может создать свой тематический сайт, на котором разместит информацию о своих разработках, увлечениях и т.д. Прежде чем разместить свой Web-сайт на сервере в Интернете, необходимо его тщательно протестировать, так как посетителями вашего сайта будут десятки миллионов пользователей Интернета.
Как и обычная книга, Web-сайт состоит из страниц, которые называются Web-страницами.
Web-страницы создаются с использованием языка разметки гипертекстовых документов. В обычный текстовый документ вставляются управляющие символы, которые определяют вид Web-страницы при просмотре в браузере. Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора.
Страницы сайтов - это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя. Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображённые страницы можно изменить добавлением стилей, что позволяет централизовать в определённом файле все элементы формирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями. Страницы сайтов могут быть простым статичным набором файлов или создаваться специальной компьютерной программой на сервере. Она может быть либо сделана на заказ для отдельного сайта, либо быть готовым продуктом, рассчитанным на некоторый класс сайтов. Некоторые из них могут обеспечить владельцу сайта возможность гибкой настройки структурирования и вывода информации на Web-сайте.
Главная страница сайта.
Обычно это первая страница, на которую попадает пользователь. Поэтому она должна удовлетворять некоторым условиям:
1. Главная страница должна отражать тематику сайта.
2. Она должна быть интересной, чтобы пользователю захотелось пройтись по
другим страницам сайта.
3. Желательно разместить на ней функцию поиска по сайту.
4. Пусть на ней будет раздел с постоянно обновляющейся информацией, например: новости, акции, советы дня.
5. Обязательно должен присутствовать способ обратной связи (е-mail, телефон, адрес).
6. Сделайте главную страницу отличающейся от остальных, но соответствующей общей стилистике сайта.
Остальные страницы сайта.
Внешний вид всех страниц сайта должен быть выдержан в едином стиле. На них должно быть указано название ресурса и обязательная ссылка на главную страницу. В основном каждая страница должна быть уникальна, т.е. иметь своё содержание. Причём, следует учесть несколько моментов:
1. Длина страницы. Если она больше 2,5 экранов, следует разбить страницу на две.
2. Сделать так, чтобы текст легко воспринимался. Разбить на абзацы, сделать отступы и поля. Выделить текст заголовками и подзаголовками.
3. Интересное оформление. Совместить текст картинками и графиками, но не переусердствовать. Всё должно быть обоснованно.
Web-страницы разделяются на две логические части: заголовок и содержание.
Заголовок Web-страницы заключается в контейнер, содержит смысл страницы и справочную информацию о ней, которая используется браузером для её правильного отображения. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Созданную Web-страницу необходимо сохранить в виде файла.
Оформление сайта
Сегодня в Интернете существуют миллионы сайтов, которые активно
конкурируют между собой в поисковой выдаче и в завоевании аудитории.
Пользователям Интернета постоянно нужна всё новая информация и новые услуги, однако при таком большом предложении, они вправе выбирать те сайты, которые вызывают уважение и интерес.
Что входит в понятие «оформление сайта» в моем понимании:
1. Подбор цветовой гаммы для сайта;
2. Формирование расположения текста, рисунков и видео материалов на
страницах;
3. Расположение информационных блоков (рекламы, комментариев, похожих
статей и т.д.)
4. Подбор шрифта (стиля и размера);
5. Оформление элементов дизайна таким образом, чтобы было удобно посетителю.
Практическая часть
Для выполнения этой работы необходимы определённые знания и практические умения в области программирования. Эти навыки я получила обучаясь в Академии «Калашников» г.Ижевска на направление ит, в настоящее время продолжаю обучение на 2 курсе. Изучила и проанализировала аналогичные сайты вузопедия, учёба.ру итд. Информации о военных Вузах на сайтах ничтожно мало и не достаточно. Они не отражают информацию об особенностях приёма в Вузы.
Выбор вида проекта
Думаю наиболее подходящим видом для создания сайта о военных Вузах будет контент -проект. Он позволит привлечь посетителей интересующихся поступлением в высшие военные учреждения и перенаправит их на официальные сайт интересующего Вуза. Сайт предоставит достаточный трафик, а значит привлечёт большее количество молодёжи к профессии военного. Он простой в использовании и понятен пользователю без специальных навыков.
Главная страница сайта контент -проекта
1. Название «честь имею» и основной фон в виде триколора отражает тематику сайта.
2. Интерес пользователя может вызвать перечень военных структур выделенный крупным шрифтом. При выборе структуры пользователь переходить на страницу с описанием функций, задач и полным перечнем Вузов выбранного направления.
3. Обратная связь обеспечена официальным сайтом Вуза.
4. Таким образом главная страница разработанного мной сайта полностью удовлетворяет требованиям контент -проекта.
Остальные страницы сайта контент -проекта
1. Страницы с описанием целей и задач военных структур содержат краткое и понятное описание для того чтобы у пользователя сложилось понимание о деятельности структуры.
2. На странице структуры представлен герб подразделения, а дополнительные иллюстрации отсутствуют поскольку не могут нести полезную информацию.
Оформление сайта
1. Цветовая гамма выбран в соответствии с тематикой.
2. Рисунки и видео материалы в моем сайте отсутствуют, вся необходимая наглядная информация находится непосредственно на страницах вузов, куда можно перейти по ссылкам. Считаю что рисунки и видео материалы не будут нести полезной информации, единственные изображения которые я использовала это герб военной структуры как отличительный знак.
Текст на сайте присутствует в описании военной структуры. Прочитав информацию пользователь сможет понять интересует ли его именно эта структура и перейти к выбору вуза.
3. Дизайн сайта сдержанный в соответствии с тематикой сайта.
Выбор языка
Для написания сайта использовались языки HTML и CSS.
С помощьюHTML я структурировала и оформляла контент на сайте. Создала заголовки, абзацы, списки, форматировала текст, встраивала медиа (изображения), создавала ссылки и навигацию. CSS использовался для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида.
Тестирование сайта
В результате мне удалось создать полностью функционирующий сайт, выполненный на языке HTML.
Тестирование сайта выполнено кругом моего общения (друзья, одноклассники, родственники) .пополнение базы Вузов происходит постоянно по получению новой информации.
● Подготовка к тестированию: после завершения
разработки, я приступила к тестированию сайта на
реальных пользователях для оценки его
функциональности и удобства использования.
● Приглашение пользователей: Я пригласила группу
пользователей и дала им доступ к сайту.
● Сбор обратной связи: после завершения тестов, собрала
обратную связь от участников, включая комментарии о
пользовательском интерфейсе, удобстве использования и
общем впечатлении от сайта.
● Анализ результатов: проанализировала полученную
обратную связь, выявила слабые места и приняла меры
для улучшения сайта.
● Внесение корректив: Исходя из обратной связи, внесла
необходимые изменения, улучшая пользовательский опыт
и общую функциональность.
Заключение.
В ходе выполнения проекта мною были изучены вопросы, посвящённые HTML (HyperTextMarkupLanguage - язык разметки гипертекстов). Я ознакомилась с историей возникновения HTML, овладела особенностями создания Web-страниц с использованием таблиц. С основными тегами, используемыми в HTML, функциями, которые они выполняют, овладела навыками создания Web-страницы с помощью гипертекстовой разметки HTML с использованием мультимедиа, выполнила практическое задание, которое заключалось в создании Web-страницы.
Кроме того, для качественного сайта я изучила военные Вузы России, особенности приёма и обучения в них. В результате проведённой работы в течение года, начиная от изучения языка, я разработала полностью функционирующий сайт, который будет пользоваться популярностью среди желающих получить высшее военное образование. Поскольку в настоящее время отсутствует иной способ получить оперативно полную и достоверную информацию о военных профессиях и требованиях к поступающим, так как правила приёма в военные Вузы кардинально отличаются от гражданских.
Также я получила опыт в таких сферах как программирование, дизайн и глубже изучила профессию военных.
Список используемой литературы
1. И. Г. Семакин, Е. К. Хеннер. Информатика. 10-й класс. БИНОМ. Лаборатория знаний, 2005.
2. Н. Д. Угринович. Информатика и информационные технологии. Учебник для 10- 11 классов. БИНОМ. Лаборатория знаний, 2005.
3. https://webformyself.com/poshagovoe-sozdanie-sajta-html-chast-2/ .