CSS. Рецепты программирования

Eta kniga pomozhet Vam sekonomit vremya i bystro reshit problemy Web-dizayna. Bolshoe kolichestvo retseptov dlya novichkov i iskushennyh polzovateley CSS, vazhnye podskazki i hitrosti pomogut voplotit v zhizn Vashi luchshie dizayn-proekty. Dlya vyhoda iz zatrudnitelnyh polozheniy, voznikayuschih v kazhdom proekte, kniga predlagaet gotovye podrobnye primery, skomponovannye dlya udobnogo bystrogo poiska, soprovozhdayuschiesya poyasneniyami. Dopolnennoe obsuzhdeniem osobennostey povedeniya noveyshih Web-obozrevateley, vklyuchaya Internet Explorer, Firefox i Opera, vtoroe izdanie udelyaet osoboe vnimanie slozhnomu vzaimodeystviyu tehnologii CSS i grafiki. Krome togo, v eto izdanie vklyuchena informatsiya dlya nachinayuschih polzovateley CSS, kasayuschayasya verstki stranits, sposobov formatirovaniya, spiskov, form i tablits i t. d. Kniga sokraschaet put ot teorii k praktike, predlagaya reshenie sleduyuschih zadach: primenenie tehnologii CSS v programmah Adobe Dreamweaver i Microsoft Expression Web Designer; ... Оглавление Предисловие Для кого предназначена эта книга Допущения, принятые в книге Содержание книги Соглашения, использованные в книге Использование кода примеров Как связаться с издательством O'Reilly Safari Enabled Благодарности Глава 1. Общие примеры 1.1. Применение технологии CSS с HTML-кодом 1.2. Использование различных селекторов для стилевого оформления 1.3. Когда использовать селекторы класса и селекторы ID 1.4. Осмысление свойств CSS 1.5. Осмысление блочной модели 1.6. Осмысление DOCTYPE и его влияние на компоновку страниц в Web-обозревателе 1.7. Связь стилей с Web-страницей 1.8. Как применять разные типы таблиц стилей 1.9. Вставка комментариев в таблицы CSS 1.10. Организация информации в таблице стилей 1.11. Организация файлов таблиц стилей 1.12. Работа со свойствами с сокращенной формой записи 1.13. Настройка альтернативной таблицы стилей 1.14. Применение плавающей модели для вывода изображений 1.15. Применение абсолютного позиционирования 1.16. Использование относительного позиционирования 1.17. Применение CSS в Adobe Dreamweaver 1.18. Применение CSS Microsoft Expression Web Designer Глава 2. Web-типографика 2.1. Задание шрифтов 2.2. Задание размеров шрифта 2.3. Усиление контроля над размерами шрифтов 2.4. Принудительное назначение размера шрифта 2.5. Центрирование текста 2.6. Задание выравнивания текста по ширине 2.7. Удаление свободного пространства между заголовками и абзацами 2.8. Задание простой приподнятой буквицы 2.9. Формирование центрированной приподнятой буквицы большего размера 2.10. Декоративное оформление приподнятой буквицы с помощью изображения 2.11. Создание заголовка со стилизованным текстом 2.12. Создание заголовка со стилизованным текстом и рамкой 2.13. Стилевое оформление заголовка с помощью текста и изображения 2.14. Создание врезки в HTML-тексте 2.15. Создание врезки с рамкой 2.16. Создание врезки с помощью изображений 2.17. Задание отступа в первой строке абзаца 2.18. Задание отступа для всего абзаца 2.19. Создание обратного отступа 2.20. Стилевое оформление первой строки абзаца 2.21. Стилизация первой строки абзаца с помощью изображения 2.22. Создание эффекта выделенного текста 2.23. Изменение межстрочных интервалов 2.24. Добавление графической обработки HTML-текста 2.25. Вставка тени за текстом 2.26. Корректировка межбуквенных и межсловных пробелов Глава 3. Изображения 3.1. Вывод рамки вокруг изображения 3.2. Удаление рамок, устанавливаемых по умолчанию вокруг изображений в некоторых Web-обозревателях 3.3. Установка фонового изображения 3.4. Создание полосы фоновых изображений 3.5. Размещение фонового изображения на Web-странице 3.6. Выбор нескольких фоновых изображений в одном селекторе 3.7. Создание закрепленного фонового изображения 3.8. Наложение HTML-текста на изображение 3.9. Замещение HTML-текста изображением 3.10. Замена HTML-текста Flash-текстом 3.11. Использование множественных PNG-файлов с прозрачностью 3.12. Создание панорамного представления изображения 3.13. Комбинирование разных графических форматов 3.14. Скругленные углы колонок с фиксированной шириной 3.15. Скругленные углы (метод раздвижных дверей) 3.16. Скругленные углы (метод горной вершины) 3.17. Скругление углов с помощью JavaScript 3.18. Вставка тени за изображением 3.19. Вставка сглаженной тени за изображением 3.20. Создание масштабируемых изображений 3.21. Создание выносок 3.22. Как помешать людям похищать ваши фотографии 3.23. Автоматическая вставка отражений в изображения 3.24. Применение изображений-спрайтов Глава 4. Элементы страницы 4.1. Удаление полей страницы 4.2. Раскрашивание полосы прокрутки 4.3. Методы центрирования элементов на Web-странице 4.4. Создание рамки страницы 4.5. Настройка разделителя 4.6. Добавление зоны полноразмерного просмотра изображения Глава 5. Списки 5.1. Изменение формата списка 5.2. Задание в списке отступов, отображаемых в разных Web-обозревателях 5.3. Установка разделителей между элементами списка 5.4. Создание пользовательских текстовых маркеров в списках 5.5. Создание пользовательских маркеров-изображений в списках 5.6. Вставка больших пользовательских маркеров-изображений для списков 5.7. Обогащение представления списка с помощью изображения 5.8. Создание строчных списков 5.9. Создание обратных отступов в списке 5.10. Смещение маркера внутрь списка Глава 6. Ссылки и навигация 6.1. Удаление подчеркивания ссылок (и применение других приемов стилевого оформления) 6.2. Изменение цвета ссылок 6.3. Изменение цвета ссылок в разных секциях страницы 6.4. Вывод пиктограммы в конце ссылки 6.5. Изменение курсоров 6.6. Изменение внешнего вида ссылки при наведении указателя мыши без применения JavaScript 6.7. Создание навигационных текстовых меню и визуальных эффектов при наведении указателя мыши на его пункты 6.8. Создание горизонтальных навигационных меню 6.9. Создание навигационного меню с клавишами доступа 6.10. Создание переходов с помощью ссылок-цепочек 6.11. Создание с помощью изображений визуальных эффектов наведения указателя мыши на ссылку 6.12. Создание раскрывающихся меню 6.13. Создание контекстных меню 6.14. Создание всплывающих подсказок с помощью атрибута title 6.15. Разработка динамического визуального меню 6.16. Динамическое применение стилей на Web-странице Глава 7. Формы 7.1. Изменение пробельной зоны вокруг формы 7.2. Задание стилей для элементов ввода 7.3. Применение разных стилей к разным элементам ввода одной формы 7.4. Назначение стилей элементам textarea 7.5. Задание стилей элементов select и option 7.6. Создание поля поиска в стиле Macintosh 7.7. Стили кнопок формы 7.8. Создание изображения кнопки Submit 7.9. Установка кнопки Submit-Once-Only 7.10. Создание кнопки Submit в виде HTML-текста 7.11. Как заставить текстовую HTML-ссылку действовать как кнопка Submit 7.12. Разработка Web-формы без таблиц 7.13. Разработка формы из двух колонок без применения таблиц 7.14. Выделение цветом полей формы 7.15. Включение в форму информации обратной связи 7.16. Стилевое оформление клавиш доступа в Web-формах 7.17. Группировка одинаковых элементов формы 7.18. Ввод данных в форму в виде электронной таблицы 7.19. Пример дизайна: регистрационная форма 7.20. Пример дизайна: регистрационная форма Глава 8. Таблицы 8.1. Задание объема свободного пространства вокруг ячейки 8.2. Задание рамок и отступов ячеек 8.3. Задание стиля заголовка 8.4. Задание стилей в ячейках таблицы 8.5. Задание стилей элементов шапки таблицы 8.6. Удаление зазоров у изображений, помещенных в ячейки таблицы 8.7. Устранение промежутков между ячейками таблицы 8.8. Создание чередующихся цветов фона в строках таблицы 8.9. Создание эффекта выделения цветом строки таблицы 8.10. Пример проекта: элегантный календарь Глава 9. Макеты страниц 9.1. Построение одноколоночного макета 9.2. Создание двухколоночного макета 9.3. Построение двухколоночного макета с колонками фиксированной ширины 9.4. Создание "резинового" многоколоночного макета с помощью плавающей модели 9.5. Создание с помощью плавающей модели макета с тремя колонками фиксированной ширины 9.6. Создание с помощью позиционирования "резинового" многоколоночного макета 9.7. Создание с помощью позиционирования многоколоночного макета с колонками фиксированной ширины 9.8. Использование плавающей модели для отображения колонок в произвольном порядке 9.9. Проектирование асимметричного макета Глава 10. Печать 10.1. Создание версии страницы для печати 10.2. Создание готовой к печати Web-формы 10.3. Отображение URI после ссылок 10.4. Вставка специальных символов перед ссылками 10.5. Пример дизайна: версия страницы для печати, созданная средствами CSS Глава 11. Программистские трюки, искусственные приемы и выявление неисправностей 11.1. Изоляция стилей в Netscape Navigator 4 11.2. Отображение некоторых стилей в Internet Explorer 5.x для Windows 11.3. Устранение промелька Web-страницы в Internet Explorer 5.x для Windows 11.4. Закрепление фоновых изображений в Internet Explorer 6 для Windows 11.5. Использование условных комментариев в Internet Explorer для Windows для передачи стилей 11.6. Скрывание стилей от Internet Explorer 5 для Macintosh 11.7. Установка интеллектуальной системы управления программистскими трюками 11.8. Диагностика ошибок CSS и проблем Web-обозревателей 11.9. Тестирование дизайна сайта на нескольких платформах с помощью единственного компьютера 11.10. Установка на компьютер нескольких версий Internet Explorer для Windows 11.11. Проверка Web-сайта с помощью текстового Web-обозревателя Глава 12. Проектирование с помощью CSS 12.1. Существенное увеличение текста 12.2. Создание неожиданного сочетания 12.3. Комбинирование разнородных элементов для создания контраста 12.4. Управление взглядом с помощью контраста 12.5. Проверка достаточности цветового контраста 12.6. Выделение цитаты Приложение 1. Источники Основные обучающие материалы, относящиеся к языку HTML и технологии CSS Дизайнерские ресурсы Дискуссионные группы Ссылки Средства Приложение 2. Свойства CSS 2.1 и частные дополнения Приложение 3. Селекторы, псевдоклассы и псевдоэлементы CSS 2.1 Приложение 4. Стилевое оформление элементов форм Флажки (checkboxes) Элемент ввода имени файла (file input) Переключатели (radio buttons) Текстовые поля (text fields) Поля со списком для многовариантного выбора (multiple options) Поля со списком для выбора одного значения (select single item) Кнопка Submit Многострочные текстовые поля (textarea) Предметный указатель As the industry standard method for enriching the presentation of HTML-based web pages, Cascading Style Sheets (CSS) allow you to give web pages more structure and a more sophisticated look. But first, you have to get past CSS theory and resolve real-world problems. For those all-too-common dilemmas that crop up with each project, CSS Cookbook provides hundreds of practical examples with CSS code recipes that you can use immediately to format your web pages. Arranged in a quick-lookup format for easy reference, the second edition has been updated to explain the unique behavior of the latest browsers: Microsoft's IE 7 and Mozilla's Firefox 1.5. Also, the book has been expanded to cover the interaction of CSS and images and now includes more recipes for beginning CSS users. The explanation that accompanies each recipe enables you to customize the formatting for your specific needs. With topics that range from basic web typography and page layout to techniques for formatting lists, forms, and tables, this book is a must-have companion, regardless of your experience with Cascading Style Sheets. Provides information and examples on using CSS to format Web pages, covering such topics as Web typography, links, navigation, page layouts, and Web site design.