Блочная верстка (div-верстка) видеоурок #13

Уууу! Так-так, что тут у нас?

— У нас тут 13-й видеоурок по блочной css-верстке сайта. Агррррр!

13-й и видимо предпоследний урок данного курса (не волнуйтесь, уважаемый читатель, будут и другие курсы).

О чем же пойдет речь в уроке номер 13?

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

Как не странно, 30 минут видео пришлось потратить на казалось бы такую простую операцию, как формирование блока основного содержимого сайта. Недостаточное внимание к механизмам наполнения контентом, я имею ввиду визуальный редактор, на заре моей деятельности по разработке сайтов приводило к возникновению множества проблем.

Теперь я поделюсь своим опытом с вами, уважаемый читатель. Приглашаю вас к просмотру.

Читать полностью »

Блочная верстка (div-верстка) видеоурок #12

Базовый курс для начинающих по div-верстке сайта стремительно приближается к своему логическому завершению. Осталось еще совсем немного.

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

На примере вы освоите принципы установки фонового изображения, свойства его повторяемости и позиционирования.

Кроме того, дополнительная практика с программой Photoshop (я покажу как найти нужный слой в палитре слоев, правильно вырезать и сохранить требуемый фрагмент) позволит развить навыки работы с этой мощной и необходимой в нелегком труде верстальщика программой.

Читать полностью »

Типографика для веб-мастера

Как я и обещал в видеоуроке по верстке сайта #10, расскажу о принципах выбора шрифтов для веб-мастера и правилах их подключения в CSS.

Читать полностью »