«Мастерская CSS.
Профессиональное применение Web-стандартов»

Авторы: Энди Бадд, Камерон Молл, Саймон Коллизон

Авторы книги показывают, что «эстетически привлекательным должен быть не только внешний вид Web-страницы, но и ее код, что значительно облегчает поддержку и модификацию страницы как самим разработчиком, так и другими дизайнерами».

Кратко о книге. Книга посвящена современным технологиям Web-дизайна на основе каскадных таблиц стилей (CSS). Рассматриваются такие темы, как верстка на основе изменяемой и фиксированной ширины контейнеров; типы селекторов; абсолютное и относительное позиционирование; использование плавающих элементов; стилизация гиперссылок, форм, списков и панелей навигации; позиционирование фоновых изображений. Кроме того, обсуждаются вопросы применения фильтров и трюков для нивелирования на Web-страницах ошибок браузеров. Много внимания уделяется концепциям чистоты разметки и надежности кода.

Отзыв. Методично собираю библиотеку книг по CSS, купила и эту. Поначалу насторожила толщина — она явно уступает остальным. Но! Она легко заменила в работе все остальные. Это самый свежий взгляд на многие проблемы вёрстки: здесь сведены воедино "глюки" различных браузеров и способы решения. Закрепление теории, оригинальные идеи и авторское видение процесса создания сайта.
Рекомендую. Гриценко Татьяна (отзыв покупателя книги на ozon.ru).

Сколько стоит книга? — 214 руб.
Заказать на ozon.ru

Создание CSS-сайтов в Dreamweaver

Урок #6. Наводим порядок в CSS-файле.
20 минут

Как выглядит комментарий в CSS-файле?

В процессе работы над внешним оформлением сайта в CSS-файле увеличивается количество правил. Пока в Dreamweaver новое правило автоматически размещается после ранее созданного.

В результате добавление правил происходит хаотично. Поэтому нам необходимо самим упорядочить все правила, чтобы было легко работать с ними в будущем.

1. Размещаем элементы по порядку.
2. Добавляем комментарии.

Урок #7. Работаем с мета-тегами.
12 минут

Добавляем информацию для поисковых систем

На уроке рассматриваются вопросы:

  1. Как в Dreamweaver странице быстро добавить мета-теги: "author" (автор), "keywords" (ключевые слова), "description" (описание страницы).
  2. Как корректировать мета-теги, не переходя на код страницы?
Как быстро добавить мета-теги в Dreamweaver?

Пренебрегать мета-тегами не стоит, что бы ни писали оптимизаторы. Желательно, чтобы на каждой странице были свои ключевые слова. В Dreamweaver это делается быстро без просмотра кода.

Урок #8. Работаем со сниппетами.
25 минут

Создание кусочков кода и их применение

Панель инструментов Сниппеты в Macromedia Dreamweaver.Готовые кусочки кода, которые есть в программе Macromedia Dreamweaver, призваны упростить процесс создания сайта. Сниппеты можно назвать маленькими шаблонами или образцами фрагментов сайта: шапки, футера (хвостовика), навигации и т.д., когда достаточно выбрать один выриант и заменить слова, проставить ссылки.

Недостаток готовых сниппетов — табличный код со стилями, который нуждается в переделке. На уроке я показываю, как можно убрать избыточный табличный код, сохранив при этом внешнее оформление.

Вы можете создавать свои сниппеты. Любой кусочек кода вы затем можете быстро вставить на страницу обычным перетаскиванием мышью.

Это очень удобно и в случае частого употребления каких-либо словосочетаний, специальных терминов и т.д. Достаточно однажды написать какие-либо слова и сохранить их как сниппеты, чтобы потом не тратить время на их написание.