Из истории HTML

«HTML, по замыслу своих создателей, изначально позиционировался как язык логической, структурной разметки документов и включал в себя возможности для определения лишь таких элементов, как гипертекстовые ссылки, заголовки, абзацы, списки и их пункты, а чуть позже — графические изображения и веб-формы.
Ухищрения типа тега font и таблиц появились позже, что шло наперекор тем целям, ради которых появился HTML» (из книги «Философия CSS-дизайна») .

«Философия CSS-дизайна»

Философия CSS-дизайнаСвоим появлением эта книга обязана сайту, запущенному 8 мая 2003 года. Он изменил существовавшее до тех пор отношение к веб-дизайну и через некоторое время получил мировое признание. Сайт, названный CSS Zen Garden, является результатом совместной работы многих одаренных людей из разных стран.

От издателя

В этой книге на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей. Здесь нашли отражение такие вопросы, как подготовка HTML-разметки для последующего применения стилей, синтаксис языка CSS, принципы верстки, методы работы с графикой, особенности использования цвета, типографские эффекты и многое другое. Не осталась без внимания проблема неодинакового уровня поддержки CSS разными браузерами; авторы рассказывают о приемах, с помощью которых можно добиться межбраузерной совместимости.

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

Издание состоит из 7 глав, предметного указателя и приложения.

Почитать отзывы покупателей книги.

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

16.07.08. Создание сайта «Школа английского языка в Уфе».

01.07.08. Создание сайта «Рудольф Нуреев: фотографии, биография».

Из глубин CSS-дизайна

Задачи курса:

  1. Развить навыки структурирования документа посредством div-блоков.
  2. Развить навыки создания гибкой HTML-разметки, позволяющей менять дизайн сайта посредством таблицы стилей.
  3. Развить навыки оформления сайтов посредством CSS .

Длительность курса: 5 часов 4 минуты.

Комментарии к видеоурокам

Урок #1. Предназначение HTML.
42 минуты

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

  1. Пример негибкой табличной разметки с лишним оформительским кодом.
  2. Примеры сайтов зарубежных дизайнеров, созданных на основе разметки Дейва Ши.
  3. Создание абсолютных и относительных ссылок .
  4. Создание маркированных и нумерованных списков.
  5. Структурирование документа посредством div-блоков.
  6. Предназначение HTML — содержание и структура документа.

Урок #2. Дизайн #1 .
98 минут

Как выйти за пределы прямоугольника?

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

Если блок с особо значимой информацией вывести немного за пределы прямоугольника, то он будет смотреться эффектнее.

За основу берется HTML-разметка, созданная на уроке 1.

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

  1. Основа CSS-технологии — применение отступов и полей.
  2. Создание классов для элементов ддя увеличения гибкости HTML-разметки.
  3. Отличие класса от уникального имени id: элемент с классом может повторяться, с id — нет.
  4. Применение абсолютного позиционирования — размещение блока в любом месте страницы.
  5. Секрет размещения блока в одном месте независимо от разрешения экрана компьютера.
  6. Создание горизонтального меню из списка.
  7. Вставка изображения в шапку документа header.

Комментарии к урокам раздела: 1-2 | 3-4 | 5-6

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

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

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

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

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

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

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

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

Если Вам досаждают ошибки Web-обозревателей и для борьбы с ними Вам необходим программистский трюк или искусственный прием, обратитесь к книге — она поможет решить сотни распространенных проблем, связанных с таблицами стилей.

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