Программы для 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 читайте здесь.
См. Другие
программы, которыми я пользуюсь
|