Основы работы с XHTML и CSS


              

Основы работы с XHTML и CSS

История Интернет и его использования
ARPANET - Начало Интернет
Редактирование текста с помощью Notepad
Сохранение документа XHTML
Вывод документа XHTML
Редактирование документа и вывод

Создание первой страницы Web
Комментарии в XHTML
Сохранение и вывод первой страницы Web
NSFNET - Развитие Интернет
WWW - Информационная сеть
Техническая конвергенция
Использование Интернет
Технологии Интернет
Обслуживание страниц Web
Серверы и клиенты

Доступ к документам Web
URI
Просмотр локальных страниц Web
Создание присутствия в Web
Теги XHTML и стили CSS
Язык разметки HTML
Изучение HTML
Развитие стандартов HTML
Стандарты кодирования XHTML
Соответствие XHTML 1.1

Соответствие XHTML 1.0
Корневой элемент html
Стандарты соответствия кодированию
Валидация страниц Web
Типы тегов XHTML
Контейнерные и пустые теги
Каскадные таблицы стилей
Каскадные таблицы стилей - 2
Работа с документами XHTML
Пролог

Тег html
Тег head
Тег title
Тег body
Example.1.1
Example.1.10
Example.1.10
Example.1.11
Example.1.12
Example.1.13

Example.1.13
Example.1.2
Example.1.3
Example.1.3
Example.1.4
Example.1.4
Example.1.5
Example.1.6
Example.1.6
Example.1.7

Example.1.7
Example.1.8
Example.1.9
Example.1.9
История Интернет и его использования
ARPANET - Начало Интернет
NSFNET - Развитие Интернет
WWW - Информационная сеть
Техническая конвергенция
Использование Интернет

Технологии Интернет
Обслуживание страниц Web
Серверы и клиенты
Доступ к документам Web
URI
Просмотр локальных страниц Web
Создание присутствия в Web
Теги XHTML и стили CSS
Язык разметки HTML
Изучение HTML

Развитие стандартов HTML
Стандарты кодирования XHTML
Соответствие XHTML 1.1
Соответствие XHTML 1.0
Корневой элемент html
Стандарты соответствия кодированию
Валидация страниц Web
Типы тегов XHTML
Контейнерные и пустые теги
Каскадные таблицы стилей

Каскадные таблицы стилей - 2
Работа с документами XHTML
Пролог
Тег html
Тег head
Тег title
Тег body
Редактирование текста с помощью Notepad
Сохранение документа XHTML
Вывод документа XHTML

Редактирование документа и вывод
Создание первой страницы Web
Комментарии в XHTML
Сохранение и вывод первой страницы Web

Структурирование содержимого страницы

Структурирование содержимого страницы
Вывод в редакторе и браузере
Форматированный текст
Исключенные атрибуты width и height
Использование графических изображений в качестве ссылок
Создание подкаталога Media
Параграфы
Тег p

Блочные и линейные теги
Исключенные теги и атрибуты
Исключенный атрибут align
Тег blockquote
Вложенные теги blockquote
Перенос строки
Тег br/
Несколько переносов строк
Исключенный тег br
Заголовки

Исключенный атрибут align
Горизонтальная линейка
Исключенные тег hr и его атрибуты
Списки
Неупорядоченные списки
Вложенные неупорядоченные списки
Исключенный атрибут type
Упорядоченные списки
Вложенные упорядоченные списки
Исключенные атрибуты type и start

Списки определений
Соединение страниц
Тег a
Локальные ссылки
Локальные ссылки - 2
Удаленные ссылки
Исключенный атрибут target
Цвет ссылок
Вывод изображений
Графические форматы

Использование изображений
Тег img/
Исключенное выравнивание изображений
Example.2.1
Example.2.1
Example.2.10
Example.2.10
Example.2.11
Example.2.12
Example.2.12

Example.2.13
Example.2.14
Example.2.14
Example.2.15
Example.2.15
Example.2.16
Example.2.17
Example.2.17
Example.2.18
Example.2.18

Example.2.19
Example.2.19
Example.2.2
Example.2.20
Example.2.20
Example.2.21
Example.2.21
Example.2.22
Example.2.22
Example.2.23

Example.2.24
Example.2.24
Example.2.25
Example.2.25
Example.2.26
Example.2.26
Example.2.27
Example.2.27
Example.2.28
Example.2.28

Example.2.29
Example.2.29
Example.2.3
Example.2.3
Example.2.30
Example.2.31
Example.2.31
Example.2.32
Example.2.32
Example.2.33

Example.2.34
Example.2.35
Example.2.36
Example.2.4
Example.2.4
Example.2.5
Example.2.6
Example.2.6
Example.2.7
Example.2.7

Example.2.8
Example.2.9
Example.2.9
Структурирование содержимого страницы
Вывод в редакторе и браузере
Форматированный текст
Параграфы
Тег p
Блочные и линейные теги
Исключенные теги и атрибуты

Исключенный атрибут align
Тег blockquote
Вложенные теги blockquote
Перенос строки
Тег br/
Несколько переносов строк
Исключенный тег br
Заголовки
Исключенный атрибут align
Горизонтальная линейка

Исключенные тег hr и его атрибуты
Списки
Неупорядоченные списки
Вложенные неупорядоченные списки
Исключенный атрибут type
Упорядоченные списки
Вложенные упорядоченные списки
Исключенные атрибуты type и start
Списки определений
Соединение страниц

Тег a
Локальные ссылки
Локальные ссылки - 2
Удаленные ссылки
Исключенный атрибут target
Цвет ссылок
Вывод изображений
Графические форматы
Использование изображений
Тег img/

Исключенное выравнивание изображений
Исключенные атрибуты width и height
Использование графических изображений в качестве ссылок
Создание подкаталога Media

Использование стилей оформления

Использование стилей оформления
Атрибуты
Каскадные таблицы стилей
Линейные таблицы стилей
Классы стилей оформления
Классы стилей оформления - 2

Стратегии оформления
Встроенные таблицы стилей
Встроенные таблицы стилей - 2
Внешние таблицы стилей
Применение таблиц стилей
Применение таблиц стилей - 2
Стили оформления полей страницы
Свойства стиля оформления полей страницы
Значение размера
Задание полей с помощью линейной таблицы стилей

Задание полей с помощью вложенной таблицы стилей
Задание полей с помощью внешней таблицы стилей
Задание индивидуальных полей страницы
Исключенные атрибуты тега body
Поля параграфа
Вертикальные поля
Стили выравнивания
Стиль text-align
Выравнивание параграфа
Выравнивание заголовка

Выравнивание изображений
Плавающие изображения
Стиль text-indent
Стили определения ширины и высоты
Ширина и высота линейки
Ширина и высота изображений
Основные стили цвета
Цвет текста и фона
Цвет линейки
Области действия и разделы

Тег span
Тег div
Селекторы и классы стиля
Простые селекторы
Селекторы ID
Оформление тегов span и div
Example.3.1
Example.3.1
Example.3.10
Example.3.11

Example.3.12
Example.3.12
Example.3.13
Example.3.13
Example.3.14
Example.3.15
Example.3.16
Example.3.16
Example.3.17
Example.3.17

Example.3.18
Example.3.18
Example.3.19
Example.3.19
Example.3.2
Example.3.20
Example.3.21
Example.3.22
Example.3.22
Example.3.23

Example.3.23
Example.3.24
Example.3.24
Example.3.25
Example.3.26
Example.3.27
Example.3.28
Example.3.29
Example.3.3
Example.3.3

Example.3.30
Example.3.30
Example.3.31
Example.3.31
Example.3.32
Example.3.32
Example.3.33
Example.3.34
Example.3.34
Example.3.35

Example.3.35
Example.3.36
Example.3.36
Example.3.37
Example.3.37
Example.3.38
Example.3.38
Example.3.39
Example.3.39
Example.3.4

Example.3.4
Example.3.40
Example.3.41
Example.3.41
Example.3.42
Example.3.42
Example.3.5
Example.3.5
Example.3.6
Example.3.6

Example.3.7
Example.3.8
Example.3.9
Example.3.9
Использование стилей оформления
Атрибуты
Каскадные таблицы стилей
Линейные таблицы стилей
Встроенные таблицы стилей
Встроенные таблицы стилей - 2

Внешние таблицы стилей
Применение таблиц стилей
Применение таблиц стилей - 2
Стили оформления полей страницы
Свойства стиля оформления полей страницы
Значение размера
Задание полей с помощью линейной таблицы стилей
Задание полей с помощью вложенной таблицы стилей
Задание полей с помощью внешней таблицы стилей
Задание индивидуальных полей страницы

Исключенные атрибуты тега body
Поля параграфа
Вертикальные поля
Стили выравнивания
Стиль text-align
Выравнивание параграфа
Выравнивание заголовка
Выравнивание изображений
Плавающие изображения
Стиль text-indent

Стили определения ширины и высоты
Ширина и высота линейки
Ширина и высота изображений
Основные стили цвета
Цвет текста и фона
Цвет линейки
Области действия и разделы
Тег span
Тег div
Селекторы и классы стиля

Простые селекторы
Селекторы ID
Оформление тегов span и div
Классы стилей оформления
Классы стилей оформления - 2
Стратегии оформления

Параметры шрифта

Параметры шрифта
Стили шрифта
Стили шрифта - 2
Стили шрифта - 3

Вложенные стили
Вложенные стили - 2
Исключенный тег font
Свойства текста
Применение свойств текста
Использование отрицательных значений
Промежутки между буквами и словами
Теги стиля шрифта
Теги физических стилей
Теги логических стилей

Представление заголовков таблицами стилей
Групповые селекторы
Тег pre
Цвета текста и фона
Шестнадацатеричные цвета
Цвета RGB
Названия цветов
Свойства цвета текста
Специальные символы
Коды символов

Вывод кода XHTML
Форматирование кодов символов
Example.4.1
Example.4.10
Example.4.11
Example.4.11
Example.4.12
Example.4.13
Example.4.13
Example.4.14

Example.4.15
Example.4.15
Example.4.16
Example.4.16
Example.4.17
Example.4.17
Example.4.18
Example.4.18
Example.4.19
Example.4.19

Example.4.2
Example.4.2
Example.4.20
Example.4.20
Example.4.21
Example.4.21
Example.4.22
Example.4.22
Example.4.23
Example.4.23

Example.4.24
Example.4.24
Example.4.3
Example.4.3
Example.4.4
Example.4.4
Example.4.5
Example.4.6
Example.4.6
Example.4.7

Example.4.7
Example.4.8
Example.4.8
Example.4.9
Example.4.9
Параметры шрифта
Стили шрифта
Стили шрифта - 2
Стили шрифта - 3
Вложенные стили

Вложенные стили - 2
Исключенный тег font
Свойства текста
Применение свойств текста
Применение свойств текста - 2
Применение свойств текста - 3
Использование отрицательных значений
Промежутки между буквами и словами
Теги стиля шрифта
Теги физических стилей

Теги логических стилей
Представление заголовков таблицами стилей
Групповые селекторы
Тег pre
Цвета текста и фона
Шестнадацатеричные цвета
Цвета RGB
Названия цветов
Свойства цвета текста
Свойства цвета текста - 2

Специальные символы
Коды символов
Вывод кода XHTML
Форматирование кодов символов

Графические форматы

Графические форматы
Формат изображений GIF
Прозрачные изображения
Многослойные изображения
Фильтры xRay(), invert(), и gray()
Фильтр dropShadow()
Фильтр shadow()
Фильтр glow()
Анимированные изображения

Формат изображений PNG
Формат изображений JPEG
Вывод изображений
Тег img/
Вывод локальных изображений
Вывод удаленных изображений
Размер изображения
Позиционирование изображения
Автономные изображения
Плавающие изображения

Изображения в строке
Обтекание текста вокруг изображений
Свойство clear
Графический текст
Исключенные атрибуты тега img
Фоновые изображения
Источники изображений
Стили фона
Иллюстрация
Иллюстрация

Иллюстрация
Фильтры
Фильтр alpha()
Равномерный фильтр alpha()
Линейный фильтр alpha()
Радиальный фильтр alpha()
Прямоугольный фильтр alpha()
Фильтр blur()
Фильтр emboss()
Фильтр engrave()

Фильтры flipH() и flipV()
Example.5.1
Example.5.2
Example.5.3
Example.5.4
Example.5.5
Example.5.5
Example.5.6
Example.5.6
Example.5.7

Example.5.7
Графические форматы
Формат изображений GIF
Прозрачные изображения
Многослойные изображения
Анимированные изображения
Формат изображений PNG
Формат изображений JPEG
Вывод изображений
Тег img/

Вывод локальных изображений
Вывод удаленных изображений
Размер изображения
Позиционирование изображения
Автономные изображения
Плавающие изображения
Изображения в строке
Обтекание текста вокруг изображений
Свойство clear
Графический текст

Исключенные атрибуты тега img
Фоновые изображения
Источники изображений
Стили фона
Стили фона - 2
Стили фона - 3
Фильтры
Фильтр alpha()
Равномерный фильтр alpha()
Линейный фильтр alpha()

Радиальный фильтр alpha()
Прямоугольный фильтр alpha()
Фильтр blur()
Фильтр emboss()
Фильтр engrave()
Фильтры flipH() и flipV()
Фильтры xRay(), invert(), и gray()
Фильтр dropShadow()
Фильтр shadow()
Фильтр glow()

Оформление списков

Оформление списков
Оформление неупорядоченных списков
Определение символов маркеров
Задание полей для неупорядоченного списка
Изменение положения свободного пространства
Абсолютное позиционирование
Абсолютное позиционирование - 2
Определение позиционного расположения элементов страницы
Определение позиционного расположения элементов страницы - 2
Подавление вывода символов маркеров

Использование графических изображений для неупорядоченных списков
Оформление упорядоченных списков
Задание числовых символов
Вложенные упорядоченные списки
Оформление списков определений
Контекстные селекторы
Контекстные селекторы - 2
Границы и отступы
Стили границ
Стили границ - 2

Стили отступов
Границы изображений
Поля, границы и отступы
Задание размеров элементов
Ширина и высота контейнера
Переполнение контейнера
Плавающие контейнеры
Позиционирование элементов
Относительное позиционирование
Относительное позиционирование - 2

Разбиение элементов по слоям
Разбиение элементов по слоям - 2
Example.6.1
Example.6.1
Example.6.10
Example.6.10
Example.6.11
Example.6.11
Example.6.12
Example.6.12

Example.6.13
Example.6.13
Example.6.14
Example.6.14
Example.6.15
Example.6.15
Example.6.16
Example.6.16
Example.6.17
Example.6.17

Example.6.18
Example.6.18
Example.6.19
Example.6.19
Example.6.2
Example.6.2
Example.6.20
Example.6.21
Example.6.21
Example.6.22

Example.6.22
Example.6.23
Example.6.23
Example.6.24
Example.6.25
Example.6.25
Example.6.26
Example.6.26
Example.6.27
Example.6.27

Example.6.28
Example.6.28
Example.6.29
Example.6.29
Example.6.3
Example.6.3
Example.6.30
Example.6.31
Example.6.31
Example.6.32

Example.6.32
Example.6.33
Example.6.33
Example.6.34
Example.6.34
Example.6.35
Example.6.35
Example.6.36
Example.6.36
Example.6.37

Example.6.37
Example.6.4
Example.6.4
Example.6.5
Example.6.6
Example.6.6
Example.6.7
Example.6.7
Example.6.8
Example.6.8

Example.6.9
Example.6.9
Оформление списков
Оформление неупорядоченных списков
Определение символов маркеров
Задание полей для неупорядоченного списка
Подавление вывода символов маркеров
Использование графических изображений для неупорядоченных списков
Оформление упорядоченных списков
Задание числовых символов

Вложенные упорядоченные списки
Оформление списков определений
Контекстные селекторы
Контекстные селекторы - 2
Границы и отступы
Стили границ
Стили границ - 2
Стили отступов
Границы изображений
Поля, границы и отступы

Задание размеров элементов
Ширина и высота контейнера
Переполнение контейнера
Плавающие контейнеры
Позиционирование элементов
Относительное позиционирование
Относительное позиционирование - 2
Разбиение элементов по слоям
Разбиение элементов по слоям - 2
Изменение положения свободного пространства

Абсолютное позиционирование
Абсолютное позиционирование - 2
Определение позиционного расположения элементов страницы
Определение позиционного расположения элементов страницы - 2
Определение позиционного расположения элементов страницы - 3

Текстовые ссылки

Текстовые ссылки
Тег a
Исключенный атрибут target
Вывод в новом окне браузера
Переадресация страниц

Тег meta
Слайд-шоу
Перемещение между папками
Перемещение между папками - 2
Стили ссылок
Исключенные атрибуты body
Ссылки внутри страницы
Ссылки внутри страницы - 2
Исключенный атрибут name
Соединение с документами других типов

Текстовые файлы
Документы, созданные текстовым процессором
Документы электронной таблицы
Документы презентации
Графические файлы
Ссылки е-mail
Графические ссылки
Графические ссылки - 2
Карты ссылок
Определение отображаемых областей

Кодирование карты ссылок
Перекрывающиеся активные области
Код страницы с картой ссылок
Исключенный код usemap
Example.7.1
Example.7.10
Example.7.11
Example.7.12
Example.7.12
Example.7.13

Example.7.13
Example.7.14
Example.7.14
Example.7.15
Example.7.15
Example.7.16
Example.7.16
Example.7.17
Example.7.17
Example.7.18

Example.7.19
Example.7.19
Example.7.2
Example.7.20
Example.7.21
Example.7.22
Example.7.23
Example.7.3
Example.7.4
Example.7.4

Example.7.5
Example.7.6
Example.7.6
Example.7.7
Example.7.8
Example.7.9
Текстовые ссылки
Тег a
Исключенный атрибут target
Вывод в новом окне браузера

Стили ссылок
Исключенные атрибуты body
Ссылки внутри страницы
Ссылки внутри страницы - 2
Исключенный атрибут name
Соединение с документами других типов
Текстовые файлы
Документы, созданные текстовым процессором
Документы электронной таблицы
Документы презентации

Графические файлы
Ссылки е-mail
Графические ссылки
Графические ссылки - 2
Карты ссылок
Определение отображаемых областей
Кодирование карты ссылок
Перекрывающиеся активные области
Код страницы с картой ссылок
Исключенный код usemap

Переадресация страниц
Тег meta
Слайд-шоу
Слайд-шоу - 2
Перемещение между папками
Перемещение между папками - 2

Создание таблиц

Создание таблиц
Тег pre
Простая таблица
Границы таблицы и ячеек

Размер таблицы
Вложенные таблицы
Оформление нескольких таблиц
Теги colgroup и col/
Задание стилей
Задание стилей группы столбцов
Задание стилей столбцов
Задание стилей верхнего колонтитула
Задание стилей нижнего колонтитула
Атрибут Rules тега table

Атрибут Frame тега table
Оформление без объединения столбцов в группы
Использование таблицы для компоновки страницы
Создание компоновки страницы
Создание шаблона страницы
Создание информационного бюллетеня
Границы таблиц
Стили границ таблицы
Индивидуальные стили границ
Сжатие границ ячеек

Стили границ ячеек
Выборочное оформление границ ячеек
Индивидуальные стили границ
Исключенные атрибуты тега table
Тег caption
Тег th
Тег th - 2
Исключенный атрибут align тега caption
Цвет таблицы и фон
Цвет границ таблицы

Цвет границ ячеек
Цвет фона таблицы
Фон ячеек и цвет текста
Фон таблицы
Исключенные атрибуты тега table
Размер таблицы и выравнивание
Ширина и высота таблицы
Ширина столбцов
Выравнивание таблицы
Исключенные атрибуты тега table

Выравнивание текста внутри ячеек
Отступы в ячейках
Интервал между ячейками
Выравнивание текста
Выравнивание по вертикали
Выравнивание по горизонтали
Пустые ячейки
Ячейки таблицы без переноса слов
Исключенные атрибуты тега table
Объединение ячеек

Атрибут colspan
Атрибут rowspan
Объединение строк и столбцов
Пример объединения
Определение объединяемых ячеек
Кодирование структуры таблицы
Кодирование структуры таблицы - 2
Просмотр структуры таблицы
Оформление таблицы
Разбиение таблицы на группы

Тег thead
Тег tfoot
Тег tbody
Example.8.1
Example.8.1
Example.8.10
Example.8.10
Example.8.11
Example.8.11
Example.8.12

Example.8.12
Example.8.13
Example.8.13
Example.8.14
Example.8.14
Example.8.15
Example.8.15
Example.8.16
Example.8.16
Example.8.17

Example.8.17
Example.8.18
Example.8.18
Example.8.19
Example.8.19
Example.8.2
Example.8.2
Example.8.20
Example.8.20
Example.8.21

Example.8.21
Example.8.22
Example.8.22
Example.8.23
Example.8.23
Example.8.24
Example.8.24
Example.8.25
Example.8.25
Example.8.26

Example.8.26
Example.8.27
Example.8.27
Example.8.28
Example.8.28
Example.8.29
Example.8.29
Example.8.3
Example.8.3
Example.8.30

Example.8.30
Example.8.31
Example.8.31
Example.8.32
Example.8.32
Example.8.33
Example.8.33
Example.8.34
Example.8.34
Example.8.35

Example.8.35
Example.8.36
Example.8.36
Example.8.37
Example.8.37
Example.8.38
Example.8.39
Example.8.39
Example.8.4
Example.8.4

Example.8.40
Example.8.41
Example.8.41
Example.8.42
Example.8.42
Example.8.43
Example.8.43
Example.8.44
Example.8.44
Example.8.45

Example.8.45
Example.8.46
Example.8.46
Example.8.47
Example.8.47
Example.8.48
Example.8.48
Example.8.49
Example.8.49
Example.8.5

Example.8.5
Example.8.50
Example.8.50
Example.8.51
Example.8.51
Example.8.52

Простая таблица

Example.8.52
Example.8.53
Example.8.53
Example.8.54

Example.8.54
Example.8.6
Example.8.6
Example.8.7
Example.8.7
Example.8.8
Example.8.8
Example.8.9
Example.8.9
Создание таблиц

Тег pre
Простая таблица
Границы таблицы и ячеек
Размер таблицы
Вложенные таблицы
Оформление нескольких таблиц
Границы таблиц
Стили границ таблицы
Индивидуальные стили границ
Сжатие границ ячеек

Стили границ ячеек
Выборочное оформление границ ячеек
Индивидуальные стили границ
Исключенные атрибуты тега table
Тег caption
Тег th
Тег th - 2
Исключенный атрибут align тега caption
Цвет таблицы и фон
Цвет границ таблицы

Цвет границ ячеек
Цвет фона таблицы
Фон ячеек и цвет текста
Фон таблицы
Исключенные атрибуты тега table
Размер таблицы и выравнивание
Ширина и высота таблицы
Ширина столбцов
Выравнивание таблицы
Исключенные атрибуты тега table

Выравнивание текста внутри ячеек
Отступы в ячейках
Интервал между ячейками
Выравнивание текста
Выравнивание по вертикали
Выравнивание по горизонтали
Пустые ячейки
Ячейки таблицы без переноса слов
Исключенные атрибуты тега table
Объединение ячеек

Атрибут colspan
Атрибут rowspan
Объединение строк и столбцов
Пример объединения
Определение объединяемых ячеек
Кодирование структуры таблицы
Кодирование структуры таблицы - 2
Просмотр структуры таблицы
Оформление таблицы
Разбиение таблицы на группы

Тег thead
Тег tfoot
Тег tbody
Теги colgroup и col/
Задание стилей
Задание стилей группы столбцов
Задание стилей столбцов
Задание стилей верхнего колонтитула
Задание стилей нижнего колонтитула
Атрибут Rules тега table

Атрибут Frame тега table
Оформление без объединения столбцов в группы
Оформление без объединения столбцов в группы - 2
Использование таблицы для компоновки страницы
Создание компоновки страницы
Создание шаблона страницы
Создание шаблона страницы - 2
Создание информационного бюллетеня

Форматы аудио/видео

Форматы аудио/видео
Методы передачи

Воспроизведение медиа
Ссылки на медиафайлы
Соединение с сайтами с помощью JavaScript
Встроенный медиафайл
Форматы аудио
Форматы видео
Воспроизведение аудио
Соединение с файлами аудио
Встраивание файлов аудио
Программирование плеера

Воспроизведение нескольких звуков
Фоновые звуки
Исключенный тег embed
Воспроизведение видео
Соединение и встраивание видеофайлов
Программирование плеера
Оформление плеера
Доступ к потоковому видео
Специальные эффекты
Тег marquee

Динамический HTML
Функции JavaScript
Апплеты Java
Манипуляции с текстом
Прокрутка текста
Игры
Тикеры
Исключенный тег applet
Использование технологии Flash
Example.9.1

Example.9.10
Example.9.11
Example.9.12
Example.9.13
Example.9.14
Example.9.15
Example.9.15
Example.9.16
Example.9.17
Example.9.18

Example.9.19
Example.9.2
Example.9.20
Example.9.21
Example.9.22
Example.9.23
Example.9.24
Example.9.24
Example.9.3
Example.9.4

Example.9.5
Example.9.6
Example.9.7
Example.9.7
Example.9.8
Example.9.9
Форматы аудио/видео
Методы передачи
Воспроизведение медиа
Ссылки на медиафайлы

Встроенный медиафайл
Форматы аудио
Форматы видео
Воспроизведение аудио
Соединение с файлами аудио
Встраивание файлов аудио
Программирование плеера
Воспроизведение нескольких звуков
Фоновые звуки
Исключенный тег embed

Воспроизведение видео
Соединение и встраивание видеофайлов
Программирование плеера
Оформление плеера
Доступ к потоковому видео
Специальные эффекты
Тег marquee
Динамический HTML
Функции JavaScript
Апплеты Java

Манипуляции с текстом
Прокрутка текста
Игры
Тикеры
Исключенный тег applet
Использование технологии Flash
Соединение с сайтами с помощью JavaScript
Соединение с сайтами с помощью JavaScript - 2

Создание множества фреймов

Создание множества фреймов
Документ frameset

Тег frameset
Тег frame
Атрибут src
Атрибут name
Атрибут noresize
Атрибут scrolling
Атрибут marginwidth
Атрибут marginheight
Вложенные фреймы
Задание фрейма в ссылке

Атрибут target
Кодирование документа
Выход из множества фреймов
Используйте фреймы с осмотрительностью
Плавающие фреймы
Эмуляция фреймов
Использование таблицы
Программирование тега div
Программирование тега div - 2
Example.10.1

Example.10.1
Example.10.10
Example.10.10
Example.10.11
Example.10.11
Example.10.12
Example.10.12
Example.10.13
Example.10.14
Example.10.15

Example.10.15
Example.10.16
Example.10.16
Example.10.17
Example.10.17
Example.10.18
Example.10.19
Example.10.19
Example.10.2
Example.10.2

Example.10.3
Example.10.4
Example.10.4
Example.10.5
Example.10.6
Example.10.7
Example.10.8
Example.10.9
Example.10.9
Создание множества фреймов

Документ frameset
Тег frameset
Тег frameset - 2
Тег frame
Атрибут src
Атрибут name
Атрибут noresize
Атрибут scrolling
Атрибут marginwidth
Атрибут marginheight

Вложенные фреймы
Задание фрейма в ссылке
Атрибут target
Кодирование документа
Выход из множества фреймов
Используйте фреймы с осмотрительностью
Плавающие фреймы
Эмуляция фреймов
Использование таблицы
Программирование тега div

Программирование тега div - 2

Управляющие элементы формы

Управляющие элементы формы
Элементы управления формы
Обработка формы
Создание форм
Тег form
Атрибут id
Атрибут action
Тег button
Объединение элементов управления в группу и порядок обхода

Теги fieldset и legend
Порядок обхода по Tab
Отправка формы
Пары имя/значение
Пример формы
Отправка формы
Действие mailto:
Атрибут method
Локальная обработка данных
Элементы управления textbox

Тег input/
Атрибут type
Атрибут id
Атрибут size
Атрибут maxlength
Атрибут value
Использование кавычек в текстовых полях
Дополнительное оформление текстовых полей
Извлечение данных из textbox
Элементы управления textarea

Атрибут id
Атрибут cols
Атрибут rows
Предварительно введенное содержание
Теги XHTML и кавычки в текстовой области
Дополнительное оформление текстовой области
Извлечение данных из textarea
Радио кнопки
Тег input type="radio"
Атрибут id

Атрибут name
Атрибут value
Атрибут checked
Извлечение данных радио кнопки
Флажки
Тег input type="checkbox"/
Атрибут id
Атрибут name
Атрибут value
Атрибут checked

Извлечение данных из флажков
Раскрывающиеся списки
Теги select и option
Атрибут id
Атрибут name
Тег option
Атрибут value
Атрибут size
Атрибут multiple
Атрибут selected

Извлечение данных раскрывающегося списка
Кнопки Submit и Reset
Кнопка input type="submit"/
Атрибут id
Атрибут name
Атрибут value
Тег input type="image"/
Тег input type="reset"/
Дополнительное оформление кнопок
Другие кнопки

Тег input type="button"/
Example.11.1
Example.11.1
Example.11.10
Example.11.10
Example.11.11
Example.11.11
Example.11.12
Example.11.12
Example.11.13

Example.11.13
Example.11.14
Example.11.14
Example.11.15
Example.11.15
Example.11.16
Example.11.16
Example.11.17
Example.11.17
Example.11.18

Example.11.19
Example.11.2
Example.11.2
Example.11.20
Example.11.21
Example.11.22
Example.11.22
Example.11.23
Example.11.23
Example.11.24

Example.11.24
Example.11.25
Example.11.25
Example.11.26
Example.11.27
Example.11.27
Example.11.28
Example.11.28
Example.11.29
Example.11.29

Example.11.3
Example.11.3
Example.11.30
Example.11.30
Example.11.31
Example.11.31
Example.11.32
Example.11.32
Example.11.33
Example.11.34

Example.11.34
Example.11.35
Example.11.36
Example.11.36
Example.11.37
Example.11.37
Example.11.4
Example.11.4
Example.11.5
Example.11.5

Example.11.6
Example.11.7
Example.11.8
Example.11.9
Example.11.9
Управляющие элементы формы
Элементы управления формы
Обработка формы
Создание форм
Тег form

Атрибут id
Атрибут action
Атрибут method
Локальная обработка данных
Элементы управления textbox
Тег input/
Атрибут type
Атрибут id
Атрибут size
Атрибут maxlength

Атрибут value
Использование кавычек в текстовых полях
Дополнительное оформление текстовых полей
Извлечение данных из textbox
Элементы управления textarea
Атрибут id
Атрибут cols
Атрибут rows
Предварительно введенное содержание
Теги XHTML и кавычки в текстовой области

Дополнительное оформление текстовой области

Структура сайта

Структура сайта
Задачи создания сайта Web
Содержимое сайта Web
Структура сайта Web

Рекомендация 8. Обеспечьте прямую доступность встроенных интерфейсов пользователя
Рекомендация 9. Проектируйте независимость от устройств
Рекомендация 10. Используйте промежуточные решения
Рекомендация 11. Используйте технологии и рекомендации W3C
Рекомендация 12. Предоставляйте контекстную и ориентировочную информацию
Рекомендация 13. Предоставляйте четкие механизмы навигации
Рекомендация 14. Создавайте документы четкими и простыми
Требования Раздела 508
Иерархическая структура
Линейная структура

Смешанная структура
Графическая блок-схема
Распределение содержимого по страницам
Рабочие чертежи
История Интернет и его использование
Размеры страниц
Задание горизонтальных размеров
Задание вертикальных размеров
Мифология дизайна
Организация страницы

Цвета страницы
Цветовой круг
Выбор цветов
Монохроматическая схема цветов
Схема аналогичных цветов
Схема дополнительных цветов
Схема раздельно-дополнительных цветов
Тройственная схема цветов
Ахроматическая схема цветов
Выбор цветовой палитры

Шрифтовое оформление
Контурные шрифты
Семейства шрифтов
Размер шрифта
Размер строки
Свободное пространство
Цвет текста
Доступность
Вспомогательные технологии
Рекомендации W3C по доступности

Рекомендация 1. Предоставляйте эквивалентные возможности для слухового и визуального контента
Рекомендация 2. Не полагайтесь только на цвет
Рекомендация 3. Правильно используйте разметку и таблицы стилей
Рекомендация 4. Уточняйте использование естественного языка
Рекомендация 5. Создавайте таблицы, которые аккуратно трансформируются
Рекомендация 6. Проверьте, что страницы, использующие новые технологии, трансформируются аккуратно
Рекомендация 7. Обеспечьте пользователю возможность управления изменяющимся во времени контентом
Example.12.1
Example.12.1
Структура сайта

Задачи создания сайта Web
Содержимое сайта Web
Структура сайта Web
Иерархическая структура
Линейная структура
Смешанная структура
Графическая блок-схема
Распределение содержимого по страницам
Рабочие чертежи
История Интернет и его использование

Размеры страниц
Задание горизонтальных размеров
Задание вертикальных размеров
Мифология дизайна
Организация страницы
Цвета страницы
Цветовой круг
Выбор цветов
Монохроматическая схема цветов
Схема аналогичных цветов

Схема дополнительных цветов
Схема раздельно-дополнительных цветов
Тройственная схема цветов
Ахроматическая схема цветов
Выбор цветовой палитры
Шрифтовое оформление
Контурные шрифты
Семейства шрифтов
Размер шрифта
Размер строки

Свободное пространство
Цвет текста
Доступность
Вспомогательные технологии
Рекомендации W3C по доступности
Рекомендация 1. Предоставляйте эквивалентные возможности для слухового и визуального контента
Рекомендация 2. Не полагайтесь только на цвет
Рекомендация 3. Правильно используйте разметку и таблицы стилей
Рекомендация 4. Уточняйте использование естественного языка
Рекомендация 5. Создавайте таблицы, которые аккуратно трансформируются

Рекомендация 6. Проверьте, что страницы, использующие новые технологии, трансформируются аккуратно
Рекомендация 7. Обеспечьте пользователю возможность управления изменяющимся во времени контентом
Рекомендация 8. Обеспечьте прямую доступность встроенных интерфейсов пользователя
Рекомендация 9. Проектируйте независимость от устройств
Рекомендация 10. Используйте промежуточные решения
Рекомендация 11. Используйте технологии и рекомендации W3C
Рекомендация 12. Предоставляйте контекстную и ориентировочную информацию
Рекомендация 13. Предоставляйте четкие механизмы навигации
Рекомендация 14. Создавайте документы четкими и простыми
Требования Раздела 508

Извлечение данных из textarea

Извлечение данных из textarea
Радио кнопки
Тег input type="radio"
Атрибут id
Атрибут name
Атрибут value
Атрибут checked
Извлечение данных радио кнопки
Флажки

Тег input type="checkbox"/
Атрибут id
Атрибут name
Атрибут value
Атрибут checked
Извлечение данных из флажков
Раскрывающиеся списки
Теги select и option
Атрибут id
Атрибут name

Тег option
Атрибут value
Атрибут size
Атрибут multiple
Атрибут selected
Извлечение данных раскрывающегося списка
Кнопки Submit и Reset
Кнопка input type="submit"/
Атрибут id
Атрибут name

Атрибут value
Тег input type="image"/
Тег input type="reset"/
Дополнительное оформление кнопок
Другие кнопки
Тег input type="button"/
Тег button
Объединение элементов управления в группу и порядок обхода
Теги fieldset и legend
Порядок обхода по Tab

Отправка формы
Пары имя/значение
Пример формы
Пример формы - 2
Отправка формы
Действие mailto:


Введение в реляционные базы данных перейти


Adobe InDesign - перейти
Введение - перейти
Знакомство с приложением - перейти

Устройство документа - перейти
Основы работы с текстом - перейти
Работа с объектами - перейти
Работа с цветом - перейти
Моделирование объектов - перейти
Перо и кривые Безье - перейти
Импортированная графика - перейти
Текстовые эффекты - перейти
Страницы и книги - перейти
Слои - перейти

Библиотеки - перейти
Табуляция и таблицы - перейти