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

CSS. Рецепты программирования.Автор: Кристофер Шмитт

Эта книга поможет Вам сэкономить время и быстро решить проблемы Web-дизайна. Большое количество рецептов для новичков и искушенных пользователей CSS, важные подсказки и хитрости помогут воплотить в жизнь Ваши лучшие дизайн-проекты.

Для выхода из затруднительных положений, возникающих в каждом проекте, книга предлагает готовые подробные примеры, скомпонованные для удобного быстрого поиска, сопровождающиеся пояснениями.

Дополненное обсуждением особенностей поведения новейших Web-обозревателей, включая Internet Explorer, Firefox и Opera, второе издание уделяет особое внимание сложному взаимодействию технологии CSS и графики.

Кроме того, в это издание включена информация для начинающих пользователей CSS, касающаяся верстки страниц, способов форматирования, списков, форм и таблиц и т. д.

Книга сокращает путь от теории к практике, предлагая решение следующих задач:

  • применение технологии CSS в программах Adobe Dreamweaver и Microsoft Expression Web Designer;
  • размещение элементов на странице с помощью плавающей модели, абсолютного и относительного позиционирования;
  • подробное описание популярных методов замещения HTML-текста изображением;
  • стилевое оформление элементов, определяющих типографику Web-страницы;
  • проектирование форм средствами CSS;
  • создание пользовательских навигационных меню;
  • разработка таблиц стилей для печати Web-страницы;
  • тестирование отображения Web-сайтов в различных Web-обозревателях с помощью одного компьютера.

    Купить можно на ozon.ru.

Доступность и привлекательность текста

Урок #6. Создание привлекательных ссылок.
26 минут

Из опыта Джона Хикса

Какие уроки можно извлечь, изучая страницы, выполненные настоящими дизайнерами? Безусловно, это полезный опыт. На этом уроке дано оформление ссылок на основе образца, созданного Джоном Хиксом. Вы увидите, как это делается технически. Надеюсь, на основе этих знаний вы сможете сами создавать блоки с оригинально оформленными ссылками.

  1. Создание блока со ссылками при помощи списка.
  2. Разделение текста в теге li на две части и создание класса для одной части.
  3. Применение display: block/inline.

Урок #7. Как повысить видимость посещенных ссылок?
14 минут

Важно, чтобы посетитель легко различал посещенные и непосещенные ссылки. Как сделать посещенные ссылки более видимыми? Решение задачи родилось благодаря методу Симона Коллисона.

  1. Как поставить галочку у посещенных ссылок?
  2. Как реализовать смену маркеров у посещенных ссылок.

Урок #8. Создание ссылок-гидов.
15 минут

На сайте очень важно иметь навигацию, которая наглядно показывает структуру сайта. Речь идет о создании пути от главной страницы к разделу и подразделу (если он есть).

В том случае, когда содержание одной темы разделено на несколько страниц, наличие ссылок «назад» и «вперед» помогает посетителю ориентироваться на сайте. Если пронумеровать каждую страницу, то может пригодиться и такая навигация:

Назад1 2 3

4

5 67Вперед