Создание Web-страниц при помощи программы FrontPage. Создание Web-страниц при помощи программы FrontPage Microsoft frontpage что за программа

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

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

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

Расширение возможностей. Можно организовать общение и обмениваться данными по-новому, создавая управляемые данными веб-узлы с широкими интерактивными возможностями в редакторе, действующем по принципу — что видишь на экране, то и получишь при печати. Усовершенствованные функциональные возможности публикации ускорят размещение создаваемых веб-страниц в Интернете.

FrontPage 2003 включает различные средства, возможности разметки и графические функции, которые ускоряют работу и позволяют создавать веб-узлы профессионального уровня.

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

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

Средства написания кода:

  • Представление с разделением позволяет увидеть, как изменения, вносимые в представление конструктора, обеспечивают обновление представления кода.
  • Простота выбора и изменения тегов, а также управления ими с помощью быстрого выбора тегов и быстрого редактора тегов.
  • Технология Microsoft IntelliSense® упрощает написание кода и снижает вероятность ошибок. Эта технология доступна для HTML (Hypertext Markup Language), таблиц каскадных стилей, XSLT (Extensible Stylesheet Language), Microsoft JScript® и Microsoft ASP.NET.
  • Удаление лишнего кода, генерируемого Word 2003 или другими программами веб-разработки.
Средства создания сценариев:
  • Усовершенствование интерактивных возможностей веб-узла без написания кода — благодаря использованию средств создания сценариев JScript.
  • Поддержка технологии IntelliSense в Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания сценариев JScript.



На рисунке - программа Microsoft FrontPage 2003 (1995-2003 гг.). Редактор имеет русский интерфейс и русскую справку. Вес 113 Мб.

Из Википедии:

1995 - Microsoft FrontPage 1.1
1997 - FrontPage 97 (2-я версия)
1997 - FrontPage Express 2.0
1998 - Microsoft FrontPage для Macintosh
1998 - FrontPage 98 (3-я версия)
1999 - FrontPage 2000 (9-я версия)
2001 - Microsoft FrontPage 2002 (10-я версия)
2003 - Microsoft Office FrontPage 2003 (11-я версия)

Развитие программы FrontPage прекращено в 2003 г., ей на смену пришли такие программы Microsoft, как Microsoft Office SharePoint Designer и Microsoft Expression Web .

Программа Microsoft FrontPage просто и логично устроена, и одновременно обладает большими возможностями.

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

Работа в программе FrontPage (в визуальном режиме) тоже в основном аналогична работе в Word.

FrontPage имеет 4 режима работы: конструктор (создание страницы в визуальном режиме), код (создание кода страницы), просмотр и режим разделения окна программы на код и просмотр.

В визуальном режиме FrontPage может оформить текст (при этом подчеркнет красной чертой все ваши школьные недоработки в области правописания), вставит рисунки, таблицы, ссылки, рамки (фреймы), формы и многое другое со всеми настройками.

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

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

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

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

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

По FrontPage имеется много обучающих материалов в Интернете. Вот некторые:

FrontPage Express


FrontPage Express (1995 - 1997 гг., вес 4,3 Мб) - небольшая, быстрая и симпатичная программа. По своей функциональности близка к такому редактору как NVU. Является облегченной версией FrontPage.
Выше - рисунок панели инструментов FrontPage Express.
Редактор поможет оформить заголовки, подобрать шрифт разного вида, размера, стиля и цвета. Поможет вставить на страницы изображения, видео, фоновый звук, спецсимволы, мультипликацию, списки, java-апплеты, бегущую строку, формы, ссылки, таблицы, и др.

Хотя в редакторе страница создается в визуальном режиме и нет возможности редактировать код, но на "выходе" код оказывается довольно чистым, без излишних включений.

На сегодняшний день FrontPage Express уже несколько устарел. К примеру, нет встроенного браузера для предварительного просмотра создаваемой страницы, нет работы с таблицами стилей (редактор вообще не реагирует на таблицы стилей) и др.


Скачивание FrontPage - из архивов в Интернете

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

Чтобы выполнить оптимизацию HTML-текста при публикации страницы, необходимо настроить удаленный веб-узел.

1. В представлении Удаленный веб-узел на вкладке Веб-узел нажмите кнопку Оптимизировать опубликованный HTML-текст.

2. На вкладке Оптимизация HTML выберите вариант При публикации оптимизировать код HTML, удалив следующие элементы.

3. Выберите нужные параметры.

Примечания

· Программа Microsoft FrontPage не применяет эти параметры к веб-страницам, ранее опубликованным на веб-узле. Чтобы применить эти параметры к странице, опубликуйте ее на веб-узле.

· Оптимизацию HTML-текста можно выполнить при публикации с локального веб-узла на удаленный, но не наоборот.

· Если установлен флажок Все примечания HTML или Примечания в динамических веб-шаблонах, при оптимизации HTML-текста программа FrontPage удаляет весь код динамических веб-шаблонов для этой страницы. Поэтому все содержимое страницы, связанное с динамическим веб-шаблоном, не будет больше отображаться для посетителей узла. С помощью веб-компонентов в программе Microsoft FrontPage в веб-узел можно включить широкий спектр функциональных возможностей, начиная от счетчиков посещений, регистрирующих число посетителей на странице, до фотоколлекций, представляющих собой наборы графических изображений. Существует два вида веб-компонентов: компоненты времени разработки и компоненты времени просмотра. Компоненты времени разработки являются средствами создания и разработки веб-страниц. Они доступны в программе FrontPage. При добавлении компонента времени разработки в веб-узел -- например, фотоколлекции или панели ссылок -- не требуется устанавливать дополнительное программное обеспечение или серверные технологии на веб-сервере, на котором размещен веб-узел. Компоненты времени просмотра доступны на веб-узлах, размещенных на веб-серверах, на которых запущены серверные расширения Microsoft FrontPage Server, службы SharePoint Team Services (Microsoft) или Microsoft Windows SharePoint Services.

· Гиперссылка -- это связь между веб-страницами или файлами. При щелчке гиперссылки посетителем узла указанный в ней объект отображается в веб-обозревателе, открывается или запускается в зависимости от типа этого объекта. Например, при щелчке гиперссылки на страницу эта страница отображается в веб-обозревателе, а при щелчке гиперссылки на avi -файл этот файл открывается в проигрывателе Windows. Способы применения гиперссылок:

Переход к файлу или веб-странице в локальной сети, в интрасети или в Интернете

Переход к файлу или веб-странице, которые будут созданы в будущем

Отправка сообщения по электронной почте

Запуск передачи файла, например загрузки файла или отправки файла по протоколу FTP

Переход к закладке

Создав гиперссылку, перейдите по ней до объекта назначения, чтобы убедиться, что она ведет к нужной странице, программе, файлу, адресу электронной почты. При наведении указателя мыши на текст или рисунок, которые содержат гиперссылку, он принимает вид руки с поднятым указательным пальцем, что означает, что этот элемент можно щелкнуть. В программе Microsoft FrontPage переход по гиперссылкам и их отображение выполняется по-разному в зависимости от объекта назначения. При создании гиперссылки ее назначение кодируется в формате URL (Uniform Resource Locator -- универсальный указатель ресурсов). Адрес URL задает протокол (например, HTTP или FTP) и содержит имя веб-сервера или места в сети, а также путь и имя файла, как показано в таблице.

Гиперссылки в рисунках не всегда видны. Однако, чтобы проверить, является ли рисунок гиперссылкой, достаточно навести на него указатель мыши. При наведении на гиперссылку указатель мыши принимает вид руки с поднятым указательным пальцем.Можно создать гиперссылку в виде текста или рисунка. Текстовой гиперссылкой называется слово или фраза, которым назначен адрес URL назначения. Гиперссылкой в виде рисунка называется рисунок, которому назначен адрес URL назначения. Этот адрес может быть назначен рисунку одним из двух способов.

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

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

Способы отображения гиперссылок: в веб-обозревателях текстовые гиперссылки обычно подчеркиваются и отображаются другим цветом. Имеется возможность выбрать цвета, которые будут использоваться в веб-обозревателе для отображения гиперссылок. При использовании стандартных HTML-атрибутов можно выбрать три цвета, соответствующие разным состояниям гиперссылок. Гиперссылка -- не использовавшаяся гиперссылка. Активная гиперссылка -- выбранная в настоящий момент гиперссылка. Просмотренная гиперссылка -- гиперссылка, по которой уже был осуществлен переход. Закладкой называется определенное место или выбранный текст на странице, помеченные соответствующим способом.

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

Если закладка создается для места, а не для текста, в программе FrontPage она обозначается значком. В противном случае текст подчеркивается штриховой линией. При переименовании файла на веб-узле в Microsoft FrontPage выполняется поиск гиперссылок на этот файл. Если такие гиперссылки существуют, в них автоматически обновляется имя файла. При перемещении файла на веб-узле (например в другую папку или подпапку) в Microsoft FrontPage автоматически обновляются все гиперссылки на него. Перед публикацией веб-узла рекомендуется всегда проверять работу гиперссылок. Если веб-узел содержит неработающую гиперссылку (гиперссылку с неверным адресом URL назначения), при щелчке такой ссылки посетителем узла в веб-обозревателе отображается сообщение об ошибке. Причиной такой ошибки может послужить опечатка в адресе URL, либо адрес URL может указывать на удаленную с веб-узла страницу. Если объектом назначения является другая страница в Интернете, возможно, она была перемещена или удалена.

Проверка специальных возможностей: в Microsoft Ресурсы Office FrontPage 2003 представлено новое средство проверки специальных возможностей на веб-страницах. Проверка специальных возможностей позволяет обнаружить несоответствие определенных возможностей методическим рекомендациям по специальным возможностям для веб-содержимого (Web Content Accessibility Guidelines, WCAG) WWW-консорциума (W3C) или требованиям статьи 508 закона США о реабилитации (Section 508 of the U.S. Rehabilitation Act). WCAG закладывает основы создания веб-страниц со специальными возможностями для людей с нарушениями подвижности, зрения и слуха. Статья 508 устанавливает стандарты правительства США для специальных возможностей широкого спектра информационных источников и технологий.

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

Управление и работа с веб-страницами - F8

Запуск средства проверки доступности - CTRL+N

Создание новой веб-страницы - CTRL+O

Открытие веб-страницы - CTRL+F4

Закрытие веб-страницы - CTRL+S

Сохранение веб-страницы - CTRL+P

Печать веб-страницы - F5

Обновление веб-страницы; обновление списка папок - CTRL+TAB

Переход между открытыми веб-страницами - CTRL+SHIFT+B

Просмотр веб-страницы в веб-обозревателе - ALT+F4

Завершение работы Microsoft FrontPage - CTRL+ SHIFT+8

Отображение непечатаемых знаков - CTRL+ /

Отображение тегов HTML в режиме конструктора - CTRL+F

Поиск текста или кода HTML на веб-странице - CTRL+H

Замена текста или кода HTML на веб-странице - F7

Проверка орфографии на веб-странице - SHIFT+F7

Поиск слова в справочнике - ESC

Отмена действия - CTRL+Z или ALT+ПРОБЕЛ

Отмена последнего действия - CTRL+Y или SHIFT+ALT+ПРОБЕЛ

Возврат или повторение действия - DEL

Удаление веб-страницы или папки из списка папок или любого диалогового окна - ПРОБЕЛ

Доступ и использование представлений - F12

Предварительный просмотр текущей страницы в веб-обозревателе CTRL+PAGE DOWN или CTRL+PAGE UP

Перемещение между представлениями Код, Конструктор, С разделением и Просмотр - ALT+PAGE DOWN или ALT+PAGE UP

Перемещение между областями Код и Конструктор в представлении С разделением - ALT+F1

Отображение и скрытие списка папок - Клавиша со стрелкой ВВЕРХ

Переход по узлам гиперссылок в представлении Гиперссылки - СТРЕЛКА ВВЕРХ, ВНИЗ, ВЛЕВО или ВПРАВО

Развертывание текущего узла и переход направо в представлении Гиперссылки - SHIFT+СТРЕЛКА ВЛЕВО

Работа со средствами кодировки

Быстрый редактор тегов - CTRL+F2

Вставка временной закладки - F2

Следующая временная закладка - SHIFT+F2

Предыдущая временная закладка - CTRL+G

Переход к строке - CTRL+L

Автозавершение - CTRL+ВВОД

Вставка фрагментов кода - CTRL+>

Вставка закрывающего тега - CTRL+<

Вставка открывающего тега - CTRL+ /

Вставка примечаний HTML - CTRL+ПРОБЕЛ

Форматирование текста и параграфов - CTRL+SHIFT+F

Изменение шрифта - CTRL+SHIFT+P

Изменение размера шрифта - CTRL+B

Применение полужирного форматирования - CTRL+U

Применение подчеркивания - CTRL+I

Применение наклонного форматирования - SHIFT+TAB

Использование пипетки - CTRL+знак «плюс»

Применение надстрочного форматирования - CTRL+знак «минус»

Применение подстрочного форматирования - CTRL+ SHIFT+C

Копирование форматирования - CTRL+SHIFT+V

Вставка форматирования - CTRL+SHIFT+Z или CTRL+ПРОБЕЛ

Удаление форматирования вручную - CTRL+E

Выравнивание параграфа по центру - CTRL+L

Выравнивание параграфа по левому краю - CTRL+R

Выравнивание параграфа по правому краю - CTRL+M

Задание левого отступа для абзаца - CTRL+ SHIFT+M

Задание правого отступа для абзаца - CTRL+ SHIFT+S

Применение стиля - CTRL+SHIFT+ N

Применение стиля «Обычный» - CTRL+ALT+1

Применение стиля «Заголовок 1» - CTRL+ALT+2

Применение стиля «Заголовок 2» - CTRL+ALT+3

Применение стиля «Заголовок 3» - CTRL+ALT+4

Применение стиля «Заголовок 4» - CTRL+ALT+5

Применение стиля «Заголовок 5» - CTRL+ALT+6

Применение стиля «Заголовок 6» - CTRL+ SHIFT+L

Редактирование и перемещение текста и рисунков - BACKSPACE

Удаление одного символа слева - DEL

Удаление одного символа справа - CTRL+BACKSPACE

Удаление одного слова слева - CTRL+DEL

Удаление одного слова справа - CTRL+C или CTRL+INS

Копирование текста или рисунков - CTRL+X или SHIFT+DEL

Вырезание выбранного текста в буфер обмена Microsoft Office - CTRL+V или SHIFT+INS

Вставка содержимого буфера обмена - SHIFT+ВВОД

Вставка разрыва строки - CTRL+SHIFT+ПРОБЕЛ

Выделение текста и рисунков - SHIFT+СТРЕЛКА ВПРАВО

Выделение одного символа справа - SHIFT+СТРЕЛКА ВЛЕВО

Выделение одного символа слева - CTRL+SHIFT+СТРЕЛКА ВПРАВО

Выделение слова до конца - CTRL+SHIFT+СТРЕЛКА ВЛЕВО

Выделение строки до конца - SHIFT+HOME

Выделение строки с начала - SHIFT+СТРЕЛКА ВВЕРХ

Выделение одной строки вверху - SHIFT+СТРЕЛКА ВНИЗ

Выделение одной строки снизу - CTRL+SHIFT+СТРЕЛКА ВНИЗ

Выделение параграфа до конца - CTRL+SHIFT+СТРЕЛКА ВВЕРХ

Выделение одного экрана снизу - SHIFT+PAGE UP

Выделение одного экрана сверху - CTRL+A

Выделение всей страницы - ALT+ВВОД

Вставка таблицы - TAB

Выделение всех ячеек строки при нахождении курсора в ячейке.

Создание авто-эскиза выделенного рисунка - CTRL+K

Доступ и работа с областью задач Справка и окном справка - SHIFT+CTRL+ALT+T

Вставка таблицы - TAB

Выделение содержимого следующей ячейки таблицы - SHIFT+TAB

Выделение столбца при нахождении курсора в верхней или нижней его ячейке - CTRL +T

Создание авто-эскиза выделенного рисунка - CTRL+K

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

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

Когда посетитель узла отправляет форму в обозревателе, значения всех ее полей, заключенные

и
отправляются в обработчик форм (Обработчик форм. Программа на сервере, которая выполняется при отправке формы посетителем узла. Каждая форма в Microsoft FrontPage связана с определенным обработчиком форм.) . Например, если поле формы представляет собой текстовое поле, то значением, которое отправляется в обработчик форм, является текст, введенный в поле. В программе Microsoft FrontPage имеется несколько обработчиков формы, которые принимают результаты формы и выполняют различные операции. Каждый раз при отправке формы в FrontPage сохраняет информацию в базе данных. Например, при использовании формы для сбора сведений о контактах, можно сохранять результаты формы непосредственно в базе данных заказчика. Можно сохранять результаты в существующей базе данных или создать новую с помощью программы FrontPage. Каждый раз при отправке формы посетителем узла FrontPage добавляет к файлу результаты, которые можно просмотреть при следующем открытии файла. Например, можно установить гостевую книгу для посетителей веб-узла и выбрать сохранение результатов в HTML-файл, а также создать ссылку на этот файл, чтобы посетители узла могли посмотреть, что написали другие. В случае сохранения результатов в XML-файле можно использовать результаты в FrontPage или экспортировать их в любое приложение, поддерживающее данные в формате XML, например в Office Excel 2003. Каждый раз при отправке формы посетителем узла будет автоматически отправляться сообщение электронной почты на заданный адрес, содержащее результаты этой формы.

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

Представление Удаленный веб-узел позволяет производить публикацию в двух направлениях, то есть легко перемещать файлы между удаленными и локальными расположениями. Это наиболее полезно при обновлении ранее опубликованного узла. В представлении Удаленный веб-узел на панелях «Локальный веб-узел» и «Удаленный веб-узел» отображаются значки с описанием, показывающим состояние публикации файлов. В совместных рабочих средах обновлением как локальных, так и удаленных веб-узлов могут заниматься несколько авторов. Программа Microsoft FrontPage будет сравнивать файлы на локальном веб-узле с опубликованными файлами на удаленном веб-узле. Далее приведены описания случаев, когда может потребоваться синхронизация локальных и удаленных версий файлов.

Если на локальном веб-узле будет обнаружена более новая версия файла, будет проведена синхронизация для обновления локального и удаленного веб-узла (если вручную не указать другие действия). Можно также выбрать публикацию с удаленного веб-узла на локальный узел. При синхронизации файлов с помощью представления «Удаленный веб-узел» на локальный узел могут загружаться файлы с удаленного веб-узла. Если файлы на удаленный узел поместил злоумышленник, под угрозой может оказаться и локальный узел. Перед синхронизацией файлов проверьте, что только доверенные пользователи имеют доступ к удаленному веб-узлу.

Корпорация Майкрософт, создатель данной программы, подтверждает свою приверженность политике усиления безопасности в отношении личных сведений пользователей. Для этого используются разнообразные технологии и процедуры защиты личных сведений от несанкционированного доступа, использования и разглашения. Корпорация Майкрософт вправе по своему усмотрению обновлять настоящее заявление о конфиденциальности. При каждом таком обновлении изменяется дата обновления в верхней части заявления. Обновленное заявление о конфиденциальности будет включено в очередной пакет обновления (SP) для программы Microsoft Ресурсы Office FrontPage 2003. Продолжение использования программы Microsoft Ресурсы Office FrontPage 2003 означает согласие пользователя с данным заявлением о конфиденциальности и всеми его обновлениями. Корпорация Майкрософт с благодарностью примет любые замечания относительно этого заявления о конфиденциальности.

5.1.1. Создание нового web-сайта и режимы представления …...……………... - 58

5.1.2. Организация структуры web-сайта ………………………………………….. - 61

5.1.3. Редактирование web-страницы ……………………………………………… - 64

5.1.4. Добавление и форматирование текста …………………………………….. - 66

5.1.5. Организация основных цветов web-страницы …………………………….. - 69

5.1.6. Создание и редактирование таблиц, макетные таблицы ……………….. - 69

5.2. Графические изображения как объекты приложения …………………………. - 76

5.2.1. Вставка графического и звукового фона на web-страницу ………………

5.2.2. Вставка рисунка на web-страницу ……………………………………………

5.2.3. Свойства изображения …………………………………………………………

5.2.4. Редактирование изображения ………………………………………………...

5.2.5. Рисованные объекты ……………………………………………………………

5.3.1. Создание гиперссылок и закладок на web-страницах …………………….

5.3.2. Создание горячих точек графического изображения ……………………..

5.3.3. Контроль гиперссылок средствами FrontPage 2003 ………………………

5.3.4. Общие границы ………………………………………………………………….

5.4. Каскадные таблицы стилей (CSS) …………………………………………………

5.4.1. Внутренние стили ……………………………………………………………….

5.4.2. Внедренные стили ………………………………………………………………

5.4.3. Внешние таблицы стилей ……………………………………………………..

5.5. Фреймы (кадры) в приложении FrontPage 2003 …………………………………

5.6. Формы в приложении FrontPage 2003 ……………………………………………. - 100

5.7. Компоненты приложения и их краткая характеристика ………………………. - 104

5.8. Дополнительные возможности FrontPage 2003 ………………………………… - 111

5.8.1. Использование обтекания и позиционирования …………………………. - 111

5.8.2. Эффекты с использованием Dynamic HTML и JavaScript ……………….. - 113

Раздел 5. Приложение Microsoft Office FrontPage 2003.

Microsoft Office FrontPage 2003 является приложением, предназначенным для создания и сопровождения web-сайтов (web-узлов), используя стандартный интерфейс

WYSIWYG (“что видишь, то и получаешь”).

MS FrontPage2003 доступен в качестве отдельного приложения. Размер установочной папки – 155 Мб. Требования к аппаратным средствам.

Компьютер и процессор. ПК с процессором Pentium 133 МГц или более мощным, рекомендуется Pentium III.

дополнительно 8 МБ ОЗУ для каждого из приложений, работающих одновременно.

Жесткий диск. 245 МБ свободного места на жестком диске и 115 МБ на жестком диске,

на котором установлена операционная система (требования к наличию свободного места на жестком диске зависят от конфигурации, а также от компонентов, выбираемых в процессе установки).

Операционные системы Microsoft Windows® 2000 с пакетом обновления 3 (SP3), Microsoft Windows XP или более поздние версии.

Справочная информация по программе на сайте – http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

MS Office FrontPage 2003 предоставляет новую среду разработки: макеты, линейки,

линии сетки, изображения-образцы, слои, шаблоны, улучшенные темы – все это предназначено для того, чтобы облегчить процесс реализации проекта web-сайта разработчику, который может даже не обладать знаниями языка HTML. Web-редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты. Тесная интеграция с пакетом MS Office позволяет отображать на страницах документы MS Word,

таблицы и графики MS Excel, динамически получать данные из MS Access, использовать язык VBA, средства проверки орфографии и около 60 готовых тем для оформления страниц сайта. В MS FrontPage 2003 реализована поддержка современных Web-

технологий, таких, как каскадные таблицы стилей (CSS), динамические эффекты (DHTML), фреймы, активные страницы (ASP), элементы ActiveX и Java -аплеты.

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

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

Однако большая часть таких компонентов будет работать только в том случаи, если web-

FrontPage (Microsoft), службы SharePoint™ Team Services 1.0 (Microsoft) или службы

Microsoft Windows® SharePoint Services. Работа некоторых компонентов зависит от типа используемого браузера. Это накладывает определенные ограничения на использование возможностей приложения при создании web-страниц.

К недостаткам web-редактора MS FrontPage можно отнести его преимущественную ориентацию на браузер Internet Explorer, поэтому следует проверять работу готового сайта в других браузерах. А также некоторую избыточность готового кода HTML. Редактор отслеживает изменения в коде страниц и восстанавливает тэги, удаленные пользователем.

Рисунок 5.1 – Окно программы MS Office FrontPage 2003

В основном, MS FrontPage 2003 выглядит как большая часть приложений MS Office

2003 (рис.5.1).

– строка заголовка

– рабочая область

– строка меню

– панель кнопок представления

– стандартная панель инструментов

– панель инструментов “рисование”

– панель инструментов “форматирование”

– строка состояния

– панель представления

– панель области задач

– информационная область текущего

Справка

представления Для получения справки по программе необходимо выполнить команду

Справка→Microsoft Office FrontPage и на панели Справка FrontPage перейти по ссылки Оглавление. Если компьютер подключен к Интернет, то к оглавлению справки добавляются документы, расположенные на сайте http://office.microsoft.com. В противном случае оглавление состоит только из документов установленных вместе с приложением.

5.1. Создание и редактирование web-сайта в среде приложения.

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

1) Создать новый web-сайт или открыть уже созданный.

2) Организовать (отредактировать) структуру web-сайт.

3) Отредактировать страницы web-сайта в любом порядке: 3.1) перейти в режим редактирования конкретной страницы;

3.2) установить свойства web-страницы;

3.3) ввести с клавиатуры или вставить через буфер обмена текст и отформатировать его; 3.4) вставить фон, звуковое сопровождение, таблицы, графические изображения,

3.5) добавить динамические эффекты и компоненты MS Office FrontPage 2003; 3.6) сохранить web-страницу и просмотреть ее в браузере Internet Explorer;

3.7) продолжить редактирование или перейти к редактированию другой web-страницы.

4) При необходимости вернуться к п.2 и добавить новые web-страницы.

5) Закрыть FrontPage 2003, открыть web-сайт в браузере и протестировать его (просмотреть web-сайт при разных расширениях монитора в разных браузерах).

5. 1.1. Создание нового web-сайта и режимы представления.

Для создания нового web-сайта необходимо выполнить следующие действия.

1) Выполнить команду Файл→Создать .

2) На панели Создание (1 рис.5.2) области задач перейти по гиперссылки

Одностраничный веб-узел (2 рис.5.2).

3) В открывшемся окне Шаблоны веб-узлов (3 рис.5.2) на вкладке Общие выбрать шаблон Одностраничный веб-узел (4 рис.5.2). Описание шаблона (5 рис.5.2)

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

настройки, с помощью которого можно задавать структуру web-сайта.)

4) Заполнить поле Укажите расположение нового веб-узла: (6 рис.5.2) вручную

(ввести полный путь) или с помощью кнопки Обзор (7 рис.5.2) (определить место на

диске для сохранения нового web-сайта, открыть (создать) папку, нажать кнопку

Открыть).

5) Нажать кнопку OK .

Рисунок 5.2 – Создание нового web-сайта

После того как web-сайт создан (рис.5.3), на панели представления появляется вкладка веб-узел (1), на информационной панели представления служебная информация (2) и кнопки команд (3) доступных в этом представлении, а в рабочем окне содержимое (4) текущего представления.

Панель кнопок представления (5 рис.5.3) содержит шесть кнопок, с помощью которых можно переключаться в различные режимы представления web-сайта.

Представление Папки – демонстрирует список папок и страниц web-сайта. В этом режиме удобно создавать новые папки, используя кнопку Создать папку в правой части

Рисунок 5.3 – Представление web-узла Папки

Представление Удаленный веб-узел – используется для просмотра Вашего web-

сайта на удаленном web-сервере.

Представление Отчеты – содержит список вариантов отчетов о web-сайте. Каждый итоговый отчет имеет свое имя, количество пунктов, общий размер файлов и описание.

Данный режим, например, может быть использован для выявления ошибок гипертекстовых переходов.

Представление Переходы – демонстрирует графическое изображение структуры web-сайта.

страницами.

Представление Задачи – используется для организации заданий по созданию web-

сайта (обычно используется, если в работе над web-сайтом участвуют несколько человек).

Все эти представления доступны из меню Вид .

Web-сайт созданный с помощью FrontPage 2003 может содержать web-страницы, рисунки, файлы мультимедиа, т.е. практически все возможные виды файлов, а так же скрытые папки и файлы (не отображаемые в приложении), поддерживающие особые функциональные возможности приложения. К скрытым папкам относятся _vti_cnf и _vti_pvt. Их можно увидеть, если открыть папку web-узла, например, в программе Мой компьютер . Папка _vti_cnf содержит сведения о каждом файле, например сведения о

По умолчанию, при создании Одностраничного веб-узла , создаются папки

Private и images и файл index.htm – первая (домашняя) страница web-сайта.

Для просмотра web-страницы index.htm необходимо сделать двойной щелчок левой кнопкой мыши на имени файла. В результате на панели представления правее вкладки

веб-узел , появится вкладка index.htm (1 рис.5.4) и кнопка Закрыть (2 рис.5.4), на панели информационной области представления кнопка Быстрый выбор тэга (3 рис.5.4), а в

рабочей области отобразится пустой документ. На панели кнопок представления (4

рис.5.4) появятся кнопки, с помощью которых можно переключаться в различные режимы редактирования web-страницы.

Представление Конструктор – отображает web-страницу как расширенный текстовый процессор в режиме WYSIWYG..

Представление С разделением – отображает одну и туже web-страницу как в режиме расширенного текстового процессора, так и в редакторе HTML-кода webстраницы. Изменения, внесенные в одном из режимов, сразу же отображаются во втором.

Представление Код – позволяет редактировать непосредственно HTML-кода web-

страницы.

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

Для доступа к этим представлениям используется команда Вид→Страница .

Для того, чтобы в представлении Страница видеть список файлов и папок webсайта, необходимо выполнить команду Вид→Список папок или нажать кнопку

Переключить панель на стандартной панели инструментов или одновременно нажать на клавиатуре ALT и F1 .

В результате рабочая область оказывается разбита на две части (рис.5.4). В левой

– представления web-сайта Список папок (5) или Переходы , в правой – любое представление из меню Вид .

Такая организация представления web-сайта для редактирования в программе

FrontPage 2003 представляется наиболее удобной.

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

Сервис→Параметры и на вкладке Общие снять флажок открывать область задач.

Для того, что бы завершить работу с web-сайтом необходимо выполнить команду

Файл→Закрыть узел.

Рисунок 5.4 – Окно программы FrontPage 2003, после выполнения команды Вид→Список папок

Для открытия web-сайта в программе FrontPage 2003 необходимо выполнить следующие действия.

Выполнить команду Файл→Открыть узел .

В открывшемся диалоговом окне Открытие веб-узла , открыть папку, которая является web-сайтом.

Нажать кнопку Открыть .

5. 1.2. Организация

структуры web-сайта.

После того как web-сайт

создан, необходимо создать его

первоначальную структуру, т.е.

добавить

необходимое

новых web-страниц. Добавление

Рисунок 5.5 – Информационная панель Переходы

новых web-страниц в структуру

– создание новой web-страницы

сайта может быть организованно

– добавление существующей web-страницы

– создание панели ссылок

различными способами.

– включение (исключение) в панель ссылок

Рассмотрим

– просмотр поддерева

создания web-страниц в режиме

– горизонтальное или вертикальное разме щение

представления

– выбор масштаба отображения структуры

Переходы . В этом режиме (рис.5.5) web-страницы отображаются в виде графической схемы (8), а информационная панель содержит команды (1-7), позволяющие работать со

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

1) Нажать кнопку 1 на информационной панели. Если в этот момент ни одна из web-страниц структуры не была выделена, то появится web-страница с заголовком

Верхняя страница 1 . В том случае если какая-либо из имеющихся web-страниц

структуры была выделена, то появится web-страница с заголовком Новая страница 1 , соединенная тонкой линией (8) с выделенной страницей. Такого же эффекта как в последнем случае можно добиться если нажать правой кнопкой мыши на любую из имеющихся web-страниц и в выпадающем меню выполнить команду Создать→Страница . Все последующие страницы будут отличаться от предыдущих только номером.

2) Затем чтобы созданные web-страницы отобразились в окне Список папок

необходимо выполнить команду Обновить либо на стандартной панели инструментов либо из меню Вид .

3) В окне Список папок web-страницы с заголовками Верхняя страница Х

соответствуют файлам toppageХ.htm , web-страницы с заголовком Новая страница Х , соответствуют файлам нов_стр_Х.htm , где Х – номер. Файлы с именами

нов_стр_Х.htm необходимо переименовать таким образом, чтобы их имена состояли

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

заменить имя файла на требуемое.

4) При изменении структуры web-сайта имеющиеся страницы можно удалять (нажать правой кнопкой мыши на нужную, выбрать команду Удалить , включить нижний флажок и нажать кнопку OK ) и перемещать по схеме (нажатой левой кнопкой мыши переместить страницу в нужное место). Если удаляемая или перемещаемая web-

страница имеет страницы более низкого уровня, то они так же будут удалены или

перемещены.

создаваемые

web-страницы

размещаются в корневой папке web-сайта. Если

страниц много, то логично разместить их по разным

в соответствии со

структурой.

Для этого

окне Список папок (рис.5.6) необходимо создать

Рисунок 5.6 – Окно Список папок

Создать web-страницу

информационной панели Список папок ) и нажатой

– создать папку

– закрыть окно

левой кнопкой мыши переместить файлы в нужные папки.

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

1) Используя кнопку 2 создать необходимое число папок с определенной структурой вложенности, изменив имена Новая папкаХ на требуемые.

2) Выделить ту папку, в которой планируется создать web-страницу.

3) Нажать кнопку 1 и заменить имя нового файла с нов_стр_Х.htm на требуемое

(только латинские буквы, цифры и разрешенные символы) не меняя расширения

файла .htm .

4) При необходимости можно перетаскивать файлы из папки в папку нажатой левой кнопкой мыши.

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

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

Переименовать.

Рисунок 5.7 – Сохранение новой web-страницы сайта

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

Приложение обладает набором инструментов для взаимодействия с сайтом. Используются интегрированные шаблоны, позволяющие сделать ключевые интернет-страницы, либо контент в общем. Возможно применение профессиональных дизайнерских приемов, текстовых стилей. Есть комплекс опций для воплощения индивидуального стиля. Рекомендуем скачать Microsoft FrontPage для Windows 10 на русском языке без регистрации и смс с официального сайта.

Информация о программе
  • Лицензия: Бесплатная
  • Разработчик: Microsoft
  • Языки: русский, украинский, английский
  • Устройства: пк, нетбук, ноутбук (Acer, ASUS, DELL, Lenovo, Samsung, Toshiba, HP, MSI)
  • ОС: Windows 10 Домашняя, Профессиональная, Корпоративная, PRO, Enterprise, Education, Home Edition (обновления 1507, 1511, 1607, 1703, 170