Основы работы с XHTML и CSS
Основы работы с XHTML и CSS
Создание таблицТег pre
Простая таблица
Границы таблицы и ячеек
Размер таблицы
Вложенные таблицы
Оформление нескольких таблиц
Теги colgroup и col/
Задание стилей
Задание стилей группы столбцов
Задание стилей столбцов
Задание стилей верхнего колонтитула
Задание стилей нижнего колонтитула
Атрибут Rules тега table
Атрибут Frame тега table
Оформление без объединения столбцов в группы
Использование таблицы для компоновки страницы
Создание компоновки страницы
Создание шаблона страницы
Создание информационного бюллетеня
Границы таблиц
Стили границ таблицы
Индивидуальные стили границ
Сжатие границ ячеек
Стили границ ячеек
Выборочное оформление границ ячеек
Исключенные атрибуты тега table
Тег caption
Тег th
Исключенный атрибут align тега caption
Цвет таблицы и фон
Цвет границ таблицы
Цвет границ ячеек
Цвет фона таблицы
Фон ячеек и цвет текста
Фон таблицы
Размер таблицы и выравнивание
Ширина и высота таблицы
Ширина столбцов
Выравнивание таблицы
Выравнивание текста внутри ячеек
Отступы в ячейках
Интервал между ячейками
Выравнивание текста
Выравнивание по вертикали
Выравнивание по горизонтали
Пустые ячейки
Ячейки таблицы без переноса слов
Исключенные атрибуты тега table
Объединение ячеек
Атрибут colspan
Атрибут rowspan
Объединение строк и столбцов
Пример объединения
Определение объединяемых ячеек
Кодирование структуры таблицы
Просмотр структуры таблицы
Оформление таблицы
Разбиение таблицы на группы
Тег thead
Тег tfoot
Тег tbody
Example.8.1
Основы работы с XHTML и CSS
Форматы аудио/видеоМетоды передачи
Воспроизведение медиа
Ссылки на медиафайлы
Соединение с сайтами с помощью JavaScript
Встроенный медиафайл
Форматы аудио
Форматы видео
Воспроизведение аудио
Соединение с файлами аудио
Встраивание файлов аудио
Программирование плеера
Воспроизведение нескольких звуков
Фоновые звуки
Исключенный тег embed
Воспроизведение видео
Соединение и встраивание видеофайлов
Оформление плеера
Доступ к потоковому видео
Специальные эффекты
Тег marquee
Динамический HTML
Функции JavaScript
Апплеты Java
Манипуляции с текстом
Прокрутка текста
Игры
Тикеры
Исключенный тег applet
Использование технологии Flash
Example.9.1
Основы работы с XHTML и CSS
Создание множества фреймовДокумент frameset
Тег frameset
Тег frame
Атрибут src
Атрибут name
Атрибут noresize
Атрибут scrolling
Атрибут marginwidth
Атрибут marginheight
Вложенные фреймы
Задание фрейма в ссылке
Атрибут target
Кодирование документа
Выход из множества фреймов
Используйте фреймы с осмотрительностью
Плавающие фреймы
Эмуляция фреймов
Использование таблицы
Программирование тега div
Example.10.1
Основы работы с XHTML и CSS
Управляющие элементы формыЭлементы управления формы
Обработка формы
Создание форм
Тег form
Атрибут id
Атрибут action
Тег button
Объединение элементов управления в группу и порядок обхода
Теги fieldset и legend
Порядок обхода по Tab
Отправка формы
Пары имя/значение
Пример формы
Отправка формы
Действие mailto:
Атрибут method
Локальная обработка данных
Элементы управления textbox
Тег input/
Атрибут type
Атрибут size
Атрибут maxlength
Атрибут value
Использование кавычек в текстовых полях
Дополнительное оформление текстовых полей
Извлечение данных из textbox
Элементы управления textarea
Атрибут cols
Атрибут rows
Предварительно введенное содержание
Теги XHTML и кавычки в текстовой области
Дополнительное оформление текстовой области
Извлечение данных из textarea
Радио кнопки
Тег input type="radio"
Атрибут checked
Извлечение данных радио кнопки
Флажки
Тег input type="checkbox"/
Извлечение данных из флажков
Раскрывающиеся списки
Теги select и option
Тег option
Атрибут multiple
Атрибут selected
Извлечение данных раскрывающегося списка
Кнопки Submit и Reset
Кнопка input type="submit"/
Тег input type="image"/
Тег input type="reset"/
Дополнительное оформление кнопок
Другие кнопки
Тег input type="button"/
Example.11.1
Основы работы с XHTML и CSS
Структура сайтаЗадачи создания сайта Web
Содержимое сайта Web
Структура сайта Web
Рекомендация 8. Обеспечьте прямую доступность встроенных интерфейсов пользователя
Рекомендация 9. Проектируйте независимость от устройств
Рекомендация 10. Используйте промежуточные решения
Рекомендация 11. Используйте технологии и рекомендации W3C
Рекомендация 12. Предоставляйте контекстную и ориентировочную информацию
Рекомендация 13. Предоставляйте четкие механизмы навигации
Рекомендация 14. Создавайте документы четкими и простыми
Требования Раздела 508
Иерархическая структура
Линейная структура
Смешанная структура
Графическая блок-схема
Распределение содержимого по страницам
Рабочие чертежи
История Интернет и его использование
Размеры страниц
Задание горизонтальных размеров
Задание вертикальных размеров
Мифология дизайна
Организация страницы
Цвета страницы
Цветовой круг
Выбор цветов
Монохроматическая схема цветов
Схема аналогичных цветов
Схема дополнительных цветов
Схема раздельно-дополнительных цветов
Тройственная схема цветов
Ахроматическая схема цветов
Выбор цветовой палитры
Шрифтовое оформление
Контурные шрифты
Семейства шрифтов
Размер шрифта
Размер строки
Свободное пространство
Цвет текста
Доступность
Вспомогательные технологии
Рекомендации W3C по доступности
Рекомендация 1. Предоставляйте эквивалентные возможности для слухового и визуального контента
Рекомендация 2. Не полагайтесь только на цвет
Рекомендация 3. Правильно используйте разметку и таблицы стилей
Рекомендация 4. Уточняйте использование естественного языка
Рекомендация 5. Создавайте таблицы, которые аккуратно трансформируются
Рекомендация 6. Проверьте, что страницы, использующие новые технологии, трансформируются аккуратно
Рекомендация 7. Обеспечьте пользователю возможность управления изменяющимся во времени контентом
Example.12.1
