Фрагмент для ознакомления
1
Введение 5
1. Аналитический обзор средств разработки 7
1.1. Язык гипертекстовой разметки HTML 7
1.1.1. Основные теги 8
1.2. Язык стилей CSS 10
1.3. Язык JavaScript 12
2. Практическая реализация сайта 14
2.1. Проектирование и анализ требований 14
2.2. Проектирование пользовательского интерфейса 15
2.3. Разработка основных страниц 16
2.4. Тестирование Web-сайта 22
Заключение 23
Список использованных источников 24
Приложение А. Код первой страницы сайта 25
Фрагмент для ознакомления
2
В современном мире информационные технологии играют ключевую роль в различных сферах жизни, включая образование. В связи с этим разработка Web-приложений становится все более актуальной и востребованной задачей. В данной курсовой работе мы сосредоточимся на создании Web-приложения, посвященного школьной тематике, с целью предоставления информации о конкретной школе и разработки интерактивного теста, позволяющего проверить знания об этом учебном заведении.
В современном образовательном процессе важным аспектом является эффективное использование информационных технологий для предоставления информации и проведения учебных занятий. В связи с этим существует потребность в создании удобных и информативных Web-приложений, которые могли бы предоставить широкий спектр информации о школе, ее учебном процессе и достижениях.
Целью данной курсовой работы является разработка Web-приложения на тему "Моя школа", которое включает в себя главную страницу о школе, страницу о классе, о любимом предмете, о себе, а также страницу с интерактивным тестом. Основной задачей является создание качественного и дружелюбного интерфейса, который был бы удобен для пользователей и содержал достаточно информации о школе.
Для достижения поставленной цели необходимо решить следующие задачи:
• выполнить обзор существующих Web-приложений в области образования;
• провести анализ требований к разрабатываемому приложению;
• разработать структуру и дизайн Web-сайта;
• создать интерактивный тест о школе с использованием JavaScript;
• обеспечить грамотное форматирование текста и использование графической информации;
• реализовать объект с изменяемыми картинками с помощью JavaScript.
Практическая значимость работы заключается в создании функционального и информативного Web-приложения, которое может быть использовано как инструмент для представления информации о школе и проведения интерактивных тестов. Такое приложение может быть полезным для учеников, родителей и педагогов, а также способствовать продвижению и репутации учебного заведения.
1. Аналитический обзор средств разработки
1.1. Язык гипертекстовой разметки HTML
HTML (HyperText Markup Language) - это язык разметки, который используется для создания веб-страниц и определения их структуры. Он состоит из набора элементов, называемых тегами, которые обрамляют контент и определяют его семантику и отображение в браузере.
Основные особенности языка HTML:
1. Структурирование контента. HTML позволяет организовать содержимое веб-страницы в виде различных элементов, таких как заголовки, параграфы, списки, таблицы и медиа-элементы.
2. Семантика. Каждый HTML-элемент имеет свою семантику, что позволяет браузерам и поисковым системам правильно интерпретировать и отображать содержимое. Например, элемент <h1> обозначает основной заголовок страницы, а элемент <p> - параграф.
3. Форматирование текста. С помощью HTML можно задавать различные стили и форматирование текста, такие как шрифты, размеры, цвета, выравнивание и многое другое.
4. Ссылки и навигация. HTML предоставляет возможность создавать гиперссылки с помощью элемента <a>, что позволяет пользователям переходить с одной веб-страницы на другую и перемещаться по сайту.
5. Мультимедиа. Среди элементов HTML есть те, которые позволяют вставлять изображения, видео, аудио и другие мультимедийные файлы на веб-страницу.
6. Формы. HTML предоставляет элементы для создания интерактивных форм, с помощью которых пользователи могут отправлять данные на сервер, например, через элементы <input> и кнопку <button>.
Фрагмент для ознакомления
3
1. Дакетт Джон HTML и CSS. Разработка и создание веб-сайтов [Текст] // Мировой компьютерный бестселлер. Эксмо – 2019. – С. 480.
2. Начинаем работу с HTML + CSS. [Электронный ресурс] URL: https://www.w3.org/Style/Examples/011/firstcss.ru.html
3. Начало работы с CSS. [Электронный ресурс] URL: https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/Getting_started
4. Основы веб-разработки: HTML, CSS, JavaScript. [Электронный ресурс] URL: https://purpleschool.ru/blog/HTML_CSS_JS
5. Руководство по HTML/CSS/JavaScript. [Электронный ресурс] URL: https://habr.com/ru/articles/275729/
6. Таблица HTML цветов. [Электронный ресурс] URL: https://colorscheme.ru/html-colors.html
7. Стили в веб-дизайне. [Электронный ресурс] URL: https://vc.ru/design/856833-stili-v-veb-dizayne