Программы длясоздания Web-страниц

3. Программы длясоздания Web-страниц

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

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS

FrontPage или Macromedia DreamWeaver, AllaireHomeSite или 1st Page 2000. А

кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

Текстовые редакторы возможно использовать только для создания небольших страниц,

так каку них есть много минусов: не поддерживаются проекты, отсутствует

"подсветка" текста..., в общем, работать крайне неудобно.

Основным недостатком MS FrontPage является то, что он генерирует очень большой

HTML-код(слишком много лишнего), поэтому страницы получаются большими, что

сказывается на скорости загрузки. Более того, при создании Web-страниц в этом

редакторе видишьодно, а в окне браузера - совсем другое (особенно это касается

Netscape Navigator). Странички получаются какими-то кривыми, поэтому для

созданиякачественных Web-страниц рекомендуется использовать пакеты, которые

будут рассмотрены ниже.

Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается

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

моды в этой области.

Последнияверсия HTML-редактора этой компании - DreamWeaver 3, который относится

к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств:

удобныйинтерфейс, настройка функций, поддержка больших проектов и ShockWave

технологий, возможность закачки файлов через FTP, поддержка SSI и многоедругое.

Для работы в этой программе не нужно досконально знать HTML (в этом и

заключается преимущество технологии WYSIWYG - что вижу, то и

получаю).

DreamWeaver 3.0

Но DreamWeaver на несколько шагов опережает другие редакторы, использующие

технологиюWYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код.

DreamWeaver позволяет вам избавиться от однотипной работы при создании

страниц(например, верстка текста) при помощи использования опции "запись

последовательности команд" вы записываете последовательностьпроизводимых вами

команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той

же последовательности.

Следующий редактор - HomeSite 4 - для создания страниц вручную, т. е. для

знатоков HTML.Вы получаете полный контроль над HTML-кодом, причем существует

возможность оптимизировать свою страничку под один из трех популярных браузеров

(MSIE, NN, Opera).

HomeSite содержит два основных режима: Edit и Design. Режим Design - это

подобиеWYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой

HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить

полныйконтроль над страничкой. Здесь вы можете настроить практически все,

сможете прописать функции каждого тега (тогда ваша страничка в любом

браузере будет смотреться одинаково).

HomeSite 4.0

Еще одна отличительная особенность HomeSite - это его «склейка» с

Dreamweaver.HomeSite обладает кнопкой «Dreamweaver», а также входит в его

стандартный пакет поставки. Впрочем, иDreamWeaver имеет возможность подключения

HomeSite, какредактора для коректировки HTML-кода.

Одним из последних HTML-редакторов является EVR Soft 1stPage 2000 v2.

Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные

веб-сайты!"). Редактор содержит несколько режимов - Normal,Easy, Advanced/Expert

и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на

более высокий. Еще одна особенность - довольно большаяколлекция скриптов на

JavaScript и DHTML. Все это довольно удобно разбито по категориям.

3.2 Графическиередакторы

Создание и оптимизация графики - сложная и капризная задача. Безусловно,

возможносоздание Web-страницы и без использования графики - при помощи шрифтов,

скриптов и таблиц стилей (CSS)- и это будет красиво и стильно. Но ведь

окончательный вид документа зависит от большого числа различных факторов, таких

как: ширина окна браузера,предварительные настройки браузера, принятые по

умолчанию размер шрифта, его имя и цвет. К тому же не все скрипты и стили

поддерживаются всеми браузерами.Если же будет использована графика, то

посетитель вашей страницы увидит ее точно такой, какой сделали и видите ее вы.

Основная сложность работы с Web-графикой состоит в том, что пропускная

способность каналов Интернета, в большинстве случаев,очень низкая и перед вами

сразу встанут проблемы - как сделать графический файл небольшой по объему, но

хорошего качества, какие программы и приемыиспользовать при его оптимизации.

Именно этому посвящен раздел о векторные и растровые графических редакторах,

которыеявляются мощным инструментом обработки изображения в умелых руках.

Прежде чем рассмотреть векторные и растровые графические редакторы, следует

уяснитьсебе, в чем состоит различие между векторным и растровым представлением

изображения.

Растровая графика представляет собой сетку (растр), ячейки которой

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

определнное местоположение и цвет, следовательно любой объект представляется

программой какнабор окрашенных пикселов. Это значит, что пользователь, работая с

растровыми изображениями, работает не над конкретнными объектами, а над

составляющими ихгруппами пикселов.

Растровые изображения обеспечивают высокую точность передачи градаций цветов и

полутонов,а также высокую детализацию изображения, поэтому они являются

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

сканированныефотографии.

Для изображения растровой графики всегда используется фиксированное

количествопикселов, т.е. качество растрового изображения напрямую зависит от

разрешающей способности оборудования. Это значит, что любое изменение

изображения (поворот,увеличение и т.д.) приводит к неизменному искажению

картинки и границы объектов получаются неровными.

Векторные изображения формируются на основе математически описанных фигур,

называемыхвекторами, а вид изображения определяется параметрами векторов.

Другими словами, векторная графика состоит из кривых, имеющих координаты, цвет и

прочиепараметры, а также замкнутых областей, заполненных определенным цветом.

Границы этих областей также описываются кривыми. Файл с векторной картинкой

содержиткоординаты и параметры кривых.

Результаты обработки векторных изображений не зависят от разрешающей

способностиоборудования, поэтому вы можете произвольно изменять их параметры

(размер, цвет, форму и т.д.) - качество не ухудшится. Векторная графика

применяется присоздании цифровых объектов с использованием мелких кеглей

(размеровшрифта) или таких объектов, как логотипы, для которых важно сохранять

четкие контуры, принеограниченном масштабировании.

Графические пакеты (редакторы) тоже делятся на два типа: растровые и векторные.

Давайтетеперь рассмотрим наиболее популярные из них.

А) Редакторырастровой графики

Microsoft Paint - простой (или лучше сказать - простейший) редактор, входящий в

стандартную поставку операционных систем Microsoft. Он обладаетнабором

простейших функций (кисточка, карандаш, резинка и т.д.), которые позволяют

создавать незамысловатые картинки. К сожалению, для обработки графикион

практически не пригоден. Картинку, которую вы видете справа - это большее, на

что способен этот редактор.

Adobe Photoshop - на сегодняшний день это самый мощный пакет для

профессиональнойобработки растровой графики. Это целый комплекс, обладающий

многочисленными возможностями модификации растрового рисунка, имеющий огромный

набор различныхфильтров и

эффектов, причем есть возможность подключать инструменты

независимыхпроизводителей.

Пакет предлагает, например, средства для восстановления поврежденных

изображений,ретуширования фотографий или создания самых фантастических коллажей,

которые только может позволить себе наше воображение. В общем, потенциал этого

пакетапоистене огромен. Начиная с версии 5.5 в пакет включена программа Adobe

ImageReady, предоставляющие огромные возможности по обработке графики подWEB

(оптимизация изображений, создание анимированных gif, "разрезание" картинок на

более мелкие и т.д.). Девиз разработчиковAdobe Photoshop - "Camera of your mind"

- предполагает не только техническое совершенство, но и полную свободу

творчества, на которую человек,работающий с этой программой, просто обречен.

PhotoPaint - еще один не менее известный графический редактор (из пакета Corel

Draw) дляобработки растровой графики, конкурирующий с Adobe Photoshop. Здесь

также имеются все необходимые инструменты для обработки графики,

разнообразныефильтры, текстуры. Разница лишь в удобстве работы, интерфейсе и

скорости наложения фильтров - наложение происходит немного медленнее.

Painter - редактор предоставляет великолепные возможности для эмуляции

реальныхинструментов рисования: графит, мел, масло и т.д. Также позволяет

имитировать фактуру поверхности материалов, живопись, создавать анимацию. Очень

удобен дляразработки фоновых рисунков или Web-страниц в стиле живописи.

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

Существует еще ряд редакторов (Microsoft Photo Editor, Microsoft Photo DRAW),

такжепозволяющих реализовать простейшие задачи, но не удовлетворяющих запросам

профессионалов.

B) Редакторы векторной графики

Adobe Illustrator - пакетпозволяет создавать, обрабатывать иредактировать

векторную графику. По своей мощности он эквивалентен

 

растровому редактору Adobe Photoshop: имеет аналогичный интерфейс, позволяет

подключатьразличные фильтры и эффекты, понимает многие графические форматы, даже

такие как .cdr (Corel Draw) и .swf (Flash).

CorelDraw - безусловно, такой известный графический пакет не мог обойтись без

средств дляобработки векторной графики. Пакет по своей мощности практически не

уступает графическим редакторам Adobe Photoshop и Adobe Illustrator. Помимо

обработкивекторной графики, в этом пакете существует обработчик растровой

графики (Photo Paint), трассировщик изображений, редактор шрифтов, подготовки

текстур исоздания штрих кодов, а также огромные коллекции с изображениями

(CorelGallery).

Adobe Streamline - еще один продукт фирмы Adobe, предназначенный для

трассировки(перевода) растровой графики в векторную. Это небольшой, но очень

полезный и мощный продукт. Особенно полезен, если вы создаете Web-страницы с

использованием векторнойграфики, например, технологии Flash.