Разработка web-сайта с использованием технологий HTML, CSS и JavaScript.

Структура пояснительной записки

Пояснительная записка курсовой работы (проекта) должна соответствовать заданию и включать следующие материалы:

1. Титульный лист.

2. Задание.

3. Содержание.

4. Введение.

5. Основная часть.

6. Заключение.

7. Список используемой литературы.

8. Приложение

Титульный лист

Титульный лист является первой страницей пояснительной записки курсовой работы (проекта). Титульный лист оформляется согласно образцу (Приложение А). В графе «на тему», делается следующая запись: 40 «Разработка web-сайта «название утвержденной темы» с использованием технологий HTML, CSS и JavaScript».

Содержание

Содержание представляет собой план, в котором перечисляются все пункты, входящие в работу (проект). Четкое структурирование содержания свидетельствует о соответствии теме курсовой работы (проекта) и полноте ее раскрытия. Для выделения структуры работы (проекта) и ее отображения в оглавлении необходимо грамотно использовать нумерацию. Главы нумеруются цифрами 1, 2, 3 и т. д., а номера пунктов записываются двумя числами: первое число – это номер главы, а второе – порядковый номер пункта. Первое и второе число разделяются точкой без пробелов. В текстовом процессоре Word создание оглавления возможно в ручном режиме или с применением функции автособираемого оглавления. Задание Задание на курсовую работу (проект) содержит перечень технологий HTML, CSS и JavaScript, предлагаемый для исследования и применения при разработке статического web-сайта на утвержденную тему. Задание подписывается преподавателем.

Введение.

Во введении рекомендуется: - показать содержательную привлекательность и наиболее значимые аспекты выбранной темы; - четко формулировать цель и задачи работы (проекта); - указать используемые методы верстки и дизайнерского оформления страниц сайта. Объем введения составляет 2-3 страницы.

Основная часть.

Основная часть должна включать теоретические исследования применения HTML, CSS и JavaScript при верстке web-страниц сайта и практическую часть (описание технологий, согласно заданию на курсовое проектирование, используемых при разработке статического сайта по утвержденной теме). Основная часть разделяется на главы и пункты. Рекомендуемая структура основной части курсовой работы (проекта):

Глава 1. Основные средства HTML, CSS и JavaScript для создания статических веб-страниц. 1.1 Назначение и основные средства языка HTML.

1.2 Назначение и возможности каскадных таблиц стилей CSS.

1.3 Технологии создания JavaScript-сценариев в web-страницах.

Глава 2. Описание технологий разработанного web-сайта.

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

2.2 Описание технологий HTML.

2.3 Описание стилей CSS.

2.4 Описание JavaScript-сценариев.

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

Глава 3. Описание интерфейса и принципа работы web-сайта (для курсового проекта).

3.1 Описание интерфейса web-сайта.

3.2 Описание принципа работы web-сайта.

Объем основной части – 20–25страниц.

Заключение

В заключении рекомендуется указать:

- перечень использованных технологий при разработке статического web-сайта;

- степень выполнения задания на курсовую работу (проект);

- предложения и выводы о проделанной работе.

Список используемой литературы. 

Приложение

В приложении приводится полный листинг web-сайта в Microsoft Word (не скриншоты!).

Задание на разработку проекта

Разработать сайт средствами блокнота со следующими требованиями:

1. Тема сайта - автомобили, желательно японские.

2. Объем сайта – 3-5 web-страниц.

3. Обязательные требования по применению технологий HTML, CSS и JavaScript при разработке сайта:

3.1. HTML:

- Списки (нумерованные, маркированные, определений);

- Таблицы (с текстовым и графическим контентом; таблицы, вложенные в таблицу);

- Ссылки (внешние, внутренние, якорь)

• 3.2. CSS:

- Стиль, встроенный в тег;

- Внутренняя таблица стилей;

- Связывание с внешней таблицей стилей;

- Классы тегов;

- Идентификаторы ID

3.3. JavaScript:

- Способы встраивания JavaScript-сценария в HTML-документ: - с помощью тега script; - с помощью обработчика событий; - связывание с внешним файлом сценария.

- Методы ввода/вывода данных: - Метод prompt( ); - Метод alert( ).

Нужен и сайт и пояснительная записка соответственно.