Программы для разметки сайтов

Хочу поделится подборкой инструментов (ака софт), которые я использую в повседневной практике, для разметки XHTML документов.

Скажу сразу, визуальные редакторы я не признаю. Продукция майкрософт идёт в топку, FrontPage не пробывал, Expression Web слишком уж ориентирован на IE. Dreamweaver — король html редакторов, я этого не отрицаю, но поскольку я использовал только его только как редактор кода (сплит и дизайн режимы почти не трогал, потому что все равно внутренний движек рендерит не так), решил от него отказатся в пользу какого-нибуть продвинутого бесплатного редактора.

В итоге самый основной инструмент — Notepad++. Бесплатный текстовый редактор, который обладает такими приемуществами:

1. Подсветка синтаксиса. (знает кучу языков, перечислю только основные для меня — html, xml , css, php, javascript, sql, perl)$
2. Сворачивание кода и заметки на полях;
3. Автодополнение (завершение функций, так и слов которые уже повторялись в документе, автомат я отключил, пользуюсь хот-кеями "ctrl+space" mdash; для дополнения функций и "ctrl+shift+space" — всех слов. )
4. Вкладки и сплит-экран, перовое позволяет держать кучу открытых документов открытыми (этим я думаю уже мало кого удивишь) второе — для одновременного редактирования двух документов.
5. Поиск и замена с помощью регулярных выражений (есть возможность использовать PCRE вызывается такой поиск "ctrl+r")
6. FTP-клиент, который позволяет на лету редактировать файлы (плагин)

Второй важный инструмент, в котором просматриваем наш результат — браузер. Надеюсь ни кто отрицать не будет, что сдесь не посредственный лидер - Firefox. Хотя без плагинов он бы не был бы таким (в Оперу и Сафари инструменты для разработки встроены по умолчанию). У порядочного верстальщика должно быть 5 браузеров минимум. Перечислю свои:

1. Firefox + самые необходимые плагины:
   1. Firebug
   2. Webdeveloper
2. Opera — в последней версии есть средства для разработчиков
3. Internet Explorer 7 с плагином Internet Explorer Developer Toolbar
4. Safari for Windows в дистре тоже есть плагин для разработки
5. IE Tester — которая позволяет проверять страничку под разными версиями IE: 5.5; 6; 7; 8beta (в системе должен стоять IE7)

Третий обязательный инструмент — это графический редактор с поддержкой слоев. Есть бесплатный GIMP, мне нравится Macromedia Fireworks 8 (именно эта версия, её я использую для редактирования одиночных картинок) и Adobe Photoshop. На практике, смысла выбирать — нет, за кодера выбирает дизайнер. Полной совместимости между шаблоном PSD и отличными от фотошопа редакторами, добится трудно. Понятное дело, дизайнер — натура творческая и под вас подстраиваться не будет, по этому Photoshop выбор на все 100%.

И самое главное — без  /dev/brain и правильно настроенных /dev/hands далеко не уедешь. Будь у тебя хоть самый последний Adobe Web Suite — это всего лишь инструмент.

PS Есть программы, который ни как не связаны с работой, но без них... чувствуешь компьютер и интернет неполноценной вещью. Это IM клиент — использую QIP, мультимедиа проигрыватель — мой выбор Jetaudio. ну и программа без которой невозможно было бы "купить" Photoshop CS3 и прочие буржуйские лицензионные программные продукты — μtorrent. Узнать больше — что такое utorrent

Запись опубликована 18.07.2008 в 07:24 в следующих рубриках: WEB. Вы можете отслеживать обсуждение записи, используя ленту RSS 2.0. Вы можете оставить комментарий, или трекбек с Вашего сайта.