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

18.07.2008 Jman

Хочу поделится подборкой инструментов (ака софт), которые я использую в повседневной практике, для разметки 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

Метки: , , , , , , , , , , , , ,

2 Комментария на запись“Программы для разметки сайтов”

  1. Комментирует Zodios

    А как же пакеты для редактирования и оптимизации графики?
    Я у себя тоже написал список своих инструментов:
    http://zodios.net/inst/coderinstruments.html

  2. Комментирует SciTE - ежедневное орудие кодера | Бесплатная альтернатива - Блог о полезных и бесплатных программах для Windows

    [...] автор публикует посты о веб-разработке, верстке и программах, которые ему в этом помогают. Кстати, очень полезным может оказаться его новый блог [...]

Оставить комментарий