Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Что же, я продолжаю свой Видео блог и его раздел Как создаются шаблоны сайтов HTML и CSS. Мы продолжаем рассматривать вопрос: как создать HTML шаблон сайта из PSD макета. В предыдущем видео мы создали правый сайдбар сайта. В данном видео мы создадим область контента для сайта так, как показано на макете PSD. Контент сайта – эта основа вашего ресурса, пользователи в большинстве своем ищут информацию. И чем доступнее изложена информация, тем больше шансов, что пользователь задержится на вашем ресурсе. Поэтому подходить к наполнению сайта и его оформлению нужно очень ответственно.

На рисунке PSD макета сайта область контента находится посередине, узнать о позиционирование блоков для содержимого сайта вы можете из видео блочная верстка div. В этом видео мы лишь немного оформим контент сайта. У каждой статьи на сайте обычно есть заголовок и подзаголовки,  как вы знаете: для создания заголовков используются тэги от h1 до h6 – HTML заголовки. Кроме того, любую статью, любой контент сайта можно разделить условно на три части: шапка сайта, в которую помимо непосредственно заголовка входит еще и служебная информация: время создания статьи, автор публикации и прочее; содержимое статьи, в которой есть параграфы, HTML списки, заголовки, таблицы HTML, картинки, видео и другой , естественно, оформляется это все при помощи CSS стилей; и подвал статьи, в котором могут находиться ссылки на похожие статьи для удобства пользователей и поискового продвижения сайта.
В данном видео мы оформим заголовок статьи, задав соответствующие стили и правила CSS, а также создадим шапку статьи, в которой будет находиться информация о статье: дата и время создания и имя автора. Эту информацию мы оформим в виде маркированного списка ul, каждая ссылка будет находиться внутри элемента списка li.

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч. Не забываем комментировать и делиться с друзьями;)

Возможно, эти записи вам покажутся интересными


Выберете удобный для себя способ, чтобы оставить комментарий

This article has 2 comments

  1. Нуиза Reply

    Здравствуйте! У меня такая проблема, при масштабировании в блокке (page)текст обтекается на другой блок

  2. Нуиза Reply

    что мне надо сделать?

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Loading Disqus Comments ...