IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

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

Различную дополнительную информацию статьи мы оформили в предыдущем видео: создали заголовок статьи, и дополнительную информацию о статье. Дополнительная информация была оформлена при помощи маркированного HTML списка ul. В данном видео мы оформили область с содержимым статьи. Мы создали контейнер div с CSS классом “text”, внутри которого располагаются вложенные HTML заголовки, параграфы (тэг p), HTML списки и прочее.

//
//

Помимо этого, мы создали кнопку «Читать далее» при помощи HTML тэга input. Если тэги отвечают за  структуру HTML документа, то CSS стили отвечают за его оформление, статьи для сайта мы оформили при помощи правил каскадной таблицы стилей CSS.

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