Сравнительный анализ популярных WYSIWYG редакторов Web-страниц

Размещено на http://www.allbest.ru/

Курсовая работа

Сравнительный анализ популярных WYSIWYG редакторов Web-страниц

Содержание

Введение

1.Теоретический анализ проблемы создания Web-сайтов

1.1 Классификация Web-сайтов

1.2 Технологии создания Web-сайтов

1.3Простейшие программы для создания Web-сайтов

1.4 Визуальные редакторы

2. Практическое сравнение наиболее популярных WYSIWYG - редакторов Web-страниц

2.1 Microsoft SharePoint Designer 2007

2.2 Adobe Dreamweaver CS3

2.3 Adobe Homesite Tool 5.5

2.4 Сравнительный анализ WYSIWYG редакторов Web-страниц

2.5 Создание Web-сайта

Заключение

Список использованных источников

Введение

Все популярные ныне текстовые процессоры оснащены множеством самых разнообразных средств для создания и редактирования HTML-документов, причем их арсенал постоянно растет и совершенствуется. В мире персональных компьютеров существует стандартный подход к изготовлению документов: в среде, реализующей принцип WYSIWYG (сокращение от What You See Is What You Get - что видим на экране, то и будет на бумаге).

Курсовая работа затрагивает весьма актуальную тему среди начинающих программистов и Web-дизайнеров, а именно тему выбора HTML-редактора. Представив весь список специализированного программного обеспечения, сложно сделать оптимальный выбор на месте - каждая программа эксклюзивна и имеет ряд своих особенностей, достоинств и недостатков.

Цель курсовой работы - провести сравнительный анализ наиболее распространенных WYZIWYG редакторов.

Задачи :

1) рассмотреть классификацию сайтов;

2) изучить структуру и технологию их создания;

3) оценить преимущества и недостатки веб-редакторов;

4) рассмотреть технологию создания веб-сайтов;

5) дать краткую характеристику основных текстовых и визуальных редакторов.

Объектом курсовой работы являются текстовые и визуальные веб-редакторы.

Предмет - Сравнительная характеристика веб-редакторов и изучение особенностей разработки веб-страниц при использовании того или иного редактора.

1.Теоретический анализ проблемы создания Web сайтов.

1.1 Классификация Web-сайтов

Пользователи Internet имеют тенденцию к тому, чтобы обсуждать веб-сайты, а, следовательно - и дизайн веб-сайтов, по назначению сайта или по его внешнему виду. Возможные категории сайтов могут показаться бесконечными, можно сгруппировать сайты несколькими общими способами. Начнем с отвлеченных классификаций, а затем перейдем к зрительным, именно такую классификацию предлагает студия веб-дизайна Art Venture .

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

Веб-сайты сообществ. На этих веб-сайтах представлена информация или средства, связанные с осуществлением операций, но упор делается на взаимодействие между посетителями. Веб-сайты, основанные на сообществах, имеют тенденцию к фокусированию на конкретной теме или человеке; они поощряют взаимодействие между сходно мыслящими личностями. Развлекательные веб-сайты. Эти веб-сайты создаются для игр или некоего занимательного взаимодействия, для которого могут употребляться элементы операционного, информационного типов и веб-сайтов сообществ. Прочие веб-сайты. В эту категорию входят художественные или экспериментальные веб-сайты, личные веб-пространства, такие как веб-журналы (также называемые blogs), а также веб-сайты, которые могут не следовать общепринятым веб-соглашениям или не иметь четко определенного экономического назначения. Кроме этого, можно сгруппировать веб-сайты на основе организаций, которые поддерживают или в каком-то смысле платят за веб-сайт. В рамках этого типа классификации пять основных групп.

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

Правительственные веб-сайты. Вышестоящим органом по отношению к такому веб-сайту в конечном итоге является правительственная организация, а назначением веб-сайта является удовлетворение какой-либо общественной или правовой потребности.

Образовательные веб-сайты. Веб-сайт такого типа курирует некое образовательное учреждение (возможно, имеющее отношение к правительственным органам); он используется для обеспечения образовательных или исследовательских задач.

Филантропические веб-сайты. Филантропический веб-сайт существует с целью продвижения целей некоммерческой организации или благотворительной деятельности частного лица или организации.

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

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

Тексто-ориентированные веб-сайты. Такие веб-сайты проектируются с упором на текстовое содержимое. Они относительно легковесны, без труда загружаются, а их дизайн слегка минималистичен.

Веб-сайты в стиле GUI. На этих веб-сайтах соблюдаются некоторые соглашения, связанные с графическим пользовательским интерфейсом (GUI - graphical user interface), взятые из проектирования программного обеспечения, например выровненные кверху строки меню, пиктограммы и всплывающие окна. Среди GUI-ориентированных веб-сайтов есть и простые GUI-компоненты, добавляемые по большей части в тексто-ориентированные веб-сайты, и полнофункциональные веб-приложения со специальными элементами пользовательского интерфейса.

Метафорические веб-сайты. Метафорические веб-сайты черпают идеи из "реальной жизни". К примеру, в дизайне и навигации веб-сайта, посвященного автомобилям, могут быть задействованы приборная панель и рулевое колесо. Метафорически оформленный веб-сайт, как правило, чрезвычайно ярок визуально или интерактивен. Это может вводить в заблуждение одних пользователей и привлекать других.

Экспериментальные веб-сайты. Создатели таких веб-сайтов пытаются делать вещи, немного отступая от норм. На сайтах, следующих экспериментальному стилю оформления, нередко задействуются творчество, непредсказуемость, новаторство и даже хаотичность. Безусловно, в Internet мы находим смешение форм и потенциально новую классификацию веб-сайтов.

1.2 Технологии создания Веб-сайтов

Каждый раз, открывая веб-страницу, на самом деле открываем документ, написанный на HTML. Все документы отформатированы с его помощью, и все гиперссылки, которые позволяют нам легко перемещаться со страницы на страницу, также созданы средствами этого языка. Код веб-страницы состоит из текста, который можно увидеть на готовой веб-странице, а также команд, заключенных в угловые скобки. Именно эти команды и «сообщают» веб-браузеру, как отображать текст, куда вставить графику, как отображать ссылки и многое другое. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

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

Графика. Кроме оформленного текста можно вставить картинки. Они бывают разного размера и выполняют различные функции, например в виде кнопок, с помощью которых можно переходить от одной к страницы к другой, элементы фона и др. В сети используются картинки только трех форматов - GIF, PNG и JPG(JPEG).

Музыка. Есть возможность вставить для проигрывания MIDI, WAV-файлы которые будут проигрываться при просмотре страницы. Для них с помощью JAVA-апплетов можно сделать кнопки управления мелодией.

JAVA-апплеты. Язык программирования JAVA был специально создан специально для Интернет. С помощью него можно создать довольно эффектные элементы страницы - например выезжающее меню или анимированные кнопки.

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

Фреймы. Собственно, это не какой-нибудь дополнительный элемент оформления странички, а способ ее оформления. При использовании фреймов большое окно браузера разделено на несколько частей, каждая из которых является самостоятельной независимой.

В последнее время Web-узлы перестают быть просто набором страниц и картинок. Все чаще создаются узлы, которые взаимодействуют с посетителем, выполняют какие-то действия, собирают данные, ведут подсчеты, самонастраиваются под предпочтения посетителя. Вcе меньше Web-узлы становятся похожими на статическую библиотеку страниц, и превращаются в целые программные системы, связанные с базами данных. Серверные скрипты, о которых речь пойдет дальше, относятся к серверной части, но стоят особняком, так как сочетают в себе свойства как скриптовых языков, так и программ.

Основное отличие от CGI-скриптов (которые пишутся чаще всего на языке Perl, а иногда на Tcl и даже на языке командных оболочек bash/tcsh) и от CGI-программ (которые пишутся на языках высокого уровня от C/C++ до Basic-a) - это то, что в CGI-программах сами пишете выводимый HTML-код, а используя язык серверного скрипта, встраиваете свою программу в готовую HTML-страницу, используя открывающий и закрывающий теги.

Отличие серверного скрипта от JavaScript, VBScript или JScript, как можно догадаться, состоит в том, что серверный скрипт выполняется на сервере, а клиенту передается результат работы, тогда как в JavaScript-код полностью передается на клиентскую машину и только там выполняется.

Ваша страница в этом случае представляет собой смесь HTML-кода с кодом программы. Процесс схож с тем, как работает SSI (Server Side Includes). Web-сервер настраивается таким образом, что файлы-страницы с определенным расширением (asp/php/cfm) не отправляются сразу клиенту, а перед отправкой пропускаются через обработчик, который производит разбор страницы и выполняет операции, в ней записанные. Таким образом клиенту выдается не та страница, которая хранится на сервере, а страница созданная на лету по результатам выполнения программы. Как видите, связка состоит из двух звеньев: скриптов в HTML-странице и обработчика, который представляет собой либо отдельную программу, либо для увеличения скорости работы встраивается в виде модуля в Web-сервер.

Преимущества:

1)Независимость от платформы. В большинстве случаев скрипты, написанные для одной платформы, можно перенести на другую платформу с минимальными изменениями или даже вообще без них. количество платформ.

2) Открытость кода. Работая со скриптами, всегда можно быть уверенным в том, что полностью контролируется выполнение программы

Недостатки:

1) Скорость работы. Несмотря ни на что, рассматриваемые нами языки - являются интерпретируемыми. Это значит, что они в большей степени уступают по скорости работы откомпиллированным CGI-программам.

Дальше рассмотрим более подробно наиболее популярные технологии серверных скриптов:

· PHP

· embPerl, Mod_perl

· ColdFusion

· ASP

· Java Server Pages

1)PHP. Главный Web-узел: http://www.php.net/. Платформы: Win32, Linux. Механизм: отдельная CGI-программа, модуль Web-сервера.Web-сервера: IIS, Apache. Расширения файлов: php, php3, phtml .

Весьма популярная технология во многом благодаря своей бесплатности. Язык скриптов напоминает своим синтаксисом язык C. Имеется множество дополнительных библиотек для работы с различными базами данных, с документами PDF, с GIF-файлами. Часто PHP увязывается в одно с такой же бесплатной базой данных как MySQL. Существует множество провайдеров, предоставляющих хостинг со связкой Apache/PHP/MySQL. В настоящее время разработчики PHP утверждают, что этот язык используется на 1.000.000 узлах.

2) embPerl. Главный Web-узел: http://perl.apache.org/embperl/. Платформы: Linux, Win32. Механизм: отдельная CGI-программа, модуль Web-сервера Web-сервера: IIS, Apache.

В HTML-страницы вставляются скрипты на уже знакомом вам языке Perl. Это значит, что для использования вам не придется как в случае с ColdFusion или PHP изучать новый язык. Технология бесплатна. Имеется увязка с популярными базами данных.

3) mod_perl. Главный Web-узел: http://perl.apache.org/. Платформы: Linux, Win32. Механизм: модуль Web-сервера. Web-сервера: Apache

Идея та же, что и в embPerl, только в этом случае интерпретатор Perl-а "зашивается" во внутрь Web-сервера Apache. Это естественно повышает скорость работы. Технология бесплатна.

4) ColdFusion. Главный Web-узел: http://www.allaire.com/Products/Coldfusion/ Разработчик: Allaire, Inc. Платформы: Win32, Linux (начиная с версии 4.5) Механизм: отдельная CGI-программа. Web-сервера: IIS, PWS. Расширения файлов: cfm

Технология является коммерческой. Имеется свое собственное средство разработки страниц со встроенными скриптами на языке ColdFusion - ColdFusion Studio - клон HomeSite. На платформе Win32 связывается с базами данных стандартными средствами Windows через ODBC.

5) ASP. Главный Web-узел: http://www.microsoft.com/. Разработчик: Microsoft Платформы: Win32. Механизм: встроенный модуль для Web-сервера. Web-сервера: IIS. Расширения файлов: asp .

Мощная технология, усиленно продвигаемая Microsoft. Жаль только, что работает она в полную силу только на продуктах того же Microsoft. Синтаксис скриптов напоминает VBScript/VBA. Интеграция с операционной системой гораздо более тесная, чем в других технологиях, что позволяет вытворять на ASP такие вещи, которые, пожалуй, невозможны с помощью других языков. Поддерживает работу с базами данных.

6) JSP (Java Server Pages). Главный Web-узел: http://java.sun.com/products/jsp/. Разработчик: Sun. Расширения файлов: jsp

1.3 Программы создания Web-сайтов

Как уже говорилось выше, веб-страницы кодируются на языке гипертекстовой разметки -- HTML. В настоящее время существует множество специализированных редакторов, позволяющих создавать HTML-документы. Эти программы сразу же завоевали популярность, несмотря на то что гипертекстовую структуру можно получить и в самом обычном редакторе, работающем с текстом в MS-DOS. Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы.

Редактор гипертекста необходим, в первую очередь, для начинающих пользователей, так как позволяет обойтись (конечно, только на первых порах) поверхностными знаниями о структуре гипертекстового документа и синтаксисе HTML. Поскольку элементы гипертекста создаются в режиме диалога, пользователь может изучать язык параллельно с созданием Web-страницы.

Самый простой вариант -- это редактор Notepad (Блокнот), входящий в стандартную поставку Windows. Собственно говоря, это именно то, что нужно, -- простейшая программа, сохраняющая написанный текст именно в том виде, в котором он был введен, и ничего лишнего. Однако в очень простых текстовых редакторах типа Блокнота весь HTML-текст приходится писать вручную, а многим хотелось бы какую-то часть работы автоматизировать. Учитывая это желание, разработчики создали специализированные средства, призванные облегчить труд веб-программиста. Существует несколько простых программ, среди которых наиболее распространенной является TextPad.

Эта программа по сути весьма похожа на Блокнот, однако разработчики специально предусмотрели некоторые удобства для того, чтобы писать код HTML (а также языков Java, С, C++, Perl и еще некоторых). Это выражается в том, что при написании HTML -документа все теги автоматически подсвечиваются синим цветом, их атрибуты -- темно-синим, а значения атрибутов -- зеленым (цвета можно настроить по собственному желанию, так же, как и шрифт). В отличие от Блокнота, TextPad -- редактор многооконный. В нем можно открыть сразу несколько документов и работать, легко переключаясь между ними с помощью списка в левой части окна или вкладок в нижней части.

Текстовые редакторы возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста..., в общем, работать крайне неудобно. Однако существуют программы, позволяющие редактировать веб-страницы в режиме WYSIWYG.

1.4 Визуальные редакторы

В основе визуальных редакторов лежит принцип WYSIWYG - what you see is what you get (что вы видите, то и получите). Это означает, что электронный документ с помощью средств компьютерной графики на экране дисплея отображается как виртуальный образ общепринятого реального или привычного нам бумажного документа или фотодокумента со всеми необходимыми реквизитами, а экран дисплея рассматривается как рабочий стол на котором работают с документами.

Основные требования, предъявляемые к таким программам:

· Полная поддержка кодировок русского языка

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

· Визуальный режим работы - возможность верстать электронные документы в режиме «что вижу, то и получаю».

Выбор визуальных редакторов HTML-кода очень велик, однако самые распространенные Microsoft Office SharePoint Designer 2007, Adobe Dreamweaver CS3 и Adobe Homesite Tool 5.5.

Также специалисты выделяют следующие веб-редакторы:

SiteEdit. Программа SiteEdit создана российской компанией EdgeStile и позиционируется разработчиками как система управления сайтом. SiteEdit относится к так называемым визуальным средствам разработки - WYSIWYG-редакторам. Структура всего узла представлена в виде различных страниц, содержащих в себе несколько разделов. Раздел, в свою очередь, может содержать в себе несколько записей или объектов. Перейдя в режим редактирования, у нас появляется возможность редактировать существующие разделы и добавлять новые, изменить текст имеющейся записи или добавить новую запись. Для более кардинального изменения дизайна существует редактор дизайна, предоставляющий широчайшие возможности для изменения всех элементов, присутствующих на странице. Плюсы. Простой интерфейс - не требуется практически никаких знаний HTML, функциональность, небольшой вес дистрибутива, русский язык интерфейса, бесплатность стартовой версии.

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

HTML Source. Еще одна Freeware-программа - это HTML Source. Интерфейс программы напоминает таковой у HomeSite, но инструментов и возможностей, конечно, гораздо меньше. HTML Source, как видно из названия, призван лишь облегчить труд кодера, а не полностью заменить его. В программе отсутствует возможность визуальной разработки страниц, т.е. для тех, кто не знаком с азами языка гипертекстовой разметки, данный продукт не подойдет. Однако тем, кто предпочитает разрабатывать веб-документы вручную, HTML Source готов предложить неплохой набор инструментов для ускорения процесса кодирования. Нельзя не отметить справочную систему программы HTML Source, включающую в себя полное описание возможностей программы, а также спецификации языка HTML, включая CSS.

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

Минусы: Отсутствие возможностей для визуальной разработки документов, скромные возможности по настройке программы, отсутствие русификации.

Magic HTML Studio. Следующая программа - Magic HTML Studio, разработанная компанией AG FreeSoft. Кому-то подобный интерфейс может и придется по душе, но, на мой взгляд, не совсем удачное решение для программы подобной направленности. Программа содержит средства и инструменты, уникальные именно для Magic HTML Studio. Java Constructor представляет собой мощное, и одновременно простое средство создания скриптов на языке JavaScript, причем для этого пользователю совершенно не нужны знания данного языка программирования.

Плюсы: продвинутые конструкторы JavaScript и CGI-скриптов, широкие возможности для добавления динамических элементов, справочная система на русском языке.

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

Adobe Homesite Tool 5.5 - это удобное и функциональное решение для быстрого создания первоклассных сайтов. Средства автоматизации и расширяемый пользовательский интерфейс помогут настроить приложение с учетом ваших предпочтений. Мощные средства управления проектами, проверки качества и контроля над процессом развертывания помогут вам создавать высококачественные сайты, а также выполнять их развертывание и обслуживание. Для повышения продуктивности разработчиков в состав пакета HomeSite вошли различные программы-помощники, которые обеспечат быстрое создание страниц, таблиц, фреймов и элементов JavaScript. Функциональные возможности продукта HomeSite и его пользовательский интерфейс предусматривают широчайшие возможности настройки в полном соответствии с вашими предпочтениями.

FrontPage -- WYSIWYG-редактор HTML, входящий в состав пакета приложений Microsoft Office.

Данное приложение при разработке страниц веб-узла пользуется движком Internet Explorer . В браузерах, использующих другие движки (например, Gecko), страницы, созданные с помощью FrontPage могут отображаться по-другому. Тем не менее, при правильном использовании режимов совместимости, FrontPage позволяет создавать сайты, отображающиеся одинаково в любом браузере.

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

В Microsoft Office 2007 программа FrontPage была заменена на SharePoint Designer . История:

· Verneer FrontPage 1.0

· 1995 -- Microsoft FrontPage 1.1

· 1997 -- FrontPage 97 (2-я версия)

· 1997 -- FrontPage Express 2.0

· 1998 -- Microsoft FrontPage для Macintosh

· 1998 -- FrontPage 98 (3-я версия)

· 1999 -- FrontPage 2000 (9-я версия)

· 2001 -- Microsoft FrontPage 2002 (10-я версия)

· Microsoft Office FrontPage 2003 (11-я версия)

· Microsoft Sharepoint Designer 2007 (12-я версия)

Office SharePoint Designer 2007 представляет инструменты для автоматизации бизнес-процессов, построения эффективных приложений на платформе Microsoft SharePoint и адаптации узлов SharePoint в соответствии с потребностями организации - и все это в среде, управляемой информационными технологиями.

Быстрое создание приложений для повышения производительности труда рабочих групп С Office SharePoint Designer 2007 вам не потребуется программировать для создания и развертывания интерактивных решений на платформе SharePoint.

Разработка привлекательных узлов SharePoint, адаптированных в соответствии с потребностями организации Office SharePoint Designer 2007 предлагает профессиональные средства разработки, необходимые для создания интересных страниц SharePoint, совместимых со многими веб-обозревателями. Используйте интуитивно понятный интерфейс редактора WYSIWYG, быстро форматируйте страницы SharePoint с помощью таблиц стилей CSS и изменяйте разметку и форм

Adobe Dreamweaver CS3. Dreamweaver -- HTML-редактор. Разработан и поддерживался компанией Macromedia в версиях до MX (6 версия, 2005 год). Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире. Популярность программа получила, начиная с версии MX. Эта версия была выпущена компанией Macromedia в 2002 году. До этого момента были выпущены версии 1, 2, 3, 4. 5-ю версию компания пропустила. После 4-й версии, Macromedia выпустили 6-ю версию под названием Dreamweaver MX. 7-я версия программы получила название Dreamweaver MX 2004. Затем в 2005 году была выпущена Dreamweaver 8. 20 апреля 2007 уже компания Adobe выпустила более свежую версию под названием Dreamweaver CS3.

История

· Dreamweaver 1.0 (1997)

· Dreamweaver 1.2 (1998)

· Dreamweaver 2.0 (1998)

· Dreamweaver 3.0 (1999)

· Dreamweaver UltraDev 1.0 (2000)

· Dreamweaver 4 (2000)

· Dreamweaver UltraDev 4.0 (2000)

· Dreamweaver MX (2002)

· Dreamweaver MX 2004 (2003)

· Dreamweaver 8 (2005)

· Dreamweaver CS3 (2007)

Dreamweaver CS3 включает самые прогрессивные возможности и технологии. Тут присутствует полная поддержка формата CSS, с функцией проверки его совместимости с различными браузерами, функциональный редактор кода веб-страниц и возможность работать с такими технологиями, как: XML, JavaScript, PHP, Adobe ColdFusion, ASP и ASP.NET. В новой версии появилась среда для разработки Ajax-приложений, которые могут выполнять самые разные функции (получение информации из RSS каналов и баз данных, создание визуальных эффектов и многое другое), добавлена возможность создания сайтов на основе тегов DIV, реализована тесная интеграция с другими программами Adobe, например, с программой Adobe Device Central CS3, которая поможет создать и протестировать работу веб-сайта для мобильных устройств, а также внесены многие другие нововведения и улучшения.

Выводы

1) Рассмотрев предложенные классификации сайтов, были выделены следующие их виды: отвлеченные классификации и визуальные классификации. Отвлеченная классификация предполагает, что существует переход от более документо - или печатно-ориентированных веб-сайтов к более интерактивным программным веб-сайтам. Группируя веб-сайты по визуальному признаку выделяют веб-сайты, которые основываются на текстовом содержимом или фокусируются на графическом представлении или изображениях.

2) При изучении технологии создания веб-сайтов дана характеристика популярных серверных языков. Среди них наиболее распространенными являются PHP, Perl, ColdFusion, ASP.

3) Все программы создания Web-сайтов делятся на текстовые редакторы, типа Блокнота, и визуальные редакторы, самые распространенные из которых Microsoft Office SharePoint Designer 2007, Adobe Dreamweaver CS3 и Adobe Homesite Tool 5.5. Последние являются наиболее мощными.

4) Визуальные редакторы включают самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам. Они позволяют не только с легкостью проектировать дизайн сайта, используя визуальные методы, но и предоставляет необходимые средства для продуктивной разработки веб-приложений.

5) В связи с выше сказанным, считаем необходимым провести сравнительный анализ наиболее мощных визуальных редакторов создания Web-страниц во 2 главе.

2. Практическое сравнение наиболее популярных WYSIWYG - редакторов Web-страниц

2.1 Microsoft SharePoint Designer 2007

Редактор Microsoft Office SharePoint Designer 2007 -- это новый продукт, созданный на основе технологий Microsoft Office FrontPage 2003 и включающий набор средств, позволяющих непрофессиональными пользователями автоматизировать бизнес-процессы, создавать эффективные приложения. Office SharePoint Designer 2007 позволяет быстро разрабатывать приложения и инструменты отчетности с поддержкой рабочих процессов на платформе SharePoint. Достоинствами этого редактора являются:

· Простота создания Web-узла.

· Простота обновления Web-узла.

· Тесное взаимодействие с Microsoft Office.

Интерфейс программы разработан по схеме большинства программ Microsoft Office и это очень удобно т.к, унификация внешнего вида поможет новичкам быстрее освоить основные её возможности.

Данный визуальный редактор позволяет создавать функционально насыщенные и профессионально оформленные Web-узлы. Мы как пользователи можем точно позиционировать элементы Web-страницы, импортировать и редактировать HTML-файлы, а также применять новейшие Web-технологии. Office SharePoint Designer 2007 включает профессиональные средства разработки, необходимые для создания эффектных страниц SharePoint, среди которых высококачественный редактор WYSIWYG и полная поддержка технологии ASP. В пакет включены средства верстки Web-страниц и их оформления с помощью согласующихся по цвету элементов. При этом активно используются такие технологии, как Dynamic HTML и Cascading Style Sheets, делающие страницы "живыми" и красивыми. Помимо WYSIWYG-редактора с генератором HTML-кода в продукт входит мощный HTML-редактор. Благодаря этому те пользователи, которые привыкли работать непосредственно с HTML-кодом, могут делать это еще продуктивнее. Одно из достоинств Office SharePoint Designer 2007 является упрощение построения запросов к базам данных и встраивание их в Web-страницы. Можно создавать Web-страницы, в которых информация обновляется всякий раз, когда пользователь открывает или обновляет их в окне браузера, а также создавать Web-узлы, содержащие помимо простых HTML-страниц, различные функциональные компоненты.

Основными достоинствами Office SharePoint Designer 2007 являются:

· Автоматизация бизнес-процессов, таких как утверждение документов, уведомление о событиях и других совместных задач с помощью Workflow Designer. Workflow Designer позволяет, в частности, автоматизировать назначения задачи и уведомления, связанные со списками SharePoint и библиотеками документов.

· Создание приложений, отчетов и сбор информации из внешних источников (за пределами Web-узла), а также из списков SharePoint и библиотек документов, расположенных на Web-узле.

· Создаваемые Web-страницы SharePoint позволяют представлять и редактировать данные, взятые из списков и библиотек документов SharePoint, XML-файлов, баз данных Microsoft SQL Server, Web-служб и корпоративных систем.

· Создание улучшенных интерактивных страниц Microsoft ASP.NET. Office SharePoint Designer 2007 поддерживается создание Web-страниц, которые основаны на таких Web-стандартах, как XHTML и таблицы каскадных стилей.

· Возможность вставки и редактирования элементов управления с помощью мощных меню операций и сетки управления свойствами, ранее доступных. Для изменения формата и разметки сразу всех узлов SharePoint достаточно отредактировать главную страницу и изменить таблицы каскадных стилей SharePoint.

· Office SharePoint Designer 2007 автоматически выполняет такие рутинные операции, как автоматическое исправление всех ссылок на страницы или файлы при переименовании или перемещении этих объектов.

· С помощью Office SharePoint Designer 2007 можно открывать, редактировать и улучшать Web-страницы, созданные в любой версии FrontPage.

Office SharePoint Designer 2007 интегрирует средства редактирования HTML во все приложения Office и автоматически поддерживает гиперссылки во всех документах Office.

Поддержка формата XML, реализованная в Office SharePoint Designer 2007, позволяет разработчикам создавать настраиваемые теги, обеспечивающие гибкость организации и представления информации.

Минусы: Тесное взаимодействие с Microsoft Office ограничивает взаимодействие с другими программными средствами.

2.2 Adobe Dreamweaver CS3

Dreamweaver CS3 - это программа для облегчения написания HTML кода ("веб-страничек"). Как и многие другие программы визуального написания HTML, он имеет для этого довольно мощные средства.

Нажимаем кнопку и получаем готовый кусок кода; переносим выделенные элементы в другое место одним движением мыши и получаем серию изменений, которая, при попытке произвести ее вручную, заняла бы не одни сутки.

Dreamweaver CS3 автоматизирует все, что только можно автоматизировать, наглядно отображает код, получившийся вследствие изменений дизайна, позволяет строить таблицы "на глазок", не впадая в длительные математические изыскания, а сразу же, в процессе работы, наблюдая происходящие изменения. Даже можно вернуть изменения обратно, если изменения эти нас не устроили и многое, многое другое.

Одна из главных особенностей данного редактора - это фокус на упрощении ключевых моментов процесса разработки и верстки. Мощная профессиональная среда Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Сам код получает достаточно легким для понимания и использования, а визуальные средства, интегрированные в Dreamweaver CS3 позволяют и того более упростить создание различных визуальных эффектов всего в несколько кликов мышкой.

Dreamweaver CS3 автоматически найдет код в ведущих браузерах и подскажет причину и решение потенциальной проблемы. Также, редактор дает возможность получить решение наших CSS-проблем при помощи нового ресурса Adobe - CSS Advisor: сообщества разработчиков и дизайнеров. Данный редактор кода проверяет код по XHTML- и CSS-стандартам. Dreamweaver CS3 - это первый инструмент, позволяющий автоматизировать нахождение и решение множества наиболее популярных CSS-ошибок, что позволяет вести браузерную разработку.

Одно из преимуществ - интеграция с Adobe Photoshop. Дизайнеры достаточно часто обрабатывают необходимые файлы в Photoshop. Используя Dreamweaver CS3 и Photoshop CS3 можно непосредственно копировать и вставлять изображения в Dreamweaver. Просто надо выбрать тип компрессии и файл, а также место вставки в документ. Dreamweaver CS3 запомнит источник файла, поэтому при необходимости с легкостью сможем отредактировать необходимый файл. Помимо копирования и вставки, мы можем импортировать в Dreamweaver CS3 непосредственно Photoshop CS3-документ, да Dreamweaver CS3 теперь понимает PSD-файлы преимущества использования CSS все очевидней, а потому многим необходим пример использования. Данный редактор предлагает на выбор воспользоваться шаблонами одно-, двух- или трехколоночными шаблонами, которые могут быть как фиксированной, так и «эластичной» ширины. У визуального редактора Dreamweaver CS3 помимо вышеперечисленных достоинств, есть одно общее - это удобство, наглядность и простота в освоении.

Минусы: Dreamweaver CS3 занимает довольно много ресурсов на компьютере.

2.3 Adobe Homesite Tool 5.5

Разнообразные средства повышения производительности и поддержка web-стандартов обеспечивают быстрое создание первоклассных сайтов.

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

Заготовки кода (Code Snippets) позволяют инкапсулировать отдельные фрагменты исходных текстов и многократно использовать их при создании различных страниц, или же обмениваться ими с другими разработчиками.

HomeSite интегрируется со средствами управления исходными текстами и системами управления проектами, а также предлагает широкие возможности работы с протоколом FTP, благодаря чему можно быстро выполнить развертывание сайта и организовать его эффективное обслуживание. Еще одним плюсом HomeSite является интуитивно понятный, удобный интерфейс, который позволяет редактировать несколько документов одновременно. Средства автоматизации и расширяемый пользовательский интерфейс помогут настроить приложение с учетом ваших предпочтений.

Возможность создания и настройки клавиатурных комбинаций для быстрого вызова и автоматического выполнения различных функций. Заготовки кода и средства выполнения пользовательских сценариев позволят вам работать более быстро и продуктивно. Продукт HomeSite предусматривает возможность создания новых диалоговых окон Tag Editor и записи новых тэгов в списки Tag Insight. Благодаря поддержке этих функций можно создавать собственные тэги, после того как освоите соответствующие языки.

Adobe HomeSite, пожалуй, является одним из самых распространенных средств редактирования HTML-документов среди пользователей, предпочитающих кодировать страницы вручную. Вместе с тем, HomeSite позволяет значительно ускорить сам процесс создания и облегчить работу разработчика. Adobe HomeSite обеспечивают удобную подсветку синтаксиса не только HTML-страниц, но и файлов PHP, Perl, ASP, MySQL и других популярных средств разработки. HomeSite имеет мощную справочную систему, содержащую кроме описания возможностей программы спецификации языка HTML. Альтернативным способом ввода вручную всех атрибутов тега является, так называемый, Tag Editor - редактор тегов, с помощью которого можно существенно облегчить процесс присвоения значений различным атрибутам. Отдельно стоит отметить средства для создания и конфигурирования таблиц и фреймов - Table Wizard и Frame Wizard, позволяющие существенно облегчить жизнь разработчику при создании таблиц и фреймов сложной структуры.

Необходимо отметить, что Homesite содержит встроенный модуль проверки орфографии, проверяющий не только корректность использованных дескрипторов, но и непосредственно правильность самого текста, а также редактор файлов CSS - каскадных листов стилей под названием TopStyle.

Плюсы. К достоинствам программы можно отнести функциональность, универсальность, поддержку различных языков программирования, понятный интерфейс, широкие возможности и мощную справочную систему. Минусы: необходимо хотя бы поверхностное знание языка HTML для создания страничек.

2.4 Сравнительный анализ WYSIWYG редакторов Web-страниц

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть Microsoft SharePoint Designer 2007, Adobe Dreamweaver CS3, Adobe Homesite Tool 5.5 и др. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad). Текстовые редакторы возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста, в общем, работать с ними может только профессионал, знающий язык HTML. Рассмотрим возможности визуальных HTML-редакторов. Эти програмные продукты расчитаны на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты, даже не обладая данными знаниями.

Основные возможности редакторов для создания Web-страниц:

Таблица

WISIWYG-редакторы
Microsoft SharePoint Designer 2007	Adobe Dreamweaver CS3	Adobe Homesite Tool 5.5
1)Возможность автома-тизации бизнес-процес-сов, таких как утвержде-ние документов, уведомление о событиях и других совместных задач с помощью Workflow Designer.	1)Dreamweaver содер-жит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом.	1)Предусматривает возможность создания новых диалоговых окон Tag Editor и записи новых тэгов в списки Tag Insight, тоесть создавать собственные тэги.
2)Создание приложений отчетов и отслеживания информации с помощью средств просмотра и форм данных, облегчающих сбор и показ данных из внешних источников за пределами вашего веб-узла, а также из списков SharePoint и библиотек документов, располо- женных на веб-узле.	2)Интуитивный интерфейс Dreamweaver настолько прост, что даже начинающий дизайнер сможет быстро создать профес-сиональный Web-сайт.	2)Создавайте сценарии JavaScript и VBScript для автоматизации задач HomeSite и запускайте их с помощью клавиатурных комбинаций и кнопок на панели инструментов.
3)Возможность быстрее приступить к работе, используя встроенные шаблоны приложений Microsoft Windows SharePoint Services, полностью настраи-ваемые и имеющие возможность расшире-ния с помощью Office SharePoint Designer 2007.	3)Непосредственно в Dreamweaver можно создавать анимации в формате Flash, использовать данные из Microsoft Office, легко импортировать графику, меню и кнопки из Fireworks .	3)Позволяет сохранять параметры развертывания проекта, которые можно с легкостью изменять, обмениваться ими с другими разработчиками и использовать повторно.

2.5 Создание Web-сайта

В ходе курсовой работы было проанализировано несколько наиболее мощных WYSIWYG редакторов. И для большей наглядности сделан WEB-сайт по данной тематике. Название сайта: WYSIWYG редакторы WEB-страниц. Данный сайт является «информационным», на нем представлена информация по конкретной теме: Сравнительный анализ популярных WYSIWYG редакторов Web-страниц.

Сайт состоит из следующих разделов:

· Классификация Web-сайтов;

· Визуальные редакторы;

· Простейшие программы для создания Web-сайтов;

· Microsoft SharePoint Designer 2007;

· Adobe Homesite Tool 5.5

· Adobe Dreamweaver CS3

· Сравнительный анализ WYSIWYG редакторов Web-страниц

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

Выводы

1) Рассмотрев характеристики, возможности, достоинства и недостатки вышеперечисленных WYSIWYG редакторов Web-страниц, выявили, что все они содержат профессиональные средства разработки, необходимые для создания Web-страниц.

2) Microsoft Office SharePoint Designer 2007 имеет полную поддержку технологии ASP и помимо WYSIWYG-редактора с генератором HTML-кода в продукт входит удобный HTML-редактор.

3)Adobe Dreamweaver CS3 - это первый инструмент, позволяющий автоматизировать нахождение и решение множества наиболее популярных CSS-ошибок.

4) В отличие от вышеперечисленных редакторов, Adobe HomeSite является одним из самых распространенных средств редактирования HTML-документов среди пользователей, предпочитающих кодировать страницы вручную.

5) Adobe HomeSite имеет встроенные средства для создания и конфигурирования таблиц и фреймов - Table Wizard и Frame Wizard. Dreamweaver CS3 наглядно отображает код, получившийся вследствие изменений дизайна, позволяет строить таблицы "на глазок", не впадая в длительные математические изыскания, а сразу же, в процессе работы, наблюдая происходящие изменения.

6) Для начинающих пользователей, среди рассмотренных редакторов веб-страниц, более понятный и удобный интерфейс имеет Microsoft Office SharePoint Designer 2007.

7) Во всех вышеприведенных редакторах веб-страниц реализован сдвоенный режим, в котором пользователь может наблюдать, как действия визуального редактора приводят к изменению кода.

Заключение

В настоящее время существует множество специализированных HTML-редакторов, функции которых очень разнообразны. Даже самые серьезные специалисты предпочитают визуальные средства разработки, облегчающие написание Web-шедевров. При этом очевидно, что чем выше профессионализм пользователя, тем меньше готовых шаблонов, макетов и подсказок ему требуется. Таким образом, простой текстовый редактор - это полезное средство для Web-дизайнера, досконально знающего HTML, но малополезное для человека, который не собирается изучать HTML. Именно для того, чтобы пользователи могли сравнить характеристики и выбрать оптимальный для себя редактор мы рассмотрели наиболее мощные редакторы: Microsoft SharePoint Designer 2007, Adobe Dreamweaver CS3, Adobe Homesite Tool 5.5, отличающиеся по объему, функциональности и производительности. Также были выявлены их основные возможности, преимущества и недостатки. Мы познакомились с теорией Web-дизайна и основными технологиями серверных скриптов PHP, Perl, ColdFusion, ASP, Java Server Pages.

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

web сайт операционный редактор

Список использованных источников

1 Бардзелл Д. Macromedia Dreamweaver MX 2004 с ASP, ColdFusion и PHP.

Из первых рук. - М.: ЭКОМ, 2006. - 235 с.

2 Бумфрей Ф., Диренцо О. XML. Новые перспективы. - М.: ДМК-Пресс,

2000. - 272 с.

3 Леонтьев Б.К. PHP 5.0 для начинающих, или как создать динамичный

Web-сайт. - М.: Новый издательский дом, 2006. - 109 с.

4 Мазуркевич А., Еловой Д. PHP: настольная книга программиста. - М.:

Новое знание, 2006. - 242 с.

5 Старыгин А. XML Разработка WEB-приложений. - СПб.: BHV-Санкт-

Петербург, 2003. - 199 с.

6 Хестер Н. Создание Web-страниц в Dreamweaver. - М.: НТ Пресс, 2005. -

BHV-Санкт-Петербург, 2006. - 161 с.

7 Шкрыль А.А. PHP - это просто. Программируем для Web-сайта.

8 Студия веб-дизайна Art Venture.[Электронный ресурс]. - Режим доступа: http://www.av-webstudio.ru.

9 WEBMASCON - журнал для веб-мастеров. [Электронный ресурс]. - Режим доступа: http://www.webmascon.com

10 Источник: mycomp.com.ua.[Электронный ресурс]. - Режим доступа: http://webother.narod.ru/perepis.htm

11 Портал для веб-мастеров: все про создание и продвижение сайта.[Электронный ресурс]. - Режим доступа: http://www.wwwmaster.ru

12 Учебник-справочник по HTML .[Электронный ресурс]. - Режим доступа: http://rus.mccinet.ru

13 Материал из Википедии -- свободной энциклопедии.[Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/Adobe_Dreamweaver

14 Adobe Homesite Tool.[Электронный ресурс]. - Режим доступа:

Размещено на Allbest.ru