Обучаемся.com

Руководство по компьютеру, работа с Windows, разработка и продвижение сайтов…

Автор

Псевдоклассы и псевдоэлементы, практическая верстка, Занятие 9

На предыдущих занятиях мы с вами уже разбирали понятие псевдоэлементов и псевдоклассов, но на практике редко использовали. Чтобы вам лучше это запомнить и понять, я записал небольшое видео описывающее на практике их возможности и значения.

Видео пояснение псевдокласс и псевдоэлемент

Девятое занятие рассчитано на группу, то есть макет шаблона делится на каждого человека и все верстают ту или иную часть, а в конце все соединяется воедино и получается общая картина готового макета в html. Но никто не запрещает сверстать вам этот макет в одиночку, тем больше будет у вас опыта и навыка при верстке. Все необходимое я предоставлю вам здесь: pineapple. Качаете архив в котором готовые нарезанные изображения и html с css. Также там есть готовый макет в картинке того, что должно у вас получиться.

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

P.S.

Практическая верстка макета в видеоуроке

Сегодня выкладываю первую часть верстки сайта по макету с изображения, где разбираю подробно элементы header и nav.

Верстка header и nav

Верстка content (article)

Верстка footer


← Предыдущее зянятиеСледующее занятие →

Добавить комментарий

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