Базовый курс веб-технологий предназначен для освоения основ HTML, CSS и javascript. Не описывая всех возможностей, заложенных в эти языки, курс охватывает необходимый и достаточный базис для построения эффективных HTML-документов в соответствии с действующими стандартами. Курс состоит из набора лекций и лабораторных работ. Лекции содержат как теоретические сведения, так и описания конкретных приёмов, сопровождаемые примерами и упражнениями.
Author(s): А.В. Кудряшев, П.А. Светашков
Publisher: ИНТУИТ.РУ
Year: 2010
Language: Russian
Commentary: 1181361163
Pages: 241
Tags: Информатика и вычислительная техника;Информатика (программирование);Программирование для Web;
Содержание......Page 4
Структура документа HTML......Page 5
Раздел head ("шапка")......Page 6
XHTML......Page 7
Минимальный XHTML-документ......Page 8
Назначение языка CSS......Page 10
Вопросы......Page 12
Заголовок (h1..h6 - header 1...6)......Page 13
Абзац (p - paragraph)......Page 14
Выделения (strong, em - emphasis, span)......Page 17
Управление разбивкой текста на строки (br, nobr, pre)......Page 20
Секция (div - division)......Page 22
Список (ol - ordered list, ul - unordered list)......Page 23
Якорь (a - anchor)......Page 25
Специальные символы......Page 27
Вопросы......Page 28
2. Ввод заголовка и абзаца текста.......Page 29
3. Добавление таблицы каскадных стилей.......Page 30
1. Вставка изображения.......Page 31
3. Вставка элементов логического форматирования.......Page 32
3. Добавление рамки и фона абзацу.......Page 34
Единицы размеров......Page 36
Цвета......Page 37
Шрифт и текст......Page 38
Рамки......Page 41
Фон......Page 42
Размещение и размер. Переполнение и обрезка......Page 44
Наследование элементами свойств контейнеров......Page 48
Свойства, относящиеся к представлению документа на печатном носителе......Page 49
Вопросы......Page 51
Содержание......Page 52
Добавление стиля в HTML документ......Page 54
Наследование стилей......Page 56
Универсальный селектор......Page 57
Селектор класса......Page 58
Селектор ID......Page 59
Псевдо-классы......Page 60
Псевдо-элементы......Page 61
Прямые потомки......Page 62
Близкие соседи......Page 63
Импорт (@import)......Page 64
Носитель (@media)......Page 65
Печатная страница (@page)......Page 66
Специфичность и порядок применения правил......Page 67
Вопросы......Page 68
Основной механизм позиционирования. Нормальный поток.......Page 69
Абсолютное позиционирование.......Page 71
Позиционирование на основе плавающих элементов.......Page 73
Центрирование элементов на странице......Page 75
Относительное позиционирование......Page 77
Фиксированное позиционирование......Page 79
Наложение элементов......Page 80
Вопросы......Page 81
Элемент img......Page 87
Общие свойства. Обтекание текстом......Page 89
Фоновые изображения......Page 91
Ролловеры......Page 97
Атрибуты ismap и usemap......Page 98
Вопросы......Page 99
Минимальная структура. Заголовок и колонтитулы......Page 101
Элементы thead, tbody и tfoot......Page 103
Элементы colgroup и col......Page 105
Атрибуты colspan и rowspan......Page 107
Динамическое создание таблиц......Page 109
Вопросы......Page 113
Табличная вёрстка......Page 114
CSS-вёрстка. Макет с одной колонкой......Page 115
CSS-вёрстка. Макет с двумя колонками......Page 118
CSS-вёрстка. Макет с тремя колонками. Асимметричный макет......Page 121
Вопросы......Page 124
2. Позиционирование блочных элементов......Page 125
3. Добавление полей и центрирование.......Page 126
5. "Ложные" столбцы.......Page 127
Характеристики языка Javascript......Page 129
Переменные и типы данных......Page 130
Арифметические операторы......Page 132
Логические операторы......Page 133
Управляющие структуры......Page 134
Встроенные объекты Javascript......Page 136
Создание пользовательских объектов......Page 138
Разработка объектной модели......Page 139
Вопросы......Page 144
1. Создание таблицы знаков калькулятора.......Page 145
3. Создание внешней таблицы.......Page 146
2. Обработка клавиши "=".......Page 147
4. Последний штрих:......Page 148
Программный доступ к элементам......Page 149
Объект navigator......Page 150
Объект screen......Page 151
Некоторые методы объекта window......Page 152
Массив images......Page 154
Свойство cookie......Page 155
Поиск групп элементов......Page 156
Программное создание, удаление и модификация HTML-элементов......Page 157
Вопросы......Page 158
1. Создание выпадающего списка (элемент select).......Page 160
1. Добавление пунктов заказа......Page 161
2. Отладка сценария.......Page 162
4. Функция RemoveProduct(elem).......Page 163
5. Функция RemoveSelected.......Page 164
6. Функция ToggleCheck.......Page 165
Содержание......Page 166
Передача объекта event функции-обработчику......Page 167
Передача элемента-источника функции-обработчику......Page 169
Связывание элемента-источника и события с функцией-обработчиком......Page 170
Пример: Фотогалерея......Page 171
Об использовании ключевого слова this......Page 173
Вопросы......Page 174
Содержание......Page 175
input type="text"......Page 176
input type="file"......Page 177
Элемент button......Page 178
Элемент textarea......Page 179
Программный доступ к форме и ее элементам......Page 180
Вопросы......Page 186
Содержание......Page 188
Технология JAVA......Page 189
Adobe Flash......Page 193
Scalable Vector Graphics (SVG)......Page 195
AJAX (Асинхронный Javascript с XML)......Page 197
Microsoft Silverlight......Page 199
Вопросы......Page 201
1. Создание Silverlight-приложения......Page 203
2. Добавление навигационного фрейма......Page 205
3. Градиентная заливка.......Page 206
4. Добавление текста.......Page 207
1. Создание навигационной страницы.......Page 208
2. Добавление текстового блока и стиля.......Page 209
3. Проверка: запуск приложения в браузере......Page 211
2. Запись анимации......Page 212
3. Запуск анимации.......Page 214
Определение типа документа HTML 5......Page 216
Улучшения, касающиеся форм......Page 217
Canvas......Page 220
Хранилище DOM......Page 221
Новые селекторы......Page 224
Псевдокласс n-го потомка......Page 225
Новый обобщённый комбинатор соседства (~)......Page 227
Рамки и цвета......Page 228
Вопросы......Page 232
1. Рисование фигур и группировка объектов.......Page 233
3. Создание второй анимации: прямоугольник.......Page 237
1. Создание цепочки гиперссылок на страницах......Page 238
2. Создание отдельной страницы ссылок.......Page 239
3. Редактирование HTML-страницы......Page 241
