Знакомство с программой frontpage

Создание сайтов в программе FrontPage

знакомство с программой frontpage

На Студопедии вы можете прочитать про: Знакомство с программой FrontPage. Подробнее. Оформление Web-страниц с помощью FrontPage В данной статье мы продолжим знакомство с программой и поговорим об оформлении. В данном пособии показаны возможности программы FrontPage при создании 3 Введение Программа FrontPage , входящая в состав Microsoft это руководство призвано ускорить знакомство с новой версией программы.

Если вы переходите в какой-либо режим работы, в главном окне программы появляется необходимая панель инструментов. Например, при переходе в режим просмотра и создания отчетов о Web-узле загружается панель Отчеты, а при работе с графическими изображениями Рисунки. В том случае, если панель инструментов отсутствует на экране, для ее отображения используется команда Панели инструментов из меню Вид, при выборе которой появляется меню, содержащее список всех панелей программы FrontPage, представленный в табл 5 Рис Главное окно программы FrontPage Таблица 1.

Стандартная панель инструментов программы FrontPage используется во всех режимах рис. Рис Стандартная панель инструментов Назначение большинства кнопок данной панели инструментов совпадает с другими программами Office. Меню Рассмотрение назначения команд меню будет описано далее по мере рассмотрения режимов, в которых они используются.

Большинство команд меню Файл и Правка вам знакомы, если вы работали с другими приложения Windows. В меню Вид содержит команды табл. Для получения доступа к контекстному меню достаточно установить курсор на объект, с которым вы в данный момент работаете, и нажать правую кнопку мыши.

Панель режимов работы FrontPage предлагает 6 режимов просмотра и создания Webузла. Для перехода в тот или иной режим предназначена располагаемая с левой стороны главного окна FrontPage панель Представления, содержащая 6 кнопок. Назначение кнопок данной панели описано в табл Таблица 1. Кнопки панели режимов работы Кнопка Название Назначение Страница Просмотр и редактирование страниц; в данном режиме в рабочей области программы FrontPage можно создавать новые и редактировать существующие Webстраницы Папки Просмотр структуры папок создаваемого Web-узла Отчеты Просмотр отчетов; этот режим предназначен для формирования и просмотра отчетов о Web-узле Переходы Проектирование структуры Web-узла; эта структура в дальнейшем используется при создании панелей ссылок 7 8 Гиперссылки Задачи Просмотр гиперссылок Web-узла Режим формирования и просмотра задач, которые можно использовать при создании Web-узла Для перехода в один из режимов работы, помимо кнопок на панели Представления, можно использовать одноименные команды меню Вид Открытие Web-узла Для открытия Web-узла в программе FrontPage выполните следующие действия: В меню Файл выберите команду Открыть веб-узел или на стандартной панели инструментов нажмите стрелку справа от кнопки Открыть и выберите команду Открыть веб-узел.

Используя раскрывающийся список Папка открывшегося диалогового окна Открытие веб-узла рис. Выберите необходимый Web-узел и нажмите кнопку Открыть. Рис Диалоговое окно Открытие веб-узла Значки, которыми обозначаются Web-узлы, похожи на значки папок, на которых помещено изображение глобуса. В диалоговом окне Открытие веб-узла находятся кнопки, предназначенные для облегчения поиска Web-узла на диске, если 8 9 он расположен в одной из системных папок: Журнал, Мои документы, Рабочий стол, Избранное, Мое сетевое окружение.

РАЗРАБОТКА ВЕБ-СТРАНИЦ с помощью программы Front Page - PDF

Чтобы открыть Web-узел, можно воспользоваться командой Последние веб-узлы из меню Файл, содержащей имена четырех последних открывавшихся Web-узлов. Каждый открываемый Web-узел располагается в новом окне программы FrontPage. Чтобы этого не возникало, перед загрузкой нового Web-узла закрывайте открытый узел с помощью команды Закрыть веб-узел из меню Файл Открытие Web-страницы С помощью диалогового окна Открытие файла в программе FrontPage можно открывать Web-страницы, сохраненные на диске в виде отдельных файлов, Web-страницы из Интернета, а также страницы Web-узла.

При открытии страницы, входящей в состав Webузла, открывается и сам Web-узел. Для открытия Web-страницы выполните одно из следующих действий: В меню Файл выберите команду Открыть; На стандартной панели инструментов нажмите стрелку с правой стороны кнопки Открыть и выберите команду Открыть. При выполнении любого из этих действий открывается диалоговое окно Открытие файла рис.

Используя раскрывающийся список, выберите папку, в которой располагается открываемая вами Web-страница. Затем установите на выбранную страницу курсор и нажмите кнопку Открыть. Обратите внимание на значок Web-страницы. Он напоминает страницу с направленной наружу стрелкой. Для открытия Web-узла можно также использовать команду Последние файлы из меню Файл, которая содержит имена четырех последних открытых Web-страниц Панели Список папок и Область переходов В главном окне программы в режимах Страница, Переходы и Гиперссылки можно отобразить панель Список папок, показывающую структуру папок открытого Web-узла рис.

Для этого необходимо в меню Вид выбрать команду Список папок. Web-страница имеет расширение имени файла НТМ. В режимах работы Страница, Переходы и Гиперссылки справа от панели Список папок размещается рабочая область для просмотра и редактирования Web-узла или Web-страницы. Работа с панелью Список папок аналогична работе в окне Проводника системы Windows. Открывая папки, определяющие структуру открытого в программе FrontPage Web-узла, вы легко можете отыскать необходимую страницу и открыть ее для просмотра и редактирования.

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

В режиме работы Страница в окне программы FrontPage можно разместить панель Область переходов, предназначенную для просмотра навигационной структуры открытого Web-узла. Для отображения панели Область переходов можно использовать одноименную команду из меню Вид или вкладку в нижней части панели Список папок. Режимы просмотра и редактирования Web-страницы При открытии в программе FrontPage новой или ранее созданной Web-границы вы оказываетесь в режиме просмотра и редактирования страницы Страница.

Для перехода в режим редактирования из других режимов используется кнопка Страница панели Представления или команда Страница меню Вид. В режиме Страница осуществляется создание новых Web- 11 12 страниц и редактирование имеющихся.

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

Страница создается путем размещения в ней текста, линий, кнопок, ссылок и других объектов Режим просмотра и создания страницы в HTML-кодах рис. Его можно использовать как для просмотра HTMLкодов страницы, созданной в обычном режиме работы, так и для создания страницы с помощью кодов.

Предварительный просмотр страницы в том виде, в котором она будет представлена на сервере Интернета Рис Просмотр страницы в HTML-кодах Чтобы правильно сориентироваться в HTML-кодах и легко найти редактируемое место, в нормальном режиме установите курсор в то место страницы, где вы хотите внести изменения, и перей- 12 13 дите на вкладку HTML-код.

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

Значки файлов, размещенных в рабочей области программы и значки папок вам знакомы по работе с системой Windows. Наиболее часто встречаются значки Web-страниц, графических файлов и файлов Microsoft Office. Рис Окно программы FrontPage в режиме работы Папки Создание новых папок Если при работе в программе FrontPage возникнет необходимость в новой папке для упорядочения имеющихся файлов, то создать ее вы можете из режима просмотра структуры папок.

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

Эта же папка отобразится в правой области. Позднее вы можете папку переименовать, воспользовавшись командой контекстного меню Переименовать. Перемещение файлов Для перемещения файлов между папками Web-узла в режиме просмотра структуры папок программа FrontPage позволяет использовать метод "перенести-поставить".

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

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

Название прямо- 14 15 угольника соответствует названию отображаемой им страницы.

знакомство с программой frontpage

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

Для перехода в режим просмотра гиперссылок предназначена кнопка Гиперссылки на панели режимов Представления и команда Гиперссылки из меню Вид. В режиме просмотра гиперссылок в главном окне программы FrontPage отображается панель Список папок, а в рабочей области схема ссылок открытого Web-узла рис.

Нa схеме гиперссылок файлы представлены в виде значков, рядом с которыми расположены их имена. Ссылки на схеме представлены в виде линий. Слева от значка располагаются входящие на страницу ссылки, а справа исходящие.

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

Режим просмотра отчетов Отчеты позволяет сгруппировать файлы по определенным признакам, посмотреть занимаемый ими объем, предполагаемую скорость их загрузки, видеть список файлов, созданных или измененных за определенный интервал времени. Для перехода в режим работы Отчеты используется кнопка Отчеты на панели режимов Представления и команда Отчеты из меню Вид. При выполнении этих действий в рабочей области программы FrontPage отображается таблица рис.

В этом режиме можно формировать список работ, приоритет 16 17 их выполнения и в какие сроки эти заботы должны быть завершены, указать исполнителей. Рис Режим просмотра отчетов Для перехода в режим формирования и просмотра задач предназначена кнопка Задачи на панели режимов работы Представления и команда Задачи из меню Вид.

При переходе в режим Задачи в правой рабочей области программы располагается в табличном виде список сформированных задач рис. Работа в данном режиме осуществляется с помощью команды Задачи из меню Правка и контекстного меню Выход из программы FrontPage После завершения текущего сеанса работы необходимо закрыть программу FrontPage.

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

Но в программе FrontPage имеется большое количество шаблонов и мастеров по созданию Web-страниц, фреймов, Web-узлов и стилей. Шаблон это совокупность параметров документа для его многократного использования, иными словами, каркас вашего документа.

Выбрав тот или иной шаблон, вы в дальнейшем используете те средства, которые в нем уже заложены. Например, выбрав шаблон Текст одним столбцом, вы получаете страницу, на которой информацию необходимо размещать в одну колонку по центру.

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

В результате в главном окне программы FrontPage появляется панель Создание веб-страницы или узла рис. Рис Панель Создание веб-страницы или узла 2. Выберите на панели значение Шаблоны веб-узлов. Открывается диалоговое окно Шаблоны веб-узлов, в котором можно выбрать шаблон или мастер для создания Web-узла рис. Диалоговое окно содержит одну вкладку Веб-узлы, на которой расположены значки предлагаемых системой шаблонов и мастеров для создания Web-узлов.

Выделите значок мастера, услугами которого хотите воспользоваться. При этом в области Описание появляется краткое описание выбранного мастера. В поле Укажите расположение нового веб-узла необходимо задать URL-адрес Web-узла, то есть имя Web-сервера, на котором хотите разместить Web-узел, и имя Web-узла.

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

Ответив на все вопросы мастера, вы нажимаете кнопку Готово. Мастер создает Webузел и выводит его в главном окне программы для просмотра и редактирования Шаблоны для создания Web-узлов Помимо мастеров, при разработке Web-узлов можно и нужно использовать шаблоны.

Они помогают создавать типовую структуру Web-узла. Для создания Web-узла из предлагаемых шаблонов выполните следующие действия: На появившейся панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов. Открывшееся диалоговое окно Шаблоны веб-узлов содержит шаблоны для создания Web-узлов табл.

Выделите курсором значок шаблона, услугами которого хотите воспользоваться. При этом в области Описание появляется краткое назначение выбранного мастера. Шаблоны, используемые для создания Web-узлов Шаблон Назначение Одностраничный веб-узел Веб-узел поддержки заказчиков Создает Web-узел, содержащий одну страницу Создает Web-узел поддержки покупателей вашей продукции, на котором они смогут разместить свои замечания и предложения относительно качества товаров и услуг Пустой веб-узел Личный веб-узел Веб-узел проекта Веб-узел рабочей группы на основе SharePoint Создает пустой Web-узел Создает многостраничный персональный Web-узел Web-узел проекта.

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

В поле Укажите расположение нового веб-узла введите местоположение и имя создаваемого Web-узла. В соответствии с выбранным шаблоном программа FrontPage формирует требуемый шаблон Web-узла и открывает его в режиме просмотра и редактирования. Далее вы можете приступать к редактированию созданного прообраза Web-узла Шаблон создания одностраничного Web-узла При использовании данного шаблона Одностраничный вебузел программа FrontPage формирует структуру Web-узла, состоящую из папок, и добавляет в нее одну пустую Web-страницу.

Чтобы просмотреть структуру созданного с помощью шаблона Web-узла, отобразите в окне программы панель Список папок, выбрав в меню Вид одноименную команду. Страница, входящая в созданную структуру Web-узла, сохранена в файле с именем index.

По умолчанию подразумевается, что эта страница будет использоваться в качестве домашней. Откройте эту страницу, два- 21 22 жды щелкнув на имени файла index. Страница будет открыта в режиме редактирования рис. Структуру Web-узла, созданного на основе шаблона Одностраничный веб-узел, в дальнейшем можно изменить: После завершения формирования шаблона созданный Webузел открывается в режиме редактирования. На панели папок вы можете просмотреть структуру Web-узла.

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

Объем настоящего пособия не позволяет рассмотреть возможности мастеров создания остальных шаблонов Web-узлов.

Рис Web-узел, созданный с использованием шаблона Одностраничный веб-узел 22 23 2. Шаблоны и мастера для создания Web-страниц Чтобы просмотреть шаблоны и мастера, предлагаемые программой FrontPage для создания Web-страниц на панели Создание веб-страницы или узла выберите команду Шаблоны страниц. Диалоговое окно Шаблоны страниц содержит три вкладки рис. На вкладке Общие указаны имена основных шаблонов страниц. Вкладка Страница рамок содержит названия шаблонов страниц, использующих фреймы.

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

РАЗРАБОТКА ВЕБ-СТРАНИЦ с помощью программы Front Page

Для создания страницы с использованием данного шаблона нет необходимости открывать диалоговое окно Шаблоны страниц. Достаточно щелкнуть мышью на кнопке Создать стандартной панели инструментов. По умолчанию всегда предполагается использование шаблона Обычная страница. Рис Диалоговое окно Шаблоны страниц Глава 3. Размещение на Web-странице текста и заголовков Теперь можно приступить к созданию собственного Web-узла и размещению на Web-страницах текстовой информации, заголов- 23 24 ков, форматированию символов, абзацев, использованию для оформления информации списков.

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

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

С помощью этих средств вы сможете выделить на странице наиболее важные места, сделать информацию легко читаемой. При создании Web-страницы необходимо помнить, что некоторые обозреватели игнорируют отдельные стили оформления. Поэтому следует протестировать созданную страницу с помощью, например Microsoft Internet Explorer. Шрифты Когда говорят о шрифте, используемом в оформлении Webстраницы, то подразумевают следующее параметры: Существует множество шрифтов, предназначенных для самых различных целей.

Для каждого конкретного случая принято использовать символы шрифтов определенного размера: Процесс форматирования текста сводится к установке требуемых параметров для символов.

Основные параметры шрифта тип, размер и начертание можно задать с помощью диалогового окна Шрифт и кнопок на панели инструментов Форматирование. Вам может потребоваться, например, символ, обозначающий торговую марку или знак авторского права. Чтобы вставить специальный символ на создаваемую Web-страницу, выполните следующие действия: Установите курсор в то место страницы, где нужно вставить символ.

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

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

В редакторе FrontPage, как и в любом другом текстовом редакторе, абзац это фрагмент текста, ограниченный символом абзаца. Абзац, так же как и символ, является объектом форматирования. При форматировании абзаца оперируют следующими понятиями: Для абзаца в программе FrontPage можно задать левый и правый отступы; Выравнивание текста; Межстрочный интервал - определяет расстояние между строками абзаца; Рамки и заливка предназначены для дизайна абзаца.

Средства форматирования абзаца Абзац можно форматировать до и после ввода текста. Переходы — отображается структура переходов между страницами сайта. Гиперссылки — открывает список ссылок текущей страницы. Задачи — открывает список задач для текущего сайта Рис. Создание Web-страниц в прикладной программе FrontPage Создание новой пустой Web-страницы Если при открытии окна программы FrontPage в нем отображается пустая страница, то разработку веб - страницы можно осуществлять на базе этой страницы.

В окне приложения появится пустая страница. Далее необходимо осуществить разработку страницы, то есть выполнить разметку структуру страницы, ввести текст, рисунки и.

Создание веб—страницы на основе шаблонов FrontPage Создать новую страницу можно также на базе одного из шаблонов. На экране будет отображаться окно диалога Шаблоны страниц, в котором представлены различные шаблоны страниц по категориям. Создание веб—страницы на основе имеющихся Web-страниц в ПК Создать веб—страницу можно и на базе имеющихся, на компьютере веб—страниц.

Далее можно произвести необходимые изменения на странице и сохранить ее под другим именем. Откроется окно диалога Шаблоны веб—узлов, в котором необходимо выделить Пустой веб—узел и щелкнуть ОК.

В окне приложения FrontPage будет отображаться веб - узел, который представлен на рисунке. Для создания пустой домашней страницы в новом веб-узле необходимо перейти в режим Переходы и щелкнуть на кнопке Новая страница на панели Переходы, в рабочем поле появится домашняя страница для создания домашней страницы можно также использовать контекстное меню. Дважды щелкните на домашней странице левой кнопкой мыши, и она откроется в режиме конструктора для редактирования страница - index.

Далее можно осуществить разработку домашней страницы создать разметку или структуру страницы, ввести текст, рисунки и.

знакомство с программой frontpage

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

Далее на каждую страницу нужно ввести содержание или контент текст, таблицы, картинки и. Выберите требуемый шаблон или мастера для создания нового сайта. Созданный сайт имеет разметку и дизайн, но в нем отсутствует контент.