Инструментарий верстальщика
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
иммиграция в Австралию - зачем?
туры в Грецию или отдых в Египте - неплохое времяпрепровождение.
Статьи, учебники и скрипты для вебмастеров - действительно может помочь, если вы занимаетесь сайтами.
морская капуста - полезная наверное



BeckShev Says: 16.09.08 at 20:32
Честно скажи, фотошоп у тебя лицензионный?:)
Предводителев Сергей Says: 16.09.08 at 21:04
Что это за программа такая
Zodios Says: 26.10.08 at 14:02
Рад что набрел на твой блог, подпишусь на него. Мне у топстайла нравится функция когда название класса или идентификатора в коде это ссылка на этот класс в стилях. Но в нем нету адекватного ФТП клиента, что есть большим недостатком.
Вот мой список инструментов:
http://zodios.net/inst/coderinstruments.html
webs Says: 22.11.08 at 4:14
Хочу заметить что IETester, так сказать - не совсем реально отображает страницы для ie6 по сравнению с настоящим ie6. поэтому лучше использовать MultipleIEs. (надеюсь я понятно выразился)