sonyps4.ru

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

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

Коротко о программе Microsoft FrontPage

Это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MS Office, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы в MS Word. При этом FrontPage нельзя назвать решением для «чайников»: программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации интернет страниц.

Следует отметить, что название Microsoft FrontPage существовало до 2003 года, а далее дополнялась новыми функциями и менялось само название программного обеспечения. В 2007 программа FrontPage была переименована на Microsoft Expression Web, а в 2010 в Microsoft Office SharePoint Designer. Фактический в новые версии были добавлены некоторые дополнения, но основной вид программы сохранялся.

Основные инструменты программы

Общий вид программы Microsoft FrontPage

Программа Microsoft FrontPage имеет много общего с инструментами MS Word, поэтому многие кнопки и вкладки меню также интуитивно понятны и это облегчает процесс создания страницы. Многие уже знают, как набирать и форматировать простой текст, создавать таблицы в Microsoft Word, по такому же принципу редактируется страница и в FrontPage.

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

  • В Конструкторе вводятся все правки, набирается и форматируется текст, вставляются картинки, создаются ссылки, меняются цвета фона и шрифта таким же образом, как и в Microsoft Word.
  • Во вкладке "Код" можно просмотреть, так называемый, HTML -код. HTML - это стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML. В этой вкладке тоже можно осуществлять редактирование страницы, но нужно знать этот язык разметки. Однако все изменения начинающим следует делать в конструкторе и все изменения в HTML будут происходить автоматический.
  • Во вкладке "Просмотр" можно увидеть, как выглядит страничка непосредственно в браузере (в таком, как Internet Explorer)

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

Создаём шаблон для страниц в FrontPage

Вставляем основную таблицу в редакторе

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

  1. Чтобы вставить таблицу заходим во вкладку "Таблица" > "Вставить" > "Таблица" и заполняем поля, как это показано на рисунке справа. Фактический можно ввести свои параметры, но данная таблица имеет фиксированную ширину и вытянута на 100% площади экрана. Таким образом таблица компактно будет отображаться в браузере.
  2. Затем необходимо настроить все три ячейки, так как они после вставки имеют одинаковую высоту. Нажимаем правой кнопкой мышки на самой верхней ячейки и заходим в "Свойства ячейки" в поле высота вписываем условно "150" и ставим галочку "в точках", т.е. размер ячейки составит 150 пикселей. В этом же меню мы можем выбрать цвет фона ячейки, а нажав в меню "стиль..." можно внести другие настройки ячейки, например выбрать цвет и размер границы ячейки, с этим можете поэкспериментировать и посмотреть результат. В самой ячейке можно вписать название сайта.
  3. Далее редактируем вторую ячейку, которая предназначена для ссылок навигации по сайту. Ширину делаем около 40 пикселей, этого будет достаточно, ну и другие настройки, как цвет фона и полей настраиваем на свой вкус. Далее пишем названия самих ссылок разделяя знаками вертикальной линии или другим знаком (просмотреть можете ниже скачав полностью шаблон). Выделяем тест и жмём кнопку выравнивания по центру, также как и в MSWord. Таким же образом можно менять шрифт, размер шрифта и другие настройки текста.
  4. Также настраиваем последнюю ячейку. Она предназначена для основного текста, где можно внести текст приветствия.
  5. Напоследок можно зайти во вкладку "Файл" > "Свойства", где можно внести название сайта и изменить общий фон страницы и другие общие настройки

Теперь шаблон готов. Он является каркасом для всех последующих страниц сайта. Вот как сайт выглядит в HTML коде:

Такой получаем шаблон для сайта

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251" > < title > Название сайта < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" > Название сайта < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b > Главная | < b > Страница 2 | < b > Страница 3 | < b > Страница 4 | < b > Страница 5 | < b > Контакты < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" > Текст главной страницы. Здесь можно вставить текст приветствия и коротко написать чему посвящён сайт.

Этот HTML код можно сразу вставить в редактор во вкладке "Код" и сразу увидите готовый шаблон. Его можно менять и редактировать под собственные нужды. Здесь стоит пояснить, что там, где вставляется основной текст и чтобы он не располагался вплотную к полям он был обрамлен в тэг "div", c настройкой отступа, как это показано в примере.

Дополнительные шаблоны

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

Использование стандартных макетов таблиц и тем

Microsoft FrontPage даёт хорошие инстурменты готовых макетов таблиц и тем оформления для сайтостроительства

Нужно знать, что в Microsoft FrontPage есть стандартный набор макетов таблиц и тем, при помощи которых можно неплохо научится искусством создания обычных страниц или сайтов визиток. И так справа вверху есть выпадающее меню (смотрите картинку справа, где также отображён результат использования матектов таблиц и темы оформления), нажав появится меню, в котором нужно выбрать "Макетные таблицы и ячейки" и далее ниже появится много различных макетов таблиц, можно выбрать любой по своему усмотрению и вкусу. Таким образом это освобождает создавать самому таблицу вручную.

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

Вставляем картинку и создаём ссылки на страницы

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

Для перехода на другие страницы сайта необходимо создать ссылки, по которым пользователи смогут посетить все страницы сайта. Для это нужно выделить нужный текст для ссылки и перейти во вкладку "Вставка" > "Гиперссылка", в открывшемся меню нужно указать страницу, на которую создаётся ссылка, и нажать "ок". В этом же окне есть другие настройки для ссылок такие, как открывать ссылку в новом окне или нет. В принципе это можно изучить самостоятельно.

Заключение

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

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

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

Статьи по схожей тематике

Если раньше казалось, что создание веб-страниц — дело довольно сложное и невозможное без специальных знаний, то после начала выпуска 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, а веб-технологии уже далеко ушли вперед. Тем не менее, многие юзеры с ностальгией вспоминают об этой программе.

Глава 9 Программа FrontPage

Почему FrontPage?

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

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

Программа FrontPage 2002, входящая в состав Microsoft Office XP, предназначена для создания Web-страниц и Web-узлов. Применяя панели инструментов и команды меню, на странице можно размещать текстовую и графическую информацию, панели навигации и ссылки, предназначенные для перехода от одной страницы к другой. Кроме того, для оформления Web-страницы можно использовать таблицы, фреймы, бегущие строки, анимацию и многое другое. Чтобы ускорить разработку Web-страниц и узлов, можно применять шаблоны и мастера. FrontPage позволяет использовать в Web-узле материал, подготовленный в других программных продуктах, входящих в Microsoft Office, таких как Word, Excel, Access и PowerPoint.

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

По некоторым источникам в мировом Интернете до 50% всех страниц и Web-узлов, включая и крупные проекты, создается с помощью Microsoft FrontPage. А на территории СНГ, вполне возможно, что эта цифра достигает 80-90 %.

Преимущества FrontPage перед другими редакторами очевидны:

  • FrontPage имеет мощную поддержку в Интернете. Существует много Web-узлов, групп новостей, конференций, ориентированных на пользователей FrontPage. Также к FrontPage существует масса платных и бесплатных плагинов (plug-ins), расширяющих его возможности. Например, самые лучшие, на сегодняшний день, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro от компании Ulead встраиваются плагинами не только в Photoshop, но и в FrontPage. Помимо этого, имеется целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage.
  • Интерфейс FrontPage схож с интерфейсом программ, входящих в Microsoft Office, что облегчает его освоение. К тому же между программами, входящими в Microsoft Office, существует полная интеграция, что позволяет использовать во FrontPage информацию, созданную в других приложениях.

Замечание

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

Отличие FrontPage 2002 от FrontPage 2000

Программа FrontPage достаточно молода. Информация о первой версии визуального редактора FrontPage 1.0 появилась на Web-узле небольшой фирмы Vermeer в Интернете в конце 1995 года. В продукте было много передовых на то время решений. Через полгода фирма была куплена корпорацией Microsoft. Уже в первые три месяца под торговой маркой Microsoft было продано порядка 150 000 копий пакета. Весной 1996 года выходит следующая версия пакета - FrontPage 1.1, и уже к лету 1996 года она поднялась в США на третье место по продажам, опередив даже сам Microsoft Office. Далee одна за другой появляются следующие версии FrontPage, и он уверенно занимает позицию мирового лидера среди визуальных средств разработки для Интернета. В 2000 году выходит программа FrontPage 2000, имеющая существенные отличия от предыдущих версий. И вот новая версия продукта - FrontPage 2002.

  • В программе FrontPage появились новые панели:
  • Панель Буфер обмена (Clipboard), позволяющая хранить в буфере обмена одновременно до 24 фрагментов данных с сохранением использованных элементов форматирования.
  • Панель Создание веб-страницы или узла (New Page or Web), предназначенная для создания новых страниц и Web-узлов, а также содержащая ссылки на последние открывавшиеся страницы, шаблоны и мастера.
  • Панель Вставка картинки (Insert Clip Art), предназначенная для работы с объектами галереи Clip Art.

FrontPage содержит новые мастера и шаблоны для создания страниц и Web-узлов. С помощью мастера Мастер интерфейса базы данных (Database Interface Wizard) создается Web-узел, связанный с базой данных, в которой можно просматривать записи, добавлять новые, удалять имеющиеся. Шаблон страницы Коллекция фотографий (Photo Gallery) позволяет легко создавать фотогалерею, а также с помощью окна свойств осуществлять редактирование расположенных на странице графических элементов.

  • Появились средства, позволяющие создавать панель ссылок без использования структуры Web-узла на основе списка ссылок, включаемых в панель.
  • Расширен список отчетов по Web-узлу. Теперь формировать отчет можно как с помощью панели инструментов Отчеты (Reporting), так и команд меню. FrontPage позволяет формировать отчеты о посещениях вашего Web-узла, используемых посетителями браузерах, наиболее посещаемых страницах, а также отчеты с итоговой информацией по дням, неделям, месяцам и т. п.
  • Добавлены расширенные средства оформления текста с использованием WordArt.
  • Появилась возможность публикации отдельной Web-страницы. Для этого достаточно на панели Список папок выбрать файл и выполнить команду контекстного меню Опубликовать выделенные файлы (Publish Selected Files).
  • Появились новые средства форматирования таблиц:
  • Копирование содержащейся в ячейке информации в выделенные ниже или справа ячейки таблицы с помощью кнопок Заполнить вниз (Fill Down) и Заполнить вправо (Fill Right) панели инструментов Таблицы (Tables).
  • Автоматическое форматирование таблицы в соответствии с предопределенными форматами. В программе FrontPage можно открывать одновременно несколько Web-страниц и перемещаться между ними с помощью вкладок, отображаемых в верхней части рабочей области.
  • Количество языков, поддерживаемых программой, увеличилось до 26. Теперь при разработке Web-страницы можно использовать кодировку Unicode.

Запуск FrontPage

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

Для запуска программы FrontPage выполните следующие действия:

1. Нажмите кнопку Пуск.

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

3. Выполните команду Microsoft FrontPage (рис. 9.1). Запустится программа FrontPage, и на экране откроется ее главное окно
(рис. 9.2).

Рис. 9.1. Запуск Microsoft FrontPage

Замечание

Для удобства запуска программы FrontPage вы можете создать ярлык на Рабочем столе Windows. Вы даже можете установить режим загрузки FrontPage при запуске системы Windows. Для этого необходимо создать ярлык программы и поместить его в папку Автозагрузка.

Главное окно

На рис. 9.2 показано главное окно Microsoft FrontPage, каким вы его увидите после запуска программы. Оно содержит заголовок, меню, панели инструментов, панель режимов работы и рабочую область программы. Рассмотрим назначение элементов главного окна.

Рис. 9.2. Главное окно программы FrontPage

Заголовок

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

Таблица 9.1. Команды меню управления

Команда

Назначение

Восстановить

Восстанавливает окно после его минимизации или максимизации

Переместить

Позволяет перемещать главное окно FrontPage с помощью клавиш со стрелками

Размер

Позволяет изменять размеры главного окна программы FrontPage с помощью клавиш со стрелками

Свернуть

Уменьшает окно программы FrontPage до размеров значка

Развернуть

Развертывает главное окно FrontPage; это окно не имеет рамки

Закрыть

Закрывает FrontPage

В правой стороне заголовка расположены кнопки управления главным окном программы:

Кнопка

Назначение

Минимизирует главное окно FrontPage и помещает его значок на панель задач Windows

Переводит главное окно FrontPage в режим изменения его размеров

Максимизирует главное окно FrontPage

Закрывает главное окно программы FrontPage

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

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

Если вы переходите в какой-либо режим работы, в главном окне программы появляется необходимая панель инструментов. Например, при переходе в режим просмотра и создания отчетов о Web-узле загружается панель Отчеты (Reporting), а при работе с графическими изображениями - Рисунки (Pictures). В том случае, если панель инструментов отсутствует на экране, для ее отображения используется команда Панели инструментов (Toolbars) из меню Вид (View), при выборе которой появляется меню, содержащее список всех панелей программы FrontPage, представленный в табл. 9.2.

Таблица 9.2. Панели инструментов программы FrontPage

Панель инструментов

Назначение

Стандартная (Standard)


Форматирование (Formatting)

Стандартная панель инструментов; располагается по умчанию в главном окне FrontPage

Эффекты DHTML
(DHTML Effects)

Создает на Web-странице динамические HTML-эффекты (о них речь пойдет в главе 20)

Рисование (Drawing)

Панель инструментов, предназначенная для рисования

Переход (Navigation)

Панель, предназначенная для работы в режиме Переходы

Рисунки (Pictures)

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

Размещение (Positioning)

Содержит кнопки, позволяющие позиционировать объекты

Отчеты (Reporting)

Панель инструментов, позволяющая задавать типы формируемых отчетов по Web-узлу

Стиль (Style)

Панель инструментов, предназначенная для задания стиля оформления

Таблицы (Tables)

Содержит кнопки, позволяющие создавать и модифицировать таблицы

Область задач (Task Pane)

Отображает в окне программы FrontPage панель Создание веб-страницы или узла (New Page or Web), содержащую список команд, используемых для открытия существующих страниц и Web-узлов и создания новых

Панель инструментов для работы с коллекцией WordArt

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

Совет

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

Познакомимся со стандартной панелью инструментов программы FrontPage, которая используется во всех режимах (рис. 9.3).

Рис. 9.3. Стандартная панель инструментов программы FrontPage

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

Таблица 9.3. Назначение кнопок стандартной панели инструментов

Кнопка

Название

Назначение

Создать (New)

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

Открыть (Open)

Открывает существующий файл или Web-узел

Сохраняет открытый файл

Найти (Search)

Управляет отображением в главном окне панели Обычный поиск (Search)

Размещает Web-узел на сервере

Переключить панель
(Toggle Pane)

Управляет отображением в главном окне программы панелей Список папок (Folder List) и Область переходов (Navigation Pane)

Печать (Print)

Печатает Web-страницу

Просмотр в обозревателе
(Preview in Browser)

Загружает страницу в обозреватель для просмотра

Орфография (Spelling)

Проверяет орфографию

Вырезать (Cut)

Удаляет выделенный текст или объекты и помещает их в буфер обмена

Копировать (Copy)

Копирует в буфер обмена выделенный текст или объекты, не удаляя их

Вставить (Paste)

Вставляет содержимое буфера обмена в текущее место Web-страницы

Формат по образцу
(Format Painter)

Копирует формат, который можно применять для дальнейшего форматирования

Отменить (Undo)

Отменяет последнее действие

Вернуть (Redo)

Восстанавливает действия, отмененные командой Отменить (Undo)

Веб-компонент
(Web Component)

Открывает диалоговое окно Вставка компонента веб-узла (Insert Web Component), предназначенное для размещения на Web-странице компонента из предлагаемого списка

Добавить таблицу
(Insert Table)

Вставляет в Web-страницу таблицу

Добавить рисунок из файла
(Insert Picture From File)

Вставляет в Web-страницу графическое изображение

Рисование (Drawing)

Управляет отображением в главном окне программы панели инструментов Рисование (Drawing)

Открывает диалоговое окно Добавление гиперссылки (Insert Hyperlink) для создания ссылки

Обновить (Refresh)

Обновляет информацию в окне программы в соответствии с осуществленными изменениями

Завершить (Stop)

Останавливает загрузку информации в окно программы

Справка по Microsoft FrontPage
(Microsoft FrontPage Help)

Вызывает справочную систему программы - F rontPage

Параметры панелей инструментов
(More Buttons)

Открывает список всех кнопок панели инструментов, используя который можно изменить их состав

Совет

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

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

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

Меню

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

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

  • Наиболее простой - использование мыши (поместите курсор на требуемую команду и щелкните левой кнопкой мыши).
  • Если вы предпочитаете применять клавиатуру, сначала переместите курсор в строку меню. Для этого нажмите либо клавишу , либо . Выделяется первая команда в меню. Поместите выделение на требуемую команду, используя для этого клавиши <←>, <→>, <>, <↓>, затем нажмите клавишу .
  • Можно нажать <Аlt>+<подчеркнутый символ имени команды> (команда будет выполняться без нажатия клавиши ).

Замечание

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

Рассмотрим команды Файл (File), Правка (Edit) и Вид (View). Назначение остальных команд будет описано далее в книге по мере рассмотрения режимов, в которых они используются.

Файл

Меню Файл (File) содержит команды создания, открытия, закрытия, сохранения и печати файлов (табл. 9.4). Последняя команда этого меню - Выход (Exit). Она предназначена для выхода из FrontPage.

Таблица 9.4. Команды меню Файл

Команда

Описание

Создать (New)

Используется для создания новой страницы, Web-узла, папки или задания

Открыть (Open)

Открывает диалоговое окно Открытие файла (Open File) для выбора файлов разных типов

Закрыть (Close)

Закрывает открытый файл или Web-страницу

Открыть веб-узел
(Open Web)

Открывает диалоговое окно Открытие веб-узла (Open Web), позволяющее выбрать Web-узел

Закрыть веб-узел
(Close Web)

Закрывает активный Web-узел. Данная команда важна, т. к. открытие нового узла без закрытия активного открывает новое окно программы FrontPage

Сохраняет файл, находящийся в активном окне. Для файла, который не имеет имени, открывается диалоговое окно Сохранить как (Save As), позволяющее задать его имя и папку, где файл будет расположен

Найти (Search)

Управляет отображением в главном окне панели Обычный поиск (Search)

Размещает созданный Web-узел на сервере

Импорт (Import)

Импортирует в Web-узел файлы, созданные с помощью FrontPage предыдущих версий или другими программными продуктами

Экспорт (Export)

Экспортирует открытую в окне программы FrontPage Web-страницу в файл указанного типа

Параметры страницы
(Page Setup)

Позволяет задать параметры выводимой на печать страницы

Просмотр в обозревателе
(Preview in Browse)

Открывает диалоговое окно, позволяющее указать обозреватель, в котором будет просматриваться Web-страница

Print Preview

Открывает окно предварительного просмотра печатаемой информации

Печать (Print)

Печатает содержимое текущего окна или файла

Отправить (Send)

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

Свойства (Properties)

Открывает диалоговое окно Свойства страницы (Page Properties), предназначенное для просмотра и редактирования свойств открытого файла

Последние файлы
(Recent Files)

Содержит имена восьми последних открываемых файлов, позволяя их открыть

Последние веб-узлы
(Recent Webs)

Содержит имена четырех последних открываемых Web-узлов, позволяя их открыть

Выход (Exit)

Выход из программы FrontPage

Правка

Большинство команд меню Правка (Edit) вам знакомы, если вы работали с другими приложения Windows. Они используются при редактировании Web-страниц (табл. 9.5).

Таблица 9.5. Команды меню Правка

Команда

Описание

Отменить (Undo)

Отменяет изменения, сделанные в текущем сеансе редактирования

Повторить (Redo)

Восстанавливает действия, отмененные командой Отменить

Вырезать (Cut)

Удаляет выделенный текст или объект, помещая его в буфер обмена

Копировать (Сору)

Копирует выделенный текст или объект в буфер обмена

Буфер обмена Office
(Office Clipboard)

Отображает в окне программы FrontPage панель Буфер обмена (Clipboard), позволяющую работать с буфером обмена данных

Вставить (Paste)

Вставляет содержимое буфера обмена

Специальная вставка
(Paste Special)

Открывает диалоговое окно Преобразовать текст (Convert Text), позволяющее вставить содержимое буфера обмена с конвертированием данных

Удалить (Delete)

Удаляет выделенные объекты

Выделить все
(Select All)

Выбирает все объекты в текущем файле

Найти (Find)

Открывает диалоговое окно Найти и заменить (Find and Replace) для поиска текстовых строк в файле

Заменить (Replace)

Открывает диалоговое окно Найти и заменить для поиска и замены текстовых строк в файле

Извлечь (Check Out)

Устанавливает режим монопольного редактирования файла, при котором запрещается его редактирование другим разработчикам

Вернуть (Check In)

Устанавливает режим совместного редактирования файла

Отменить извлечение
(Undo Check Out)

Отменяет режим монопольного редактирования файла

Задачи (Tasks)

Содержит команды, управляющие задачами

Команда Задачи (Tasks) открывает меню следующего уровня, содержащее опции, управляющие задачами:

  • Добавить задачу (Add Task) - добавляет новую задачу
  • Изменить задачу (Edit Task) - редактирует текущую задачу
  • Запустить задачу (Start Task) - запускает текущую задачу на выполнение
  • Пометить как завершенную (Mark Complete) - изменяет статус задачи
  • Отобразить журнал (Show History) - позволяет просмотреть весь списо к задач, включая выполненные ранее

Вид

В меню Вид (View) содержит команды (табл. 9.6), управляющие режимами работы программы FrontPage, а также отображением в главном окне пане л ей Представления (Views), Область переходов (Navigation Pane), Список па п ок (Folder List) и панелей инструментов.

Таблица 9.6. Команды меню Вид

Команда

Описание

Страница (Раде)

Переводит программу FrontPage в режим просмотра и редактирования страниц

Папки (Folders)

Переводит программу в режим работы с папками Web-узла

Отчеты (Reports)

Переводит программу FrontPage в режим просмотра отчетов по Web-узлу

Способ перехода
(Navigation)

Переводит программу в режим работы со структурой Web-узла

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

Задачи (Tasks)

Переводит программу FrontPage в режим просмотра задач

Панель представлений (Views Bar)

Управляет отображением панели Представления (Views) в главном окне FrontPage

Список папок
(Folder List)

Управляет отображением панели Список папок (Folder List) в главном окне FrontPage

Область переходов
(Navigation Pane)

Управляет отображением панели Область переходов в главном окне FrontPage

Область задач
(Task Pane)

Управляет отображением панели Создание
веб-страницы или узла (New Page or Web), содержащей список команд, используемых для открытия существующих страниц и Web-узлов и создания новых

Показать теги
(Reveal Tags)

Управляет отображением HTML-тегов на вкладке Обычный (Normal) для элементов Web-страницы

Панели инструментов
(Toolbars)

Открывает список всех панелей инструментов FrontPage, позволяя разместить или удалить панель инструментов в главном окне программы

Обновить (Refresh)

Загружает последнюю сохраненную версию текущей Web-страницы

Контекстное меню

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

Панель режимов работы

FrontPage предлагает 6 режимов просмотра и создания Web-узла. Для перехода в тот или иной режим предназначена располагаемая с левой стороны главного окна FrontPage панель Представления (Views), содержащая 6 кнопок. Назначение кнопок данной панели описано в табл. 9.7.

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

Таблица 9.7. Кнопки панели режимов работы

Кнопка

Название

Назначение

Страница (Page)

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

Папки (Folders)

Просмотр структуры папок создаваемого Web-узла

Отчеты (Reports)

Просмотр отчетов; этот режим предназначен для формирования и просмотра отчетов о Web-узле

Переходы (Navigation)

Проектирование структуры Web-узла; эта структура в дальнейшем используется при создании панелей ссылок

Просмотр гиперссылок Web-узла

Задачи (Tasks)

Режим формирования и просмотра задач, которые можно использовать при создании Web-узла

Замечание

Для перехода в один из режимов работы помимо кнопок на панели Представления (Views) можно использовать одноименные команды меню
Вид (View).

Открытие файлов

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

Открытие Web-узла

Для открытия Web-узла в программе FrontPage выполните следующие дей ст вия:

1.В меню Файл (File) выберите команду Открыть веб-узел (Open Web) или на стандартной панели инструментов нажмите стрелку справа от кнопки Открыть (Open) и в открывшемся меню выберите команду Открыть веб-узел (Open Web).

2.Используя раскрывающийся список Папка (Look in) открывшегося диалогового окна Открытие веб-узла (Open Web) (рис. 9.4), выберите папку, в которой располагается открываемый вами Web-узел.

3.Выберите необходимый Web-узел и нажмите кнопку Открыть (Open).


Рис. 9.4. Диалоговое окно Открытие веб-узла

Замечание

Значки, которыми обозначаются Web-узлы (рис. 9.4), похожи на значки папок, на которых размещено изображение глобуса.

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

Кнопка

Назначение

Журнал (History)

Открывает папку Recent , содержащую
Web-узлы, ранее открывавшиеся в программе FrontPage

Мои документы
(My Documents)

Открывает папку Мои документы

Рабочий стол (Desktop)

Открывает папку Windows Рабочий стол

Избранное (Favorites)

Открывает папку Избранное

Мое сетевое окружение
(My Network Places)

Открывает папку Мое сетевое окружение

Совет

Для открытия после запуска программы Web-узла, с которым вы работали при предыдущем запуске FrontPage, необходимо в меню Сервис (Tools) выбрать команду Параметры (Options) и на вкладке Общие (General) появившегося диалогового окна установить флажок Открывать последний веб-узел при запуске FrontPage (Open last web automatically when FrontPage starts).

Совет

Чтобы открыть Web-узел, можно воспользоваться командой Последние веб-узлы (Recent Webs) из меню Файл (File), содержащей имена четырех последних открывавшихся Web-узлов.

Каждый открываемый Web-узел располагается в новом окне программы FrontPage. Чтобы этого не возникало, перед загрузкой нового Web-узла закрывайте открытый узел с помощью команды Закрыть веб-узел (Close Web) из меню Файл (File).

Открытие Web-страницы

С помощью диалогового окна Открытие файла (Open File) в программе FrontPage можно открывать Web-страницы, сохраненные на диске в виде отдельных файлов, Web-страницы из Интернета, а также страницы Web-узла. При открытии страницы, входящей в состав Web-узла, открывается и сам Web-узел.

Для открытия Web-страницы выполните одно из следующих действий:

  • В меню Файл (File) выберите команду Открыть (Open).
  • На стандартной панели инструментов нажмите стрелку с правой стороны кнопки Открыть (Open) и в появившемся меню выберите команду Открыть.
  • Нажмите комбинацию клавиш +.

При выполнении любого из этих действий открывается диалоговое окно Открытие файла (Open File) (рис. 9.5). Используя раскрывающийся список (Look in), выберите папку, в которой располагается открываемая вами Web-страница. Затем установите на выбранную страницу курсор и нажмите кнопку Открыть (Open).

Замечание

Обратите внимание на значок Web-страницы. Он действительно напоминает страницу с направленной наружу стрелкой.

Рис. 9.5. Диалоговое окно Открытие файла

Используя кнопки диалогового окна Открытие файла (Open File), можно ускорить поиск необходимой Web-страницы, если она расположена в системной папке, название которой размещено с левой стороны окна. Для открытия Web-узла можно также использовать команду Последние файлы (Recent Files) из меню Файл (File), которая содержит имена четырех последних открытых Web-страниц.

Панели Список папок и Область переходов

В главном окне программы в режимах Страница (Page), Переходы (Navigation) и Гиперссылки (Hyperlinks) можно отобразить панель Список папок (Folder List), показывающую структуру папок открытого Web-узла (рис. 9.6). Для этого необходимо в меню Вид (View) выбрать команду Список папок (Folder List). При переходе в режим работы Папки (Folders) эта панель располагается в главном окне программы FrontPage по умолчанию.

Рис. 9.6. Панель Список папок

Замечание

Используя панель Список папок (Folder List), посмотрите на расширения имен файлов Web-узла. Web-страница имеет расширение имени файла НТМ. Помимо Web-страниц, Web-узел может содержать файлы типа GIF и JPG (графические файлы), а также файлы других типов, если при создании страниц вы используете программы, входящие в Microsoft Office.

В режимах работы Страница (Page), Переходы (Navigation) и Гиперссылки (Hyperlinks) справа от панели Список папок (Folder List) размещается рабочая область для просмотра и редактирования Web-узла или Web-страницы (в зависимости от режима, в котором вы находитесь). На рис. 9.7 в рабочей области располагается открытая Web-страница.

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

Рис. 9.7. Отображение структуры папок Web-узла в режиме работы Страница

Работа с панелью Список папок (Folder List) аналогична работе в окне Проводника системы Windows. Открывая папки, определяющие структуру открытого в программе FrontPage Web-узла, вы легко можете отыскать необходимую страницу и открыть ее для просмотра и редактирования. Чтобы открыть страницу, дважды щелкните на ее имени или значке. При этом в рабочей области программы FrontPage появится выбранная страница, которую можно просмотреть или отредактировать. Если открыто несколько страниц, в верхней части этой области располагаются вкладки с их названиями, служащие для перехода между страницами
(см. рис. 9.7).

Замечание

Если вы находитесь в режиме Переходы (Navigation) и Гиперссылки (Hyperlinks), то после двойного щелчка на имени выбранной Web-страницы вы автоматически переходите в режим ее редактирования.

В режиме работы Страница в окне программы FrontPage можно разместить панель Область переходов (Navigation Pane), предназначенную для просмотра навигационной структуры открытого Web-узла. На данной панели показываются страницы узла и их иерархическая связь друг с другом. Для отображения панели Область переходов можно использовать одноименную команду из меню Вид (View), кнопку Переключить панель (Toggle Pane) на стандартной панели инструментов или вкладку в нижней части панели Список папок (Folder List).

Ширину панели режимов работы Представления (Views), панели структуры папок Список папок (Folder List) и панели Область переходов (Navigation Pane) можно регулировать с помощью мыши. Для этого выполните следующие действия:

1.Установите курсор на правую вертикальную границу панели или области, ширину которой хотите изменить.

2.Когда курсор примет вид двунаправленной стрелки, нажмите кнопку мыши и, удерживая ее нажатой, перемещайте курсор вправо для увеличения ширины панели или области папок, или влево - для уменьшения.

3.Установив требуемую ширину панели или области, отпустите кнопку мыши.

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

Как уже было сказано выше, в программе FrontPage существует 6 режимов работы, для перехода в которые предназначены кнопки на панели Представления (Views), а также первые шесть команд меню Вид (View). Рассмотрим кратко основные режимы работы.

Режимы просмотра и редактирования Web-страницы

При открытии в программе FrontPage новой или ранее созданной Web-границы вы оказываетесь в режиме просмотра и редактирования страницы траница (Page). Для перехода в режим редактирования из других режимов используется кнопка Страница (Page) панели Представления (Views) или команда Страница меню Вид (View).

На рис. 9.8 показано главное окно программы в режиме Страница. Как вы видите, в окне расположена панель режимов работы Представления, панель Список папок (Folder List), а справа - рабочая область, предназначенная для просмотра и редактирования Web-страницы. В верхней части рабочей области находятся вкладки с названиями открытых вами страниц, используемые перемещения между ними.

Рис. 9.8. Режим работы Страница

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

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

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

Таблица 9.8. Режимы просмотра Web-страницы

Вкладка

Назначение

Обычный (Normal)

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

HTML-код (HTML)

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

Просмотр (Preview)

Предварительный просмотр страницы в том виде, в котором она будет представлена на сервере Интернета

Рис. 9.9. Просмотр страницы в HTML-кодах

Совет

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

Режим просмотра структуры папок

Для перехода в режим просмотра структуры папок Web-узла используется лопка Папки (Folders) на панели Представления (Views) или команда Пап-Я (Folders) из меню Вид (View). В этом режиме работы в главном окне по молчанию размещается панель Список папок (Folder List) с именами папок пгкрытого Web-узла, расположенных по иерархии, а в рабочей области программы - содержимое папки, выделенной на панели (рис. 9.10).

Рис. 9.10. Главное окно программы FrontPage в режиме работы Папки

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

Список файлов, находящихся в таблице, можно сортировать по возрастанию или убыванию значений, размещенных в том или ином столбце. Для сортировки списка файлов в алфавитном порядке по возрастанию достаточно щелкнуть на заголовке столбца, по значениям которого хотите осуществить упорядочение данных. Чтобы изменить порядок сортировки, можно щелкнуть на заголовке еще раз. Для сортировки файлов по дате их последней модификации используется столбец Изменен (Modified Date).

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

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

  • Дважды щелкните кнопкой мыши
  • Нажмите клавишу

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

Создание новых папок

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

2. На панели Список папок (Folder List), отображающей иерархическую структуру папок, установите курсор на папку, в которой хотите разместить создаваемую папку.

3. В меню Файл (File) выберите команду Создать (New), а затем из появившегося подменю команду Папка (Folder) или нажмите правую кнопку мыши и выберите последовательно команды Создать и Папка контекстного меню. В иерархической структуре папок левой рабочей области появится новая папка с именем Новая папка (New_Folder). Эта же папка отобразится в правой области, и ее имя активно для переименования (рис. 9.11).

4. Введите имя папки и нажмите клавишу .

Замечание

Если вы сразу не ввели имя для созданной папки, то папка будет иметь имя Новая_папка (New_Folder), присвоенное ей по умолчанию программой FrontPage. Позднее вы можете папку переименовать, воспользовавшись командой контекстного меню Переименовать (Rename). Кроме того, для переименования можно также выделить имя папки и, выдержав небольшую паузу, нажать кнопку мыши. Имя папки станет доступным для редактирования, и вы сможете ввести новое имя.

Рис. 9.11. Создание новой папки в режиме работы Папки

Перемещение файлов

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

1. Перейдите в режим просмотра структуры папок Папки (Folders).

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

Рис. 9.12. Выделение файлов для дальнейшего перемещения

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

4. Отпустите кнопку мыши. Начнется процедура перемещения файлов, в процессе которой на экране монитора появляется окно, в котором указываются выполненные операции. После завершения перемещения это окно удаляется с экрана, указывая, что операция успешно проведена.

Замечание

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

Режим Переходы

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

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

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

Рис. 9.13. Web-узел в режиме работы Переходы

Режим работы Гиперссылки

Режим работы Гиперссылки позволяет разработчику просмотреть в графическом виде все ссылки, установленные на страницах Web-узла. Для перехода в режим просмотра гиперссылок предназначена кнопка Гиперссылки на панели режимов Представления (Views) и команда Гиперссылки (Hyperlinks) из меню Вид (View).

В режиме просмотра гиперссылок в главном окне программы FrontPage отображается панель Список папок (Folder List), а в рабочей области - схема ссылок открытого Web-узла (рис. 9.14).

Рис. 9.14. Режим просмотра гиперссылок Web-узла

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

Если внутри значка расположен знак "плюс", значит, существуют файлы, имеющие ссылки на данный файл или сам файл имеет ссылки на другие страницы. При нажатии на знак "плюс" эти ссылки раскрываются, а знак плюс" заменяется знаком "минус". По значку можно судить о самом файле. Так, например, значком с изображением глобуса обозначаются файлы, размещенные в Интернете. Если значок имеет вид рисунка, то данный файл является графическим.

Режим формирования и просмотра отчетов

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

Для перехода в режим работы Отчеты используется кнопка Отчеты на панели режимов Представления (Views) и команда Отчеты (Reports) из меню Вид (View). При выполнении этих действий в рабочей области программы FrontPage отображается таблица (рис. 9.15), наименования столбцов которой, а также их количество зависят от типа отчета, задаваемого с помощью -панели инструментов Отчеты (Reporting) и опций меню Отчеты (Reports).

Рис. 9.15. Режим просмотра отчетов

Режим формирования и просмотра задач

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

Идя перехода в режим формирования и просмотра задач предназначена кнопка Задачи (Tasks) на панели режимов работы Представления (Views) и команда Задачи (Tasks) из меню Вид (View). При переходе в режим Задачи в правой рабочей области программы располагается в табличном виде список сформированных задач (рис. 9.16). Работа в данном режиме осуществляется с помощью команды Задачи (Tasks) из меню Правка (Edit) и контекстного меню.

Рис. 9.16. Режим формирования и просмотра задач

Выход из программы FrontPage

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

  • Выберите в меню Файл (File) команду Выход (Exit)
  • Выберите команду Закрыть в системном меню главного окна FrontPage
  • Дважды щелкните на значке программы FrontPage в заголовке главного окна

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

Рис. 9.17. Диалоговое окно, появляющееся при попытке выхода из программы FrontPage без сохранения информации

Для продолжения операции нажмите одну из кнопок:

Кнопка

Назначение

Сохраняет введенные изменения и выходит из программы FrontPage

Осуществляет выход из FrontPage без сохранения информации

Отмена

Закрывает диалоговое окно и возвращается в программу FrontPage

Если был открыт Web-узел, то появится отдельный запрос по каждой странице, на которой осуществлялось редактирование данных.

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 сайта. В этом режиме можно запланировать задачки, закрепить их за отдельными разработчиками и смотреть за ходом их выполнения.

С развитием Интернета появился протокол обмена информацией,протокол называется HTTP (HyperText Transfer Protocol – протокол передачи гипертекста).Вместе с этим протоколом появилась и служба World Wide Web (часто называемая WWW или просто Web ), которая подставляет собой обширную сеть серверов HTTP , передающих файлы через Интернет .

Основную часть этих файлов представляют собой Web-страницы – специальные файлы, написанные на языке HTML (HyperText Markup Language – язык разметки гипертекста). Web-страницы публикуются в Интернете путем размещения таких файлов на серверах HTTP (Web-узлах) . Содержание Web-страниц может быть разным и посвященным совершенно произвольным темам, но все они используют одну и тужу основу – язык HTML .
Большинство людей желающих создать свой собственный сайт или страничку, знакомы с языком HTML только понаслышке. Поэтому им на помощь может придти программа Microsoft FrontPage ,один из самых известных конструкторов сайтов.

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

Окно программы FrontPage 2003.

Программа FrontPage выпущена компанией Microsoft и выполнена в едином стиле продуктов, входящих в пакет Microsoft Office , поэтому внешний вид программы практически не отличается от текстового процессора Word .

В верхней части окна располагается строка меню и две панели инструментов: Стандартная и Форматирование . Включать или отключать отображение панелей инструментов позволяет меню Вид .
В левой части находится Панель представлений , при помощи которой можно переключать режимы документа.
Основную часть окна занимает рабочая область, в которой могут быть открыты одно или несколько окон, содержащих отдельные документы.
В нижней части окна располагается строка состояния , содержащая справочную информацию . Так же в нижней части окна находятся три кнопки просмотра документа.
Отображение панелей инструментов.
Для управления панелями инструментов во FrontPage можно воспользоваться теми же способами, как в Microsoft Word . А именно:
в меню Вид надо выбрать пункт Панели инструментов , а в открывшемся новом подменю - установить флажки напротив тех панелей инструментов, которые вам нужны; или щелкнуть правой кнопкой мыши по какой-либо панели управления (или по области рядом с ней) и точно так же воспользоваться контекстным меню.

FrontPage , как и другие приложения Microsoft Office , позволяет добавлять, удалять, менять местами пункты меню и кнопки на панелях инструментов. Также существует возможность создавать полностью свои панели.
Для этого надо:

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

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

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

С помощью кнопки Новая страница на Стандартной панели инструментов.
меню Файл выбрать подменю Создать , а затем – Страница или Web-узел ;
с помощью комбинаций Ctrl+N ;
с помощью контекстного меню (работает во всех режимах, кроме режимов Задачи и Отчеты ) - для этого внутри Списка папок данного Web ) надо щелкнуть правой кнопкой мыши и в появившемся контекстном меню выбрать пункт Создать  Страница .

Создание станиц при помощи мастера и шаблонов.

Как уже говорилось выше, если для создания новой страницы вы воспользовались меню Файл  Создать  Страница или Web-узел , то FrontPage предложит вам воспользоваться шаблоном для создания новой страницы.
Для этого он откроет диалоговое окно, внешний вид которого приведен ниже:

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

Открытие Web-страниц.

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

Открыть уже существующую Web-страницу можно в любом из существующих режимов.

Из режима Page Views есть четыре способа открыть существующую страницу:

1 способ

Если вы работаете с FrontPage Web , то просто выберите нужный файл в Списке папок и дважды щелкните по нему мышью.

2 способ

В меню Файл выберите пункт Последние файлы . Из появившегося каскадного меню выберите нужный файл.

3 способ

С помощью диалогового окна Открытие файла: Файл  Открыть .

Предварительный просмотр.

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

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

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

Сохранение Web-страниц .

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

Удаление Web-страниц.

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

Существует три способа удаления Web-страницы .

1 способ

В панели Список папок выделите файл, который необходимо удалить и нажмите кнопку Delete на клавиатуре.

2 способ

В панели Список папок щелкните правой кнопкой мыши по файлу (или значку файла ), который необходимо удалить и в появившемся контекстном меню выберите пункт Удалить .

3 способ

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

Работа с текстом.

На первый взгляд, ввод текста во FrontPage ничем не отличается от ввода текста в любом текстовом редакторе (например, в Microsoft Word ).
Для того чтобы набрать текст, достаточно щелкнуть мышью в любом месте страницы, и курсор будет помещен в ближайшую точку, в которую можно ввести текст.
Набор прописных букв, редактирование текста (удаление символов, вставка текста и т.д.) производится точно также, как в Microsoft Word.
Есть только одно небольшое НО: при нажатии клавиши Enter во FrontPage осуществляется принудительный переход курсора на новую строку, при этом до и после абзаца ставятся фиксированные абзацные отступы.
Если вам не надо создавать абзацы, то для перехода на новую строку лучше всего использовать комбинацию клавиш Shift +Enter.

Работа с изображениями.

Графически форматы в Web .

Все компьютерные изображения, все форматы для их хранения (а, следовательно, и все программы для их обработки) делятся на два больших класса - векторные и растровые . Векторное изображение состоит из объектов - геометрических форм, составленных из прямых, дуг, окружностей и кривых Безье. Достоинств у векторной графики немало. С точки зрения дизайнера, самое главное ее достоинство состоит в том, что векторную графику можно «вертеть» как угодно, не боясь «протереть дырку» в изображении или потерять часть информации. Другое достоинство - небольшой объем файлов (в сравнении с растровыми изображениями) и независимость от разрешения устройств вывода (будь то принтер или экран монитора). Эти факторы сделали векторную графику вероятным кандидатом для использования в Internet . Правда стоит оговориться, что на сегодняшний момент векторная графика встречается не так уж часто, как хотелось бы.
Тем не менее, среди реально применяемых векторных форматов хотелось бы отметить формат Shockwave Flash фирмы Macromedia . Для просмотра этого формата в браузере нужен подключаемый модуль (plug-in ), бесплатно распространяемый фирмой Macromedia . На сегодняшний день существуют как сайты целиком и полностью созданные по этой технологии, так и сайты, используемые Flash-формат лишь частично.
Растровое представление графики базируется на понятии растра. Растр – это совокупность объектов (в данном случае пикселей), размещенных в одинаковые строки и столбцы. Т.е. растровый компьютерный файл можно рассматривать как набор маленьких цветных или серых квадратиков, образующих мозаику изображения. Т.к. размер этих квадратиков заведомо мал, то при просмотре растровой графики эти квадратики сливаются друг с другом, образуя непрерывную смену цветов.

Растровый формат хранения изображения имеет как свои преимущества, так и недостатки. Одним из больших плюсов растровой графики является возможность работы с полутонами, т.е. возможность передавать изображение точно также, как оно выглядит в жизни. А вот среди недостатков основной проблемой является размер файла. Естественно, чем больше пикселей отведено для формирования изображения , тем выше качество передаваемого изображения , но, тем самым больше будет и размер файла.
Если мы теперь вернемся к браузерам, то можно сказать следующее, что большинство браузеров без проблем могут отображать графические файлы четырех форматов (*.gif, *.jpg, *.png, *.bmp ), использовать из которых на сегодняшний момент лучше всего два - *.gif и *.jpg . Да и то после предварительной оптимизации.
Вставка изображений на Web-страницу .
Вставлять изображение на вашу Web-страницу можно несколькими способами:
1. Перетащить изображение из Windows Explorer (то есть прямо из проводника).
2. Перетащить изображение из Internet Explorer .
3. Перетащить файл с изображением с панели Список папок , прямо на страницу.
4. С помощью буфера обмена - скопировать изображение в буфер обмена из любой другой программы, а затем на странице вставить его из буфера обмена.
5. С помощью кнопки Добавить рисунок из файла на панели инструментов Стандартная .
6. С помощью меню Вставка  Рисунок.
Рассмотрим эти способы более подробно:
Способ 1
Windows Explorer (то есть прямо из проводника) надо:
во FrontPage
открыть окно проводника;
в окне проводника выделить файл с картинкой, которую вы хотите вставить на свою страницу;
левой клавишей мыши перетащить файл-картинку на свою Web-страницу картинка вставиться в то место, где на странице находился курсор вставки.
Способ 2
Для того чтобы перетащить изображение из Internet Explorer надо:
во FrontPage открыть страницу, на которую вы хотите добавить изображение;
в браузере откройте то изображение, которое вы хотите поместить на своей Web-странице браузера название файла должно оканчиваться на jpg, jpeg, gif );
левой клавишей мыши перетащите выделенную картинку на свою Web-страницу ;
Способ 3
Для того чтобы перетащить файл с изображением с панели Список папок, прямо на страницу надо:
во FrontPage открыть страницу, на которую вы хотите добавить изображение ;
выбрать необходимый файл с картинкой на панели Список папок ;
левой клавишей мыши перетащите выделенную картинку на свою Web-страничку ;
выбранная картинка вставиться в то место, где на странице находился курсор вставки.
Способ 4
Для того чтобы вставить изображение на свою Web-страницу с помощью буфера обмена, надо:
в том приложении, из которого вы хотите скопировать картинку, выделить изображение и при помощи клавиш Ctrl + C скопировать рисунок в буфер обмена;
на своей Web-странице вставить это изображение из буфера обмена при помощи клавиш Ctrl + V
Способ 5
Web-страницу вы решили воспользоваться кнопкой Добавить изображение из файла на панели инструментов Стандартная , то FrontPage откроет диалоговое окно Рисунок .
В данном диалоговом окне укажите тот файл с картинкой, который вы хотели бы добавить на свою Web-страницу и нажмите кнопку Вставить.

Способ 6
Если для вставки изображения на свою Web-страницу вы решили воспользоваться меню Вставка  Рисунок , то FrontPage предложит сделать вам дальнейший выбор:

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

Помимо простой графики, как – изображения в форматах *.gif, *.jpg, *.png и т.д. FrontPage позволяет размещать на ваших Web-страницах файлы мультимедиа. К ним относятся: видеоклипы, звуки…

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

Откроется диалоговое окно Видео , в нем будут отображаться видеоклипы в формате *.avi, *.asf, *.ram, *.ra .

Добавить звук на Web-страницу можно на вкладке Общие диалогового окна Свойства страницы .

Работа с таблицами.

Таблица - одно из наиболее мощных инструментов используемых при создании сайтов.
Изначально таблицы применялись только для представления структурированных данных. Однако постепенно они превратились в мощное универсальное средство для компоновки Web-страниц.

Создание таблиц

Самый простой способ создания таблицы – использовать кнопку Добавить таблицу , расположенную на панели инструментов Стандартная.
Еще один способ – при помощи пункта меню Таблица  Вставить  Таблица .
А так же таблицу можно нарисовать и вставить при помощи буфера обмена.

Ввод данных и навигация по таблице.

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

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

Однако более удобно для перемещения между ячейками использовать комбинации клавиш:
Сочетания клавиш: Действие:

Tab в любом месте таблицы,кроме конца последней строки перейти в соседнюю ячейку и выделить ее содержимое
Tab в конце последней строки добавить новую строку в низ таблицы
Shift +Tab перейти в предыдущую ячейку и выделить ее содержимое
Enter начать новый абзац
Enter в начале первой ячейки добавить текст перед таблицей в начале документа

Создание и применение форм.

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

Давай познакомимся с тобой - пожалуйста, заполни следующие поля:
Твое имя:

Твоя фамилия:

Дата твоего рождения: год месяц число

Спасибо! А теперь - в путь!
1. Мала, а проворна.
Где бывает, там повелевает.
В шатер зайдет -
Богатыря перевернет.
Кто это?
Муха Блоха Капризный ребенок
2. Выпуча глаза сидит,
По-французски говорит,
По-блошьи прыгает,
По-человечьи плавает.
О ком идет речь?
Кот Лягушка Попугай

3. Чем дышит тюлень, нырнув под лед?

4. Почему плачут большие черепахи?

5. Какую одежду может и селедка носить?
Шубу Пальто Тельняшку
6. Кого называют «речной лошадью»?
Выдру Бегемота Крокодила

7. Какие птицы не высиживают птенцов?

8. Какие птицы не умеют летать?

Если вам необходимо выберать несколько ответов - нажмите и не отпускайте клавишу Ctrl и щелкайте левой клавишей мыши по нужному ответу

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

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

В отношении форм существует несколько основных правил:

1. Каждая форма занимает определенный участок Web-страницы . На одной Web-страничке может быть расположена одна или несколько форм.
2. Внутри каждой формы должен размещаться, по крайней мере, один из элементов форм (хотя, как правило, их несколько).
3.Каждый элемент формы имеет имя и значение. Имя идентифицирует поле для ввода информации, а значение приравнивается к значению, выбранному пользователем.
4. Один из элементов формы (им может быть обычная кнопка или любой рисунок) должен выполнять функцию кнопки Отправить.

Создание форм во FrontPage .
Чтобы добавить форму на Web-страницу , надо:

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

Настройка свойств формы.

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

1. В поле Сохранение результатов необходимо указать, что надо будет сделать с данными, введенными в форму . Вы можете выбрать следующие варианты:
o Отправка Имя файла - данные будут помещены в указанный файл на Web-сервере . Этот файл может быть Web-страницей , которая со временем будет становиться все длиннее и длиннее, или файлом данных, который потом можно будет обработать в Excel, Access или любой другой программой;
o Отправка Адрес почты - в этом случае каждый раз при нажатии посетителем Web-странички кнопки Отправить на форме будет генерироваться электронное сообщение, которое будет отправляться по указанному вами адресу. В этом сообщении будут содержаться все данные, которые были введены пользователем на Web-страничке.
o В базе данных - в этом случае данные формы будут отправлены в базу данных. База должна находиться на Web-сервере (или быть доступной для него).
2. В поле Свойства формы необходимо указать имя формы
Режимы просмотра во FrontPage .
FrontPage предлагает шесть различных режимов для просмотра содержимого Web-сайта:

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

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

Скачать БЕСПЛАТНО FrontPage можно по следующей ссылке:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html



Загрузка...