Создание WEB-страниц средствами CSS
Designing CSS Web Pages

Шмит К.

Издательство: Кудиц-Образ, 2003 г.
Мягкая обложка, 368 стр.
ISBN 5-93378-077-4
Тираж: 3000 экз.
Формат: 70x100/16

рейтинг: 3 + - −

От издателя

Аббревиатура CSS знакома многим пользователям Интернет и большинству разработчиков сайтов. Эта современная технология разработки Web-узлов, призванная восполнить недочеты классического языка гипертекстовой разметки. С ее помощью можно реализовать проектные решения и создать оформительские эффекты, недоступные для чистого языка HTML.

В этой книге рассматривается применение каскадных стилей в практике `сайтостроения`. Издание является одной из первых попыток создания на русском языке практическогоруководства по CSS-проектированию. В ней нет обширных выдержек из официальных документов консорциума W3C и пространных пассажей по теории каскадных стилей. Оно построено как описание опыта автора - одного из пионеров в использовании технологии CSS и опытного Web-дизайнера. Автор нашел удачное соотношение между теоретическим и практическим: небольшие отрывки теоретических сведений иллюстрируются листингами гипертекстовых страниц. Поэтому издание объединяет в себе свойства учебника и задачника.

Книга `Создание Web-страниц средствами CSS` предназначена для всех практикующих Web-дизайнеров и разработчиков сетевых проектов, желающих освоить современную и перспективную технологию CSS.

Содержание

....Об авторе
....Предисловие
....Введение
....Кто должен прочитать эту книгу
....О содержании книги
........О сайте этой книги
....Договоренности
Часть I. Начало пути
Глава 1. Планирование и структурирование контента
....Узнай своих клиентов
........Типы пользователей: томаты или помидоры
........Посетители и клиенты
........Виды опыта
........Свобода через ограничение аудитории
….Сбор данных
........Если что-то не так
........Правильный сбор данных: я этому уже учился, но не так
........Сначала контент – потом дизайн, а не наоборот
........Обеспечьте нормальное соединение
........Направляй, а не приказывай
Структурирование разметки – наша первая задача
........HTML-террористы
........Во всем виноваты браузеры?
….CSS: Реабилитация террористов
........Пример структурирования содержимого
........Создайте средства управления
………Ревизия содержимого по требованию дизайна
Глава 2. Разработка неизвестного
….Цвета безопасной палитры
……..Использование безопасной цветовой палитры
....Использование таблиц для планировки
....Варианты планировки Web-страниц
........Жесткий дизайн
........Гибкий дизайн
……..Смешанный дизайн
….Проблемы точности в Web
........Старайтесь использовать проценты
........Единицы em как альтернатива
........Вертикальные значения, наследование ширины
........Практика отличается от теории
….«Принцип кнопки»
……..Зачем использовать «принцип кнопки»
Часть II. Использование CSS
Глава 3. Определение стиля
….Знакомство с каскадными стилями
........Стилевое описание
........Селектор
….Применение стиля к Web-странице
........Подставляемые стили
........Встраиваемые стили
........Внешние стили
........Импорт внешних стилей
….Связывание внешних стилей. Советы разработчику
........Используйте внешние таблицы стилей
........Использование ссылки на стили
........Отбросим Netscape Navigator с тегом @import
........Мерцание страниц с тегом @import в Internet Explorer
….Средства CSS
........Научитесь пользоваться коробочной моделью
........Окрасьте свой CSS
........Единицы измерений
........Class против id
........Дескрипторы div и span
........Псевдоклассы и псевдоэлементы
……..Идеальное внедрение каскадных стилей
….Иерархия стилей
........Наследование
........Ссылки, специфичность и вычисления
Глава 4. Планировка страниц
….Джеффри Зельдман о Web-стандартах в разработке
……..Интервью с Джеффри Зельдманом
….Заставки
……..Традиционные заставки: пример из практики
….Разбиение на колонки
........Разбиение на две колонки
........Разбиение на три колонки
Глава 5. Каскадные стили для DHTML
….Стивен Чемпион о динамическом HTML
........Легкость руки: динамический HTML в действии
........Изменение нескольких стилей «на лету»
....Управление изображениями при помощи DHTML
....Маскирование и визуализация элементов страницы
….Изменение размеров полей формы
……..Сделай что-нибудь иначе
….JavaScript: большие возможности, высокая ответственность
……..Рекомендованное чтение
Часть III. Расширенный CSS
Глава 6. Создание каскадных стилей за пределами экрана
….Каскадные стили для вывода на печать
........Исправление беспорядка
........Планировка сердцевины печатной страницы
….Каскадные стили для аудиоисполнения
........Свойства акустических каскадных стилей
........Возможные стратегии кодирования акустических каскадных стилей
Глава 7. Обработка каскадными стилями изображений в форматах PNG и SVG
….Формат PNG
........Интервью с Грегом Ролофом
........Альфа-прозрачность
........Встроенная гамма-коррекция
........Плохие известия о формате PNG
….SVG
........Интервью с Дж. Дэвидом Эйзенбергом
........Графика из текста
........Применение каскадных стилей к SVG
........Средства разработки SVG
……..Использование SVG
....Будущее PNG и SVG
....Часть IV. Дизайн с использованием CSS в действии: вскрытие противоречий
Глава 8. Деловые публикации
….Новостная страница компании
........Маленькие недочеты
........Ошибочный код и обходные пути решения
….Страница оформления заказа электронного магазина
……..Горизонтальная навигация средствами CSS
….Планировка журнала онлайновых новостей
Глава 9. Независимые публикации
….Персональный сайт
……..Дизайн статей интерактивного журнала
….Создание электронного журнала
........Навигация по сайту
........Название сайта
........Фоновый рисунок
........Главное изображение
........Заголовок
........Остальная часть планировки
Глава 10. Нетрадиционные стили
….Техногенный стиль с SVG
….Классический стиль с авангардистскими изысками
……..Описание стилей сайта
….Отбросьте колебания
Часть V. Приложения
….Приложение А. Упражнения по форматированию
........Пример 1. Разметка заголовка и абзаца
........Пример 2. Как создать горизонтальную линию толщиной в один пиксел
........Пример 3. Создание широкой горизонтальной линии
........Пример 4. Создание пунктирной линии
........Пример 5. Полужирный текст большого размера
........Пример 6. Полужирный текст маленького размера
........Пример 7. Создание простого центрированного заголовка
........Пример 8. Правое выравнивание заголовка
........Пример 9. Заголовок в прямоугольнике из тонких линий
........Пример 10. Отступ первой строки абзаца
........Пример 11. Отступ заголовка и абзаца
........Пример 12. Создание втяжки
........Пример 13. Создание висячего заголовка
........Пример 14. Альтернативное исполнение висячего заголовка
........Пример 15. Создание фонового рисунка
........Пример 16. Создание цветного фона заголовка
........Пример 17. Вставка большого фонового изображения
........Пример 18. Горизонтальная линия над заголовком
........Пример 19. Горизонтальная линия под заголовком
........Пример 20. Нижний отступ заголовка
……..Пример 21. Горизонтальная линия под заголовком с регулируемым отступом по вертикали
........Пример 22. Создание двух линий
........Пример 23. Создание большого заголовка и сохранение двух линий
........Пример 24. Вставка изображения между линиями
........Пример 25. Создание жирной линии под заголовком
........Пример 26. Подчеркнутый заголовок с правым выравниванием
........Пример 27. Центрирование, обводка и фоновое изображение для заголовка
........Пример 28. Создание боковика с подчеркиванием
........Пример 29. Боковик с правым выравниванием
........Пример 30. Создание боковика с обводкой
........Пример 31. Создание боковика с обводкой и правым выравниванием
........Пример 32. Добавление фонового изображения к параграфу
........Пример 33. Создание вложенного текста
........Пример 34. Вставка прямоугольного маркера с левой стороны заголовка
........Пример 35. Добавление широкой линии
……..Пример 36. Добавление угловой линии, изменение межстрочного расстояния и шрифтового семейства
........Пример 37. Заголовок в рамке с отступами
........Пример 38. Рамка с широкими боковыми границами вокруг заголовка
........Пример 39. Широкая линия над заголовком и тонкая под ним
........Пример 40. Тонкая горизонталь над заголовком, а пунктирная линия под ним
........Пример 41. Увеличение толщины верхней линии
........Пример 42. Увеличение толщины нижней линии
........Пример 43. Создание длинной горизонтали над заголовком
........Пример 44. Создание буквицы
……..Пример 45. Размещение заголовка над буквицей и полужирное выделение первого слова параграфа
........Пример 46. Широкая рамка вокруг заголовка
........Пример 47. Вставка изображения в рамку
........Пример 48. Размещение заголовка в пределах параграфа
........Пример 49. Внедренный заголовок и отступ первой строки абзаца
……..Пример 50. Внедренный заголовок, выровненный по первой строке параграфа
….Приложение B. Справочное руководство по каскадным стилям
….Приложение С. Справочник по HTML 4.01
….Приложение D. Правила преобразования HTML в XHTML
....Правильное DTD и включение в состав документа описания пространства имен
....Запрещенные символы встроенных сценариев и каскадных стилей
....Корректное вложение дескрипторов
....Идентификаторы фрагментов: одинаковые значения параметров name и id
....Закрывающие дескрипторы являются обязательными
....Нижний регистр символов
....Запись автономных дескрипторов
....Обрыв строки в значениях атрибутов
....Кавычки вокруг значений атрибутов
....Атрибуты со значениями
….Символ амперсанда
Предметный указатель

Читать дальше…

Свернуть

Лучшие книги этого раздела

Отзывы (написать)