Основы разработки сайтов. Курс внеурочной деятельности
Период изготовления: март 2023 года.
Цель работы: изучить понятие языка HTML, понятия таблиц CSS, проанализировать ПО для работы с HTML, рассмотреть возможность изучения этих средств в средней школе.
Объект работы: язык HTML, таблицы стилей CSS программное обеспечение, предназначенное для работы с HTML, основы сайтостроения, представленные в школьных учебниках информатики за 9 и 11 класс.
Предмет исследования: основные возможности языка HTML и CSS, программного обеспечения, предназначенного для работы с HTML, возможные способы и возможности изучения курса сайтостроения в школе.
Задачи:
· изучить понятие языка HTML, его историю создания и развития, его основные теоретические аспекты
· изучить понятие каскадных таблиц стилей CSS, его историю создания и развития, его основные теоретические аспекты
· рассмотреть некоторые HTML – редакторы, определить их достоинства и недостатки
· разработать курс внеурочной деятельности по основам сайтостроения для учащихся 9-10 классов.
Работа была успешно сдана - заказчик претензий не имел.
Готовые работы я могу оперативно проверить на оригинальность по Antiplagiat .ru и сообщить Вам результат.
Введение 3
Глава I. Понятие языка гипертекстовой разметки HTML 5
1.1. История создания и развития языка HTML 5
1.2. Описание языка. Основные теги 12
Понятие тега, атрибута. Структура HTML документа 12
Редактирование и форматирование текста. Создание списков 15
Блочные и встроенные элементы 23
Создание таблиц 25
Гипертекстовые переходы 27
Импорт аудио, видео и графических файлов 29
1.3. Характеристика HTML-редакторов 31
Atom 31
Visual Studio Code 33
Sublime Text 34
Adobe Brackets 36
Notepad++ 38
Блокнот 39
FrontPage 40
Глава II. Понятие каскадных таблиц стилей CSS 42
2.1. История создания и развития CSS 42
2.2. Теоретические аспекты CSS 46
Подключение к HTML документу. 46
Селекторы 50
Цвета 54
Текст и шрифт. 56
Управление блоками. 60
Глава III. HTML в школе. Курс «Основы разработки сайтов» 65
3.1.Основы сайтостроения в школьное курсе информатики. 65
3.2. Курс "Основы разработки сайтов" 68
Заключение 71
Список используемых источников. 72
1. 10 лучших HTML редакторов. // Сайт «Делаю сам» [Электронный ресурс] Режим доступа: https://uspet-vse.ru/articles/html-redaktor-mozhno-ispolzovat.html (дата обращения 01.12.2022г.)
2. Барнаш В.Г., Коваленко Т.А. HTML – развитие языка стандарта отображения страниц [Текст] / В.Г. Барнаш, Т.А. Коваленко // Научный журнал «Вестник научных конференций». – 2017. - №18 – С. 14 – 15.
3. Белаш В. Ю., Смирнов В.В. Возможности применения технологии HTML в образовательном процессе [Текст] / В.Ю. Белаш, В.В. Смирнов. // Материалы «Региональной университетской научно-практической конференции» - 2018. – С. 344 – 347.
4. Гагарин А.Г., Рогачев А.Ф., Плещенко Т.В. Применение языка гипертекстовой разметки для разработки интернет-ресурсов [Текст] / А.Г. Гагарин, А.Ф. Рогачев, Т.В. Плещенко. – г. Волгоград.: Издательство Нива, 2013.
5. Голубева И.Е., Галанина О.В., Павлютина И.П. Основы HTML. [Текст] / И.Е. Голубева, О.В. Галанина – г. Брянск, Издательство Брянской государственной сельскохозяйственной академии, г. 2014
6. Демчинова Е. А., Исаева М. В. Web Программирование в 4 частях. Часть 1. [Текст] / Демчинова Е. А., Исаева М. В. – г. Кострома, Издательство Костромского государственного университета, г. 2017.
7. Замалетдинов Н.И. Создание сайта на языке HTML по теме «компьютерные сети» [Текст] / Н.И. Замалетдинов // Материалы региональной молодежной научно-технической конференции «Автоматика и электронное приборостроение» - 2018. – С. 92 - 94.
8. Изображения в HTML. // Сайт «MDN Web Docs.org» [Электронный ресурс] Режим доступа:https://developer.mozilla.org/ru/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML (дата обращения 05.12.2022г.)
9. Коваленко Т.А., Барнаш В.Г. Анализ возможностей языка HTML [Текст] / Т.А. Коваленко, В.Г. Барнаш // Научный журнал «Наука и мир». - 2017. - №44 – С. 54 - 65.
10. Нигай Р.М. Методические указания и практические работы по созданию web-сайтов на языке HTML [Текст] / Р.М. Нигай. – г. Москва.: Издательство Спутник, 2022.
11. Описание среды разработки Microsoft Visual Studio. // Сайт «Studbooks.net» [Электронный ресурс] Режим доступа: https://studbooks.net/2258619/informatika/opisanie_sredy_razrabotki_microsoft_visual_studio (дата обращения 02.12.2022г.)
12. Основы HTML. // Сайт «Aboozov.com» [Электронный ресурс] Режим доступа: https://abuzov.com/osnovy-html/#istor (дата обращения 15.11.2022г.)
13. Семикопенко А.А. Учебник по HTML. [Текст] / А.А. Семикопенко – г. Санкт – Петербург, Издательство Гангут, 2021.
14. Спиридонов А.А. Методические особенности преподавания HTML в школе [Текст] / А.А. Спиридонов // Материалы «70-й научно-практической конференции преподавателей и студентов» - 2021. – С. 939 – 941.
15. Списки HTML // Сайт «HTMLBoss.ru» [Электронный ресурс] Режим доступа: http://htmlboss.ru/beginner-lessons/lesson8 (дата обращения: 30.11.2022г.)
16. Тевс Д.П. Основные методы подготовки Интернет-страниц. [Текст] / Д.П. Тевс – г. Барнаул, Издательство Алтайской государственной педагогической академии, 2012.
17. Тег <img>. // Сайт «HTMLBook.ru» [Электронный ресурс] Режим доступа: http://htmlbook.ru/html/img (дата обращения: 05.12.2022г.)
18. <Title>: имя заголовка документа // Сайт «MDN Web Docs.org» [Электронный ресурс] Режим доступа: https://developer.mozilla.org/ru/docs/Web/HTML/Element/title (дата обращения: 01.12.2022г.)
19. HTML – атрибуты. // Сайт «HTML5Book.ru» [Электронный ресурс] Режим доступа: https://html5book.ru/html-attributes/ (дата обращения: 25.11.2022г.)
20. HTML – мнемоники // Сайт «Unicode-table.com» [Электронный ресурс] Режим доступа: https://unicode-table.com/ru/html-entities/ (дата обращения: 27.11.2022г.)
21. HTML Цвета. // Сайт «ColorScheme.ru» [Электронный ресурс] Режим доступа: https://colorscheme.ru/html-colors.html (дата обращения: 29.11.2022г.)
22. Microsoft FrontPage. // Cайт «Википедия» [Электронный ресурс] Режим доступа: https://translated.turbopages.org/proxy_u/en-ru.ru.d1ea8af1-6382455c-17e8c580-74722d776562/https/en.wikipedia.org/wiki/Microsoft_FrontPage (дата обращения 03.12.2022г.)
23. Notepad ++. // Сайт «Wiki-wiki.ru» [Электронный ресурс] Режим доступа: https://wp.wiki-wiki.ru/wp/index.php/Notepad%2B%2B (дата обращения 31.11.2022г.)
24. SGML. // «Сайт «Википедия» [Электронный ресурс] Режим доступа: https://ru.wikipedia.org/wiki/SGML (дата обращения: 25. 11. 2022г.)
