SiteIS

HTML и CSS - революция в мире web-дизайна!

- управление отображением множества документов с помощью каскадных таблиц стилей

- Более точный контроль над внешним видом web-документов

- Различные представления для разных носителей информации

- Сложная и проработанная техника дизайна

Вместо вступления

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

Сайт визитка - разметка структуры шаблона

Итак, предположим, мы получили PSD шаблон от дизайнера и перед нами стоит задача его сверстать. Естественно, первое, что сделаем - это посмотрим, с чем предстоит работать.

Сайт визитка - оформляем html документ

В прошлой статье мы проанализировали PSD шаблон и приблизительно прикинули, как будем верстать сайт. Перейдем от анализа к действиям.

Сайт визитка - размечаем основные блоки и элементы в хейдере

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

Сайт визитка - пишем css правила

В данной статье добавим "красивостей" сайту. То, что у нас получилось сейчас врят ли восхитит посетителей. Что бы придать странице приятный внешний вид, который задумывался дизайнером, воспользуемся каскадными таблицами стилей.

Сайт визитка - исправляем недочеты в ИЕ 7 и 8

В прошлой статье мы выявили несколько проблем с отображением страницы в браузерах ИЕ 7 и ИЕ 8. Сейчас рассмотрим, как избавится от этих неприятностей и заставить отображаться элементы в этих браузерах так же, как и в остальных.