Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром»




Скачать 21.06 Kb.
PDF просмотр
НазваниеЛекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром»
Дата конвертации27.10.2012
Размер21.06 Kb.
ТипЛекция
Лекции
Лекция 1. Общие сведения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Лекция 2. Структура HTML-документа и элементы разметки
заголовка документа . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Лекция 3. Контейнеры тела документа . . . . . . . . . . . . . . . . . . . . . . . . .  40
Лекция 4. Графика. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Лекция 5. Таблицы в HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Лекция 6. HTML-Формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  76
Лекция 7. Фреймы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  82
Лекция 8. Назначение и применение CSS . . . . . . . . . . . . . . . . . . . . . . . 91
Лекция 9. Блочные и строковые элементы. . . . . . . . . . . . . . . . . . . . . . 103
Лекция 10: Цвет и шрифт . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115
Лекция 11. Текст и списки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  126
Лекция 12. Позиционирование . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Лекция 13. Назначение и применение JavaScript, общие сведения . . . .  152
Лекция 14. Программируем свойства окна браузера . . . . . . . . . . . . . . . 165
Лекция 15. Программируем формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Лекция 16. Программируем графику . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Лекция 17. Программируем гипертекстовые переходы . . . . . . . . . . . . 222
Лекция 18. Программируем «за кадром» . . . . . . . . . . . . . . . . . . . . . . . . 231
Лекция 19. Общие сведения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265
Лекция 20. Введение в программирование CGI-скриптов
и программирование скриптов на bash . . . . . . . . . . . . . . . . 277
Лекция 21. Введение в программирование на Perl . . . . . . . . . . . . . . . . 290
Лекция 22. Введение в программирование скриптов на C . . . . . . . . . . 309
Лекция 23. HTML-формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330
Лекция 24. Применение методов доступа HTTP в рамках
программирования CGI-скриптов. Настройка 
HTTP-сервера для работы с CGI-скриптами . . . . . . . . . . . 355
6

Содержание
Глава 1. Введение в HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Лекция 1. Общие сведения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Общие принципы создания Web-узла . . . . . . . . . . . . . . . . . . . . . . .  11
История развития HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Принципы гипертекстовой разметки . . . . . . . . . . . . . . . . . . . . . . . . 19
Лекция 2. Структура HTML-документа и элементы разметки
заголовка документа . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Назначение заголовка . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Основные контейнеры заголовка . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Лекция 3. Контейнеры тела документа. . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Теги тела документа . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Гипертекстовые ссылки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Лекция 4. Графика . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Использование графики в HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Форматы графических файлов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Активные изображения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Изображения в миниатюре . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Лекция 5. Таблицы в HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  62
Средства описания таблиц в HTML . . . . . . . . . . . . . . . . . . . . . . . .  62
Лекция 6. HTML-Формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
HTML-Формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Задание формы – элемент FORM. . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Лекция 7. Фреймы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Как работают фреймы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Вложенные и множественные кадровые структуры . . . . . . . . . . . . 89
Глава 2. Применение каскадных таблиц стилей (CSS) . . . . . . . . . . . . . . . 91
Лекция 8. Назначение и применение CSS. . . . . . . . . . . . . . . . . . . . . . . .  91
Назначение CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
Способы применения CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Синтаксис . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Наследование и переопределение. . . . . . . . . . . . . . . . . . . . . . . . . . 100
Лекция 9. Блочные и строковые элементы. . . . . . . . . . . . . . . . . . . . . . . 103
Блочные и строковые элементы . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Свойства блоков . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
7

Лекция 10: Цвет и шрифт . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115
Управление цветом в CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115
Шрифт . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Лекция 11. Текст и списки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126
Текст . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126
Первая строка параграфа . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
Списки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Лекция 12. Позиционирование . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Координаты и размеры . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141
Управление видимостью . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Глава 3. Введение в JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  152
Лекция 13. Назначение и применение JavaScript, общие сведения . . . 152
Вступление . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Понятие объектной модели применительно к JavaScript . . . . . . . 153
Размещение кода на HTML-странице . . . . . . . . . . . . . . . . . . . . . . 156
Иерархия классов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Лекция 14. Программируем свойства окна браузера . . . . . . . . . . . . . . . 165
Поле статуса . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Поле location . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167
История посещений (History) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Тип браузера (объект Navigator) . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Управление окнами . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
Фреймы (Frames) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
Лекция 15. Программируем формы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Контейнер FORM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Текст в полях ввода . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Списки и выпадающие меню . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Кнопки. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Картинки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Обмен данными . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Лекция 16. Программируем графику. . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Объект Image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Изменение картинки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Мультипликация. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Оптимизация отображения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Графика и таблицы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
8

Графика и обработка событий . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
Вертикальные и горизонтальные меню . . . . . . . . . . . . . . . . . . . . . 216
Вложенные меню . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Лекция 17. Программируем гипертекстовые переходы. . . . . . . . . . . . . 222
Объект URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  223
Массивы встроенных гипертекстовых ссылок . . . . . . . . . . . . . . . 224
Замена атрибута HREF. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
Изменение части URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Обработка событий Mouseover и Mouseout . . . . . . . . . . . . . . . . . . 226
Обработка события click . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  228
Схема URL- «javascript:...» . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Лекция 18. Программируем «за кадром». . . . . . . . . . . . . . . . . . . . . . . . . 231
Типы и структуры данных . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231
Массивы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Функции . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239
Объекты . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  244
Операторы языка . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Управление фокусом . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
Скрытая передача данных из форм. . . . . . . . . . . . . . . . . . . . . . . . . 259
Модель безопасности . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Глава 4. Введение в CGI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265
Лекция 19. Общие сведения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265
Введение . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266
HyperText Transfer Protocol . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Виды интерфейса пользователя в Web-технологии . . . . . . . . . . .  271
Спецификация Common Gateway Interface . . . . . . . . . . . . . . . . . . 272
Лекция 20. Введение в программирование CGI-скриптов
и программирование скриптов на bash . . . . . . . . . . . . . . . . 277
Структура bash-скрипта . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Стандартный поток вывода . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Переменные окружения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280
Аргументы командной строки. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282
Стандартный поток ввода . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Типы данных и переменные . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  284
Управление потоком вычислений. . . . . . . . . . . . . . . . . . . . . . . . . . 285
Конвейеры . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Файлы и каталоги . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
9

Лекция 21. Введение в программирование на Perl . . . . . . . . . . . . . . . .  290
Структура Perl-программы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Стандартный поток вывода . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Переменные окружения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Аргументы командной строки. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Стандартный ввод. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294
Типы данных и переменные . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Регулярные выражения (сопоставление с образцом) . . . . . . . . . . 297
Управление потоком вычислений . . . . . . . . . . . . . . . . . . . . . . . . .  299
Файлы, каталоги, конвейеры, сокеты . . . . . . . . . . . . . . . . . . . . . .  303
Отложенное исполнение. Операция eval. . . . . . . . . . . . . . . . . . . .  307
Библиотеки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
Лекция 22. Введение в программирование скриптов на C . . . . . . . . . . 309
Информация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
Общая структура C-скрипта . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
Стандартный поток вывода . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311
Переменные окружения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312
Аргументы командной строки. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313
Стандартный поток ввода . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314
Типы данных и переменные . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  316
Управление потоком вычислений. . . . . . . . . . . . . . . . . . . . . . . . . . 320
Файлы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325
Препроцессор . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327
Компиляция . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Лекция 23. HTML-формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330
Элемент разметки FORM и его компоненты . . . . . . . . . . . . . . . .  330
Лекция 24. Применение методов доступа HTTP в рамках
программирования CGI-скриптов. Настройка 
HTTP-сервера для работы с CGI-скриптами . . . . . . . . . .  355
Метод доступа GET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  355
Метод доступа POST и другие методы доступа . . . . . . . . . . . . . . . 360
Метод доступа PUT и другие способы использования
CGI-скриптов. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  364
Настройки сервера для работы с CGI-скриптами . . . . . . . . . . . .  364
Скрипты для обработки нестандартных методов  доступа . . . . . . 367
Скрипты и Server Site Includes . . . . . . . . . . . . . . . . . . . . . . . . . . . .  368
А.А. Аликберов. Формат и синтаксис Cookie . . . . . . . . . . . . . . . . . . . . .  371
10


Похожие:

Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconЛекция №8. Особенности занятий легкой атлетикой с детьми, подростками, юношами лекция №9. Особенности занятий легкой атлетикой с женщинами …63 ЛИТЕРАТУРА лекция №1 «Введение в предмет. История развития легкой атлетики»
Лекция №6. Организация и проведение соревнований по легкой атлетике
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconЛекция 1 Введение в веб-технологии Лекция 2 Веб-дизайн и юзабилити.  Лекция 3 html и css.   Лекция 4 Язык php. 
Чтобы встроить код php в xhtml, php должен задаваться обособленно, с  помощью начального и конечного тегов php. Теги php говорят...
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconПрограмма элективного курса по информатике «Программируем на языке Паскаль»
Количество часов в неделю – 10 класс 2 часа, 11 класс (I полугодие) – 2 часа всего – 102 учебных часа
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconЛекции 5 Лекция
Лекция Популярные поисковые системы. Алгоритм поиска информации с помощью поисковых систем 11
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» icon1. Лекция: Оптимизация работы процессов и управление ресурсам 
Лекция: Настройка ядра, добавление оборудования, установка программ и обновлений 
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» icon2. Лекция: "Общие критерии", часть Основные идеи 8
Лекция: Обзор наиболее важных стандартов и спецификаций в области информационной безопасности 3
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» icon  лекция "Химия без границ" - 1 лекция (лекторы - каф. Нх); 
Работа Центра довузовского обучения и профориентации проводится в соответствии с планом 
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconЛекция: «Как не стать жертвой преступления?»
Лекция предназначена школьным инспекторам по делам несовершеннолетних для прочтения в общеобразовательных учреждениях, рассчитана...
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconЛекция Дмитрия Шаменкова на xvii Всемирном Трансперсональном Конгрессе. Крайне  интересная лекция о том, как устроено наше поведение.
Исполнения Желаний, Искусство ставить и достигать цели. Потенциал человека подобен 
Лекция 16. Программируем графику  Лекция 17. Программируем гипертекстовые переходы  Лекция 18. Программируем «за кадром» iconЛекция «Профилактика экстремизма и терроризма в молодежной среде» 4 Раздел Лекция «Роль творчества для формирования антиэкстремистских поликонфессиональных и культурных ценностей»
Лекции для индивидуальной пропагандистской деятельности, отдельные образцы пропагандистских материалов
Разместите кнопку на своём сайте:
TopReferat


База данных защищена авторским правом ©topreferat.znate.ru 2012
обратиться к администрации
ТопРеферат
Главная страница