Обо мне Этапы большого пути :: Мои работы :: Фотогалерея :: Фотообои :: Контакт
Полезные советы Как выбрать цифровой фотоаппарат :: Как выбрать видеокамеру :: Как выбрать диктофон

Программы для web-дизайна

    Какие программы нужны для создания интернет-страниц? В чём создавать рисунки или анимацию? Каким браузером лучше пользуются, и какая почтовая программа самая удобная - обо всём этом вы узнаете здесь.

Вёрстка Интернет-страниц
Вёрстка страниц в Unicode
Растровая графика
Векторная графика
Интернет-анимация. Flash
Проверка орфографии
Публикация сайта
Интернет-просмотрщики (браузеры)
Почтовая программа

Программы, которыми я пользуюсь

    Знатоки могут пропустить этот раздел, а вот новичкам, возможно, будет интересно узнать чем хороша та или иная программа.

Вёрстка Интернет-страниц

    DreamWeaver от Macromedia - прекрасная программа, позволяющая легко создавать страницы в визуальном режиме, а затем корректировать html-код.
    Кроме всех необходимых функций для конструирования страниц, эта программа позволяет также работать с целым сайтом (проверять правильность ссылок, отыскивать недостающие файлы, и даже закачивать готовые страницы на сервер по протоколу FTP, и осуществлять синхронизацию локальной и сетевой копии).
    Так же программа позволяет вставлять некоторые готовые java-скрипты, и проверять их на совместимость с различными версиями MSIE и NN.
    В отличие от FrontPage, DreamWeaver не добавляет ничего лишнего в html-код. FrontPage я вообще не рекомендую из-за того, что он вставляет в код слишком много ненужно, а также провоцирует, особенно новичка, на использование всевозможных украшательств, которые только замедляют загрузку страницы. Кроме того он навязывает свою собственную структуру папок, и т.п.

    Последняя версия - "Dreamweaver MX 2004" (не путать с просто MX). Главное, чем, наконец, порадовала эта программа - поддержка Unicode.
    Начиная с 4-й версии, разработчики убрали такую полезную функцию, как выбор в панели стилей "Apple to…", и новичкам часто невозможно было определить к чему именно они применяли данный стиль. Однако, если присмотреться - в нижней части главного окна высвечиваются все теги, соответствующие данному месту в тексте. Стоит лишь нажать на нижний для выделения нужно области. В версии MX 2004 выбор стилей внесен на панель "Selection Properties", что вполне логично (не забывайте только смотреть на список тегов в нижней части окна страницы, что бы понять, к чему вы собираетесь применять данный стиль!!!).
    Огромное неудобство версии MX 2004 - окно дизайна невозможно размещать отдельно от других панелей программы. Впрочем, есть возможность нажатием клавиши "F4" убрать вообще панели; а затем внизу вызвать только панель свойств. Нажатие "F10" по-прежнему вызывает окно html-кода. Словом, нужно внимательнее изучить интерфейс перед началом работы, и программа не покажется такой уж недружественной.
    Стоит также обратить внимание на панель Behaviors - там собраны многие полезные java-script'ы.
    Помимо этого, DreamWeaver MX 2004 содержит функции управления сайтом, синхронизации, и т.п. Впрочем, для FTP-доступа я пользуюсь Total Commander (бывший Windows Commander).
    И хотя лично мне нравится DW версии 3, новичкам рекомендую последнюю версию.

Подробнее о DreamWeaver читайте здесь.

Вёрстка страниц в Unicode

    Unocode - это кодировка, позволяющая использовать на одной странице символы из разных кодовых таблиц. Для тех, кто делает страницы только на русском и английском - это неактуально. А вот для меня, когда я хочу на одной странице использовать русские и польские (с палочками) символы - без Unicode не обойтись.
    Раньше ни DreamWeaver, ни FrontPage такой возможности не давали. Приходилось набирать (вставлять) текст в бесплатном html-редакторе Composer, входящем в пакет бразуера Mozila.
    Если вы знакомы с Netscape - то знайте, что Netscape делался как раз на движке Mozilla. А с 2002 года Mozila стал самостоятельным программным продуктом (кстати, рекомендую его для просмотра Интернет-страниц).
    К сожалению, как html-редактор Mozila Composer был довольно маломощным, но зато с незапамятных времён поддерживал Unicode, чего не делали другие широко рекламируемые html-редакторы, включая FrontPage.

    И вот, наконец, в новой версии DreamWeaver MX 2004 появилась поддержка Unicode.
    Теперь можно просто набирать текст, например, в Word'е, не думая о том, какие символы использовать - кириллицу или центрально-европейские (я имею ввиду буквы с точками и палочками).

Подробнее о DreamWeaver читайте здесь.

Растровая графика

    Для создания рисунков в формате GIF и JPEG я использую программу Adobe Photoshop.
    Конечно, есть и другие прекрасные программы, но во-первых, PhotoShop де-факто стал стандартом, а во-вторых… всё зависит от личных пристрастий.
    Однако, следует помнить, что PhotoShop создавался не для рисования, а для редактирования растровых изображений. Поэтому сложные формы приходится рисовать сначала в векторном редакторе, а уже потом «доводить до ума» в PhotoShop’е. Впрочем, когда нужно создать небольшие рисунки-иконки, для их создания всё равно приходится всё рисовать по точкам, а с этим PhotoShop справляется прекрасно. Не говоря уже о редактировании фотографий: осветлить темные участки, сделать некоторые детали более четкими, убрать со снимка всё лишнее, изменить размер и формат изображения, повысить чёткость и насыщенность - вот далеко не полный перечень того, что он умеет.
    С версии 5.5 в поставку входит так же программа Image Ready для тонкой оптимизации изображения. В ней можно визуально оценить, от каких цветов можно избавиться в gif-рисунках, и найти оптимальный уровень сглаживания изображений в формате jpeg. А также Image Ready умеет создавать gif-анимацию! Для интернет-странички можно создать картинку в PhotoShop'е, а затем прямо из меню перебросить её в ImageReady, где «довести» до ума при помощи точной настройки оптимизации.
    Словом, всё, что когда-либо может понадобиться для создания gif'ов и jpeg'ов - есть в PhotoShop'е.

    К недостаткам PhotoShop'а можно отнести то, что для полноценной работы с программой требуется некоторый опыт, что часто отпугивает новичков. Зачастую Photoshop ругают за его «громоздкость», но ругать его может только тот, кто не пользуется его богатыми функциями. Настоятельно рекомендую потратить день-два не изучение всех возможностей Photoshop'а, в первую очередь - возможностей коррекции изображения (то, ради чего он, собственно и был создан).
    К достоинствам стоит отнести то, что PhotoShop теперь поставляется не отдельным продуктом, а составе наборов, куда входит и программа векторной графики (Ilustrator), и flash-анимации (Flash), и веб-дизайна (DreamWeaver) - всё продукты прекрасно интегрированы - вы можете создать отдельные элементы в одном приложении и легко перенести их в другие.
    Не зря профессионалы выбирают именно PhotoShop!

Подробнее о PhotoShop читайте здесь.

Векторная графика

    Для создания сложных рисунков, и редактирования размеров и форм их элементов, больше походит векторная графика. А лучшая де-факто программа для создания векторной графики - это Corel Draw.
    В отличие от PhotoShop она работает с векторами, а это значит, что в любой момент можно как угодно изменить какой-то фрагмент любого элемента, не боясь "задеть" остальные.
    Планы, схемы, визитные карточки, и т.п. лучше делать в Corel'е.
    А уже нарисовав сложный рисунок с помощью векторной графики, его можно экспортировать в растровую, и затем "довести до ума" в Photoshop'е.

    Некоторые любят программу Adobe Illustrator. Не спорю - по функциональности Corel и Illustrator мало чем отличаются, но лично мне больше нравится Corel.

Интернет-анимация. Flash

    Модным направлением интернет-анимации стала Flash-анимация.

    В связи с тем, что размеры экранов и мощность компьютеров постоянно увеличиваются, дизайнерам хотелось создавать сложные анимированные изображения больших размеров. А поскольку пропуская способность модемов оставалась на прежнем уровне, то анимированные растровые изображения загружались слишком долго.
    И тогда был предложен выход: передавать через интернет не рисунки, а команды, необходимые для их создания. Так и появился формат векторной графики SWF. В этих файлах передаётся информация не о каждой точке рисунка, а о том, как его нарисовать. А само изображение создаёт уже другая программа на вашем компьютере.
    Интерактивные баннеры, с постоянно движущимися объектами - всё это Flash.

    Программа для создания Flash-анимации - так и называется: Flash.
    Я использую 5-ю версию.

    В программе Flash, как и в Corel, рисунки создаются отдельными векторами.
    По сравнению с Corel, рисовать в ней труднее. Зато есть куча других возможностей. Помимо создания анимации, Flash позволяет добавлять интерактивные элементы (кнопки, ссылки), а также загружать текст и рисунки из внешних файлов.

Проверка орфографии

    Все тексты я набираю в текстовом редакторе Word, который и проверяет орфографию.
    Затем, проверенные тексты переношу в DreamWeaver.

    Если на предыдущих версиях возникали проблемы с центрально-европейскими символами (я имею ввиду буквы с точками и палочками) – «умный» Word их просто съедал, то теперь при использовании Unicode никаких проблем не возникает.

Публикация сайта в Интернете

    Обычно файлы для сайта закачивают на сервер через FTP (такой протокол обмена файлов). Вы подключаетесь непосредственно к серверу (как это сделать - читайте в описании сервиса, которым пользуетесь), и можете работать с вашей директорией как с обычной папкой на локальном диске.
    В принципе, DreamWeaver даёт Вам все возможности для подключения, загрузки и обновления, но я предпочитаю пользоваться программой TotalCommander (бывший WindowsCommander). Смотри в меню "Команды" пункт "Соединиться с FTP-сервером"…
    TotalCommaner позволяет работать с каталогом на сервере также, как на локальном диске.
    Среди полезных функций есть такая, как копирование файлов в фоновом режиме (что бы не прерывать работу, пока один загрузится).
    А главное - есть функция сравнения двух каталогов. Вы можете сравнить локальную версию вашей домашней страницы с находящейся в Интернете, и легко обновить только нужные файлы.

Подробнее о TotalCommander читайте здесь.

См. Другие программы, которыми я пользуюсь