Firebug — находка для верстальщика

Сегодня речь пойдет о мощном и удобном дополнении к FireFox под названием Firebug.

Функционал Firebug-а позволяет «на живую» изменять HTML и CSS-код и сразу видеть последствия этих изменений в браузере.

Так же это мощное дополнение поможет верстальщику разобраться в запутанной HTML-структуре загруженной в браузере страницы.

Возможности Firebug-a не ограничиваются лишь работой с HTML и CSS. При помощи данного дополнения значительно упрощается процесс отладки JavaScript, есть возможность просматривать данные, отправляемые серверу… Но это все уже из другой оперы, пока рассмотрим Firebug в качестве инструмента для верстальщика сайта.

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

div верстка сайта – итог видеокурса

Быстро скачать весь видеокурс по div верстке

Уважаемый читатель, если вы хотите без лишних слов на высокой скорости скачать весь видеокурс по div верстке (включая psd-дизайн-макет и исходники результата верстки) в лучшем качестве, то я предлагаю вам услугу быстрого платного скачивания с выделенного сервера.

Курс div верстки упакован в один архив (511 Мбайт) и скачивается со скоростью до 4 МБит/сек.

Стоимость услуги быстрого скачивания курса div верстки — 50 рублей. Оплата производится посредством WebMoney.

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

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

Сразу после оплаты вам будет предоставлена ссылка на прямое скачивание архива с выделенного сервера.

Хотите узнать подробности – читайте дальше.

Div верстка. Базовый видеокурс

Подытожим 14-серийную эпопею видеоуроков по div верстке сайта.

Верстка сайта — это непростая наука, освоив которую вы с легкостью сможете преобразовывать psd-макет дизайна сайта в HTML + CSS код, который одинаково хорошо выглядит во всех популярных браузерах.

div верстка — это разновидность верстки сайта, в которой для позиционирования элементов на странице применяются теги div. Div верстка гораздо предпочтительнее табличного подхода.

На протяжении 14-ти видеоуроков мы с вами, уважаемый читатель, шаг-за-шагом верстали из psd-макета дизайна страницы, разработанного в Photoshop, кроссбраузерный HTML + CSS каркас блочной div верстки веб-документа.

Полученная верстка полностью соответствует стандартам (т.е. валидная) и с точки зрения HTML, и с точки зрения CSS.

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

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

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

Теперь переходите к просмотру видео. Я расскажу вам, как сверстать футер, дам несколько наглядных советов по работе с Photoshop. Давайте добьем эту верстку!

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