
- •Введение
- •Глава 1. Основы
- •1.1. Браузеры
- •Преодоление различий браузеров
- •1.2. Программирование
- •1.3. Дизайн при неизвестном разрешении монитора
- •Гибкая раскладка
- •Дизайн с фиксированной шириной
- •1.4. Знакомство с серверами
- •Корневая директория для Web
- •Java-сервлеты и jsp
- •Абсолютная и относительная адресация
- •Соглашения об именах файлов
- •Выбор кодировки
- •Глава 2. Html и xhtml
- •2.1. Роль html
- •2.2. Отделение представления от структуры документа
- •2.3. Атрибуты
- •Вложенные элементы
- •Информация, которую браузеры игнорируют
- •2.4. Введение в xhtml
- •Три разновидности html 4.01 и xhtml 1.0
- •Хорошо сформированный xhtml
- •Атрибуты id и name
- •2.5. Элементарная структура документа
- •2.6. Тело документа
- •2.7. Текстовые элементы
- •Блочные элементы
- •Внутристрочные элементы логического форматирования
- •Перенос строки
- •Горизонтальные линейки
- •Стилевые элементы
- •Практика
- •Как сделать хороший html – документ
- •2.8. Создание гиперссылок
- •Организация ссылок на область документа
- •Практика
- •2.9. Таблицы
- •Описательные элементы
- •Группы строк
- •Столбцы и группы столбцов
- •2.10. Фреймы
- •Преимущества использования фреймов
- •Недостатки
- •Базовая структура набора фреймов
- •Нестандартные атрибуты
- •Нестандартные атрибуты
- •Создание строк и столбцов
- •2.11. Формы
- •Элементы форм
- •Поле для ввода текста
- •Поле для ввода пароля
- •Переключатель
- •Выбор файла
- •Многострочные текстовые поля
- •Создание меню при помощи элементов select
- •Группы вариантов
- •Надписи
- •Атрибуты accesskey и tabindex
- •Практика
- •Глава 3. Стили css
- •3.1. Преимущества css
- •Определение – задают свойства селектора.
- •3.2. Способы добавления таблиц стилей на Web-страницы
- •Href – позволяет задать url-адрес таблицы стилей.
- •Наследование
- •3.3. Конфликтующие правила стилей: каскад
- •3.4. Контекстные селекторы
- •3.5. Использование классов
- •3.6. Группировка
- •3.7. Псевдоселекторы
- •3.8. Другие псевдоклассы css 2.1
- •Псевдоэлементы
- •3.9. Единицы измерения, используемые в каскадных таблицах стилей
- •3.10. Свойства css для управления цветом
- •Практика Задание 1
- •Задание 2
- •Задание 3
- •3.11. Оформление таблиц с помощью css
- •Заголовки таблиц
- •Порядок наложения элементов
- •Границы
- •Расчет размеров таблицы (ширина, высота)
- •Алгоритм с фиксированной шириной
- •Алгоритм с автоматически определяемой шириной
- •3.12. Оформление таблиц
- •Практика
- •3.13. Блочные и внутристрочные элементы
- •3.14. Введение в блоковую модель
- •3.15. Нормальный поток
- •Свободное размещение
- •3.16. Пропуск размещаемых элементов
- •3.17. Позиционирование: основы
- •3.18. Охватывающий блок
- •3.19. Задание положения
- •3.20. Обработка переполнения
- •3.21. Расчет позиции элемента
- •3.22. Фиксированное позиционирование
- •3.23. Относительное позиционирование
- •Практика
- •3.24. Css свойства
- •3.25. Методики css
- •Центрирование страницы
- •Раскладка в 2 столбца
- •Раскладка в 3 столбца
- •Раскладка в 3 столбца c абсолютным позиционированием
- •Позиционирование трех столбцов
- •Центрирование с рамками и полями
- •Ложные столбцы
- •Заключение
- •Список литературы
- •Оглавление
- •Глава 1. Основы 4
- •Глава 2. Html и xhtml 15
- •Глава 3. Стили css 56
Заключение
Web-дизайн является быстро развивающейся и постоянно изменяющейся мультидисциплинарной областью деятельности. Для того, чтобы создавать сайты высокого качества, необходимо постоянно быть в курсе новых технологий, стандартов, соглашений, приемов применения различных элементов и т.д.
Web-стандарты и, что более важно, их поддержка, которую начали наконец осуществлять производители основных браузеров, упростили для дизайнеров работу с многочисленными браузерами. Стало возможным создавать сайты, доступные для 100% браузеров и прекрасно выглядящие в подавляющем большинстве их. Вся хитрость в том, чтобы самому следовать стандартам при написании материалов, создании стилей и программировании. Однако для получения межбраузерной совместимости еще требуется нестандартное программирование. Хотя мы находимся сейчас на переходном этапе, еще используются старые методы, которые являются обычной практикой или даже являются необходимыми, несмотря на то, что это идет вразрез с рекомендациями W3C.
В настоящее время HTML используется для формирования структуры документа, каскадные таблицы стилей должны обеспечивать формирование правильной раскладки страницы и форматирования. Радует то, что подавляющее большинство браузеров поддерживает CSS Level 1, так что является возможным осуществлять элементарное форматирование текста, зная, что подавляющее большинство посетителей увидят его так, как вы и предполагаете.
Чтобы понять, какие правила являются элементарными, а какие − более развитыми, нужно провести исследование, тестирование и испытание на практике. Методом проб и ошибок вы должны разработать сайт, который будет выглядеть так, как вы хотите, в самых современных браузерах, но и будет приемлемо выглядеть в старых версиях.
Список литературы
Web-дизайн: справочник: пер. с англ. / Д.Н. Роббинс. Кудиц-пресс, 2008. – 816 с.
Основы Web-дизайна. Самоучитель / В.В. Дунаев. – СПб.: БХВ-Петербург, 2007. – 512 с.
Новейшая энциклопедия Интернета / В.П. Леонтьев. – М.: ОЛМА Медиа Групп, 2008. – 748 с.
Оглавление
ВВЕДЕНИЕ 3
Глава 1. Основы 4
1.1. Браузеры 4
1.2. Программирование 6
1.3. Дизайн при неизвестном разрешении монитора 7
1.4. Знакомство с серверами 9
Глава 2. Html и xhtml 15
2.1. Роль HTML 15
2.2. Отделение представления от структуры документа 16
2.3. Атрибуты 17
2.4. Введение в XHTML 19
2.5. Элементарная структура документа 22
2.6. Тело документа 27
2.7. Текстовые элементы 29
2.8. Создание гиперссылок 34
2.9. Таблицы 37
2.10. Фреймы 40
2.11. Формы 43
Глава 3. Стили css 56
3.1. Преимущества CSS 56
3.2. Способы добавления таблиц стилей на Web-страницы 58
3.3. Конфликтующие правила стилей: каскад 60
3.4. Контекстные селекторы 61
3.5. Использование классов 62
3.6. Группировка 63
3.7. Псевдоселекторы 63
3.8. Другие псевдоклассы CSS 2.1 64
3.9. Единицы измерения, используемые в каскадных таблицах стилей 66
3.10. Свойства CSS для управления цветом 66
3.11. Оформление таблиц с помощью CSS 67
3.12. Оформление таблиц 71
3.13. Блочные и внутристрочные элементы 73
3.14. Введение в блоковую модель 74
3.15. Нормальный поток 75
3.16. Пропуск размещаемых элементов 77
3.17. Позиционирование: основы 78
3.18. Охватывающий блок 78
3.19. Задание положения 79
3.20. Обработка переполнения 79
3.21. Расчет позиции элемента 80
3.22. Фиксированное позиционирование 81
3.23. Относительное позиционирование 82
3.24. CSS свойства 85
3.25. Методики CSS 97
ЗАКЛЮЧЕНИЕ 105
ОГЛАВЛЕНИЕ 107
Учебное издание
Торопова Ольга Анатольевна
Сытник Ирина Федоровна
Кузнецов Вадим Викторович
СОЗДАНИЕ И ОФОРМЛЕНИЕ WEB-СТРАНИЦ
С ПОМОЩЬЮ HTML (XHTML) И CSS
Учебное пособие
Редактор Л.А. Скворцова
Подписано в печать Формат 60x84 1/16
Бум. тип. Усл. печ.л. 6,28 (6,75) уч.-изд.л 6,5
Тираж 100 экз. Заказ С
Саратовский государственный технический университет 410054, Саратов, Политехническая ул., 77