Predvoditelev.RU

Инструментарий верстальщика

16 Сентябрь 2008, 19:22

Верстку сайтов, по большому счёту, можно делать имея под рукой только блокнот, Internet Explorer и программу для нарезки изображений. Но это жутко не удобно. Подсветка синтаксиса и автодополнение - сильно упрощают и ускоряют верстку. Верстку должна быть кроссбраузерной и валидной, поэтому необходимо установить популярные браузеры.

В своей работе я использую следующие инструменты.

1. Редактор HTML, JavaScript.

Сначала я использовал HomeSite, но с недавнего времени перешел на редактор SciTE. А конкретно на русскую его сборку: http://scite.ruteam.ru/
Что мне нравится в этом редакторе:

  • очень высокая скорость работы;
  • подсветка синтаксиса для большого количества языков программирования;
  • автоматическая установка отступов;
  • автодополнение (автоматическое завершение) используемых в файле имён типов, функций, переменных;
  • всплывающие подсказки о параметрах функций.

2. Редактор CSS.

В принципе, для редактирования файла стилей можно использовать тот же SciTE, но я уже очень давно пользуюсь TopStyle. Ещё когда только начинал верстать - у меня был дистрибутив HomeSite, в который и входила программа TopStyle, вот как-то привык к ней и до сих пор пользуюсь :)

Pro версия - платная, но мне вполне хватает бесплатной версии Lite.

Сайт программы (eng) | Скачать TopStyle Lite

3. Браузеры.

Наиболее популярные браузеры на сегодняшний день: Internet Explorer, Mozilla Firefox, Opera и Safari. Соответственно у верстальщика должны быть установлены все эти браузеры. C последними тремя - понятно, скачать их можно вот на этих страницах: Mozilla Firefox, Opera, Safari.

А вот с Internet Explorer возникает проблемка. Версии 6 и 7 - сильно различаются, поэтому надо проверять верстку в обоих версиях браузера, но в Windows может быть установлена только одна версия браузера.

В интернете можно найти описания - как всё-таки заставить работать оба браузера, но я не стал устанавливать, так как обнаружил одну замечательную программку: IETester. С помощью этого браузера вы сможете просматривать сайт в IE5.5, IE6, IE7 и IE8 beta1. Для того, чтобы IETester работал конкретно уже должен быть установлен Internet Explorer 7.

Помимо указанных выше программ - необходима программка для нарезки изображений. Тут уж каждый выбирает - что ему удобнее ;)

PS Да, совсем забыл…. ещё в обязательном порядке нужны знания HTML, CSS, JavaScript :)

Добавить комментарий

4 responses for this post

  1. BeckShev Says:

    Честно скажи, фотошоп у тебя лицензионный?:)

  2. Предводителев Сергей Says:

    Что это за программа такая :D

  3. Zodios Says:

    Рад что набрел на твой блог, подпишусь на него. Мне у топстайла нравится функция когда название класса или идентификатора в коде это ссылка на этот класс в стилях. Но в нем нету адекватного ФТП клиента, что есть большим недостатком.
    Вот мой список инструментов:
    http://zodios.net/inst/coderinstruments.html

  4. webs Says:

    Хочу заметить что IETester, так сказать - не совсем реально отображает страницы для ie6 по сравнению с настоящим ie6. поэтому лучше использовать MultipleIEs. (надеюсь я понятно выразился)

Leave a Reply