Сегодня речь пойдет о мощном и удобном дополнении к FireFox под названием Firebug.
Функционал Firebug-а позволяет «на живую» изменять HTML и CSS-код и сразу видеть последствия этих изменений в браузере.
Так же это мощное дополнение поможет верстальщику разобраться в запутанной HTML-структуре загруженной в браузере страницы.
Возможности Firebug-a не ограничиваются лишь работой с HTML и CSS. При помощи данного дополнения значительно упрощается процесс отладки JavaScript, есть возможность просматривать данные, отправляемые серверу… Но это все уже из другой оперы, пока рассмотрим Firebug в качестве инструмента для верстальщика сайта.
Читать полностью »
Подытожим 14-серийную эпопею видеоуроков по div верстке сайта.
Верстка сайта — это непростая наука, освоив которую вы с легкостью сможете преобразовывать *psd-макет дизайна сайта в HTML + CSS код, который одинаково хорошо выглядит во всех популярных браузерах.
div-верстка — это разновидность верстки сайта, в которой для позиционирования элементов на странице применяются теги <div>. Данный вид верстки гораздо предпочтительнее табличного подхода.
На протяжении 14-ти видеоуроков мы с вами, уважаемый читатель, шаг-за-шагом верстали из .psd-макета дизайна сайта, разработанного в Photoshop, кроссбраузерный HTML + CSS каркас блочной div верстки веб-документа.
Полученная верстка полностью соответствует стандартам (т.е. валидная) и с точки зрения HTML, и с точки зрения CSS.
Читать полностью »
Предлагаю вашему вниманию, уважаемый читатель, последний урок из видеокурса по блочной div-верстке для начинающих. Но вы не переживайте, будут еще и дополнительные уроки, а так же новые видеокурсы. Пока основной костяк завершен и в следующем посту я подытожу наш сериал из 14-ти частей.
Теперь переходите к просмотру видео. Я расскажу вам, как сверстать футер, дам несколько наглядных советов по работе с Photoshop. Давайте добьем эту верстку!
Читать полностью »
Верстка | Андрей Морковин 30.09.2009 | 
Отзывов (6) 
