Исследование средств реализации динамических Web-сайтов

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

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

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 ограничивает взаимодействие с другими программными средствами.

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 занимает довольно много ресурсов на компьютере.

 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 для создания страничек.

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

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

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

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

 

Выводы по главе 3

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4 Средства создания сайтов

 

4.1 Основные средства создания сайтов

 

Для создания современных  сайтов обычно используются: HTML, CSS, JavaScript (или VBScript), FLASH, PHP (или Perl) и реляционная база данных MySQL.

Клиентская среда (браузер, например Internet Explorer) является передним краем работы приложения. В этой среде, отображаются HTML-страницы и обслуживаются истории сеансов HTML-страниц, отображаемых в браузере в течение сессии. Объекты этой среды, следовательно, обязаны иметь возможность манипулировать страницами, окнами и историей. Для этого и нужен клиентский язык - JavaScript.

При работе с сервером необходим язык PHP (или Perl) и реляционная база данных MySQL.

 

4.2 HTML

 

HTML – это не язык программирования и не язык оформления документов. Это, в первую очередь, средство разметки текста. Наша первоочередная задача - разметить текст, описать с помощью тегов его структуру, указав: параграфы, цитаты, списки, разделы.

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