Создание образовательного сайта по информатике

Еще одна WYSIWYG-ориентированная программа для редактирования HTML-файлов встроена в броузер Netscape. Она называется Netscape Composer.

В этой программе возможностей гораздо меньше, чем в предыдущей, однако, поскольку это модуль популярного броузера, ее тоже используют активно. Средства верхней инструментальной панели позволяют вставить в файл изображение (Image), горизонтальную линию (HLine), таблицу, гиперссылку (Link) или якорь (Anchor). Ниже расположена небольшая панель для управления начертанием шрифта (полужирное, курсивное, подчеркнутое), а также его размером, отступом и выключкой. Здесь же можно выбрать цвет фона. С помощью выпадающих меню доступно еще несколько HTML-элементов.

Несмотря на доступность и популярность программы, мы вряд ли можем посоветовать использовать WYSIWYG-редакторы типа Netscape Composer для создания веб-страниц, за исключением каких-либо очень простых случаев. Если вам непременно хочется визуально отслеживать все вносимые изменения, то установите программу Arachnophilia и воспользуйтесь функцией Instant View.

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

Frontpage

Что представляет собой Frontpage в целом

Microsoft Frontpage позволяет разрабатывать документы Web и управлять ими. Не только страницами Web, для работы с которыми имеется масса прекрасных программ, но документами Web (sites) в целом, т. е. наборами связанных страниц. Если вы освоите Frontpage, то сможете преодолеть все трудности, связанные с установкой собственного Web.

Frontpage состоит из трех основных компонентов:

1. Frontpage Explorer (Проводник) обеспечивает создание структуры документов Web, и предоставляет мастеров и шаблоны, которые позволяют это сделать всего за несколько минут. Если Web уже установлен, проводник дает визуальное представление всего документа Web и позволяет поддерживать его в дальнейшем;

2. Frontpage Editor (Редактор) позволяет создавать отдельные страницы Web или редактировать ранее введенные страницы в режиме "что видите, то и получаете";

3. Frontpage Personal Web Server (Персональный сервер Web) обеспечивает проверку всех аспектов работы данного Web и его обслуживание в Internet.

Эти компоненты как раз и составляют то, что считается законченной средой разработки документа Web. Чтобы сделать Web полностью завершенным, вы захотите установить его на компьютер, подключенный к Internet через высокоскоростной канал связи все 24 часа в сутки. Однако даже при низкоскоростном модеме можно выделить часть рабочего времени для запуска Web. Для этого в пакете имеется почти все.

Что Frontpage не делает

Пакет Frontpage предлагает очень многое, и новые версии будут иметь свои дополнения. Основным недостатком пакета является отсутствие средств для создания приложений на языке Java. Могут понадобиться и такие инструментальные средства, как программы для манипуляции со снимками, программы графики с высоким разрешением, редакторы и программы создания видео и звуковых элементов. Могут потребоваться также специализированные инструментальные средства для создания на современном уровне, например, страниц Macromedia Shockwave или страниц VRML (Virtual Reality Modeling Language). To, каким образом Frontpage будет применять передовые технологии в будущем, еще предстоит рассмотреть, однако уже сейчас нужны средства развития системы, позволяющие сделать это.

Однако возможности, предоставляемые Frontpage, являются более чем достаточными для большинства разработчиков документов Web. Как комплекс инструментальных средств Frontpage кажется ближе к идеалу, чем что-либо еще имеющееся, в частности, в среде Windows 95 и NT, и эти средства могут быть дополнены любыми другими программами.

Компоненты Frontpage

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

Frontpage Explorer

Frontpage Explorer (проводник) разработан, чтобы дать возможность видеть созданный документ Web. Проводник обеспечивает отображение документа Web на трех основных панелях: Outline View (Структурная панель). Link View (Панель связей), Summary View (Общая панель). Структурная панель показывает иерархическую структуру, связи между страницами. Она напоминает аналогичное окно в системах подготовки текстов. Панель связей дает ясное графическое представление того, как страницы данного документа Web связаны между собой и как они соотносятся с внешними элементами. Общая панель отображает характеристики каждого файла, входящего в данный документ Web.

В целом три панели позволяют видеть, как сконструирован документ Web, и в процессе работы помочь определить, что еще должно быть сделано для завершения данного Web. Разорванные связи четко выделяются и могут быть обновлены автоматическим изменением ссылок. Проводник самостоятельно создает и устанавливает То Do List (Список заданий), которые должны быть завершены, и вы можете поручить их любому сотруднику из вашей команды.

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

Наконец, проводник позволяет установить параметры управления документом Web. Можно определить, кто будет иметь доступ к документу Web на различных уровнях: от администраторов и авторов до конечных пользователей. Если требуется ограничить доступ к вашему документу Web внутри собственной организации, вы можете это сделать. Если нужно, чтобы пользователи регистрировались перед открытием вашего документа, вы можете указать и это. А если вы хотите, чтобы сотрудники могли изменять страницы без права изменения опций администрирования, то нужно установить несколько параметров в диалоговом окне.

Frontpage Editor

В настоящее время нет недостатка в хороших пакетах, позволяющих создавать документы Web. Обычно они называются редакторами HTML, поскольку страницы Web пишутся на языке разметки гипертекста (Hypertext Markup Language -- HTML). Однако в Microsoft Frontpage в действительности не нужно знать язык HTML. Как и текстовый процессор, который не показывает коды форматирования, пока не будет сделан специальный запрос, редактор Frontpage действует по принципу отображения результатов, т. е. того, что и нужно видеть, а не коды и теги. И хотя на рынке это не первая программа такого типа, она представляется наиболее современной.

Редактор Frontpage поддерживает новые возможности HTML, такие как работа с таблицами, формами и кадрами. Он позволяет также установить цвет и параметры форматирования страницы с помощью группы диалоговых окон, благодаря чему упрощается стандартизация внешнего вида данного документа Web по сравнению с другими. В случаях с формами и кадрами программа делает шаг вперед благодаря встроенному мастеру, позволяющему создавать довольно сложные элементы. Далее, редактор продвигается еще на один шаг, предлагая средства автоматизации, называемые Bot.

Если вы уже пробовали получить форму на сервере Web, то знаете, с какими трудностями можно столкнуться. Разработка самой формы относительно проста: программирование же скриптов, позволяющих форме взаимодействовать с сервером так, чтобы при нажатии кнопки Submit (Завершение) данные отправлялись по назначению, является исключительно неприятным процессом. Средства Bot в формах Frontpage исключают многие из этих трудностей, как и необходимость изучать интерфейс создания скриптов, известный как CGI (Common Gateway Interface - общий интерфейс шлюзов). С этими Bot вы не сможете выполнять все сложные варианты взаимодействия по CGI, по крайней мере в ранних версиях, но Frontpage даже для новичков делает возможным организовывать полноценное взаимодействие с серверами Web.

Personal Web Server

Если нужно ваш собственный Web-узел сделать хостом, потребуется часть программного пакета, которая называется программа сервера Web. Когда компьютер подключен к Internet, эта программа позволяет делать его доступным пользователям на World Wide Web. Для эффективной работы компьютер с сервером Web должен быть подключен к Internet все 24 часа в сутки и работать с большей скоростью, чем самые быстрые модемы. Но, если потребуется, можно использовать Personal Web Server (Персональный сервер Web) неполное рабочее время и с меньшей скоростью.

Все же обеспечение связи не является основной функцией персонального сервера. Он разработан как инструмент исследования ваших документов Web после их создания. Сразу вслед за созданием нескольких страниц вам захочется их посмотреть с помощью вашей программы просмотра (Netscape, Internet Explorer, Mosaic и т. д.). Все, что нужно сделать для этого, -- просто запустить персональный сервер Web, установить его в локальный режим, затем загрузить программу просмотра (браузер) и убедиться, что все работает. Пока компьютер подключен к Internet, можете проверить внутренние и внешние связи и убедиться, что страницы Web выглядят точно так, как вы хотели.

Администратор сервера

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

Расширения сервера

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

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

Использование Frontpage Explorer для запуска Web

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

Войдите в меню Start (Старт), откройте подменю Microsoft Frontpage и выберите программу Frontpage Explorer. После короткой паузы появится окно Frontpage Explorer.

Выберите команду File, New Web (Файл, Создать Web) из меню проводника. Вы сразу увидите диалоговое окно со списком шаблонов и мастеров Web:

1. Normal Web (Обычный Web) - создает документ Web с единственной пустой страницей, которая будет исходной;

2. Corporate Presence Wizard (Мастер представления фирмы) проводит по процессу создания документа Web организационного типа;

3. Customer Support Web (Web поддержки клиента) позволяет работать со структурой документа для взаимодействия с клиентами;

4. Discussion Web (Web дискуссий) используется для создания Web-дебатов; создание такого окна с пустого места -- работа, отнимающая массу времени;

5. Empty Web (Пустой Web) создает структуру документа Web без единой страницы. Используйте его после того, как подготовили исходную страницу и требуется пустой Web, чтобы ее вставить.

6. Learning Web (Web изучения Frontpage) -- это краткое, но полезное пособие для данного пакета программ;

7. Personal Web (Персональный Web) устанавливает единственную исходную страницу с набором объектов гиперссылок, которые можно уничтожить или настроить в соответствии с вашими потребностями;

8. Project Web (Web проекта) устанавливает Web, который может использоваться для управления проектом.

Для начала выделите строку Normal Web (Обычный Web) и нажмите кнопку ОК. Появится диалоговое окно с запросом указать сервер, на котором нужно установить Web; примите установку по умолчанию. Затем введите имя для Web в поле имени. Имя должно соответствовать соглашениям для имен в данном сервере. Например, имена Web Frontpage не могут включать пробелы. Кроме того, имя чувствительно к регистру, т. е. "MyWeb" -- не то же самое, что "myweb". Помните об этом, когда пытаетесь получить доступ к своему Web-узлу у поставщика услуг Internet (ISP).

Сразу после нажатия кнопки ОК проводник Frontpage начинает генерировать Web. Но прежде чем выполнить эту задачу, проводник как администратор Web-узла запросит ваше имя и пароль. Введите имя и пароль, которые были заданы при инсталляции пакета Frontpage, и нажмите ОК. Далее проводник заканчивает создание Web и открывает его в своей рабочей зоне. Одновременно проводник автоматически запускает персональный сервер Web. образовательный сайт

И в этом состоит весь набор требующихся действий. В результате вы имеете новенький, готовый для дальнейшей разработки Web.

Проводник отображает документ Web на трех панелях в удобной форме. Outline View (Структурная панель) находится в левом подокне. Она отображает общую структуру данного Web.

В правой панели может быть два варианта изображения: Summary View (Общая панель) или Link View (Панель связей). Общая панель предоставляет список всех графических объектов и страниц текущего документа Web (открытого). Панель связей отображает значки для каждой страницы, образа или World Wide Web URL (Uniform Resource Locator -- универсальный идентификатор ресурсов) с линиями, показывающими связи между ними. Переключение от одной панели к другой осуществляется по командам View, Link View (Вид, Панель связей) и View, Summary View (Вид, Общая панель). Обе панели исключительно полезны для управления структурой документа Web и для передачи страниц в редактор Frontpage.

В общей панели нового документа Web имеется две строки: im-ages/Undercon.gif и Normal Page. Первая строка содержит имя графического файла со знаком Under Construction (В работе), столь милый для разработчиков Web. Вторая строка -- имя исходной страницы данного Web, названной Normal Page (Обычная страница), потом вы научитесь изменять имя на более подходящее. Если вы включите панель связей, то увидите единственный значок для Normal Page, который выглядит довольно одиноко.

Использование Frontpage Editor для создания страниц

Если проводник Frontpage выполняет функции организатора строящегося документа Web, то редактор Frontpage является той программой, при работе с которой вы тратите большую часть творческой энергии. Это полноценный редактор страниц Web с большим количеством дополнительных возможностей сверх стандарта HTML 2.0. Он предоставляет совершенную среду WYSIWYG -- редкое свойство для современных редакторов HTML. С помощью редактора можно переходить по связям от одной страницы к другой даже в процессе редактирования, что на практике превращает Frontpage Editor в мини-браузер, поэтому вы можете открыть в редакторе страницы World Wide Web для изучения кодов HTML.

Редактор Frontpage во многом напоминает текстовый процессор. Можно одновременно открыть несколько страниц и переключаться между ними, можно вырезать, копировать и вставлять фрагменты страниц, выполнять проверку орфографии, задавать размер и внешний вид символов. Он поддерживает работу с таблицами аналогично Word и WordPerfect, но варианты форматирования таблиц здесь несколько сужены из-за ограничений, обусловленных языком HTML. Включение графических объектов осуществляется так же, как в текстовом процессоре. Связывание -- всего лишь дополнительная строка в меню Edit (Правка).

Для первого знакомства с редактором Frontpage начните с команды проводника Tools, Show Frontpage Editor (Сервис, Показать редактор). Почти сразу появляется окно редактора.

Теперь поместите в рабочую зону редактора исходную страницу нового документа Web, чтобы иметь возможность ее просматривать. Для этого выберите команду File, Open from Web (Файл, Открыть из Web); появляется диалоговое окно Current Web (Текущий Web) с единственным именем в списке страниц Web: Normal Page. Это ваша новая исходная страница.

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

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