Программы для начинающего вебстроителя

Главное в любом деле - инструмент, с которым было бы удобно работать. Для создания и поддержки сайтов тоже надо подготовить "рабочее место", чтобы потом проблем меньше возникало. Вот этим мы сейчас и займемся.

Мне частенько задают вопросы по поводу ПО, необходимого дизайнеру. На самом деле, подобных статей в Сети очень много, но тот факт, что спрашивать продолжают и продолжают, говорит о нераскрытости вопроса, а значит придется написать свою заметку. Сразу скажу, что эта статья не претендует на охват всех возможных программных продуктов, т.к это просто нереально, я просто расскажу о том, что использую сам. Ссылок я сознательно не даю ввиду их непостоянности (сегодня есть, а завтра 404 - и все шишки на мою голову), так что те, кто заинтересуются, получают дополнительный повод залезть в какой-нибудь Яндекс и лишний раз отточить свое мастерство поиска.

Редактор HTML

Во-первых, забудьте о Word. C помощью него писать код также неестественно, как подключаться к Интернет через телеграф. Он просто не предназначен для профессионального создания страниц. Код, создаваемый этим текстовым процессором, содержит много лишних тегов, переводов строки, пробелов и прочего "мусора". Не будем углубляться, просто помним, что к использованию он не пригоден.

Точно также не пригоден и приснопамятный Notepad в народе ласково именуемый Блокнотом. Да, можно в нем писать html, но вот вопрос, нужно ли? Без подсветки синтаксиса, без проверки тегов… Ну если уж так приспичило писать все ручками, то выбираем что-то блокнотоподобное типа Bred или Aditor.

Но для полного комфорта я рекомендую использовать специальный инструментарий. Что касается меня, то я совершенно случайно остановился на редакторе 1stPage. Это первое, что попалось мне под руку, содержащее все необходимые мне функции. (Код в нем пишется в основном ручками, но существует масса средств, позволяющая избавится от рутины.) Также, хороший редактор HomeSite, о нем многие говорили теплые слова, так что рекомендую ознакомится.

Любители WYSIWYG ("Что видишь, то и получаешь") выбирают FrontPage от мелко-мягких или Dreamweaver от макромедии . По их поводу долго распинаться не буду - в Сети полно материалов по каждому из них. Но помните, что используя такие вот средства визуального редактирования, вы опять же отягощаете свой код "мусором". Бытует мнение, что эти редакторы подходят новичкам, но я предпочитаю учится сразу всему "взрослому", а не терять время на всякий детский сад, чего и вам желаю. Визуальные средства больше подходят профессионалам, когда надо быстро набросать сайт для презентации клиенту. А учится вебстроительству с помощью WYSIWYG, по-моему, глупо.

Браузер (Browser)

Вообще в настоящее время имеется только три браузера, заслуживающих упоминания - это "Microsoft Internet Explorer", "Netscape Navigator" и "Opera". Для проверки внешнего вида Ваших страничек Вам придется использовать именно их. Причем на компьютере желательно иметь все три браузера (у меня стоит Microsoft Internet Explorer 6.0 и Netscape Navigator 6.0 и Opera 7.0). Нормальная (профессионально) выполненная WEB-страничка должна одинаково выглядеть в любом из браузеров. Это закон такой, если кто забыл. Хотя подгонять сайт под Оперу, к примеру, дело невеселое… Но кому сейчас легко?

FTP Менеджер (для закачивания файлов на сервер)

Total Commander v.6.0 - может и далек от совершенства, но зато привычен и удобен. Я пользуюсь именно им. Хотя на свете существует великое множество других, специальных инструментов, например CuteFTP. Тут рекомендация одна - зайти на крупный софт-архив и выбрать себе что-то по душе.

Графические пакеты

Собственно, тут выбирать особо нечего. Стандартом де факто для растровой графики признан Adobe Photoshop (ныне, насколько я знаю, последней является его седьмая реинкарнация). Именно в нем я создаю все графические элементы для сайтов. Программа обладает огромными возможностями, имеет кучу подключаемых фильтров и модулей и не так-то проста в эксплуатации. Ну чтож, такова цена уймы возможностей. Для овладевания некоторыми интересными приемами приглашаю всех в раздел "Уроки Photoshop" на моем сайте.

Для создания анимированных изображения я по старинке использую утилиту ImageReady из все того же комплекта Photoshop. Но рекомендую обратить внимание на программу Ulead GIF Animator v.5. - позволяет Вам создавать анимированные GIFы, обладает очень мощными средствами оптимизации и, в принципе, может заменять на начальном этапе всю работу с анимацией.

Для работы с векторной графикой используют Corel DRAW 11.0 или Adobe Illustrator 10 - они обе являются лидерами в своих областях… Это тоже программы "must have" для дизайнера.

Для работы с флешем используем Macromedia Flash v.6.0 - практически это стандарт для использования в Web векторных изображений, обладает собственной средой разработки и позволяет создавать отличную векторную анимацию.

Утилиты

Начнем с Adobe PageMaker (ну куда же без этого Adobe! Прям монополист...). Этот пакет представляет собой удобную штуку для профессиональной верстки, издательского дела и оформления документации. Не скажу, что программа первой надобности, но если будет возможность, заимейте.

Browser Sizer 1.03а утилита, с помощью которой можно проверить, как будет выглядеть та или иная web-страница на мониторах с различным экранным разрешением, без изменения параметров настройки монитора в Windows

Для оптимизации графики и HTML используем JPEG Optimizer, GIF Optimizer, HTML Optimizer соответственно.

Для проверки сайта на предмет "битых ссылок" (т.е неработающих) я использую утилиту Link Utility

Semonitor - это отечественная программа, разработанная для мониторинга поисковых систем. С ее помощью вы можете определять позиции своего сайта по заданным ключевым словам в таких популярных среди российских пользователей поисковиках, как Яндекс, Google, Rambler и Aport (всего же поддерживается около 20 поисковых систем со всего мира). Semonitor позволяет также вести историю вашего рейтинга, искать внешние ссылки на ваш сайт, проверять индексацию сайта в поисковых системах и многое другое. Все отчеты, создаваемые Семонитором, можно экспортировать в форматы HTML и Excel, а также распечатывать. Очень удобная и полезная вещь!

Вот таков примерный список ПО, которое я использую для работы над сайтами. Не все это понадобится начинающему, так что нет смысла сломя голову шерстить Интернет или близлежащий магазин в поисках заветной софтины. Как говорила моя учительница, проблемы надо решать по мере их возникновения, так что, когда возникнет необходимость, тогда и приобретете . Для начала возможно вам хватит браузера, фотошопа и html-редактора. А там видно будет…

Автор: Поликарпов Роман