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

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

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

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

На рисунке - программа 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 - из архивов в Интернете

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.

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

FrontPage 2007 — SharePoint Designer 2007

Итак, как я успел заметить, многие пользователи сети Интернет пытаются скачать русскую версию FrontPage 2007 . Внимание, программа FrontPage теперь называется SharePoint Designer. Т.е. если вы хотели скачать FrontPage 2007, то вам нужно скачать SharePoint Designer 2007. Более того, с апреля 2010 года программа SharePoint Designer 2007 стала абсолютно
бесплатной!

Программу можно загрузить с сайта Майкрософт, а тем, кому лень искать, то с депозитфайлс пройдя по ссылке Скачать SharePoint Designer 2007. Итак, что нового?

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

Интерфейс программы SharePoint Designer 2007

Итак, стоит ли переходить на SharePoint Designer 2007 или лучше продолжать пользоваться FrontPage ? Уверен, что стоит. Дело в том, что после выхода в свет программы FrontPage 2003 товарищи из Microsoft не спали и внесли много полезностей в SharePoint Designer 2007.

Например, многократно усилена возможность создания каскадных таблиц стилей (CSS). Скажу более — теперь есть возможность создания CSS в визуальном режиме ! Т.е. можно быть полным нулём в HTML (язык разметки гипертекста) и при этом создавать таблицы стилей для своего сайта.

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

В заключение хочу сказать, что уже появилась новая версия программы SharePoint Designer 2010 (можете ее называть FrontPage 2010 🙂 Но с ней все не так просто, как с SharePoint 2007, дело в том, что новая версия программы по максимуму завязана на совместную работу большого числа людей над одним проектом. Для работы с SharePoint Designer 2010 необходимо, чтобы на сервере было установлено соответствующее программное обеспечение. Можно попросить хостера его установить, но ведь за это придется платить.

Поэтому, на данный момент, для не очень взыскательных пользователей подойдет именно SharePoint Designer 2007.