Инструменты для верстки веб-страниц
В этой заметке расскажу вам, какие инструменты я использую при верстки веб-страниц.
Итак, сначала ко мне приходит фотошоповский макет .psd , и под номером 1 напишем в нашем списке:
1. Adobe Photoshop последней версии (на данный момент CS4)
Для кодинга я использую один из наиболее популярных и удобных редакторов:
2. Adobe Dreamweaver последней версии (на данный момент CS4)
Теперь нашу верстку надо тестить в разных браузерах, для этого я использую:
3. IE Tester для проверки в ие6, ие7
4. IE8
5. Opera последней версии (пока, к счастью, не наблюдалось критических отклонений в верстке в предыдущих версиях)
6. FireFox последней версии (также с предыдущими версиями пока замечаний не наблюдалось)
7. Safari последней версии
8. Google Chrome последней версии
Теперь нельзя не сказать о таком незаменимым дополнении к ФФ, как firebug, хотя в последней Опере10 и вышло встроенное подобие файрбага, но, хоть я и ярый поклонник оперы, мне оно показалось не очень удобным, и поэтому считаю firebug пока лучшим. Итак, 9й пункт:
9. Firebug дополнение к FireFox
И напоследок, когда макет сверстан, я его тестю с отключенными картинками (чтобы сайт не потерял свой стиль), и с отключенными css, не потерялась ли логика, то бишь семантика, содержимого.
И когда всё проверено, я добиваю макет валидатором, чтобы он позеленел от счастья.
А теперь мне интересно услышать ваши комментарии, какие вы используете инструменты для верстки веб-страниц, вдруг я чего-то не знаю, ведь я такой же человек как и вы 
Метки: верстка, инструменты
Комментарии (3) на “Инструменты для верстки веб-страниц”
Оставить комментарий
Для вставки кода используйте <code> ... </code>.
Loading ...
Вместо Abobe Photoshop уже более 10 лет использую Macromedia Fireworks (сейчас он стал Abobe Fireworks, соотв. последний CS4). Резать в нем одно удовольствие. psd файлы он понимает прекрасно, но помимо того что он видит слои, он позволяет еще и разместить множество объектов на одном слое. + вариант резать «маской» — если надо что-то срезать не задумываясь на каком слое это находиться — ограничиваешь область прямо поверх и экспортируешь. хочешь в jpeg, gif или png с нужными параметрами по цветам и прозрачности.
Конечно для художников Photoshop незаменим безусловно, но для «нарезки» считаю что Fireworks гораздо удобнее imho.
а как же slice tool?
Если автор действительно тестит страницы сначала с отключенными стилями, потом с откл. картинками, а потом ещё и валидацию проходит, то он маньяк достойный не понимания и уважения. )