Барышева О.Б., Ермолаева Л.Б. - Информационные технологии в строительстве: основы HTML + CSS: учебное пособие [2024, PDF, RUS]

Примеры страниц (скриншоты)

Оглавление

ВВЕДЕНИЕ……………………………………………………………. 6
ГЛАВА 1. HTML – ОСНОВНЫЕ ПОНЯТИЯ………………………. 8
1.1. ИСТОРИЧЕСКАЯ СПРАВКА…………………………………… 8
1.2. СОВРЕМЕННЫЕ СТАНДАРТЫ HTML………………………... 9
1.3. W3-КОНСОРЦИУМ……………………………………………… 10
1.4. УСТАНОВКА IDE………………………………………………... 11
1.5. HTML – ТЕГИ……………………………………………………... 13
1.6. ОДИНОЧНЫЕ И ПАРНЫЕ HTML-ТЕГИ………………………. 15
1.7. БЛОЧНЫЕ И СТРОЧНЫЕ HTML -ТЕГИ………………………. 16
1.8. СЕМАНТИЧЕСКИЕ HTML – ТЕГИ……………………………. 19
1.9. КЛАССИФИКАЦИЯ АТРИБУТОВ HTML-ТЕГОВ. ………….. 23
1.9.1. УНИВЕРСАЛЬНЫЕ АТРИБУТЫ……………………………... 24
1.9.2. УНИКАЛЬНЫЕ АТРИБУТЫ………………………………….. 25
1.9.3. СПЕЦИФИЧЕСКИЕ АТРИБУТЫ…………………………….. 26
1.9.4. СОБЫТИЙНЫЕ АТРИБУТЫ…………………………………. 26
КОНТРОЛЬНЫЕ ВОПРОСЫ………………………………………… 27
ГЛАВА 2. ТИПОВАЯ СТРУКТУРА WEB-СТРАНИЦЫ…………… 28
2.1. СТРУКТУРА WEB-СТРАНИЦЫ И DOM-МОДЕЛЬ…………... 28
2.2. ОСНОВНЫЕ ПОНЯТИЯ DOM-МОДЕЛИ……………………... 29
2.3. ТЕГИ ВЕРХНЕГО УРОВНЯ…………………………………….. 33
2.3.1. ПЕРЕХОДНЫЙ / СТРОГИЙ ………………….. 33
2.3.2. КОРНЕВЫЕ ЭЛЕМЕНТЫ……………………………………... 33
2.3.3. КОММЕНТАРИИ………………………………………………. 35
2.4. ЗАГОЛОВОК WEB-СТРАНИЦЫ. ЗАГОЛОВОЧНЫЕ ТЭГИ…. 35
2.5. ЗАГОЛОВОК WEB-СТРАНИЦЫ. ОСОБЫЕ ТЕХНОЛОГИИ… 39
2.5.1. OPEN GRAPH ПРОТОКОЛ……………………………………. 39
2.5.2. RESOURCE DESCRIPTION FRAMEWORK…………………. 40
2.5.3. RSS КАНАЛЫ…………………………………………………... 41
2.6. ТЕЛО WEB-СТРАНИЦЫ………………………………………… 41
2.6.1. РАБОТА С ТЕКСТОМ…………………………………………. 41
2.6.2. ССЫЛКИ………………………………………………………... 44
2.6.3. РИСУНКИ И МУЛЬТИМЕДИА……………………………….. 47
2.6.4. СПИСКИ………………………………………………………… 51
2.6.5. ТАБЛИЦЫ………………………………………………………. 54
2.6.6. ФОРМЫ И ПОЛЯ ВВОДА……………………………………... 56
2.6.7. ФРЕЙМЫ………………………………………………………... 58
2.6.8. СТИЛИ И СЕМАНТИКА……………………………………… 59
2.6.9. ПРОГРАММИРОВАНИЕ……………………………………… 63
КОНТРОЛЬНЫЕ ВОПРОСЫ………………………………………… 64
ГЛАВА 3. СОВРЕМЕННЫЙ CSS……………………………………. 65
3.1. CSS: ОПРЕДЕЛЕНИЕ И ВОЗМОЖНОСТИ……………………. 65
3.2. ОСНОВНЫЕ КАТЕГОРИИ CSS………………………………… 66
3.3. СПОСОБЫ ПОДКЛЮЧЕНИЯ СТИЛЕЙ……………………….. 67
3.4. ВИДЫ СЕЛЕКТОРОВ В CSS……………………………………. 70
3.5. ПРИНЦИПЫ РАБОТЫ CSS……………………………………… 86
3.5.1. КАСКАДНОСТЬ………………………………………………... 86
3.5.2. СПЕЦИФИЧНОСТЬ……………………………………………. 90
3.5.3. НАСЛЕДОВАНИЕ……………………………………………… 93
3.6. БЛОЧНЫЕ И СТРОЧНЫЕ ЭЛЕМЕНТЫ……………………….. 95
3.7. СТАНДАРТНАЯ И АЛЬТЕРНАТИВНАЯ БЛОЧНЫЕ МОДЕЛИ . 98
3.7.1. СТАНДАРТНАЯ МОДЕЛЬ……………………………………. 99
3.7.2. АЛЬТЕРНАТИВНАЯ МОДЕЛЬ……………………………….. 101
КОНТРОЛЬНЫЕ ВОПРОСЫ………………………………………… 104
ГЛАВА 4. ТИПЫ ДАННЫХ В CSS.…………………………………. 105
4.1. ТИПЫ ДАННЫХ И РАБОТА С HTML-ЭЛЕМЕНТАМИ……… 105
4.2. ЦЕЛЫЕ ЧИСЛА ………………………………………………….. 106
4.3. ДЕСЯТИЧНЫЕ ДРОБИ………………………………………….. 110
4.4. ИЗМЕРЕНИЕ……………………………………………………… 112
4.5. ПРОЦЕНТЫ………………………………………………………. 122
4.6. ЦВЕТ………………………………………………………………. 124
4.6.1. КЛЮЧЕВЫЕ СЛОВА………………………………………….. 124
4.6.2. ШЕСТНАДЦАТИРИЧНЫЕ RGB-ЦВЕТА……………………. 126
4.6.3. ПРИМЕНЕНИЕ ФУНКЦИЙ RGB( ) И RGBA( )……………… 127
4.6.4. ПРИМЕНЕНИЕ ФУНКЦИЙ HSL( ) И HSLA( )………………. 128
4.7. КАРТИНКА……………………………………………………….. 130
4.8. ПОЗИЦИОНИРОВАНИЕ………………………………………… 131
4.8.1. POSITION: ОДНО ЗНАЧЕНИЕ………………………………... 132
4.8.2. POSITION: ДВА ЗНАЧЕНИЯ………………………………….. 134
4.8.3. POSITION: ТРИ ЗНАЧЕНИЯ…………………………………... 136
4.8.4. POSITION: ЧЕТЫРЕ ЗНАЧЕНИЯ…………………………….. 137
4.9. СТРОКА…………………………………………………………… 139
4.10. ФУНКЦИИ………………………………………………………. 140
4.11. ПОДХОДЫ К ЗАДАНИЮ РАЗМЕРОВ ЭЛЕМЕНТОВ В
HTML-ДОКУМЕНТАХ………………………………………………. 141
4.11.1. ЕСТЕСТВЕННЫЙ РАЗМЕР………………………………….. 141
4.11.2. ЗАДАННЫЙ РАЗМЕР………………………………………… 142
4.11.3. РАЗМЕРЫ В ПРОЦЕНТАХ…………………………………... 144
4.11.4. МИНИМАЛЬНЫЕ И МАКСИМАЛЬНЫЕ РАЗМЕРЫ……... 145
4.11.5. РАЗМЕРЫ В ЗАВИСИМОСТИ ОТ ВЕЛИЧИНЫ ОКНА
БРАУЗЕРА…………………………………………………………….. 147
4.12. HTML-ЭЛЕМЕНТЫ…………………………………………….. 148
4.12.1. ОБЩИЕ СВОЙСТВА…………………………………………. 148
4.12.2. ГРАНИЦЫ……………………………………………………... 150
4.12.3. ПЕРЕКРЫТИЕ СОДЕРЖИМОГО…………………………… 152
КОНТРОЛЬНЫЕ ВОПРОСЫ………………………………………… 154
ГЛАВА 5. CSS: СТИЛИ КОДА И ПОСТРОЕНИЕ МАКЕТОВ……. 155
5.1. ОСОБЕННОСТИ РАБОТЫ С ОБЪЕКТАМИ WEB-
СТРАНИЦЫ…………………………………………………………… 155
5.1.1. ТЕКСТ…………………………………………………………… 155
5.1.2. СПИСКИ………………………………………………………… 164
5.1.3. ССЫЛКИ………………………………………………………... 167
5.1.4. МЕДИАФАЙЛЫ………………………………………………... 170
5.1.5. ТАБЛИЦЫ………………………………………………………. 172
5.2. ДЕБАГГИНГ CSS ПРИ ПОМОЩИ ИНСТРУМЕНТОВ РАЗРА-
БОТЧИКА……………………………………………………………… 173
5.3. СТИЛИ НАПИСАНИЯ КОДА…………………………………… 176
5.3.1. ИСПОЛЬЗОВАНИЕ ПРЕПРОЦЕССОРОВ И ПОСТПРО-
ЦЕССОРОВ……………………………………………………………. 176
5.3.2. CSS-МЕТОДОЛОГИИ…………………………………………. 178
5.3.3. ГИБКИЕ ОТНОСИТЕЛЬНЫЕ ЕДИНИЦЫ…………………… 181
5.3.4. СБРОС СТИЛЕЙ………………………………………………... 181
5.3.5. ШАГИ ПЛАНИРОВАНИЯ…………………………………….. 181
5.3.6. ЕДИНЫЙ СИНТАКСИС……………………………………….. 182
5.4. МАКЕТ CSS……………………………………………………….. 183
5.4.1. НОРМАЛЬНЫЙ ПОТОК………………………………………. 183
5.4.2. ОБТЕКАНИЕ……………………………………………………. 185
5.4.3. ФЛЕКСБОКСЫ…………………………………………………. 187
5.4.4. ПОЗИЦИОНИРОВАНИЕ………………………………………. 189
5.4.5. СЕТКА…………………………………………………………... 192
5.4.6. МУЛЬТИКОЛОНОЧНОСТЬ…………………………………... 194
5.4.7. АДАПТИВНЫЙ ДИЗАЙН……………………………………... 196
КОНТРОЛЬНЫЕ ВОПРОСЫ………………………………………… 199
ГЛАВА 6. КАЛЬКУЛЯТОР НА HTML+CSS+JS. ПРАКТИЧЕСКОЕ
ПРИМЕНЕНИЕ ……………………………………………………….. 200
ГЛАВА 7. ЗАДАНИЯ НА САМОСТОЯТЕЛЬНУЮ РАБОТУ……... 205
7.1. ЗАДАЧИ ПО HTML БЕЗ ИСПОЛЬЗОВАНИЯ CSS…………….. 205
7.2. ЗАДАЧИ ПО HTML С ИСПОЛЬЗОВАНИЕМ CSS…………….. 214
7.3. ИТОГОВОЕ ЗАДАНИЕ…………………………………………... 222
ГЛАВА 8. ТЕСТИРОВАНИЕ ПО КУРСУ HTML+CSS…………….. 225
СПИСОК ЛИТЕРАТУРЫ…………………………………………….. 252
ПРИЛОЖЕНИЕ ……………………………………………………….. 254