 |
Лекция 8.6. Создание Web-сайтов с помощью редактора Front Page.
|
|
|
|
План
1. Общие сведения о редакторе Front Page.
2. Основные режимы работы Front Page.
3. Разработка структуры страниц и их элементов оформления
Вопрос 1. Общие сведения о редакторе Front Page.
Программа FrontPage 2002, входящая в состав Microsoft Office XP, предназначена для создания Web-страниц и Web-узлов. Применяя панели инструментов и команды меню, на странице можно размещать текстовую и графическую информацию, панели навигации и ссылки, предназначенные для перехода от одной страницы к другой. Кроме того, для оформления Web-страницы можно использовать таблицы, фреймы, бегущие строки, анимацию и многое другое. Чтобы ускорить разработку Web-страниц и узлов, можно применять шаблоны и мастера. FrontPage позволяет использовать в Web-узле материал, подготовленный в других программных продуктах, входящих в Microsoft Office, таких как Word, Excel, Access и PowerPoint. Преимущества FrontPage перед другими редакторами очевидны:
♦ FrontPage имеет мощную поддержку в Интернете. Существует много Web-узлов, групп новостей, конференций, ориентированных на пользователей FrontPage. Также к FrontPage существует масса платных и бесплатных плагинов (plug-ins), расширяющих его возможности. Например, самые лучшие, на сегодняшний день, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro от компании Ulead встраиваются плагинами не только в Photoshop, но и в FrontPage. Помимо этого, имеется целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage;
♦ интерфейс FrontPage схож с интерфейсом программ, входящих в Microsoft Office, что облегчает его освоение. К тому же между программами, входящими в Microsoft Office, существует полная интеграция, что позволяет использовать во FrontPage информацию, созданную в других приложениях.
Вопрос 2. Основные режимы работы Front Page.
|
|
|
Режимы просмотра и редактирования Web-страницы
При открытии в программе FrontPage новой или ранее созданной Web-границы вы оказываетесь в режиме просмотра и редактирования страницы Страница (Page). Для перехода в режим редактирования из других режимов используется кнопка Страница (Page) панели Представления (Views) или команда Страница меню Вид (View).
В режиме Страница осуществляется создание новых Web-страниц и редактирование имеющихся. В этом режиме Web-странице можно задать тему ее оформления, разместить на ней текст с использованием элементов форматирования, графические и видеоизображения, гиперссылки, таблицы, фреймы и т.д. Иными словами, в режиме редактирования на странице размещается все то, что увидит посетитель при ее открытии в Интернете.
В режиме Страница в нижней части рабочей области, в которой располагается редактируемая страница, имеются три вкладки, позволяющие просматривать Web-страницу в различных режимах (табл. 1).
Таблица 1. Режимы просмотра Web-страницы
| Вкладка | Назначение |
| Обычный (Normal) | Обычный режим работы, при котором осуществляется создание страницы с помощью визуальных средств. Страница создается путем размещения в ней текста, линий, кнопок, ссылок и других объектов с использованием меню и панелей инструментов, при этом вам не требуется знать HTML-коды |
| HTML-код (HTML) | Режим просмотра и создания страницы в HTML-кодах (рис. 4.3.). Его можно использовать как для просмотра HTML-кодов страницы, созданной в обычном режиме работы, так и для создания страницы с помощью кодов. При этом часть страницы может создаваться в обычном режиме, а отдельные места дописываться в кодах |
| Просмотр (Preview) | Предварительный просмотр страницы в том виде, в котором она будет представлена на сервере Интернета |
Режим просмотра структуры папок
Для перехода в режим просмотра структуры папок Web-узла используется кнопка Папки (Folders) на панели Представления (Views) или команда Папки (Folders) из меню Вид (View). В этом режиме работы в главном окне по умолчанию размещается панель Список папок (Folder List) с именами папок открытого Web-узла, расположенных по иерархии, а в рабочей области программы — содержимое папки, выделенной на панели
|
|
|
Режим Переходы
Режим работы Переходы (Navigation), называемый также режимом навигации, позволяет разработчику наглядно просматривать и модифицировать иерархическую структуру страниц создаваемого Web-узла. Эта структура используется при создании панелей ссылок, размещаемых на страницах и служащих для перемещения между страницами Web-узла. Для перехода в режим Переходы предназначена кнопка Переходы на панели режимов Представления (Views) и команда Способ перехода (Navigation) из меню Вид (View).
Режим работы Гиперссылки
Режим работы Гиперссылки позволяет разработчику просмотреть в графическом виде все ссылки, установленные на страницах Web-узла. Для перехода в режим просмотра гиперссылок предназначена кнопка Гиперссылки на панели режимов Представления (Views) и команда Гиперссылки (Hyperlinks) из меню Вид (View).
Режим формирования и просмотра отчетов
Как правило, Web-узел представляет собой сложный объект, состоящий, в свою очередь, из большого количества Web-страниц, гиперссылок, файлов {(графических, мультимедийных, текстовых). Режим просмотра отчетов Отчеты (Reports) позволяет сгруппировать файлы по определенным признакам, посмотреть занимаемый ими объем, предполагаемую скорость их загрузки, видеть список файлов, созданных или измененных за определенный интервал времени и т. д.
Режим формирования и просмотра задач
Режим работы Задачи (Tasks) предназначен для помощи в планировании и организации работ по созданию Web-узла, что актуально при ведении крупной разработки с большим количеством участников. В этом режиме можно формировать список работ, приоритет их выполнения и в какие сроки эти заботы должны быть завершены, указать исполнителей.
Вопрос 3. Разработка структуры страниц и их элементов оформления
Прежде чем переходить непосредственно к созданию Web-узла, необходимо разработать структуру основных входящих в него страниц, чтобы пользователю легко было перемешаться между страницами различных уровней, а также, чтобы он в любой момент мог вернуться на домашнюю страницу.
|
|
|
Первая страница, на которой оказывается посетитель, это домашняя страница. Она должна содержать заголовок, краткое описание разделов Web-узла, ссылки на разделы второго уровня иерархии в структуре, а также информацию об авторских правах и информацию для контактов, которую можно разместить в колонтитуле.
Количество страниц второго уровня должно определяться количеством основных разделов Web-узла. На этих страницах размещается наиболее важная информация, относящаяся к разделам, а также, если в них есть необходимость, ссылки на страницы третьего уровня иерархии.
На страницах третьего уровня размещается уточняющая информация к основным разделам Web-узла
Схема навигации
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Панели ссылок
После того как разработана схема навигации, необходимо определить названия навигационных ссылок, а также заголовки страниц, на которые с их помощью осуществляется переход. Названия ссылок должны соответствовать названиям представляемых ими материалов. В этом случае посетитель Web-узла имеет возможность определить, какую ссылку надо выбрать для просмотра той или иной информации. Навигационные ссылки объединяют в панели ссылок, называемые также панелями навигации. Панели ссылок — это несколько расположенных рядом ссылок, предназначенных для перемещения между страницами Web-узла. Размещаются панели ссылок, как правило, на страницах в специально отведенных для них местах, называемых общими областями, в верхней части или с левой стороны страницы.
Элементы оформления Web-страниц
Web-страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы, фреймы.
|
|
|
