Использование шаблонов и мастеров Microsoft FrontPage. Создание динамического веб-шаблона Создание и сохранение страниц на Веб-Узле
Выполнила: ст-ка физ-мат. фак-та,
3 курс, отд «информатика»
Меграбян Э.
Научный руководитель: кандидат технических наук,
Дацент кафедры информатики и МПМ,
Богданова М. В.
Ворнонеж
FrontPage и его интерфейс
Запуск редактора……………………………………………………………………………...4
Работа с панелями инструментов……………………………………………………………4
Строка состояния и символы форматирования……………………………………………..5
Перемещение по странице…………………………………………………………………...5
Свойства строницы…………………………………………………………………………...5
Предварительный просмотр………………………………………………………………….7
Основы работы во
Текс…………………………………………………………………………………………….8
Изменение размера шрифта………………………………………………………………….9
Смена шрифта………………………………………………………………………………...9
Изменение цвета текста………………………………………………………………………9
Символы……………………………………………………………………………………...10
Списки………………………………………………………………………………………..10
Создание списка……………………………………………………………………………..11
Превращение сплошного текста в список…………………………………………………11
Изменение стиля всего списка……………………………………………………………...12
Вставка горизонтальной линии…………………………………………………………….12
Форматирование горизонтальных линий………………………………………………….13
Использование декораций…………………………………………………………………..13
Миниатюры для предварительного просмотра……………………………………………14
Создание ссылок на страницы сайтов в Internet…………………………………………..16
Построение таблиц…………………………………………………………………………..16
Инструменты панели таблиц…………………………………………………………...…..17
Остальные кнопки панели таблиц………………………………………………………….19
Вставка таблицы……………………………………………………………………………..20
Изменение свойств таблицы………………………………………………………………..22
Размещение изображений……………………………………………...…………………...23
Коллекция иллюстраций……………………………………………………………………24
Изменение свойств изображения…………………………………………………………..25
Звуки………………………………………………………………………………………….30
Подвижные кнопки………………………………………………………………………….31
Менеджер баннеров…………………………………………………………………………33
Бегущие строки……………………………………………………………………………...35
Изменение параметров бегущей строки…………………………………………………...36
Счетчик визитов……………………………………………………………………………..36
Вставка видеокадров………………………………………………………………………...37
Общие поля страниц………………………………………………………………………...38
Проверка орфографии……………………………………………………………………….40
Шаблоны и мастера
Шаблоны сайтов……………………………………………………………………………..41
Шаблоны страниц…………………………………………………………………………...42
Создание фреймов…………………………………………………………………………...43
Использование шаблонов фреймов………………………………………………………...43
Заказные шаблоны…………………………………………………………………………..44
Заказные шаблоны сайтов…………………………………………………………………..44
Мастера………………………………………………………………………………………45
Мастера сайтов………………………………………………………………………………45
Компоненты о формы
Добавление поискового компонента……………………………………………………….45
Штемпель…………………………………………………………………………………….48
Добавление временного изображения……………………………………………………..50
Добавление временных страниц……………………………………………………………51
Создание формы обратной связи…………………………………………………………...52
FrontPage и его интерфейс.
Запуск Редактора.
Запустив Редактор непосредственно (либо прямо из Microsoft Windows, либо из Проводника Frontpage при нажатии на панели инструментов кнопки Show Frontpage Editor или командой Show Frontpage Editor из меню Tools). В этом случае Редактор откроется с пустым экраном; чтобы открыть нужную страницу, используйте команду Open меню File и приступайте к редактированию.
При запуске Редактор откроет свое собственное окно, в верхней части которого, как в большинстве программ подобного класса, расположены меню и панели инструментов. Когда все панели инструментов видимы, Редактор выглядит так, как показано на рис. 1.
Рис. 1 Общий вид окна Редактора Frontpage.
Поначалу он может показаться сложноватым, но не пугайтесь: в этой главе вы узнаете, для чего предназначены большинство этих кнопок и меню. Если вы умеете пользоваться Excel, вы заметите, что вкладки внизу окна редактирования - Normal (Обычный вид), HTML (Код HTML) и Preview (Предварительный просмотр) - похожи на вкладки рабочих листов. Эти вкладки позволяют увидеть редактируемую страницу с различных точек зрения. Для начала мы будем работать в обычном режиме (вкладка Normal).
Работа с панелями инструментов.
Редактор располагает рядом панелей инструментов, которыми можно управлять через меню View (Вид): Standard (Стандартная), Format (Форматирование), Image (Рисование), Forms (Формы), Advanced (Дополнительно) и Table (Таблица). Когда они все видны, они занимают существенную часть окна Редактора. Поэтому те, что вам не нужны, лучше спрятать. Чтобы скрыть панель инструментов, откройте меню View и уберите галочку напротив имени этой панели. Чтобы показать спрятанную панель, найдите ее имя в меню View и поставьте напротив него галочку, тогда панель появится на том же самом месте, которое она раньше занимала. Приглядевшись, вы увидите в меню View пункты Status Bar (Строка состояния) и Format Marks (Символы форматирования). Этим опциям посвящен следующий раздел данной главы.
Панели инструментов Редактора можно располагать в любом месте экрана. Чтобы передвинуть панель инструментов, щелкните на любом месте панели, не занятом кнопками, и перетащите ее на новое место. Если вы оставите ее где угодно в окне редактирования, то панель будет плавающей. Если такой вариант вас не устраивает, подтащите панель к любому краю окна и оставьте ее там.
Строка состояния и символы форматирования.
Строку состояния, расположенную в самом низу окна Редактора, можно прятать и показывать; для этого служит команда Status Bar меню View.
Редактор в некоторых случаях неявно использует символы форматирования, такие, как знаки абзаца. Чтобы показать или спрятать эти метки на странице, выберите в меню View опцию Format Marks.
Подсказка: Чтобы скрыть или показать символы форматирования, можно воспользоваться кнопкой Show/Hide Paragraph стандартной панели инструментов. На ней изображен символ абзаца.
Перемещение по странице.
Перемещение по содержимому страницы (если оно, конечно, есть) производится традиционным способом с помощью клавиатуры. Например, для прокрутки страницы на один экран вверх или вниз используются клавиши
В Редакторе Frontpage реализованы 25 наиболее популярных клавиатурных комбинаций Microsoft Word, так что пользователи Office будут чувствовать себя в Редакторе, как дома.
Свойства страницы.
Чтобы установить в Редакторе свойства страницы, выберите команду Page Properties (Свойства страницы) в меню File или в контекстном меню, появляющиеся после щелчка правой кнопкой мыши. В диалоговом окне Page Properties, помимо общей информации, типа названия страницы, устанавливаются такие параметры, как фоновый рисунок и фоновый звук, цвет фона, стандартные цвета текста и гиперссылок, поля страницы, а также некоторые переменные. Для редактирования свойств, страница должна быть открыта в Редакторе. В этом разделе мы подробно разберем каждый из этих параметров и начнем со вкладки General (Общие), показанной на рис. 2.
Рис. 2. Диалоговое окно Page Properties, вкладка General.
В текстовом поле Title можно ввести или отредактировать название страницы; поле Base Location предназначено для задания необязательного базового URL страницы. Чтобы установить для ссылок этой страницы целевой фрейм по умолчанию, введите его имя в текстовом поле Default Target Frame или нажмите кнопку Target Frame. Откроется диалоговое окно Target Frame.
В секции Background Sound (Фоновый звук) можно изменить свойства фонового звука; детали этой процедуры будут описаны ниже в разделе "Звуки".
На вкладке Background (Фон), вид которой приведен на рис. 3, задаются параметры фона и цвета различных ссылок.
Рис. 3. Диалоговое окно Page Properties, вкладка Background.
FrontPage – это редактор, который предназначен для создания страниц с гипертекстовым кодом. Эта программа обеспечивает создание HTML - тегов, списков, тем оформления и необычных стилей для веб-сайтов.
FrontPage считается софтом старого поколения и его практически не используют. Сейчас есть более продвинутая программа для создания гипертекста - Adobe Dreamweaver.
Многие веб - дизайнеры также используют SharePoint Designer , который сменил «старый» FrontPage. В FrontPage можно создавать веб-страницы с неактуальными на сегодняшний день стандартами гипертекста. Программа оснащена «древовидной структурой» и отображает подсказки при вводе тегов.
Функционал
Этот HTML – редактор пригодится начинающим веб-дизайнерам, которые только учатся создавать сайты начального уровня. В софте есть большое количество инструментов, которые обеспечивают создание страниц с гипертекстом. Используя FrontPage, вы оформите их графическое оформление и соответствующие теги сайта, которые указал заказчик.Плюс этого редактора – контроль ошибок, которые допускает пользователь при вводе тегов и команд. Программа найдёт все теги, которые введены не верно, и покажет варианты для исправления.
FrontPage оснащён интегрированным набором шаблонов. Не важно, новичок вы или профессионал, воспользуйтесь шаблоном и создайте страницы, сэкономив время. Программа работает, как менеджер и обеспечивает быструю публикацию созданной страницы. Если у вас возникнут сложные вопросы по работе с софтом – откройте справку, войдя в Google.
Режимы работы
В редакторе гипертекста есть режимы работы, которые отличаются возможностями. Режим конструктора показывает окно редактора и код с дополнительными опциями. Войдя в режим «кода», вы работает только с гипертекстом.В «просмотре результатов» вы посмотрите заготовку созданного сайта. Используя «комбинированный» режим, вы увидите основную область для создания кода и просмотр «заготовки».
Работая в «конструкторе», вы увидите все ошибки. В этом режиме можно работать с картинками и добавлять их в разные места. Вы можете добавлять все ссылки, рамки и прочие элементы. Режим кода подходит для просмотра гипертекста, но не для его редактирования.
Ключевые особенности
- обработка и создание веб-страниц с последующим оформлением;
- просмотр готового гипертекста, используя режим конструктора;
- встроенная база с заготовками, которая упрощает работу с проектом;
- менеджер с удобным режимом публикации;
- в программе есть встроенная справка;
- поиск данных и коррекция ошибок;
- графическое оформление редактора локализировано на русский язык.
Frontpage предложит вам огромное разнообразие шаблонов страниц, начиная с шаблона обычной страницы, который представляет собой каркас чистого листа, до довольно сложной трехстолбцовой страницы. Добавляя к уже существующему сайту страницы, созданные с помощью шаблонов, вы быстро и просто настроите свой Web-сайт.
Страницы с помощью шаблонов создаются в Редакторе.
1. Откройте сайт, в котором будет находиться новая страница, в Проводнике. (При желании можно пропустить этот шаг, т. к. после того, как вы сохраните страницу, ее можно импортировать в любой из существующих сайтов).
2. В Редакторе выберите пунктСоздать из меню Файл .
3. В окне Другие шаблоны страниц выберите нужный шаблон из предлагаемого списка и нажмите кнопку ОК .
Вам предоставляется богатый выбор различных шаблонов страниц, которые вы сможете использовать в своем сайте. Шаблоны перечислены в списке в левой части диалогового окна Шаблоны страниц , а в правой части этого окна отображается описание текущего шаблона и его примерный вид.
Создание страницы рамок
В данной лекции рассматривается пример создания web-страницы кафедры ФиМ. Мы откажемся от использования шаблонов сайта и воспользуемся шаблоном страницы рамок.
Рамки позволяют разбивать страницы на прямоугольные области, в каждой из которых отображается своя собственная страница. Вы можете разместить одну или несколько рамок на странице рамок. Это означает, что вы можете создать страницу, различные области которой отображают различное содержание. Изменение содержания в одной из рамок необязательно влечет за собой изменение содержания в другой, но при желании сможете сделать так, чтобы страница, получаемая по ссылке, находящейся в одной рамке, отображалась в области другой рамки.
Рамки весьма популярны у Web-дизайнеров, некоторые из них делят свои страницы на пять, шесть и даже более рамок (такая структура может существенно замедлить загрузку сайта!). Frontpage предлагает вам десять шаблонов рамок, каждый из которых содержит не более четырех рамок на каждой странице рамок.
Использование шаблонов рамок
1. Откройте в Проводнике сайт, в котором вы хотите создать новую страницу рамок.
2. В Редакторе выберите пункт Создать из меню Файл .
3. В появившемся диалоговом окне Шаблоны страниц выберите шаблон из вкладки Страница рамок , а затем нажмите кнопку ОК.
Вы сможете предварительно оценить выбранную вами страницу рамок, т. к. его макет будет показан в правой части диалогового окна.
Предположим, вы остановили свой выбор на шаблоне Объявление и оглавление. На экране вы увидите следующее:
Примечание: После того, как вы выбрали понравившийся шаблон, не забудьте сохранить каждую из рамок, нажав Новая страница в появившейся прямоугольной области. Только после этого вы получите тот же результат, что и на рис. Обратите внимание, что каждую из рамок вы можете назвать так, как вам удобно, но всю страницу принято называть index .
2. Основы работы в ms FrontPage
Если Вы отказались от создания web-страницы с помощью мастера и решили использовать только шаблон рамок, вам следует ознакомиться с тем, как разместить текст, организовать навигацию (вставить гиперссылки), использовать мультимедиа-технологии.
Тема 3.3: Прикладные программы для создания Веб-сайтов
Тема 3.4: Применение Интернет в экономике и защита информации
Программы для создания сайтов
3.3. Прикладные программы для создания Веб - сайтов
3.3.2. Знакомство с программой FrontPage
Web–страницы основаны на языке описания гипертекстовых документов HTML (Hypertext Markup Language). В HTML для определения содержания и формата гипертекстовых документов используются команды, которые называются тегами (tags). HTML – страницы представляет собой документы в обычном текстовом формате, содержащие специальные команды форматирования (теги HTML).
Для того чтобы создать сайт при помощи FrontPage, нет необходимости учить HTML. FrontPage позволяет довольно просто набрать текст, который можно поместить на Web - страницу, расположить в нужных местах рисунки. Используя FrontPage, можно создавать эффекты, для которых обычно требуются скрипты или программы DHTML.
Сайт или Web-узел – это набор связанных между собой близких по смыслу Web-страниц и файлов. В программе FrontPage существуют мастера, которые позволяют создавать сайт, и шаблоны или набор предварительно разработанных текстовых и графических форматов, на основе которых могут создаваться новые веб - страницы. Мастера и шаблоны FrontPage позволяют создавать сайты различных типов.
На каждом сайте существует одна Web-страница, которая называется главной или домашней. Домашняя страница – первая Web-страница, на которую попадает посетитель сайта. Используя навигацию или гиперссылки, пользователи смогут попасть и на другие страницы сайта.
Обычно сайт размещается на Web-сервере – компьютере, который предоставляет доступ к Web-страницам посетителям сайта. FrontPage позволяет создавать сайт непосредственно в файловой системе компьютера пользователя, а затем, когда он будет готов, опубликовать его на Web-сервере.
После запуска программы FrontPage (Пуск – программы – FrontPage) на экране появится окно программы, в котором отображается новая страница (нов_стр_1.htm). В области задач отображается панель Приступая к работе.
Рис. 1.
Окно прикладной программы FrontPage состоит: из строки заголовка, строки меню, панелей инструментов редактирования и форматирования, кнопок быстрого выбора тега (для редактирования и ввода тегов), ярлычков вкладок выбора страниц (для перехода между страницами), рабочего окна, в котором отображается новая страница, панели рисования, кнопок режимов просмотра, индикатора ожидаемого времени загрузки страниц при скорости 56 кбит/с, индикатора размера страниц, области задач.
В программе FrontPage можно пользоваться одним из четырех режимов просмотра: "Конструктор", "Код", "С разделением" и "Просмотр". В режиме "Конструктора" как в любом текстовом редакторе можно в визуальном режиме создавать, редактировать и форматировать страницу, т.е. вводить текст, добавлять рисунки, таблицы. При этом теги языка HTML автоматически добавляются в фоновом режиме, но кодировка HTML на экране не отображается.
В режиме "Код" на экране будет отображаться вся кодировка и можно напрямую редактировать код HTML, а также вводить новые коды. На рисунке представлен HTML – код новой пустой страницы в редакторе FrontPage .
Рис. 2.
В режиме "С разделением" - на экране отображается Web-страница одновременно в режиме Код и в режиме Конструктор. В режиме просмотра Web–страница имеет вид аналогичный ее отображению в Web–браузере.
Команды, которые предназначены для работы с Web–страницами и Web–узлами, расположены в меню Вид программы FrontPage:
- Страница – это режим просмотра и разработки страницы.
- Папки – отображается структура папок текущего сайта.
- Удаленный узел – узел, который находится на сервере сети Интернет.
- Отчеты – предоставляется сводка об Web – узле.
- Переходы – отображается структура переходов между страницами сайта.
- Гиперссылки – открывает список ссылок текущей страницы.
- Задачи – открывает список задач для текущего сайта
Рис. 3.
Создание Web-страниц в прикладной программе FrontPage
Создание новой пустой Web-страницы
Если при открытии окна программы FrontPage в нем отображается пустая страница, то разработку веб - страницы можно осуществлять на базе этой страницы. Если при открытии редактора FrontPage, отображается пустое главное окно, то для создания новой пустой страницы необходимо выполнить команду Файл/Создать и выбрать в области задач Пустая страница. В окне приложения появится пустая страница. Далее необходимо осуществить разработку страницы, т.е. выполнить разметку (структуру) страницы, ввести текст, рисунки и т.д.
Рис. 4.
Создание веб–страницы на основе шаблонов FrontPage
Создать новую страницу можно также на базе одного из шаблонов. Для этого необходимо выбрать команду «Другие шаблоны страниц» в области задач. На экране будет отображаться окно диалога Шаблоны страниц, в котором представлены различные шаблоны страниц по категориям.
Рис. 5.
Создание веб–страницы на основе имеющихся Web-страниц в ПК
Создать веб–страницу можно и на базе имеющихся, на компьютере веб–страниц. Для этого необходимо в области задач выбрать команду «Из имеющейся страницы» и в появившемся окне диалога выбрать требуемую страницу. Далее можно произвести необходимые изменения на странице и сохранить ее под другим именем.
Создание сайта в прикладной программе FrontPage
Создание нового пустого сайта или создание веб-узла без содержимого
Для создания нового пустого сайта надо выполнить команду Файл/Создать и выбрать в области задач команду «Другие шаблоны веб–узлов». Откроется окно диалога Шаблоны веб–узлов, в котором необходимо выделить Пустой веб–узел и щелкнуть ОК. В окне приложения FrontPage будет отображаться веб - узел, который представлен на рисунке.
Рис. 6.
Для создания пустой домашней страницы в новом веб-узле необходимо перейти в режим Переходы и щелкнуть на кнопке Новая страница на панели Переходы, в рабочем поле появится домашняя страница (для создания домашней страницы можно также использовать контекстное меню).
Рис. 7.
Дважды щелкните на домашней странице левой кнопкой мыши, и она откроется в режиме конструктора для редактирования (страница - index.htm).
Рис. 8.
Далее можно осуществить разработку домашней страницы (создать разметку или структуру страницы, ввести текст, рисунки и т.д.), а затем к домашней странице можно добавить страницы в режиме Переходы. Для этого в режиме Переходы выделите домашнюю страницу и щелкните на кнопке Новая страница на панели Переходы или примените контекстное меню.
Будет добавлена Новая страница 1, которая представлена на рисунке. Далее добавьте столько страниц, сколько необходимо для сайта, затем страницы можно переименовать и изменить порядок их следования. Далее на каждую страницу нужно ввести содержание или контент (текст, таблицы, картинки и т.д.), в результате получим сайт.
Рис. 9.
Создание сайта на основе шаблона редактора FrontPage
Для создания сайта на основе шаблона выполните Файл/Создать и в области задач щелкните команду Веб – пакеты, откроется окно диалога Шаблоны веб–узлов.
Рис. 10.
Выберите требуемый шаблон или мастера для создания нового сайта.
Созданный сайт имеет разметку и дизайн, но в нем отсутствует контент. Далее в страницы этого сайта необходимо ввести соответствующий текст, рисунки, скрипты, счетчики и другие элементы сайта.
Тема 3.4: Применение Интернет в экономике и защита информации
Программы для создания сайтов
3.3. Прикладные программы для создания Веб - сайтов
3.3.4. Создание сайта и веб-страниц в FrontPage
Планирование сайта
Планирование сайта является одной из самых сложных задач. Как правильно расположить на страницах будущего сайта имеющуюся у Вас информацию? Какова должна быть структура сайта? Какие страницы должен иметь сайт? Какой дизайн должны иметь страницы сайта? Какая должна быть навигация по сайту?
Эти и многие другие проблемы, связанные с разработкой сайта, должны быть решены до применения прикладных программ для разработки сайтов.
Допустим, что мы решили разработать сайт, на котором будет представлена информация о компании EN101, эту имеющуюся у нас информацию мы можем изложить на четырех страницах:
- Главная
- О компании
- Бизнес-обзор проекта
- Способы оплаты
Выбираем имя сайта исходя из вида деятельности, например: lessons-en101.
Назначаем имена страницам:
- index – Главная;
- info - О компании;
- business- Бизнес-обзор проекта;
- pay - Способы оплаты.
В качестве главной страницы используем созданную ранее веб-страницу Главная (index). Создаем структуру сайта, которая представлена на рисунке.
Рис. 1.
Подготовим текст в редакторе Word для каждой страницы и рисунки в Adobe Photoshop в форматах GIF, JPEG или PNG с разрешением 72 пикс/дюйм, кроме того, можно использовать скрипты.
Далее можно зарегистрировать домен второго уровня в одной из зон (ua, ru, com, net, info и т.д.) и после разработки сайта выбрать платный хостинг, который устраивает по скорости доступа и предоставляет необходимые услуги для эффективной работы сайта. Если мы будем располагать сайт на бесплатном хостинге, то можно выбрать, например, хостинг на сервере narod.ru. Для этого необходимо будет зарегистрироваться на сервере и получить бесплатный хостинг. В этом случае у Вас будет домен третьего уровня, например: lessons-en101.narod.ru.
Создание сайта с помощью приложения FrontPage
1. Для создания сайта с помощью приложения FrontPage необходимо открыть окно приложения одним из способов. После чего на экране будет отображаться окно приложения или графический интерфейс FrontPage, в котором будет отображаться предыдущий сайт или страница. Для выхода из предыдущего сайта или страницы в FrontPage надо выполнить команду «Файл/Закрыть» или «Файл/Закрыть узел», либо то и другое, если были открыты узел и страница.
Затем выполняем команду Файл / Создать и в отрывшейся области задач «Создание» щелкаем мышью на «Другие шаблоны веб – узлов» в разделе «Создать Веб-узел». Откроется окно диалога «Шаблоны веб – узлов», в котором необходимо выделить «Пустой веб – узел», далее указать расположение нового веб-узла (например, D:\Documents and Settings\ТВА\Мои документы\Мои веб-узлы\lessons-en101) и щелкнуть ОК. На рисунке представлен фрагмент окна диалога «Шаблоны веб – узлов», в котором указан адрес нового сайта.
Рис. 2.
После сохранения сайта на экране в окне приложения FrontPage будет отображаться новый веб-узел в режиме папки.
Рис. 3.
2. Создание в FrontPage домашней страницы для нового сайта. Создание домашней страницы в FrontPage можно осуществлять по-разному. Например, можно щелкнуть на кнопке «Создать страницу» на панели «Содержимое», в результате в окне веб-узла добавится страница index.htm, которая показана на рисунке
Рис. 4.
3. Затем копируем содержимое ранее созданной папки EN101, в которой находятся папка images и страничка index (папка _vti_cnf формируется автоматически при создании веб-страницы). Содержимое папки EN101 представлено на рисунке.
Рис. 5.
Вставляем сохраненное содержание папки EN101 из буфера обмена во вновь созданную папку веб-узла lessons-en101, которая представлена на рисунке.
Рис. 6.
Рис. 7.
Таким образом, в качестве домашней страницы в новом сайте использована ранее созданная страница index.htm (Английский язык в Интернет). Можно создавать главную страницу и другими способами, изложенными в разделе 3.3.2. Знакомство с программой FrontPage.
5. Создаем в редакторе FrontPage структуру сайта, т.е. к главной странице добавим еще три страницы: info - О компании; business - Бизнес-обзор проекта; pay - Способы оплаты. Для этого надо перейти в режим Переходы, выполнив команду Вид/Переходы. Затем необходимо выделить домашнюю страницу и щелкнуть на кнопке Новая страница на панели Переходы или применить контекстное меню, добавится Новая страница 1. Аналогичным образом добавляем еще две новые страницы. Структура сайта представлена на рисунке.
Рис. 8.
6. Переименование Новых страниц в FrontPage. Переходим в режим папки и с помощью контекстного меню меняем имена Новая страница 1 на info , Новая страница 2 на business , Новая страница 3 на pay .
Рис. 9.
7. С целью единства дизайна страниц сайта копируем содержание главной страницы в созданные страницы info, business, pay. Для этого открываем главную страницу в режиме Страница и выполняем команду "Правка / Выделить все", и щелкаем на кнопке Копировать на панели инструментов. Переходим в режим Папки и щелкаем дважды на страничке info, она откроется в режиме Страница, затем щелкаем на кнопке Вставить. Содержимое главной страницы скопируется в страницу info, аналогично копируем содержимое главной страницы в остальные две страницы.
- Главная;
- О компании;
- Бизнес-обзор проекта;
- Способы оплаты.
Например, выделяем пункт навигации "Бизнес-обзор проекта" и с помощью контекстного меню открываем окно диалога Добавления гиперссылки, в котором выделяем business.htm и щелкаем ОК. Аналогично создаем гиперссылки для всех пунктов навигации на всех страницах. На рисунке представлен фрагмент окна диалога Добавления гиперссылки.
Рис. 10.
10. Добавляем и заполняем метатеги (между тегами
и ) на страницах: "О компани"; "Бизнес-обзор проекта"; "Способы оплаты" в режиме Код.Например, для страницы "О компании" теги заполнены следующим образом:
О компании En101
11. Переименование заголовков страниц в режиме Переходы. Выделить страницу и с помощью контекстного меню осуществить переименование:
- новая страница 1 переименовать на "О компании".
- новая страница 2 переименовать на "Бизнес-обзор проекта".
- новая страница 3 переименовать на "Способы оплаты".
В результате разработки получим сайт, который состоит из четырех веб-страниц. Этот сайт, созданный с помощью FrontPage в файловой системе ПК, можно разместить на веб-сервер в сете Интернет или Интранет.
Для разработки собственного сайта в FrontPage скачайте.