Статьи

HTML Utopia: проектирование без таблиц с использованием CSS

Мы можем взглянуть на каскадные таблицы стилей (CSS) с нескольких контекстуальных позиций.

Я предпочитаю рассматривать их как исправление фундаментальной ошибки, которая была допущена в начале Web Time, в старые времена начала 1990-х годов, когда Тим Бернерс-Ли и первые новаторские веб-разработчики впервые представили себе начало Интернета. ,

Что это была за ошибка?

Чтобы соответствовать требованиям изначально ограниченного назначения Интернета, не было необходимости отделять контент от презентации. Хотя некоторые считали, что это хорошая идея, не было действительно убедительной практической причины признать это различие. В конце концов, ранняя цель Интернета заключалась в том, чтобы просто позволить небольшому количеству физиков-ядерщиков использовать разрозненные системы в различных местах для обмена жизненно важными экспериментальными данными.

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

Таким образом, ошибка заключалась в отсутствии предвидения, а не недосмотра. Но это была ошибка, тем не менее.

В этой серии статей подробно рассматриваются проблемы, связанные с использованием CSS в Интернете. Он состоит из 4 статей:

Глава 1: Получение Клочка Земли

Эта глава начинается с изучения того, как развивалась технология CSS и почему она стала настолько популярной. Мы рассмотрим основы, включая части правила CSS, различные типы правил CSS и то, где эти правила могут быть определены.

Глава 3: Копать под поверхностью

Глава 3, вторая часть этой серии, завершает обзор механики CSS. Здесь мы обсудим использование сокращенных свойств для группировки значений для связанных свойств в один оператор. Мы углубимся в понятие наследования в таблицах стилей, узнаем о структуре стиля и обсудим, когда и как использовать комментарии CSS в вашем коде.

Глава 4: CSS Дизайн сайта

Глава 4 начинается с обсуждения преимуществ CSS-дизайна. Затем мы выделим несколько историй успеха CSS — сайты, которые приняли и внедрили CSS с максимальной выгодой. Мы также представляем пример веб-сайта, который, хотя и был изначально встроен в HTML, будет преобразован в дизайн на основе CSS в оставшейся части глав.

Глава 5: Создание скелета

В главе 5 начинается преобразование сайта HTML в CSS, начиная с обсуждения проблем на уровне сайта и страницы, которые нам необходимо рассмотреть. Они включают в себя понимание работы позиционирования CSS, а также разработку ряда основных макетов страниц. В этой главе показаны этапы применения CSS в реальном мире, когда мы начинаем создавать сайт на основе CSS.

Книга

4 главы этой серии — фактически только первая часть книги. Утопия HTML: проектирование без таблиц Использование CSS содержит не только 4 главы, описанные выше, но и еще 8 глав, которые охватывают точные детали макета, стилизации текста и другого содержимого, а также некоторые из менее распространенных, но важных применений CSS, включая улучшение пользовательского опыта, а также проверка и обратная совместимость.

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

Если вы предпочитаете читать Adobe Acrobat PDF-версию этих первых четырех глав, вы можете скачать эти четыре главы, а также образец справочного материала, БЕСПЛАТНО .

Ваш отзыв

Если у вас есть вопрос о какой-либо информации, представленной в этой серии, ваш лучший ответ на быстрый ответ — опубликовать ваш запрос на форумах SitePoint.com . Предложения по улучшению, а также уведомления о любых ошибках, которые вы можете найти (одна или две, возможно, проскользнули через трещины), особенно приветствуются — отправьте их в службу поддержки SitePoint Book .

Вы готовы углубиться в CSS? Давайте начнем!

Глава 1: Получение Клочка Земли