Разработка сайта для волонтерской деятельности
ВВЕДЕНИЕ
Актуальность. Тема волонтерской деятельности развивается в России постоянно. Волонтеры – это люди, которые бескорыстно делают добро. Они оказывают самые разнообразные виды помощи, взаимопомощи и общественно полезной деятельности. Одни волонтеры помогают детям, сиротам, ухаживают за пожилыми и инвалидами, помогают одиноким и бездомным людям. Другие волонтеры помогают тушить пожары, едут спасать пострадавших из-за стихийных бедствий и катастроф. Есть волонтеры, помогающие природе и животным. Они организуют субботники, уборки мусора, облагораживают территорию, ухаживают за бездомными животными. Настоящие волонтеры во все века, которые сознательно и свободно меняют мир и общество, которое их окружает, к лучшему. Они делают окружающую действительность добрее и дружелюбнее, бескорыстно делясь своими силами, знаниями, временем и умениями с теми, кто в этом нуждается. В виду последних событий в связи с распространением в стране новой коронавирусной инфекции Covid-19 роль волонтеров и и
Содержание
ВВЕДЕНИЕ3
I. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ СОЗДАНИЯ САЙТА ДЛЯ ВОЛОНТЕРСКОЙ ДЕЯТЕЛЬНОСТИ6
1.1. Понятие о web-сайте6
1.2. HTML и CSS8
1.3. Структура HTML-документа11
1.4. Исследование структуры сайтов15
1.5. CSS — дополнение механизмов html18
1.6. Способы подключения таблиц CSS стилей18
1.7. Сравнительный анализ технологий разработки сайта21
1.8. Дизайн сайта25
ВЫВОДЫ К ГЛАВЕ I28
II. ТЕХНОЛОГИЯ РАЗРАБОТКИ САЙТА ДЛЯ ВОЛОНТЕРСКОЙ ДЕЯТЕЛЬНОСТИ С ПОМОЩЬЮ HTML И CSS29
2.1. Структура сайта для волонтерской деятельности29
2.2. Создание шапки на редакторе Figma29
2.3. Разработка дизайна сайта для волонтерской деятельности30
2.4. Описание разработанного сайта для волонтерской деятельности35
ВЫВОДЫ К ГЛАВЕ II41
ЗАКЛЮЧЕНИЕ42
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ43
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ
Чебыкин, Ростислав Самоучитель HTML и CSS. Современные технологии / Ростислав Чебыкин. - Москва: Машиностроение, 2017. - 624 c
Чошанов М. А. Инженерия обучающих технологий Издательство "Лаборатория знаний" (ранее "БИНОМ. Лаборатория знаний") 2020 г. - 242 с.
Звонников В. И., Челышкова М. Б. Оценка качества результатов обучения при аттестации (компетентностный подход): учебное пособие Издательство "Логос" 2020 г. – 280 с.
Джон Дакетт HTML и CSS. Разработка и дизайн веб-сайтов Издательство ЛитРес 2018 г. – 480 с.
Нейт Купер: Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress 2019 г. – 256 с.
Толстяков Р.Р., Забавникова Т.Ю., Попова Т.В. Информатика: учеб. Пособие Издательство "ФЛИНТА" 2019 г. – 112 с.
HTML5. Основы клиентской разработки. [Сайт] – URL: https://intuit.ru/studies/courses/3734/976/lecture/27466?page=2
Кириченко А.В., Хрусталев А.А. HTML5 + CSS3. Основы современного WEB-дизайна. Издательство "Наука и Техника" 2019 г. – 352 с.
Блог SEO Дилетанта. Линейная, древовидная, решетчатая структура сайта. [Сайт] – URL: https://amateurblogger.ru/linejnaya-drevovidnaya-reshetchataya-struktura-sajta-o-bespoleznom-s-polzoj/
Серова Е. А. Использование web-технологий при создании информационных систем: Учебно-методическое пособие 2020 г. – 55 с.
Adobe Photoshop CC 2019. Мастер-класс Евгении Тучкевич 2020 г. – 496 с.
Дилеман П. Изучаем Angular 2 Издательство "ДМК Пресс" 2017 г. – 354 с.
Дьяков А. И. Большой словарь англицизмов русского языка Издательство "ФЛИНТА" 2021 г. – 1383 с.
Разработка структуры веб сайта [Сайт] – URL: https://alaev.net/sozdanie-sajtov/struktura-sajta
Александр Окунев Книга «Руководство по Figma» 2019 г. – 256 с.
Джереми Кит. HTML5 для веб-дизайнеров 2020
Далее он делится на две части - заголовок документа <head></head> и тело документа <body></body>.
Заголовок документа - тег HEAD и его элементы
Внешний вид не зависит от заголовка документа и содержит служебную информацию. Задача в том, что он предоставляет браузеру, клиенту или серверу информацию о том, что каким образом можно отобразить документ.
Title
Тег <title></title> содержит заголовок документа, который отображается в верхней части окна браузера или используется в качестве имени закладки при добавлении веб-страницы в избранное. Этот тег также обычно называют элементом <title>. Например, если написать такой код:
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>Тело документа</body>
</html>
Рис.2. Заголовок страницы
Link
Чтобы связать внешние фа