4.01.07г. ПОРТФЕЛЬ WEB-ДИЗАЙНЕРА

В портфель web-дизайнера должны входить следующие программы:

- браузеры

- редакторы кода

- FTP-клиент

- валидатор

- прога для обработки растровых изображений

- прога для работы с векторными изображениями

- прога для создания flash-анимации

- утилы для создания gif-анимации

- экстрактор тега (не обязательно, но иногда упрощает работу)

- конвертор

Конкретные рекомендации:

 Я работаю в Windows, поэтому следующие рекомендации относятся для web-разработчиков, работающих в этой же операционной системе.

 Браузера. Нужно иметь различные браузера, чтобы на них тестировать код своего сайта, т.к. часто, особенно при использовании CSS, разные браузеры по разному воспринимают код. На мой взгляд, лучшим является  Firefox, однако не стоит забывать и о IE, т.к. он пока самый популярный у пользователей инета.

 Редакторы кода. Советую сразу же перейти на Macromedia Dreamweaver, и не париться с FrontPage. Если же вы предпочитаете пакеты визуального редактирования (новичкам легче начинать работу именно в таких), то лучшим решением будет Namo WebEditor. Помимо языка HTML, редактор должен поддерживать следующие языки: JavaScript, PHP, CSS, XML, ну и для более серьезных работ ASP.NET C#.

 FTP-клиент. Использование отдельной проги для закачки файлов на сервер намного облегчает работу. Функционально, FTP-клиенты мало чем отличаются друг от друга. Для настройки FTP-клиента, нужно сперва ввести адрес сервера (пример: ftp:narod.ru), затем имя сайта (если адрес http://mikhalkevich.narod.ru, то имя сайта – mikhalkevich), и наконец, пароль доступа. Всё. Клиент наострен. FTP-клиенты могут встречаться в некоторых редакторах (например Dreamweaver), или браузерах (IE), плагинах к браузерам (Firefox), и наконец в обычном TotalComander, однако, я предпочитаю пользоваться специальными программами.

 Валидатор. Существуют on-line  и off-line (в Adobe GoLive и Macromedia Dreamweaver имеются встроенные) валидаторы. А вот адрес хорошего on-line валидатора: http://www.htmlvalidator.com Они предназначены для проверки HTML (и др.) кода. Предпочтительно пользоваться on-line валидатором.

 Программы для обработки растровых изображений. Photoshop, как всегда, вне конкуренции. Если вы предпочитаете другую программку, то вам нужно обратить внимание, есть ли в этой программе функция «сохранение для web». Мы же собираемся размещать наши произведение в инете?

 Программы для работы с векторной графикой. До недавнего времени самой популярной программой была CorelDraw. Многие дизайнеры, в том числе и я, продолжают ей пользоваться. Но сейчас Adobe Illusrator по праву становится лидером в области векторной графики.

 Анимация для Web. Ulhead Gif Animator имеет все что надо для создания анимированных банеров и даже простеньких мультиков. Также не стоит забывать об окне в Photoshop, которое называется Animator, оно существует для создание послойной анимированной графики.

Flash-анимация.  MacromediaFlash - вне конкуренции.

 Экстракторы тэгов. Иногда возникает необходимость выдрать из кода текст. Можно долго париться выделяя и удаляя тэги, а можно использовать Detagger. Также, у Macromedia Dreamweaver есть встроенный экстрактор Tag Stripper.

 Конвентор.  HTML Tidy конвертирует текст в HTML, HTML в XHTML или XML, кроме этого есть еще куча других полезны мелочей в этой программке.

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