«Разработка web сайта на основе HTML с использованием JavaScript»

Объектом исследования является процесс разработки многостраничного сайта с соответствующим теме содержанием.

Предметом исследования являются:

1. Язык гипертекстовой разметки HTML;

2. Таблицы каскадных стилей CSS;

3. Прототипно-ориентированный сценарный язык программирования JavaScript.

Вышеперечисленные предметы исследования являются средствами разработки многостраничного сайта с интерактивностью.

Цель проекта: создать сайт «Обзор комисксов» с языком гипертекстовой разметки HTML, таблицы каскадных стилей CSS и прототипно-ориентированного сценарного языка программирования JavaScript.

Задачи проекта:

— Изучить функциональные возможности HTML;

— Изучить ь функциональные возможности CSS;

— Изучить функциональные возможности JavaScript;

— Разработать макеты страниц сайта;

— Наполнить страницы сайта информацией по теме;

— Выполнить все необходимые требования согласно заданию.

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

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

Страница con-1.html перед загрузкой выдает окно с предупреждением, что на сайте имеются материалы с возрастным ограничением. Используется метод javascript alert().

Во все страницы кроме main.html встроены таблицы.

3.2 ОПИСАНИЕ ПРИНЦИПА РАБОТЫ САЙТА

Разработанный в ходе выполнения курсового проекта сайт является статическим.

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

Обычно статический веб-сайт представляет собой набор файлов HTML, размещенных на веб-сервере.

С помощью различных способов верстки (табличной и блочной) были созданы четыре страницы сайта: с текстом, изображениями, ссылками, стилями. Интерактивность сайта достигнута за счет использования встроенных JavaScript-сценариев, в том числе с помощью методов prompt() и alert().

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

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