rm-go Сообщение 01/04/2011 18:04 Копия темы
Как я верстаю Верстка — это процесс формирования веб-страниц, многоэтапный и сложный процесс
изготовления сайтов. Мой рецепт состоит из семи пунктов, пройдя которые я получаю
кроссбраузерный¹ и валидный² код, способный к работе

• Первым-наперво я подбираю хорошие исходники на стоках для будущего проекта,
бывает делаю сам — фотографирую и/или моделирую в 3D.
Базовую ретушь и цвето-коррекцию я применяю ко всем фото-материалам,
это помогает сайту выглядеть профессионально и закончено

• Второй шаг. Я экспортирую шаблон в Fireworks, программа отлично
нарезает и оптимизирует графику плюс помогает узнать размеры и отступы
элементов в макете(здорово помогает при html-верстке).

• Третий шаг — секретный, рассказываю только избранным :-)

• Четвертый шаг. У нас уже есть готовый html+css документ, осталось подключить
ява-скрипт-фраемворк, помогающий верстать по модульной сетке

• Пятый — верстка в TextMate. Замечательный редактор кода.
Ни раз хвалили на многих форумах. Лично мне нравиться в текстмэйт поддержка
плагинов (bundles), сам использую парочку для ускорения кодирования.

• 7+ Самый легкий и интересный — темизация Drupal или подгоняем свой дизайн под лучшую Систему
управление сайтов (СMS)

• Последний, шестой и самый затяжной шаг — тестирование на разных браузерах (Ie 6-9, Opera 9-11,
Safari 4 и 5 и Firefox 3-4) и ОС — шаг являющийся ключевым фактором и показатель
профессионализма верстальщика

Готово!

——— Хотелось бы еще отметить. Все макеты помещаются в минимальном разрешении монитора (1024x724)
тем самым пользователи сайта не замучаются прокручивать сайт по горизонтали

В верстке я использую больше 10 разных программ и 6 сервисов в интернете, вот основные
Photshop, Illustrator, Dreamviewer, Fireworks, Textmate, IEtester

Этот арсенал помогает мне экономить не восстановимый ресурс — свое время, которое я очень ценю

¹Кроссбраузерная верстка, означет, что сайт будет отображатся на разных экранах одинаково, без накладок
и искажений

²Валидная верстка, это структурированный код в соответствии со стандартами консорциума W3C, каждый
элемент включает четко сформулированные элементы в соответствии со своим предназначением.