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

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

различных средств:
обычных текстовых редакторов;
редакторов гипертекста, работающих с внешним представлением или с языком HTML;
средств публикации и конвертирования различных файлов в гипертекст.
Так как исходный код HTML - это текст в стандарте ASCII, то для создания файлов HTML годен практически любой текстовый редактор. Для написания кода HTML можно использовать как какой-нибудь простой редактор, например Notepad, поставляемый вместе с Windows, так и любой специализированный.

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

возможность создания документов Web из уже существующих документов. Примером может служить созданный компанией Microsoft набор программных средств – Internet Assistants for Office, с помощью которого можно преобразовать файлы, созданные продуктами из пакета Microsoft Office (Word, Excel, PowerPoint, Access) в страницы Web. Другим примером является драйвер печати MicrosoftHTMLDriver, который позволяет печатать в формате HTML. Такие программные средства называются конверторами файлов в формат HTML. Также существует большое количество других программных средств для преобразования форматов файлов.

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

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

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

готовых шаблонов, макетов и подсказок ему требуется. Простой текстовый редактор — это полезное средство для Web-дизайнера, досконально знающего HTML, но малополезное для человека, который не собирается изучать HTML. Однако излишний аскетизм тоже плох. Ни один, даже самый грамотный пользователь не может помнить всего и не должен все писать сам, поэтому всегда полезна справка по HTML и другим языкам, а также библиотеки Java-скриптов, форм, меню и других элементов. Впрочем, разработчики постарались учесть пожелания и вкусы самых разных категорий пользователей.

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

для проектирования, подготовки и публикации Web-сайтов. В силу интеграции с семейством продуктов MS Office, привычным интерфейсом и обилием шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы с MS Word.
Программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации коллективной разработки.
FrontPage 2003 поддерживает написание сценариев для Flash-объектов, а для включения в Web-узел объекта Macromedia Flash достаточно просто перетащить его в рабочую область FrontPage.

кода. В новой версии программы появилось разделенное окно (режим Split), которое состоит из двух областей — «Конструктор» (Design) и «Код» (Code). В окне Design ведется разработка в режиме WYSIWYG, при этом в окне Code идет автоматическое обновление кода при внесении изменений в макет.
Технология Microsoft IntelliSense позволяет уменьшить вероятность ошибок при написании программного кода благодаря автоматическому завершению операторов и показу параметров, доступных для набираемого кода. Данная функция используется для HTML, CSS, XSL, JScript, VBScript, JavaScript и ASP.NET. Разработчик JScript позволяет добавлять функцию интерактивности, не требуя написания ни одной строки кода: достаточно выбрать из списка предлагаемых так называемых функций поведения любую вам понравившуюся — все остальное делается автоматически. Усовершенствованные функциональные возможности публикации FrontPage 2003 ускоряют размещение создаваемых Web-страниц в Интернете.

web-сервере Microsoft IIS. Применение по умолчанию длинных, в том числе русскоязычных имен папок и файлов с использованием различных регистров практически не позволяет функционировать сайту под управлением других web-серверов (Apache, SunOne, Zeus и др.).
Отсутствие средств конвертации кодовой страницы затрудняет размещение сайта на серверах, работающих под управлением UNIX-подобных ОС, в которых кодировкой русского текста по умолчанию является KOI8-R (и иногда ISO).
Несмотря на достаточно высокую оптимальность генерируемого кода по сравнению с конверторами из документов Microsoft Office, данный редактор самостоятельно и весьма неэффективно генерирует секцию HEAD, что затрудняет оптимизацию и продвижение сайта.

399 долл., апгрейд — 169 долл.

создания, построения и управления Web-сайтами от компании — производителя легендарного графического пакета Photoshop. Последняя версия Adobe GoLive получила название Adobe GoLive CS поскольку вместе с другими ключевыми продуктами Adobe (Photoshop CS, Illustrator CS и InDesign CS) входит в комплект программ Creative Suite, что и означает аббревиатура «CS».
Предлагая интегрированный пакет, разработчик привлекает покупателя комплексным решением, в которое входят инструменты, облегчающие передачу данных из одного приложения в другое. Все программы в Creative Suite поставляются на одном компакт-диске и с одним серийным номером.

Web-сайтов, имеет бесшовную интеграцию с продуктами Adobe, обеспечивает возможность создания индивидуального дизайна, высокую продуктивность для коллективной работы и поддержку современных индустриальных стандартов.
В GoLive реализованы автоматическая проверка синтаксиса HTML-кода и его совместимости с различными версиями Internet Explorer и Netscape Navigator. При обнаружении тэгов, которые не поддерживаются тем или иным браузером, программа сообщает об этом.
В программе также имеется функция автоматического распознавания и завершения написания операторов (code-completion engine), которая функционирует для CSS, JavaScript, PHP. Помимо этого доступны такие функции, как настраиваемая подсветка синтаксиса, средства сравнения кодов (Source code difference checking) и средство оптимизации (очистки) кода.

точностью до пиксела в привычном drag-and-drop-режиме.
Разработчикам доступны многочисленные, заранее спроектированные элементы дизайна. Программа обеспечивает возможность выбора из 58 профессионально разработанных шаблонов, которые идеально подходят для галерей изображений, бизнес-сайтов, сайтов электронной коммерции и т.п., а также возможность выбора из 35 профессиональных CSS-стилей.
Пожалуй, единственным недостатком Adobe GoLive CS является достаточно высокая цена.

долл.

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

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

дней, цена — 99 долл.

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

позволяет редактировать несколько документов одновременно. Имеется FTP-менеджер, интегрированный с Windows Explorer. Auto-Backup-функция дает возможность регулярно сохранять материалы в backup-папке, так что к предыдущим версиям всегда можно вернуться. Удобные средства предоставляются разработчикам, управляющим большим сайтом и работающим с графикой. Новая система размещения проекта (project-deployment system) автоматизирует процесс публикации файлов на один или несколько удаленных серверов.
Программа имеет встроенные средства проверки кода, предоставляет подсказки тэгов (tag help), обеспечивает проверку и оптимизацию кода, поддерживает XHTML, DHTML, JavaScript, ASP, CFML, Perl и VBScript.

70 долл;

легко и быстро создавать Web-сайты профессионального уровня, выбирать определенный дизайн на основе готовых шаблонов. Пользователь может добавить свой контент и опубликовать сайт одним щелчком мыши, при обновлении сайта идет загрузка только модифицированных страниц. Функция Custom Form Wizard Fields позволяет сформировать до 12 полей в формах обратной связи. Функция визуального редактирования (WYSIWYG Editing) обеспечивает просмотр текстового форматирования и картинок в том виде, в каком они отображаются на сайте. Мощный редактор таблиц позволяет легко выбирать размеры ячеек, фон и другие параметры таблиц. Функция Photo Sequence Wizard предоставляет возможность автоматически создавать слайд-шоу с элементами навигации и описания. С помощью функции Site Map графически отображается структура Web-сайта.

99 долл.

5.5 предоставляет удобные инструменты разработки, имеется как редактор кода, так и визуальный редактор, работа в котором практически не отличается от работы в Word.
Программа содержит средства управления сайтом, интегрированную графику — многочисленные клипарты и заготовки страниц. В версии Namo WebEditor 5.5 появилась новая функция — WebCanvas 1.0, представляющая собой мощное и удобное средство для работы с векторной графикой.

на 45 дней, цена — 49 долл.

снабжена очень удачным набором функций. Следует отметить, что компания CoffeeCup Software предлагает еще около 20 различных программ для создания Web-сайтов, в том числе CSS-редактор, GIF-аниматор и Flash-редактор.
CoffeeCup HTML Editor 9.5 предоставляет следующие возможности:
помощники по таблицам, формам, шрифтам и т.п.; 125 Java-скриптов; многочисленные графические заготовки; 40 встроенных Web-шаблонов; Project Manager, который позволяет хранить все необходимые файлы вместе; функция FTP-загрузки на ваш сайт (доступная по щелчку на правой кнопке мыши); подсветка синтаксиса тэгов HTML; встроенный оптимизатор HTML-кода; настраиваемый под индивидуального пользователя интерфейс и многое другое.

(с различными подсказками, справочниками, многоцветной подсветкой синтаксиса и т.п.) и при этом не занимающий много места — размер дистрибутива менее 5 Mбайт.
Бесплатность — далеко не единственное достоинство программы. 1st Page 2000 предоставляет все необходимое для написания, редактирования и оптимизации HTML-документов. Программа не имеет визуального редактора, зато предлагает множество функций, облегчающих написание кода, включая справочники, многоцветную подсветку синтаксиса, предпросмотр (можно подключить до четырех браузеров) с разным разрешением, поддержку скриптов и сами скрипты.

Arachnophilia. Она распространяется как CareWare, то есть каждый может скачать ее без ограничений и помочь разработчику, если захочет.
Arachnophilia 5.2 — это HTML-редактор, построенный на основе Java от Sun Microsystems. Несмотря на бесплатность, программа обладает всеми необходимыми для HTML-редактора функциями, включая возможность предварительного просмотра в выбранном браузере и загрузку страниц по FTP. Дистрибутив программы занимает всего 1,7 Мбайт, так что в любом месте, где есть доступ в Интернет, можно быстро скачать такое приложение и начать работу.

30 дней, цена — 99,95 долл.

HTML, JavaScript, CSS, PHP, ASP, VBScript и предоставляющий полный набор функций для разработки Web-сайтов профессионального уровня. Программа имеет встроенные средства управления Web-сайтом, средства просмотра навигации, встроенный FTP-менеджер и многое другое. В последней версии появился FlashWizard - удобное средство, позволяющее вставлять flash-файлы (swf).

распространения: цена профессиональной версии — 129 долл., стандартной — 69 долл., облегченная версия — бесплатно

кода HTML-страниц, и средство их написания. Программа включает полнофункциональный HTML/текстовый редактор и не менее функционально насыщенный валидатор — «проверяльщик» HTML-страниц на ошибки в коде, выдающий после проверки рекомендации по устранению ошибок.
Программа отслеживает, чтобы конечный текст был доступен не только для пользователей Internet Explorer, но также для пользователей Navigator или WebTV.