|
Языки HTML и CSS для создания Web-сайтов. Хольцшлаг М. Хольцшлаг М. М.: Триумф, 2007. — 304 с. (Официальный учебный курс.) Вы хотите создать собственный Web-сайт? Или обновить уже имеющийся? Может быть, вы хотите быстро и легко освоить новые технологии и сделать свою работу максимально эффективной? Тогда эта книга для вас. Автор является членом организационного комитета рабочей группы по разработке Web-стандартов и членом консультативного комитета всемирной организации Web-мастеров. На основе множества прекрасно подобранных примеров кода HTML, XHTML, CSS вы освоите все, что нужно для практической работы в Web. Никакой теории или занудных нотаций, только освоение техники работы с HTML/CSS и применение уже готовых шаблонов для своих целей. К тому же в книге содержится приложение с описаниями всех элементов языка XHTML и CSS, что делает ее ценным справочником для Web-дизайнера. Содержание: Введение 13 УРОК 1. Создание HTML-страницы 17 Объявление и идентификация документа 18 Добавление элемента html 20 Элементы head и title 21 Подробнее об элементе title 22 Элемент meta 23 Кодировка документа 24 Ключевые слова, описание и авторство 24 Элемент body 26 Комментарии языка HTML 27 Просмотр шаблона 28 Следующим будет текст! 28 УРОК 2. Добавление текста и ссылок 30 Правильное использование заголовков 31 Добавление абзацев 32 Использование тега разрыва строки 32 Упорядоченные списки 33 Неупорядоченные списки 34 Вложенные списки 35 Списки определений 37 Старая добрая ссылка 38 Ссылки электронной почты 40 Внутристраничное связывание 42 Добавление содержимого в шаблон 44 В заключение 46 Текст - это еще не все 47 УРОК 3. Добавление изображений, мультимедиа и сценариев 48 Элемент img 49 Использование атрибутов width и height 50 Предоставление альтернативного текста 52 Связывание изображения 53 Связывание аудио- или видеофайла 55 Вставка файлов при помощи элемента object 57 Ваша Честь, я - объект! 59 Добавление скриптов 60 Вставка скрипта 61 Связывание со скриптом 62 Скрипты и проблемы браузеров 63 Сокрытие скриптов от старых браузеров 63 Использование элемента noscript 63 Осознайте это! 65 УРОК 4. Создание таблиц 66 Элемент table 67 Ширина таблицы 67 Границы таблицы и интервалы 68 Добавление строки таблицы 69 Добавление ячеек таблицы 70 Добавление заголовков таблицы 70 Добавление заглавия 72 Описание таблицы 73 Объединение строк 74 Объединение столбцов 76 Комбинирование атрибутов colspan и rowspan 79 Группирование столбцов таблицы: элемент col 80 Группирование столбцов таблицы при помощи элемента colgroup 82 Группирование строк таблицы 83 Данные таблицы 84 УРОК 5. Создание форм 85 Элемент form 86 Добавление поля ввода 87 Добавление флажков и переключателей 89 Заранее выбранные элементы 91 Использование меню формы 92 Использование текстовых областей 94 Кнопки Reset (Сбросить) и Submit (Отправить) 96 Использование графической кнопки Submit (Отпрапить) 97 Обеспечение доступности форм с использованием элемента label 98 Группирование полей формы 99 Группирование элементов меню 101 Настройка и улучшение форм 102 Теперь вы правильно сформированы 103 УРОК 6. Работа с фреймами 104 Сила тройки 105 Создание набора фреймов 106 Добавление столбцов 107 Работа со строками 109 Комбинирование столбцов и строк 110 Элементы управления границами, изменением размеров и скроллингом 111 Именование и указание целевых фреймов 112 Волшебные целевые имена 113 Фреймы без границ 114 Создание доступных фреймов при помощи элемента noframes 116 Удивительные встроенные фреймы 117 Вы познакомились с фреймами! 119 УРОК 7. Использование языка CSS 121 Упрощенная теория языка CSS 122 Правила языка CSS 122 Применение языка CSS 122 Каскад 123 Наследование 123 Специфичность 124 Добавление встроенного стиля 124 Использование внедренного стиля 125 Создание связанной таблицы стилей 126 Импортирование таблиц стилей 128 Непосредственное импортирование в документ 128 Импортирование стиля в связанную таблицу стилей 129 Комментирование и форматирование кода на языке CSS 130 Комментирование кода на языке CSS 130 Форматирование кода на языке CSS 132 Настало время использовать воображение! 132 УРОК 8. Работа с цветом и изображениями с использованием языка CSS 133 Цвет и язык CSS 134 Шестнадцатеричное значение цвета 134 Сокращенное шестнадцатеричное значение цвета 134 Значения RGB 135 Процентные значения RGB 135 Названия цветов 135 Задание цвета фона 136 Цвет и фон документа 136 Цвет и фон элемента 136 Использование цвета фона для украшения таблиц 137 Присоединение фонового изображения 139 Управление заполнением фона 142 Заполнение вдоль горизонтальной оси 142 Заполнение вдоль вертикальной оси 142 Размещение фонового изображения 144 Фиксация или прокрутка фоновых изображений 146 Создание прозрачного цвета фона 148 Сокращение языка CSS для свойств фона 149 Стало веселее? 151 УРОК 9. Стилизация текста 152 Выбор шрифтов 153 Применение семейств шрифтов к тексту 155 Одиночные названия шрифтов 155 Ключевые слова семейства шрифтов 155 Несколько названий 156 Изменение размера шрифтов 157 Ключевые слова абсолютных и относительных значений 157 Значения длины 158 Проценты 159 Жирность и стиль шрифта 159 Жирность шрифта 160 Стиль шрифта 161 Раскрашивание текста 162 Выравнивание текста 162 Оформление текста 163 Установка отступа текста : 164 Преобразование регистра и изменение шрифта текста 166 Установка интервалов между строками 169 Установка интервала между буквами и словами 170 Модификация первой буквы и первой строки текста 171 Использование сокращений для стилей шрифта 172 Теперь используйте воображение! 173 УРОК 10. Эффекты ссылок, списки и навигация 175 Работа с состояниями ссылок 176 Модификация стилей ссылки 178 Несколько стилей ссылок с использованием селекторов класса 179 Стилизация ссылок с использованием селекторов потомков 180 Стилизация упорядоченных списков 183 Стилизация неупорядоченных списков 185 Сокращения языка CSS для стилей списка 187 Вертикальная панель навигации на основе списка с использованием цвета 188 Вертикальная панель навигации на основе списка с эффектами изображения 190 Горизонтальная панель навигации на основе списка с использованием цвета 191 Горизонтальная панель навигации на основе списка с изображениями 192 Роскошные ссылки, списки и навигация 194 УРОК 11. Поля, границы и отступы 195 Исследование блочной модели 196 Использование полей 197 Использование отрицательных значений при указании полей 199 Свойство-сокращение margin 200 Стилизация границ 201 Толщина границы 201 Начертание границы 201 Цвет границы 202 А теперь все вместе! 202 Свойство-сокращение border 203 Сокращенная форма записи для стороны, толщины, начертания и цвета 203 Свойство border 204 Использование отступов 204 Свойство-сокращение padding 205 Получение большего контроля 206 УРОК 12. Позиционирование, плавающее размещение и Z-инлекс 207 Введение в позиционирование 208 Нормальный поток 209 Блоки-контейнеры 211 Окно просмотра браузера 213 Абсолютное позиционирование: относительно корневого элемента 214 Абсолютное позиционирование: относительно другого блока 216 Относительное позиционирование 218 Фиксированное позиционирование 221 Плавающие элементы 223 Очищенное плавающее размещение 225 Z-индекс 227 Как профессионал 228 УРОК 13. CSS-макеты 229 Три столбца с обрамляющими меню фиксированной ширины 230 Три столбца с шапкой и нижним колонтитулом 232 Вложенный плавающий блок 234 Макеты с выравниванием по центру 236 Смешанные макеты 238 Повторяйте за мной 241 ПРИЛОЖЕНИЕ А. Аннотированный справочник по языку XHTML 1.0 242 Разъяснение типов элементов: Отображение 242 Разъяснение типов элементов: пустой и непустой 242 ПРИЛОЖЕНИЕ В. Аннотированный справочник по языку CSS 2.1 269 Селекторы, псевдоклассы и псевдоэлементы 269 Свойства, доступные в языке CSS 2.1 274 |
Loading
|