|
HTML и CSS на примерах. Мержевич В.В. Мержевич В.В. СПб.: БХВ-Петербург, 2005. — 448 с. На практических примерах раскрываются технологии HTML и CSS в плане решения различных аспектов создания веб-страниц. Приведены возможности и средства по оформлению текста и изменению его вида. Описаны основные графические форматы, которые используются на сайтах. Освещены вопросы работы с рисунками, ссылками, списками, линиями и рамками. Раскрыты возможности управления видом таблицы, ускорения загрузки табличных данных, использования шаблонов. Рассмотрены элементы форм, их параметры и примеры изменения оформления с помощью цвета, изображений и рамок. Приведены способы выравнивания рисунков, слоев и текста, использования отступов и полей и многие другие приемы оформления веб-страниц. Даются подробные сведения об особенностях популярных браузеров и о том, как они работают с тегами и стилями. Объясняется, как учитывать различия между браузерами и создавать универсальные документы, которые будут корректно в них отображаться. Детальные примеры и пошаговое описание действий позволяют реализовать приведенные рекомендации на практике. Оглавление: Для кого предназначена книга 10 Как организована книга 11 Соглашения, используемые в книге 13 Поддержка 13 Глава 1. Текст 15 Аз и буки шрифтовой науки 15 Шрифты 16 Шрифты с засечками 17 Шрифты без засечек 17 Моноширинный шрифт 18 Декоративные шрифты 13 Размер текста 19 Насыщенность 20 Наклон текста 20 Начертание 20 Работа со шрифтами 21 Установка шрифта 23 Цвет текста 25 Размер символов 27 Изменение насыщенности 29 Курсивный текст 29 Верхний и нижний индекс 30 Капитель 33 Прописные и строчные буквы 34 Работа с текстом 35 Подчеркивание текста 36 Использование тега HR 36 Применение таблиц 37 Использование стилей 3S Создание буквицы 40 Буквица в тексте 41 Буквица на поле 42 Выступающий инициал 43 Отступ первой строки 44 Пробелы между слонами 46 Выравнивание текста 47 Отбивка строк. 49 Интерлиньяж (межстрочное расстояние) 52 Межбуквенный интервал 53 Глава 2. Изображения 55 Добавление изображений 55 Форматы графических файлов 57 GIF 57 JPEG 58 PNG-S 59 PNG-24 59 Рамка вокруг изображения 59 Выравнивание изображений 61 Создание паспарту 64 Использование таблиц 65 Применение стилей 65 Подрисуночная подпись 67 Обтекание изображения текстом 72 Использование параметра align тега IMG 72 Применение таблиц 72 Использование стилей 73 Альтернативный текст 74 Добавление фонового рисунка на веб-страницу 75 Использование фонового рисунка 78 Фоновый рисунок 78 Создание тени 80 Панель на изображении в браузере Internet Explorer 83 Карты-изображения 84 Глава 3. Ссылки 89 Создание ссылок 89 Вилы ссылок 91 Ссылки без подчеркивания 93 Подчеркивание ссылок при наведении на них курсора мыши 94 Изменение цвета ссылки.. 96 Изменение цвета подчеркивания ссылки 97 Декоративное подчеркивание ссылок 98 Ссылки разных цветов 99 Альтернативные способы выделения ссылок 101 Использование фонового цвета 101 Рамка вокруг ссылки 102 Добавление волнистой линии под ссылкой 105 Рисунки возле внешних ссылок 107 Ссылки на новое окно 109 Ссылки во фреймал 110 Глава 4. Списки 113 Создание списка 113 Маркированные списки 115 Изменение вертикальных отступов в списке 116 Отстулы от маркера ло текста 118 Вид маркера 119 Список с рисованными маркерами 122 Маркеры разного цвета 123 Положение текста и маркера 124 Нумерованные списки 126 Нумерация списка 126 Многоуровневые списки 127 Глава 5. Линии и рамки 131 Создание линий 131 Горизонтальные линии 132 Использование тега HR 132 Применение рисунков 134 Использование таблиц 135 Применение стилей 136 Линия с рисунком 139 Вертикальные линии 143 Создание вертикальных линий через таблицы 143 Создание вертикальных линий с помощью стилей 145 Создание рамок 147 Использование параметра таблицы border 148 Использование параметра таблицы cellspacings bgcolor 149 Вложенные таблицы 149 Заливка ячеек таблицы цветом I 50 Декоративная рамка 152 Использование стилей для создания рамки 154 Рамки и плавающие фреймы 158 Рамки с тенью 160 Создание тени с помощью атрибута bonier 160 Применение слоев 161 Использование таблицы 164 Рамки и заголовки 165 Простая панель 165 Панель с фиксированным заголовком 168 Панель с графическим заголовком 170 Глава 6. Таблицы 177 Создание таблиц 177 Особенности таблиц 182 Заголовок таблицы — 182 Выравнивание таблиц 185 Таблицы и рамки 187 Таблицы с фиксированным заголовком 191 Ускорение загрузки таблиц 194 Выделение ячеек таблицы курсором мыши 195 Шаблоны таблиц 199 Простая таблица 199 Простая таблица с заголовком 200 Таблица с цветным заголовком 201 Таблица с чередующимися строками 202 Таблица с выделенными колонками 204 Глава 7. Формы 209 Добавление формы 210 Элементы форм 212 Текстовое поле 213 Однострочное текстовое поле 213 Поле для ввода пароля. 216 Многострочное текстовое поле 217 Рисунки в текстовом поле 220 Кнопки 221 Кнопка SUBMIT 223 Кнопка RESET 224 Цветные кнопки 224 Переключатели 226 Флажки 229 Поле со списком 231 Скрытое поле 233 Поле с изображением 234 Отправка файла 235 Группирование элементов формы.. 236 Глава 8. Выравнивание элементов 241 Выравнивание рисунков по горизонтали 241 Центрирование по вертикали 245 Выравнивание слоя по центру 250 Использование отступов 251 Применение параметра text-align 252 Параметр align тега D1V 253 Абсолютное позиционирование слоя 253 Манипуляции с текстом 255 Выравнивание текста внутри слоя 262 Выравнивание по верхнему краю 262 Выравнивание по центру слоя 263 Выравнивание по нижнему краю 265 Глава 9. Отступы и поля 269 Создание отступов 269 Отступы на веб-странице 272 Отступы в форме.. 274 Создание полей 274 Поля у блочных элементов. 276 Использование отступов и полей 279 Поля вокруг текста 279 Отступы в тексте 281 Создание двух колонок 283 Глава 10. Элементы оформления 287 Полосы прокрутки 287 Полосы прокрутки во фреймах 290 Новые окна 290 Изменение цвета полос прокрутки 292 Вид курсора мыши 295 Ссылка на иконку сайта 298 Создание тени 299 Использование фильтров 300 Применение слоев 301 Использование спецсимволов 304 Глава 11. Создание меню 307 Горизонтальное меню 308 Создание меню с помощью таблиц 309 Применение слоев 313 Текстовые вкладки 315 Графические вкладки 321 Создание вкладок 321 Предварительная загрузка изображений 324 Объединение изображений в одно 327 Вертикальное меню 328 Простое меню с рамкой 328 Меню с подсветкой 330 Меню и подменю 332 Ниспадающее меню 339 Плавающее меню 343 Приложение. Свойства CSS 347 Пояснения 347 Параметр background.. 350 Параметр background-attachment. 351 Параметр background-color 353 Параметр background-image 354 Параметр background-position 355 Параметр background-repeat 357 Параметр border 358 Параметр border-bottom 360 Параметр border-bottom-color 361 Параметр border-bottom-style 362 Параметр border-bottom-width 364 Параметр horde r-collapse 365 Параметр border-color 367 Параметр border-style 369 Параметр border-width.. 371 Параметр bottom 373 Параметр clear 375 Параметр clip... 376 Параметр color 378 Параметр cursor 380 Параметр display 382 Параметр float 384 Параметр font. 386 Параметр pmi-Jbtntty 388 Параметр font-size 389 Параметр font-style 391 Параметр font-variant 392 Параметр font-weight. 394 Параметр height 395 Параметр left. 397 Параметр letter-spacing 399 Параметр line-height 400 Параметр list-style 402 Параметр list-style-imnge 403 Параметр list-style-position 405 Параметр list-style-type 406 Параметр margin 408 Параметр margin-bottom 411 Параметр overflow 412 Параметр padding 414 Параметр padding-bottom 416 Параметр position 417 Параметр right 420 Параметр text-align 422 Параметр table-layout 423 Параметр text-indent 425 Параметр text-decoration 426 Параметр text-transform 428 Параметр top 429 Параметр vertical-align 43! Параметр visibility 433 Параметр white-space 435 Параметр width 437 Параметр word-spacing 438 Параметр z-index 439 Предметный указатель 443 |
Loading
|