Microsoft frontpage описание. Описание программы microsoft office frontpage

Office System Professional 2003, потому ее можно установить совместно с другими приложениями Microsoft Office либо раздельно. Мы не будем обрисовывать процесс установки и будем считать, что вы уже установили FrontPage на ваш компьютер.

Чтобы запустить программку FrontPage, нажмите кнопку Запуск (Start) на Панели задач (Taskbar) Windows и изберите в показавшемся меню команду Программки - Microsoft Office - Microsoft Office FrontPage 2003 (Programs - Microsoft Office - Microsoft Office FrontPage 2003).

При первом запуске программки на дисплее появится диалог, в каком сообщается, что программа FrontPage не является редактором WEB страничек по умолчанию и предлагается сделать ее такой.

Нажмите кнопку Да (Yes). На дисплее остается только рабочее окно программки.

Описание меню FrontPage

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

Под меню размещены две панели инструментов: Стандартная (Standard) для резвого вызова более нередко применяемых команд и Форматирование (Formatting) для форматирования текста. Как и другие программки из пакета Microsoft Office, редактор FrontPage позволяет показывать либо скрывать определенные панели инструментов, также поменять набор кнопок на панелях.

Основную часть рабочего окна занимают вкладки редактируемых документов. Текущий документ - new_page_1.html.

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

Закройте область задач, нажав комбинацию кнопок Ctrl+F1.

Чтобы вновь показать область задач, необходимо снова надавить комбинацию кнопок Ctrl+F1.

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

Как работать с WEB страничками.

В Microsoft FrontPage существует несколько методов просмотра содержимого WEB узла, облегчающих разработку, публикацию и управление им. Работать с WEB страничками можно, используя одно из последующих представлений:

Страничка (Page).

Папки (Folders).

Удаленный WEB узел (Remote WEB Site).

Отчеты (Reports).

Задачки (Tasks).

В Представлении Страничка (Page) можно использовать один из четырех режимов представления странички:

Конструктор (Design) - режим по умолчанию. В этом режиме можно разрабатывать и редактировать WEB странички, используя фактически все способности концепции WYSIWIG.

Код (Code). Позволяет без помощи других просматривать, записывать и редактировать теги HTML . Используя средства оптимизации кода в Microsoft FrontPage, можно сделать незапятнанный код HTML; также упрощается процедура удаления ненадобного кода.

С разделением (Split). В этом режиме можно инспектировать и редактировать содержимое WEB странички в формате с разделением экрана, предоставляющем одновременный доступ к режимам Код (Code) и Конструктор (Design).

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

В представлении Страничка (Page) режим ее представления выбирается в левой нижней части рабочего окна программки FrontPage.

В представлении Папки (Folders) можно использовать папки для конкретной работы с файлами и папками, также для организации содержимого WEB узла. В этом представлении папки можно создавать, удалять, копировать и перемещать, как и в Проводнике (Explorer) Microsoft Windows.

Представление Удаленный WEB узел (Remote WEB Site) можно использовать для публикации всего WEB узла либо выборочной публикации отдельных файлов. Также можно синхронизировать файлы в двух либо нескольких расположениях, чтобы обеспечить своевременное обновление узлов с схожим содержимым. В представлении можно выполнить отбор для отображения содержимого папки, файлов для публикации, файлов не для публикации и конфликтующих файлов.

Представление Отчеты (Reports) позволяет рассматривать содержимое WEB узла после выполнения запроса отчета. Можно рассчитывать полный объем памяти, занимаемой файлами на узле, показывать файлы, не связанные с другими файлами, обнаруживать неспешные и устаревшие странички, группировать файлы по задачке либо по лицу, которому они предусмотрены, делать другие задачки.

При помощи представления Переходы (Navigation) можно показывать иерархическую структуру WEB страничек. Это представление позволяет изменять размещение страничек на узле с помощью обычных перемещений мышью.

В представлении Гиперссылки (Hyperlinks) отображается состояние гиперссылок WEB узла в виде перечня. Этот перечень включает внутренние и наружные гиперссылки и употребляет значки для обозначения испытанных либо неработающих гиперссылок.

Представление Задачки (Tasks) показывает все задачки WEB узла в формате столбца и содержит текущие сведения о каждой задачке под надлежащими заголовками.

Как загрузить в редактор FrontPage готовый WEB сайт

Хоть какое из перечисленных представлений можно включить при помощи команд меню Вид (View). Чтобы лучше осознать предназначение разных представлений, мы загрузим в редактор FrontPage готовый WEB сайт, воспользовавшись операцией импорта.

Изберите в меню команду Файл - Импорт (File - Import). На дисплее появится диалог Мастер импорта WEB узлов: начало (Import WEB Site Wizard - Welcome), в каком требуется найти метод получения файлов и их положение.

Вы сможете импортировать WEB сайт, находящийся на локальном диске. Для этого необходимо установить переключатель Файловая система (File System) в группе переключателей Метод получения файлов (How do you want to get the files?) и указать папку с файлами WEB сайта в поле ввода Размещение WEB узла (WEB Site Location).

При установленном по умолчанию переключателе Протокол HTTP (HTTP) вы сможете импортировать готовый WEB сайт прямо из сети Веб.

Чтобы импортировать WEB сайт из Интернет, в поле ввода Размещение WEB узла (WEB Site Location) укажите адресок WEB сайта, к примеру gov.ru.

В поле Размещение локальной копии (Local copy location) можно указать папку на вашем жестком диске, в которую будут скопированы импортируемые файлы. Оставим в этом поле имя папки, предлагаемое по умолчанию.

Установите флаг Импортировать доменную страничку и (Import the home page plus linked pages) и в поле ввода со счетчиком справа от этого флага введите 5, чтобы ограничить вложенность в структуре папок и файлов WEB сайта пятью уровнями.

Установите флаг Импортировать менее (Import a maximum of) и в поле ввода справа от этого флага введите 1000, чтобы ограничить общий объем импортируемых файлов в 1000 кб.

Установите флаг Импортировать только файлы HTML и изображений (Import only HTML and image files).

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

Нажмите кнопку Готово (Finish) в заключительном диалоге мастера. Будет установлено соединение с Интернет, и на дисплее появится диалог Ход импорта WEB узла (Import WEB Site Progress), в каком будет отображаться процесс загрузки файлов WEB сайта.

В процессе загрузки файлов WEB сайта может показаться диалог Подтвердите подмену файла (Confirm File Replace).

В случае возникновения диалога Подтвердите подмену файла (Confirm File Replace) нажмите кнопку Нет (No), чтобы не подменять уже скопированный файл.

Импорт будет завершен после загрузки всех файлов либо при достижении установленного предела размера WEB сайта.

В процессе импорта программа FrontPage копирует файлы WEB сайта с удаленного сервера на локальный диск и располагает их в отдельной папке. Практически WEB сайт представляет собой набор файлов, содержащихся в определенной папке и вложенных папках. Обычно FrontPage располагает WEB сайты в папке Мои WEB узлы (My WEB Sites), которая создается в папке Мои документы (My Documents). Если для WEB сайта не обозначено имя, ему по умолчанию присваивается имя мой_узел (myweb1) либо схожее.

После окончания импорта WEB сайт будет загружен в редактор FrontPage, и в заголовке окна программки рядом с заглавием приложения появится путь к папке WEB сайта на локальном диске. Программа переключится в представление Папки (Folders). В левой части рабочего окна программки будет показано дерево папок, а в правой части появится новенькая вкладка со перечнем папок и файлов WEB сайта.

Щелкните правой кнопкой мыши на вкладке нов_стр_1.htm (new_page_l.htm) и в показавшемся контекстном меню изберите команду меню Закрыть (Close), чтобы закрыть пустую страничку, сделанную при запуске программки.

В представлении Папки (Folders) все странички, картинки и другие файлы, составляющие WEB сайт, представлены так же, как и в программке Проводник (Explorer) операционной системы Windows. Слева выводится дерево папок, справа - содержимое избранной папки. В этом режиме вы сможете перемещать, удалять либо переименовывать файлы в процессе работы над WEB сайтом. Двойной щелчок на названии файла странички открывает ее для редактирования. Обычно, файл главной странички WEB сайта именуется index.htm либо default.htm.

Найдите файл с таким именованием в перечне файлов и два раза щелкните на нем мышью. В правой части рабочего окна появится новенькая вкладка index.htm, и на ней будет показана избранная страничка в режиме Конструктор (Design) представления Страничка (Page).

В меню Вид (View) представление Страничка (Page) выделено, а режим Конструктор (Design) этого представления выделен в нижней части вкладки index.htm.

Режим Конструктор (Design) представления Страничка (Page) предназначен для редактирования и просмотра текущей странички WEB сайта. Это основной рабочий режим, в каком доступны команды вставки частей, форматирования текста, работы с таблицами и другие средства FrontPage для редактирования страничек. В нижней части вкладки размещены кнопки для выбора других режимов представления странички.

В режиме С разделением (Split) представления Страничка (Page) можно инспектировать и редактировать содержимое WEB странички в формате с разделением экрана, предоставляющем одновременный доступ к режимам Код (Code) и Конструктор (Design).

Режим Код (Code) представления Страничка (Page) позволяет без помощи других просматривать, записывать и редактировать теги HTML.

В этом и двух прошлых режимах в высшей части вкладки index.htm размещена панель для резвого выбора тега, которую можно скрыть либо показать при помощи команды меню Вид - Резвый выбор тега (Quick Tag Selector).

Режим Просмотр (Preview) представления Страничка (Page) позволяет просматривать внешний облик странички в WEB обозревателе, не сохраняя ее.

Закройте страничку index.htm, нажав комбинацию кнопок Ctrl+F4. Мы опять вернемся на вкладку WEB узел (WEB Site) в представлении Папки (Folders).

Нажмете кнопку Отчеты (Reports) в нижней части вкладки WEB узел (WEB Site). В правой части окна будет отображен отчет Сводка по узлу (Site Summary), содержащий общие сведения о структуре WEB сайта: количество файлов, рисунков, ссылок и другую информацию.

Представление Отчеты (Reports) позволяет получать и просматривать статистическую информацию о WEB сайте и проводить анализ с целью выявления возможных заморочек и ошибок, допущенных при разработке. Редактор FrontPage предлагает разные отчеты, собирающие информацию о размере WEB сайта, количестве страничек и рисунков, труднодоступных страничках, разорванных ссылках, «медленных» страничках и другие сведения. Эти отчеты можно избрать из открывающегося перечня в высшей части вкладки WEB узел (WEB Site).

Изберите команду меню Вид - Переходы (View - Navigation).

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

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

Представление Задачки (Tasks) предназначено в главном для планирования коллективной работы над проектом WEB сайта. В этом режиме можно запланировать задачки, закрепить их за отдельными разработчиками и смотреть за ходом их выполнения.

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-страницы сайта

Тема 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:

1. Страница – это режим просмотра и разработки страницы.
2. Папки – отображается структура папок текущего сайта.
3. Удаленный узел – узел, который находится на сервере сети Интернет.
4. Отчеты – предоставляется сводка об Web – узле.
5. Переходы – отображается структура переходов между страницами сайта.
6. Гиперссылки – открывает список ссылок текущей страницы.
7. Задачи – открывает список задач для текущего сайта

Рис. 3.

Создание Web-страниц в прикладной программе FrontPage

Создание новой пустой Web-страницы

Если при открытии окна программы FrontPage в нем отображается пустая страница, то разработку веб - страницы можно осуществлять на базе этой страницы. Если при открытии редактора FrontPage, отображается пустое главное окно, то для создания новой пустой страницы необходимо выполнить команду Файл/Создать и выбрать в области задач Пустая страница. В окне приложения появится пустая страница. Далее необходимо осуществить разработку страницы, т.е. выполнить разметку (структуру) страницы, ввести текст, рисунки и т.д.

Рис. 4.

Создание веб–страницы на основе шаблонов FrontPage

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

Рис. 5.

Создание веб–страницы на основе имеющихся Web-страниц в ПК

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

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

Создание нового пустого сайта или создание веб-узла без содержимого

Для создания нового пустого сайта надо выполнить команду Файл/Создать и выбрать в области задач команду «Другие шаблоны веб–узлов». Откроется окно диалога Шаблоны веб–узлов, в котором необходимо выделить Пустой веб–узел и щелкнуть ОК. В окне приложения FrontPage будет отображаться веб - узел, который представлен на рисунке.

Рис. 6.

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

Рис. 7.

Дважды щелкните на домашней странице левой кнопкой мыши, и она откроется в режиме конструктора для редактирования (страница - index.htm).

Рис. 8.

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

Будет добавлена Новая страница 1, которая представлена на рисунке. Далее добавьте столько страниц, сколько необходимо для сайта, затем страницы можно переименовать и изменить порядок их следования. Далее на каждую страницу нужно ввести содержание или контент (текст, таблицы, картинки и т.д.), в результате получим сайт.

Рис. 9.

Создание сайта на основе шаблона редактора FrontPage

Для создания сайта на основе шаблона выполните Файл/Создать и в области задач щелкните команду Веб – пакеты, откроется окно диалога Шаблоны веб–узлов.

Рис. 10.

Выберите требуемый шаблон или мастера для создания нового сайта.

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

Если раньше казалось, что создание веб-страниц — дело довольно сложное и невозможное без специальных знаний, то после начала выпуска HTML-редакторов с функцией WYSIWYG оказалось, что сверстать сайт может даже абсолютный новичок, который ничего не знает о языках разметки. Одним из первых программных продуктов данной группы являлся Front Page на движке Trident от компании Microsoft, который входил в различные версии офисных пакетов вплоть до 2003 года включительно. Не в последнюю очередь именно благодаря этому факту программа пользовалась такой широкой популярностью.

Основной фишкой программы, которая привлекает особенно новичков, является возможность верстки страницы без знания HTML-кода или других языков разметки. Это стало реальным благодаря функции WYSIWYG, название которой представляет собой англоязычную аббревиатуру выражения, переводящегося на русский, как «что видишь, то и получишь». То есть пользователь получает возможность набирать текст и вставлять картинки на создаваемую веб-страницу почти так же, как в текстовом процессоре Word . Главное отличие от последнего заключается в том, что в Front Page доступно больше различных веб-компонентов, например, Flash и XML. Функция WYSIWYG включена при работе в режиме «Конструктор» .

Используя элементы на панели инструментов, можно форматировать текст так же, как в Ворде:

• Выбирать тип шрифта;
• Задавать его размер;
• Цвет;
• Указывать позиционирование и многие другое.

Кроме того, прямо из редактора можно вставлять картинки.

Стандартный HTML-редактор

Более продвинутым пользователям программа предлагает возможность использования стандартного HTML-редактора с применением языка разметки.

Редактор с разделением

Ещё одним вариантом работы в программе при создании веб-страницы является использование редактора с разделением. В верхней его части расположена панель, где отображается HTML-код, а в нижней отображается его вариант в режиме «Конструктор» . При редактировании данных в одной из панелей автоматически изменяются данные и в другой.

Режим просмотра

В Front Page имеется также возможность просмотра полученной веб-страницы в том виде, в котором она будет отображаться на сайте через браузер Internet Explorer .

Проверка правописания

При работе в режимах «Конструктор» или «С разделением» в Front Page доступна функция проверки правописания, аналогичная таковой в Ворде.

Работа в нескольких вкладках

В программе можно работать в нескольких вкладках, то есть одновременно верстать несколько веб-страниц.

Применение шаблонов

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

Связь с веб-узлами

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

Достоинства

• Простота в использовании;
• Наличие русскоязычного интерфейса;
• Возможность создавать сайты даже новичку.

Недостатки

• Программа морально устарела, так как не обновлялась с 2003 года;
• Недоступна для скачивания на официальном сайте из-за того, что давно не поддерживается разработчиком;
• Отмечается некорректность и избыточность кода;
• Не поддерживает современные веб-технологии;
• Созданное в Front Page содержимое веб-страницы может неправильно отображаться в браузерах, которые работают не на движке Internet Explorer.

Front Page — популярный в свое время у пользователей HTML-редактор с функцией WYSIWYG, отличавшийся простотой создания веб-страниц. Однако в настоящее время он безнадежно устарел, так как давно не поддерживается компанией Microsoft, а веб-технологии уже далеко ушли вперед. Тем не менее, многие юзеры с ностальгией вспоминают об этой программе.

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

Функционал

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

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

Режимы работы

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

Ключевые особенности

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