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

Популярность службы WWW во многом определяется тем, что пользователи могут не только просматривать сайты, но и создавать собственные. Процесс создания и функционирования Web-сайта иллюстрируется схемой, изображенной на рис. 4.15. У каждого сайта есть разработчик, который на своем компьютере готовит исходные материалы: графику, медиаданные (звук, анимация), используя соответствующие редакторы, и непосредственно разрабатывает сайт, применяя тот или иной HTML-редактор. Обычно сайт разрабатывается на локальном компьютере, тестируется, а затем переносится на Web-сервер при помощи FTP-протокола. После опубликования материал становится доступен для всех посетителей. Если пользователи имеют право только на просмотр сайта, то разработчики имеют возможность обновлять и изменять содержимое своего сайта.

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

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

Особо следует отметить офисные приложения. Как уже говорилось, все приложения Microsoft Office позволяют сохранить результат работы в HTML-формате. Многие домашние пользователи выбирают Microsoft Word в качестве средства разработки простых Web-страниц. Правда, HTML-код в этом случае не будет оптимальным.

Рис. 4.15.  Схема разработки и просмотра Web-сайта

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

Для того чтобы уменьшить размер Web-странички, в Word 2003 можно сохранять данные в специальном фильтрованном формате (filtered HTML), в этом случае лишние тэги будут удалены.

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

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

Все имеющиеся на рынке HTML-редакторы можно разделить на две большие группы:

• программы, имеющие в своем составе визуальные редакторы (design-based editors) - средства, которые автоматически формируют необходимый HTML-код, позволяя разрабатывать Web-страницы в режиме WYSIWYG (What You See Is What You Get - что вижу, то и получаю);

• программы-редакторы, которые предоставляют редактор и вспомогательные средства для автоматизации написания кода (code-based editors).

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

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

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

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

Отметим, наконец, что существуют и компромиссные решения: например, уже упоминавшиеся Microsoft FrontPage и Macromedia Dreamweaver имеют не только визуальные средства, но и весьма развитые редакторы кода. В последней версии FrontPage 2003 реализован даже сдвоенный режим, в котором пользователь может наблюдать, как действия визуального редактора приводят к изменению кода.

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

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

Рис. 4.16.  Сайтостроение можно сравнить с обычным строительством. Панельные дома строятся быстрее, зато кирпичные позволяют реализовать нестандартные идеи

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

FrontPage 2003

Разработчик: Microsoft

Сайт программы: www.microsoft.com/frontpage

Microsoft FrontPage - это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MS Office, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, если они знакомы с основами работы в MS Word. При этом FrontPage нельзя назвать решением "для начинающих": программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации коллективной разработки, а также позволяет быстро создавать динамические комплексные Web-узлы практически любой сложности.

Усовершенствованная поддержка графики упрощает работу во FrontPage 2003 с изображениями из других приложений. FrontPage 2003 удачно сочетает в себе возможности использования визуального конструктора и средства редактирования кода. В этой версии программы появилось разделенное окно (режим Split), которое состоит из двух областей - "Конструктор" (Design) и "Код" (Code). В окне Design ведется разработка в режиме WYSIWYG, а в окне Code идет автоматическое обновление кода при внесении изменений в макет.

Рис. 4.17.  В программе FrontPage 2003 доступен двухоконный режим, объединяющий подходы "Конструктор" и "Код"

Комплексные средства проектирования позволяют повысить качество создаваемого кода и усовершенствовать навыки программирования.

FrontPage 2003 генерирует эффективный HTML-код, не содержащий избыточности, характерной для кода, генерируемого Microsoft Word. Средства написания сценариев обеспечивают возможность интерактивного общения с посетителями.

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

Macromedia Dreamweaver MX 2004 v7.0

Разработчик: Macromedia

Сайт программы: www.macromedia.com/software/dreamweaver/

Dreamweaver всегда считался инструментом скорее дизайнера, чем программиста. Однако в последней версии имеется полный набор средств как для визуального конструирования, так и для кодирования. Dreamweaver MX 2004 v7.0 - это приложение, в котором разработчик может работать в одной среде, быстро создавая, развивая и обслуживая Web-сайт и Интернет-приложения с помощью средств визуального редактирования, разработки приложений и быстрого написания кода, реализованных в едином интегрированном решении. Разработчики могут использовать Dreamweaver с различными серверными технологиями и создавать мощные Интернет-приложения, которые обеспечивают пользователям доступ к базам данных и Web-сервисам.

Одним из важных нововведений в Dreamweaver MX 2004 v7.0 является кросс-браузерный валидатор (cross-browser validator) - средство, позволяющее автоматически проверять корректность тэгов на совместимость для различных Web-браузеров.

Dreamweaver MX 2004, вне всякого сомнения, - лучшее приложение в своем классе, однако оно требует существенных системных ресурсов и достаточно дорого стоит.

HomeSite 5.0

Разработчик: Macromedia

Сайт программы: www.macromedia.com

В то время как Dreamweaver - это прежде всего визуальный редактор, программа HomeSite предназначена для разработчиков, которые предпочитают работать с исходными кодами и обычно используют не только HTML. Macromedia удалось усовершенствовать данный редактор для работы с большими сайтами.

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

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

CoffeeCup HTML Editor 9.5

Разработчик: CoffeeCup Software

Сайт программы: www.coffeecup.com

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