Обстановка во время верстки или как я верстаю

Обстановка во время верстки или как я верстаю.

Статья рассчитана для новичков,

Итак, обстановка во время работы, верстки страниц. Какая же она должна быть? Я думаю каждый человек по своему характеру и образу жизни предпочитает свою обстановку во время работы. Я расскажу Вам, в какой обстановке благоприятнее всего работать для меня. Так же расскажу некоторые особенности азов верстки страниц. НЕТ! Я не буду рассказывать из чего состоит html документ, что такое title или head. Забудьте об этом! Это самое простое, и если Вы САМОСТОЯТЕЛЬНО не выучили этого, вам будет очень трудно в этой сфере деятельности. Ну, об этом позже. Сейчас я начинаю свою статью именно с обстановки. Поехали!

На рабочем столе любимые браузеры: Firefox, Safari, Opera и программа для тестирования всех версий Internet Explorer – IE-tester, так же любимые HTML редакторы: Dreamweaver CS3, HTML Pad, блокнот(как не странно =), но иногда нужен) ну и конечно же графические редакторы: Adobe Photoshop CS3, Fireworks.

Открываем Adobe Photoshop, перекидываем туда полученный от дизайнера psd макет. Все, макет перед глазами. Забываем про все и погружаемся в работу. Теперь у нас в голове не вчерашняя красивая девушка, которую вы провожали до квартиры, не друзья, с которыми вам интересно и весело, а вырезанные картинки, падденги, маржини, теги, значения и так далее. Вот мы порезали наш макет. Что дальше? Необходимо создать каркас для будущей html страницы. Опытные верстальщики могут сами все сделать, т. к. знают поведение каждого элемента при разном расположении. Для новичков я рекомендую использовать очень удобный, и на мой взгляд оптимальный метод. Это csstemlpater. В большинстве случаем footer необходимо прижать к низу страницы. Будьте осторожны, когда вы делаете резину, то максимальная ширина может не поддерживаться для 6го IE. Нужно создать файл ie_style. css и прописать туда параметры для 6го IE, а на главной странице между тегами head -

<strong><!--[if IE 6]>

<link rel="stylesheet" href=" ie_style. css" type="text/css" media="screen" />

<![endif]--></strong>

- он говорит, если пользователь зашел с браузера IE 6, то ему будет представлен файл стилей, который вы пропишите в href=”…” .

Незабываем, что значение left:20 , margin-left:20, padding-left:20, для 6го ИЕ это разные значения. К примеру если left:20 покажет действительно 20px, то margin-left:20 может показать 40px, и тому подобное.

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

Как по мне, нет ничего приятнее, чем положительная реакция на твою выполненную работу заказчика, ну не считая волшебного звона монет в твоем Keeper’е, когда ты получаешь за свою работу деньги =)

Вот и все! Совершенствуйтесь и повышайте свой уровень в приятной для Вас обстановке. Всего наилучшего!


Карта сайта


Информационный сайт Webavtocat.ru