В идеальном варианте, процесс разработки сайта включает в себя достаточно много этапов и конечный результат является плодом кропотливого труда большого количества специалистов, занятых в проекте. Но если речь идет не о крупном портале, то создать приятный во всех отношениях сайт под силу и небольшой команде. Цикл статей этого раздела будет посвящен основе разработки сайта - верстке.
Итак, предположим, мы получили PSD шаблон от дизайнера и перед нами стоит задача его сверстать. Естественно, первое, что сделаем - это посмотрим, с чем предстоит работать.
Подробнее: Сайт визитка - разметка структуры шаблона
В прошлой статье мы проанализировали PSD шаблон и приблизительно прикинули, как будем верстать сайт. Перейдем от анализа к действиям.
Подробнее: Сайт визитка - оформляем html документ
В этой статье займемся основной разметкой блоков главной страницы, выведем логотип и сверстаем навигацию.
Подробнее: Сайт визитка - размечаем основные блоки и элементы в хейдере
В данной статье добавим "красивостей" сайту. То, что у нас получилось сейчас врят ли восхитит посетителей. Что бы придать странице приятный внешний вид, который задумывался дизайнером, воспользуемся каскадными таблицами стилей.
Подробнее: Сайт визитка - пишем css правила
В прошлой статье мы выявили несколько проблем с отображением страницы в браузерах ИЕ 7 и ИЕ 8. Сейчас рассмотрим, как избавится от этих неприятностей и заставить отображаться элементы в этих браузерах так же, как и в остальных.