YourLib.net
Твоя библиотека
Главная arrow Информационные технологии (Е.Л. Румянцева, В.В. Слюсарь) arrow 6.3. Информационные технологии для работы с гипертекстовой информацией
6.3. Информационные технологии для работы с гипертекстовой информацией

6.3. Информационные технологии для работы с гипертекстовой информацией

   Общая характеристика MS FrontPageMS FrontPage [11] — это гибкая программа с широкими возможностями, позволяющая создавать и сопровождать надежные web-узлы. В настоящее время широкое распространение получила версия MS FrontPage 2003, которая предоставляет возможности создания динамических комплексных web-узлов с помощью профессиональных средств разработки и проектирования, подготовки и публикации данных и обеспечивает работу в следующих основных областях:
   • разработка — использование профессиональных средств дизайна и инструментов работы с макетами и графикой, позволяющих создавать web-узлы в соответствии с требованиями заказчиков;
   • кодирование — применение средств генерации кода, профессиональных средств кодирования и встроенных возможностей написания сценариев для создания интерактивных web-узлов и повышения скорости и качества кодирования (эти средства имеют также немаловажное значение для обучения);
   • расширение — применение редактора интерактивных web-узлов для развития и дополнения их новыми возможностями (такими, как средства диалога и доступа к данным), а также расширенных средств публикации web-страниц, позволяющих быстро размещать их в сети;
   Заметим, что MS FrontPage обеспечивает не только удобные средства создания новых web-узлов, но и инструменты для расширения возможностей уже существующих web-страниц. При этом активно используются средства, позволяющие ускорить разработку и расширить возможности создания web-узлов, такие, как средства работы с макетами и графикой:
   • улучшенная поддержка графики упрощает работу с графическими изображениями из других приложений, улучшая управление отображением и сохранением рисунков;
   • динамические web-шаблоны позволяют определять разделы web-узла, доступные для редактирования. При обновлении файла главного шаблона внесенные изменения автоматически распространяются на все страницы, связанные с этим шаблоном;
   • согласование обозревателя и разрешения экрана позволяет ориентироваться на определенный обозреватель или экранные разрешения или просматривать web-узел при разных сочетаниях обозревателя и разрешения экрана;
   • средства разработки макета облегчают процесс создания таблиц и работу с ними при разработке макета, а также обеспечивают управление макетом с пиксельной точностью;
   • средства работы со слоями упрощают операции с множеством изображений и отдельными частями информационного наполнения, расположенными в одном месте макета, и позволяют создавать визуальные эффекты, например раскрывающиеся меню.
   Средства разработки и кодирования в MS FrontPage позволяют не только проводить генерацию чистого HTML-кода, но и расширять возможности по управлению кодом. Кроме того, существует возможность использования собственных заготовок или средств написания сценариев, которые позволяют реализовать интерактивное взаимодействие с пользователями web-узла.
   Несмотря на то, что указанные инструменты являются профессиональными средствами разработки, они обладают достаточной простотой для того, чтобы их можно было использовать для изучения HTML:
   • разделенное окно состоит из областей «Конструктор» и «Код», которые автоматически обновляются при внесении изменений в макет;
   • быстрый выбор и изменение тэгов обеспечивают простой выбор, редактирование и перемещение тэгов;
   • технологии Microsoft IntelliSense облегчает задачу написания кода (HTML, CSS, XSL, JScript и ASP.NET) и уменьшает количество ошибок;
   • чистый HTML-код не содержит избыточного кода, генерируемого, например, Microsoft Word или другими программами подготовки кода web-узла;
   • фрагменты кода содержат блоки, которые можно вставлять в другие документы из библиотеки фрагментов кода;
   • средства создания сценариев позволяют создавать интерактивные web-страницы;
   • разработчик JScript позволяет добавлять функцию интерактивности без написания строк кода;
   • поддержка редактирования сценариев включает технологию IntelliSense и средства написания сценариев на языках JScript и VBScript.
   Для расширения возможностей web-узлов в MS FrontPage применяется служба MS Windows SharePoint Services, которая позволяет создавать интерактивные web-узлы, управляемые данными. Это становится возможным за счет получения, редактирования и представления реальных данных из множества источников, включая XML. Кроме того, здесь существует возможность создания средств отправки сообщений от пользователей в сеть с помощью простых обозревателей.
   К основным web-узлам, управляемым данными и поддерживаемым службой Windows SharePoint, относятся:
   • web-журналы регистрации, списки, отслеживающие публикации, web-узлы новостей и обзоров, создаваемые с помощью нескольких щелчков мыши, предоставляют возможность посылать сообщения, используя обычные обозреватели;
   • каталог источников данных позволяет вставлять виды данных и настраивать их источники, включая разнообразные XML-рссурсы, сведения служб Windows SharcPoint Services, web-службы и источники данных OLEDB;
   • средства XML обрабатывают XML-данные и выполняют XSLT-форматирование непосредственно в MS Frontpage, используя наглядный режим конструктора с целью создания web-узлов, управляемых XML-данными;
   • динамическое контекстное форматирование отображает и скрывает элементы или выполняет переформатирование в зависимости от значений данных или положения указателя в окне;
   • страницы web-разделов могут создаваться с использованием зон web-разделов и путем вставки и подключения web-разделов из ресурса «Галерея web-разделов» MS Office и других источников.
   Кроме средств разработки HTML-страниц, MS FrontPage может оказать существенную помощь и в создании, и размещении web-узла как в автономном режиме, так и немедленной публикации в Интернет. В качестве технологий публикации готовых web-узлов в сети выступают следующие технологии:
   • представление удаленного web-узла позволяет выполнять публикацию в обоих направлениях, обеспечивая простое перемещение файлов между локальными и удаленными узлами;
   • простое подключение к удаленному web-узлу с помощью диалогового окна «Web-импорт» упрощает подключения и работу с протоколом защищенных сокетов (SSL — Secure Sockets Layer);
   • публикация на FTP-серверах с помощью вкладки «Remote Web Site» (удаленный web-узел) [18].
   MS FrontPage состоит из двух основных блоков: редактора, предназначенного для редактирования страниц, и проводника, который используется для навигации и упорядочения файлов на сайте, создания более или менее сложных, многостраничных сайтов, и поэтому представляет небольшой интерес для начинающих пользователей.
   Редактор MS FrontPage [11] предназначен для редактирования документа HTML и позволяет создавать web-страницы так же просто, как набирать и оформлять текст в текстовом процессоре MS Word. Дело в том, что интерфейс редактора в MS FrontPage схож с интерфейсами прикладных пакетов MS Office и основная масса элементов управления имеет тот же внешний вид и выполняет те же функции, что в других приложениях.
   Редактирование производится по принципу WYSIWYG (от англ. What You See Is What You Get — что вы видите, то и получаете), обеспечивающему полное соответствие между документом в окне редактора и результатом его отображения в обозревателе. Это достигается за счет того, что практически все возможности web-дизайна вынесены в панели инструментов, и когда пользователь набирает нужный текст, вставляет в документ изображения, гиперссылки, создает нумерованный или маркированный список, задает параметры форматирования абзацев, редактор автоматически записывает код, т. е. оформляет объекты соответствующими HTML-тэгами.
   При работе с редактором можно не только редактировать код документа в визуальном режиме, отслеживая сразу, как будет выглядеть документ в обозревателе, но можно также переключиться в обычный текстовый редактор, похожий на Блокнот MS Windows. Переключение производится щелчком по ярлычку в нижней части окна редактора. В случае ручного кодирования редактор автоматически структурирует текст и проверяет правильность написания кода.
   Важной функцией редактора MS FrontPage является также автоматическая проверка правописания, что важно для создания представительных web-сайтов, поскольку большинство современных web-страниц содержит элементарные орфографические ошибки.
   Кроме того, MS FrontPage обеспечивает интеграцию с офисными пакетами, поэтому документы, созданные с помощью, например, MS Word, можно вставить в редактор MS FrontPage, и текст будет автоматически распознан и оформлен с помощью тэгов.
   Большинство разработчиков web-страниц используют ограниченный набор элементов оформления, связанных с выбором шрифтов и их атрибутов, использованием таблиц, списков и рисунков. Часто используются и невидимые таблицы для вставки текста и графической информации для фиксации оформления при просмотре в любом браузере и при любом разрешении. Кроме того, постоянно применяются гиперссылки, позволяющие осуществлять навигацию между документами или страницами.
   Все эти возможности в полном объеме предоставляет редактор MS FrontPage с помощью инструментов, вынесенных в настраиваемую панель управления. Основные приемы форматирования с помощью кнопок панели инструментов и опций меню нетрудно освоить при непосредственной работе с документом.
   Редактор MS FrontPage позволяет одновременно работать с несколькими страницами, однако при этом редактируется активная страница так же, как и в текстовом процессоре MS Word.
   Как и любой редактор, MS FrontPage имеет несколько окон основных настроек, в которых через последовательность команд Сервис/Параметры можно в различных закладках установить основные параметры работы редактора.
   К числу основных достоинств редактора MS FrontPage относятся:
   • поддержка всех элементов HTML;
   • поддержка таблиц;
   • мощные возможности по форматированию текста и других объектов;
   • качественное и быстрое отображение HTML при редактировании;
   • отсутствие необходимости самостоятельно писать код;
   • автоматические проверки кодирования и правописания;
   • поддержка трех режимов предварительного просмотра (непосредственно при редактировании; с помощью встроенной закладки «Просмотр», использующей установленный в системе браузер; через команду Просмотр в любом обозревателе с выбором разрешения);
   • поддержка документов с фреймами и т. д.
   Проводник MS FrontPage [11] входит в пакет помимо редактора и предназначен для организации материалов и управления сайтом, т. е. навигацией, глобальным редактированием, файловыми операциями, публикацией и т. д. По интерфейсу проводник похож одновременно на Outlook и на стандартный проводник MS Windows. Основные сервисы проводника:
   • Папки — этот сервис позволяет представить содержимое сайта в виде дерева, аналогично проводнику Windows;
   • Отчеты — сервис предоставляет информацию о файлах сайта, позволяет своевременно определить файлы, недоступные со стартовой страницы, файлы, время загрузки которых превышает приемлемый уровень, и т. д.;
   • Переходы — сервис представляет сайт в виде иерархии страниц и позволяет в визуальном режиме быстро строить, удалять, видоизменять ссылки между страницами, добавлять в проект новые или удалять старые страницы, проводить автоматическую настройку ссылок;
   • Гиперссылки — сервис показывает документы сайта и ссылки между ними, позволяет осуществлять контроль над сайтом;
   • Задачи — менеджер задач, похожий на записную книжку, позволяет организовать работу над крупным сайтом или управлять работой группы дизайнеров.
   Примером ситуации, когда необходима работа с проводником, может быть работа с объектами, расположенными на web-сайте. Например, если сайт содержит набор страниц с графическими и другими объектами, то с помощью Проводника можно создать отдельные папки для каждого вида материалов и разложить файлы объектов по соответствующим папкам путем перетаскивания. При этом пользователю не придется вручную искать и исправлять ссылки на файлы в HTML-страницах, поскольку Проводник автоматически отслеживает местонахождение исходных файлов с объектами и обновляет ссылки на всех страницах.
   Такая технология работы Проводника позволяет разработчику web-сайтов быстро проводить изменения структуры сайта, т. е. перемещать файлы, переименовывать их, добавлять и удалять папки. Кроме того, в MS FrontPage существует набор шаблонов сайтов, что позволяет автоматически формировать структуру сайта и расставлять ссылки между страницами.
   Таким образом, проводник MS FrontPage предоставляет целый спектр возможностей, необходимых разработчику в управлении сайтом. Среди возможностей программы присутствует проверка корректности ссылок в документах, автоматическая корректировка ссылок при изменении структуры сайта, стандартные методы управления документами, возможность автоматической публикации на рабочий web-сервер или локальный диск всего сайта или только измененных документов, возможность импорта сайта с локального диска, Интранет или Интернет. Кроме этого, есть мастер создания сайтов, а также функции проверки орфографии, поиска и замены слов или фраз на всем сайте, существует ряд утилит управления и plug-ins сторонних разработчиков специально для проводника MS FrontPage, расширяющих возможности пакета в целом.
   Следует отметить, что созданные с помощью MS FrontPage HTML-страницы не обладают существенными динамическими возможностями, которые создаются с помощью программирования, но для создания статических и динамических страниц с использованием небольших вставок программного кода на языках VB-Script и Java-Script MS FrontPage является незаменимым средством. Профессиональные разработчики зачастую предпочитают создание HTML-страниц только с использованием простейшего текстового редактора Блокнот, однако применение программ автоматизированного создания web-узлов становится все более распространенным приемом.
   Итак, MS FrontPage является одновременно простым и мощным средством разработки HTML-страниц, создания web-узлов и размещения их в сети Интернет, которое позволяет сосредоточить все внимание на качестве создаваемых страниц. Помимо визуального контроля и средств гипертекстовой разметки документов, здесь есть возможность тестирования и корректировки ссылок, поддержка большинства стандартов Интернет и их расширений, простота в работе и высокое качество, обеспечиваемое даже начинающим разработчикам, не обладающим навыками программирования. Таким образом, MS FrontPage является комплексным средством.
   Основные возможности редактора Macromedia Dreamweaver MX 2004
   Macromedia Dreamweaver MX 2004 — это профессиональный HTML-редактор, предназначенный для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Dreamweaver поддерживает ручное написание HTML-кода, а также предоставляет возможности работы в визуальной среде создания и редактирования web-страниц и сайтов.
   Macromedia Dreamweaver позволяет создавать как простые web-страницы, так и сайты с профессиональным web-дизайном и предоставляет разработчикам следующие основные возможности:
   • разработка гипертекстовых web-страниц;
   • внедрение графических, аудио и видеофрагментов в web- страницы;
   • создание таблиц в HTML-формате;
   • настройка прокси-сервера и брандмауэра;
   • регистрация и публикация сайта;
   • разработка сайтов на основе фреймов, сайтов с табличным дизайном, использование шаблонов и таблиц стилей;
   • включение свободно позиционируемых элементов;
   • разработка анимационных роликов на web-страницах;
   • использование сценариев;
   • разработка метатэгов и серверных директив;
   • программирование серверных приложений;
   • создание сайтов с интерактивными элементами.
   Помимо инструментальных средств редактирования кода (например, проверка закрытия тэгов и цветовое выделение элементов кода), Dreamweaver обеспечивает целостность HTML-ko- да за счет технологий Roundtrip HTML, Roundtrip XML и Roundtrip Server Markup, включает визуальную среду, справочную информацию по HTML, а также CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP). Кроме того, Dreamweaver интегрирован с Macromedia Fireworks, Flash и Shockwave и обеспечивает полнофункциональную среду написания кода.
   Dreamweaver обладает многодокументным интерфейсом, т. е. в нем реализована возможность одновременной работы с несколькими документами. Рабочая область окна Dreamweaver предназначена для просмотра документов и свойств объектов, в ее панелях содержится набор инструментов, позволяющих проводить изменения в документах. Основные элементы структуры окна Dreamweaver (рис. 6.6):
   • стартовая страница (Start page) предоставляет возможность создания новых файлов, открытия недавно использовавшихся файлов и перехода к работе со справочной системой;
   • панель вставки (Insert bar) содержит кнопки, предназначенные для вставки в документ объектов различных типов (рисунков, таблиц, слоев) как частей HTML-кода;
   • панель инструментов документа (Document toolbar) предоставляет возможность просмотра окна документа в различных режимах;
   • стандартная панель (Standard toolbar) открывает доступ к часто используемым операциям работы с файлами и правки, таким как создание нового файла, открытие существующего файла, сохранение одного или всех файлов, копирование, вставка, отмена и возврат действий;
   • окно документа (Document window) показывает активный документ, редактирование которого происходит в настоящее время;
   • инспектор свойств (Property inspector) предназначен для просмотра и изменения свойств выделенного текста или объекта;
   • выбор тэгов (Tag selector) расположен в строке состояния в нижней части окна документа, отображает иерархию тэгов выделенного объекта либо содержимое выделенного тэга;
   • группа панелей (Panel groups) предназначена для группировки нескольких зависимых панелей под общим названием;
   • панель файлов (Files panel) содержит инструменты управления файлами и папками, содержащимися на локальном сайте или удаленном сервере, а также на локальном диске.
   Помимо перечисленных элементов, в Dreamweaver существует целый спектр инструментов (панелей и окон), предназначенных для выполнения разнообразных операций с документом в целом или отдельными его частями, просмотра кода и дизайна документа, вставки графических объектов и т. п.

Контрольные вопросы

   1. Что такое гипертекстовая технология? Для чего она предназначена?
   2. Назовите пять этапов, включенных в технологию построения гипертекста.
   3. Перечислите основные элементы гипертекстовой технологии.
   4. Что такое информационный фрагмент текста, тема, узел, ссылка?
   5. В чем заключаются основные различия между референтными и организационными ссылками?
   6. Назовите основные группы приложений, использующих гипертекстовую технологию.
   7. Что представляет собой система World Wide Web?
   8. Что такое HTML, и для чего это предназначено?
   9. Что такое тэги, для чего они предназначены и какими бывают?
   10. Почему кириллица не используется в именах web-документов?
   11. Каково назначение пакета MS FrontPage и каковы его основные возможности?
   12. Для чего предназначен редактор MS FrontPage?
   13. Что такое WYSIWYG?
   14. Перечислите основные достоинства редактора MS FrontPage.
   15. Что такое проводник MS FrontPage? В чем его отличие от редактора?
   16. Перечислите основные сервисы проводника MS FrontPage.
   17. Для чего предназначен редактор Macromedia Dreamweaver? Каковы его основные возможности?
   18. Назовите основные элементы структуры окна Macromedia Dreamweaver.
   19. В чем заключается принципиальное различие между возможностями MS FrontPage и Macromedia Dreamweaver?

 
< Пред.   След. >