Введение
Содержимое раздела
Раздел объясняет актуальность знакомства школьников с профессией веб-разработчика и основами создания сайтов. Здесь обозначаются цель, задачи и ожидаемые результаты работы, а также связь темы с информатикой, цифровой грамотностью и безопасным использованием интернета.
Теоретические основы веб-разработки
Содержимое раздела
Глава раскрывает основные понятия, связанные с созданием сайтов, и формирует необходимую теоретическую базу. Рассматриваются направления работы веб-разработчиков, назначение главных технологий, взаимодействие браузера и сервера, а также требования к современным веб-ресурсам.
Профессия веб-разработчика и направления деятельности
Содержимое раздела
Подраздел знакомит с задачами веб-разработчика и различиями между frontend-, backend- и fullstack-специалистами. Объясняется, какие знания и навыки нужны для создания и поддержки сайтов.
HTML, CSS и JavaScript как основа сайта
Содержимое раздела
Рассматривается назначение HTML, CSS и JavaScript в структуре веб-страницы. Показано, как эти технологии совместно отвечают за содержание, оформление и интерактивное поведение сайта.
Взаимодействие браузера и сервера
Содержимое раздела
Объясняется путь запроса от браузера к серверу и возвращение веб-страницы пользователю. Подраздел помогает понять роль адреса сайта, протокола HTTP, файлов и серверных программ в работе интернета.
Практика создания и оценки сайтов
Содержимое раздела
Глава посвящена анализу практических способов разработки веб-страниц и требований к их качеству. На примерах образовательных материалов и рекомендаций профессиональных организаций рассматриваются этапы работы, удобство интерфейса, доступность, безопасность и адаптация сайтов под разные устройства.
Этапы разработки простой веб-страницы
Содержимое раздела
Подраздел описывает последовательность создания страницы: постановку задачи, подготовку структуры, оформление, добавление интерактивности и проверку результата. Приводятся типичные действия начинающего разработчика при работе с HTML, CSS и JavaScript.
Удобство, доступность и адаптивность сайтов
Содержимое раздела
Рассматриваются реальные рекомендации по созданию понятных интерфейсов для пользователей с разными возможностями и устройствами. Объясняется значение читаемого текста, навигации, контраста и адаптивной вёрстки.
Безопасность и оценка качества веб-ресурсов
Содержимое раздела
Подраздел знакомит с основными угрозами для сайтов и пользователей, включая слабые пароли, вредоносный код и утечку данных. Анализируются способы проверки качества страниц по критериям безопасности, скорости и корректности работы.
Заключение
Содержимое раздела
Раздел обобщает сведения о профессии веб-разработчика, назначении основных технологий и последовательности создания сайта. Формулируются выводы о значении удобства, доступности и безопасности, а также о том, какие базовые умения может развивать школьник.
Список литературы
В разделе будут представлены учебные и справочные материалы, использованные для раскрытия темы веб-разработки. В список войдут документы разработчиков технологий, рекомендации по доступности и безопасности, образовательные ресурсы и материалы по цифровой грамотности.
Источники, найденные для этой работы. В готовой работе они будут оформлены по ГОСТ и расставлены сносками в тексте.
- Цифровые профессии — https://digital.gov.ru/activity/it-obrazovanie/czifrovye-professii
- бесплатные видеоуроки по HTML, CSS и JavaScript — https://timeweb.com/ru/community/articles/programmirovanie-dlya-detey-v-7-klasse-besplatnye-videouroki-po-html-css-i-javascript
- Основы web-технологий — https://www.hse.ru/edu/courses/450829088
- Что выбрать: frontend, backend или fullstack — https://blog.skillfactory.ru/chto-vybrat-frontend-backend-ili-fullstack/
- Тим Бернерс-Ли: отец Всемирной паутины и создатель… — https://progmatica.innopolis.university/longread/it_person_berners_lee
- Стандартизация доступности веб-контента — https://cyberleninka.ru/article/n/standartizatsiya-dostupnosti-veb-kontenta
- OWASP Top 10: самые распространённые уязвимости… — https://skillbox.ru/media/code/owasp-top-10-samye-rasprostranyennye-uyazvimosti-vebprilozheniy/
- Начало работы с HTML - Изучение веб-разработки — https://developer.mozilla.org/ru/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax