Лабораторная работа по теме «Создание сайта с помощью HTML»

(часть 1)

Цель:

- познакомиться с программой Microsoft FrontPage, основными понятиями

- изучить средства создания сайтов с помощью Microsoft FrontPage

- уметь создавать веб-страницы

План:

1. Изучение существующего сайта

2. Оптимизация свойств отображения на вашем экране

3. Просмотр существующей веб-страницы

4. Различные режимы просмотра сайта

5. Обзор средств FrontPage 2002
6. Основные понятия FrontPage

Microsoft FrontPage 2002 - это обширная прикладная программа (приложение), которую можно использовать для разработки сайтов. Эта сложная программа содержит все, что требуется для создания сайтов, от простой веб-сводки до сложного веб-магазина розничной торговли.

Несмотря на всю сложность программы FrontPage, с ней легко работать. Поскольку эта программа включена в комплекс приложений Microsoft Office XP, она действует таким же образом, как и другие приложения Office XP. FrontPage является вполне подходящим средством для тех, кто избегает создания сайтов лишь потому, что не хочет учиться программированию на языке описания гипертекстовых документов HTML (Hypertext Markup Language). Используя FrontPage, вы можете легко создавать интересные сайты с хорошим дизайном и сложными элементами, не вводя ни одной строки программных кодов. Но если у вас есть определенный опыт программирования на языке HTML или вы хотите держать все под контролем, то программа FrontPage позволяет вам легко осуществлять доступ к соответствующим кодам, которые она автоматически создает в процессе вашей работы. Вы можете в любой момент просматривать и редактировать эти HTML-коды; но самое замечательное, что вы не обязаны это делать. Чтобы стать хорошим разработчиком FrontPage, вовсе не обязательно иметь какие-то навыки программирования.

### Изучение существующего сайта

Работая с приложениями Office XP, вы создаете самостоятельные документы, которые можно открывать по отдельности из Проводника Windows (Windows Explorer). В процессе работы с FrontPage вы создаете группу взаимосвязанных файлов, которые совместно образуют каждый сайт, построенный на основе FrontPage. Поэтому сайты следует открывать из FrontPage; щелкнув на имени какого-либо одного файла в Windows Explorer, вы, может быть, откроете этот файл, но это не приведет к открытию сайта, которому принадлежит данный файл.

В этом упражнении вы запустите FrontPage и откроете сайт, созданный на основе FrontPage. Затем вы просмотрите этот сайт.

GardenCo

Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap17. Выполните следующие шаги.

1. На левом краю панели задач внизу экрана щелкните на кнопке Пуск (Start), укажите Программы (Programs) и щелкните на строке Microsoft FrontPage.

Совет. В зависимости от наличия системных ресурсов может появиться окно с сообщением, извещающим вас о дополнительных требованиях к системе для использования определенных средств Office XP, таких как Распознавание речи (Speech Recognition). Если появится такое сообщение, щелкните для продолжения на кнопке OK.

При первом открытии FrontPage вы увидите в окне просмотра и редактирования страниц файл новой страницы с именем new_page_1.htm , как это показано на следующем рисунке 1.

Рисунок 1 - Окно просмотра и редактирования страниц

Область задач Создание веб-страницы или узла (New Page or Web) появляется при запуске FrontPage в тех случаях, когда не открыто ни одного сайта. Если вы не хотите, чтобы эта панель задач появлялась по умолчанию, сбросьте флажок Показывать при запуске (Show at startup) внизу панели задач.

2. В меню Файл (File) выберите пункт Открыть веб-узел (Open Web), чтобы появилось следующее диалоговое окно (см. Рисунок 2).

Рисунок 2 - Окно диалога

3. В диалоговом окне Открытие веб-узла (Open Web) перейдите в папку Office XP SBS\FrontPage\Chap17.

Здесь находится сайт с именем GardenCo, указываемый значком сайта перед этим именем.

4. Щелкните на GardenCo, чтобы выделить этот сайт, и затем щелкните на кнопке Открыть (Open).

Область задач Создание веб-страницы или узла (New Page or Web) исчезнет с экрана, файл new_page_1.htm будет закрыт, и появится панель Список папок (Folder List), где указываются папки и файлы, из которых состоит сайт GardenCo (см. Рисунок 3).

Рисунок 3 - Окно сайт GardenCo

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

Важно. В структуру сайта на основе FrontPage входят также скрытые папки и файлы, создаваемые программой FrontPage в процессе работы. Удаление или изменение эти файлов и папок может "запортить" сайт из- за повреждения его навигационной структуры или нарушения ссылок; поэтому FrontPage помечает их как скрытые (hidden). Если на вашем компьютере не отображаются скрытые папки и файлы (эта установка задается во вкладке Вид (View) диалогового окна Microsoft Windows Свойства папки (Folder Options)), вы не увидите этих файлов, что позволяет избежать опасности их случайного удаления или изменения.

5. Щелкните на знаке "+" перед каждой из папок, чтобы просмотреть содержимое соответствующей папки.

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

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

6. Щелкните на кнопке Переключить панель (Toggle Pane), чтобы закрыть список папок, и щелкните на ней еще раз, чтобы снова открыть этот список.

7. Внизу панели Список папок (Folder List) щелкните на кнопке Переходы (Navigation), чтобы переключиться на панель Область переходов (Navigation Pane).

8. Перетащите правую границу oбласти переходов вправо, чтобы стали видны все заголовки страниц, как это показано ниже (см. Рисунок 4).

Рисунок 4 – Область переходов

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

9. Щелкните на кнопке Переключить панель (Toggle Pane), чтобы закрыть панель области переходов, и щелкните на ней еще раз, чтобы снова открыть эту панель.

10. Щелкните на направленной вниз стрелке рядом с кнопкой Переключить панель (Toggle Pane) и выберите из раскрывающегося списка пункт Список папок (Folder List), чтобы снова вернуться к панели списка папок.

11. В списке папок щелкните на файле index.htm, чтобы выделить этот файл.

12. Чтобы увидеть, как выглядит данный сайт в вашем браузере, выберите в меню Файл (File) пункт Просмотр в обозревателе (Preview in Browser).

13. Появится диалоговое окно Просмотр в обозревателе (Preview in Browser) (см. Рисунок 5).

Рисунок 5 – Окно Просмотр в обозревателе

14. Выберите нужный вам браузер и предпочтительный для вас размер окна в пикселах (рекомендуется 800 x 600), затем щелкните на кнопке Просмотр (Preview).

В окне выбранного вами браузера появится сайт GardenCo, как это показано ниже (см. Рисунок 6).

Рисунок 6 – Окно браузера

15. Щелкните на каждой навигационной гиперссылке для перехода на различные страницы.

16. По окончании щелкните на кнопке Закрыть (Close), чтобы закрыть браузер.

17. В меню Файл (File) программы FrontPage выберите пункт Закрыть веб-узел (Close Web), чтобы закрыть данный сайт.

### Оптимизация свойств отображения на вашем экране

Ширина и высота области экрана измеряется в пикселах. В начальный период распространения персональных компьютеров мониторы большинства компьютеров могли давать разрешение области экрана только 640 пикселов по ширине и 480 пикселов по высоте (обычно это указывалось в форме 640 x 480). В настоящее время большинство мониторов могут также давать разрешение 800 x 600 пикселов и 1024 x 768 пикселов. Некоторые мониторы могут даже давать разрешение 1152 x 864 пиксела или больше.

Большинство пользователей компьютеров могут выбирать не менее двух различных разрешений области экрана. Некоторые предпочитают работать с областью 640 x 480, поскольку все элементы экрана выглядят крупнее. Другие пользователи предпочитают использовать отображение 1024 x 768, чтобы уместить на экране больше информации.

При разработке веб-страницы, содержащей не только свободно размещаемый текст, важно учесть наиболее вероятный размер области экрана ваших веб-посетителей. В настоящее время на практике общепринято разрабатывать сайты таким образом, чтобы они лучше всего выглядели, когда у посетителя сайта выбран размер 800 x 600. Это означает, что посетителям с размером области экрана 640 x 480 придется выполнять прокрутку экрана, чтобы увидеть все содержимое страницы.

Чтобы определить текущее разрешение области экрана на компьютере с Windows 98:

1. Щелкните на кнопке Пуск (Start), укажите Настройка (Settings) и щелкните на Панель управления (Control Panel).

2. В окне панели управления дважды щелкните на значке Экран (Display), чтобы открыть диалоговое окно свойств экрана.

3. Во вкладке Настройка (Settings) обратите внимание на бегунок Область экрана (Screen area). Текущий размер экрана в пикселах будет представлен под бегунком.

4. Щелкните на кнопке Меньше (Less) или Больше (More), чтобы переместить бегунок и изменить область экрана.

### Просмотр существующей веб-страницы

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

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

GardenCo

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

Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap17.

Выполните следующие шаги.

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

2. В диалоговом окне Открыть веб-узел (Open Web) перейдите в папку Office XP SBS\FrontPage\Chap17, выберите GardenCo и щелкните на кнопке Открыть (Open). Этот сайт откроется в программе FrontPage с представленным на экране списком папок, как это показано ниже (см. Рисунок 7).

Рисунок 7 – Окно со списком папок

Совет. Если панель списка папок не появится, то для ее появления выберите пункт Список папок (Folder List) в меню Вид (View).

3. В панели списка папок щелкните правой кнопкой на файле contact.htm и в контекстном меню выберите пункт Открыть (Open). Значок этого файла изменится на значок открытой веб-страницы, а сам файл будет открыт в окне просмотра и редактирования страниц, как это показано ниже (см. Рисунок 8).

Рисунок 8 – Окно просмотра и редактирования страниц

4. Для просмотра всей страницы используйте полосы прокрутки. Это страница имеет общие фреймы (shared borders) на верхней и левой сторонах, очерченные пунктирными линиями, как это показано ниже (см. Рисунок 9).

Рисунок 9 – Окно просмотра и редактирования страниц

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

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

Рисунок 10 – Область страницы

5.
Теперь, когда вы увидели внешний вид, рассмотрим внутреннюю структуру. Щелкните на кнопке HTML-код (HTML) внизу окна просмотра и редактирования страниц, чтобы перейти к панели HTML. HTML-код, с помощью которого получена эта страница, выглядит следующим образом:

    <head>

    <meta http-equiv="Content-Language" content="en-us">

    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">

    <meta name="ProgId" content="FrontPage.Editor.Document">

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    <title>Контакты</title>

    <meta name="Microsoft Theme" content="modified-nature-theme 011, default">

    <meta name="Microsoft Border" content="tl, default">

    </head>

    <body>

    <p>Компания "Все для сада" расположена по адресу: 1234 Oak Street, Seattle,

    WA  10101.</p>

    <blockquote>

    <p><b>Телефон:</b> (206) 555-0100<br>

    <b>Факс:</b> (206) 555-0101</p>

    </blockquote>

    <p align="center">

    <applet code="fprotate.class" codebase="images/" width="264" height="72">

                   <param name="image1" valuetype="ref" value="images/banner1.gif">

                   <param name="image2" valuetype="ref" value="images/banner2.gif">

                   <param name="image3" valuetype="ref" value="images/banner3.gif">

                   <param name="rotatoreffect" value="blindsHorizontal">

                   <param name="time" value="2">

                   <param name="url" valuetype="ref" value="images/banner1.gif">

    </applet></p>

    <p>Пожалуйста, связывайтесь с нами по факсу или

    e-mail 24 часа в сутки, или звоните, а также приходите

    в наш магазин в следующее время:</p>

    <div align="left">

      <blockquote>

      <table border="0" cellpadding="0" cellspacing="6" style="border-collapse:

    collapse" id="AutoNumber1" height="57">

        <tr>

          <td height="19">Понедельник-Пятница</td>

          <td height="19">9:00 - 21:00</td>

        </tr>

        <tr>

          <td height="19">Суббота</td>

          <td height="19">10:00 - 19:00</td>

        </tr>

        <tr>

          <td height="19">Воскресенье</td>

          <td height="19">11:00 - 17:00</td>

        </tr>

      </table>

      </blockquote>

    </div>

    <p>Вопросы о нашей продукции и сервисе? E-mail

    <a href="mailto:info@GardenCo.msn.com">info@GardenCo.msn.com</a>.</p>

    <p>Хотите связаться с нашей командой? E-mail <a

    href="mailto:jobs@GardenCo.msn.com">jobs@GardenCo.msn.com</a>.</p>

    </body>

    </html>

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

7. Щелкните на кнопке Обычный (Normal), чтобы вернуться к обычному режиму просмотра.

8. Теперь посмотрим, в какой форме увидят эту страницу посетители сайта. Щелкните на кнопке Просмотр (Preview) внизу окна просмотра и редактирования страниц, чтобы перейти к панели предварительного просмотра, где программа FrontPage отобразит данную страницу в следующем виде (см. Рисунок 11).

Рисунок 11 – Окно предварительного просмотра

9. Выполните предварительный просмотр в своем используемом по умолчанию браузере. В стандартной панели инструментов щелкните на кнопке Предварительный просмотр в браузере (Preview in Browser).

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

10. Закончив предварительный просмотр сайта, щелкните на кнопке Закрыть (Close), чтобы закрыть браузер и вернуться в программу FrontPage.

11. Используйте кнопки внизу окна просмотра и редактирования страниц для произвольного переключения между панелями Обычный, HTML-код и Просмотр. По окончании просмотра страницы щелкните на кнопке Закрыть (Close) в верхнем правом углу окна просмотра и редактирования страниц, чтобы закрыть данный файл.

12. В меню Файл (File) щелкните на команде Закрыть веб-узел (Close Web), чтобы закрыть данный сайт.

### Различные режимы просмотра сайта

В программе FrontPage 2002 предоставляется шесть различных представлений сайта:

· В режиме просмотра Страница (Page) открытая страница или страницы отображаются в окне просмотра и редактирования страниц. Вкладка вверху окна страницы содержит имя соответствующего файла. Если открыто несколько страниц, то вы можете переходить на другую страницу, щелкая на ее вкладке или на имени ее файла в меню Окно (Window).

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

· В режиме просмотра Отчеты (Reports) отображается любой из 27 отчетов об открытом сайте. По умолчанию отображается последний открытый отчет. Если в текущем сеансе FrontPage не было открыто никаких других отчетов, то по умолчанию выводится отчет типа Сводка по узлу (Site Summary), где объединены результаты других отчетов. Различные отчеты можно выбрать в меню Вид (View) или в панели сводки по узлу.

· В режиме просмотра Переходы (Navigation)отображается в графическом виде иерархическое (древовидное) представление всех файлов, которые были включены в навигационную структуру открытого сайта. Чтобы добавить какой-либо файл к навигационной структуре, нужно просто перетащить этот файл в окно Навигация (Navigation) и поместить его в нужном месте. Чтобы уместить содержимое сайта в этом окне, вы можете переключаться между режимом Вертикальная ориентация (Portrait) и Горизонтальная альбомная ориентация (Landscape) или использовать кнопки увеличения или уменьшения масштаба в панели инструментов переходов.

· В режиме просмотра Гиперссылки (Hyperlinks) представлены гиперссылки на выбранную страницу и из выбранной страницы открытого сайта. Показаны как внутренние, так и внешние гиперссылки, а также гиперссылки на электронную почту. Для просмотра гиперссылок на файл и из файла нужно выбрать этот файл в списке папок и затем щелкать на знаке "плюс" рядом с именем любого файла для дальнейшего раскрытия этого представления.

· В режиме просмотра Задачи (Tasks) выводится список задач, которые должны быть выполнены в открытом сайте. FrontPage создает эти задачи, когда для создания сайта используются мастера; вы можете также создавать собственные задачи. Для каждой задачи выводятся ее состояние, имя и описание. Указывается также, кому назначена эта задача, какой приоритет присвоен задаче - Высокий (High), Средний (Medium) или Низкий (Low) и когда в последний раз модифицировалась данная задача. Задачи является полезным средством отслеживания степени готовности сайта.

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

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

GardenCo

Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap17.

Выполните следующие шаги.

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

2. В диалоговом окне Open Web перейдите в папку Office XP SBS\FrontPage\Chap17, выберите сайт GardenCo и щелкните на кнопке Открыть (Open), чтобы открыть сайт, находящийся в этой рабочей папке.

3. В панели списка папок дважды щелкните на файле classes.htm, чтобы открыть этот файл в окне просмотра и редактирования страниц.

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

4. В панели представлений щелкните на значке Папки (Folders).

FrontPage отобразит содержимое сайта в режиме просмотра папок, как это показано ниже (см. Рисунок 12).

Рисунок 12 – Содержимое сайта в режиме просмотра папок

5. Для просмотра содержимого всего экрана используйте линейки прокрутки.

6. В панели представлений щелкните на значке Отчеты (Reports). FrontPage откроет панель отчетов и выведет отчет Сводка по узлу (Site Summary) для открытого сайта, как это показано ниже (см. Рисунок 13).

Рисунок 13 – Отчет Сводка по узлу

Для просмотра отдельного отчета, включенного в отчет Сводка по узлу (Site Summary), щелкните на имени-гиперссылке нужного отчета в окне Сводка по узлу (Site Summary) или выберите нужный отчет из раскрывающегося списка Отчеты (Reports) панели отчетов.

7. В панели представлений щелкните на значке Переходы (Navigation). FrontPage откроет панель переходов и навигационную структуру открытого сайта.

8. В панели переходов выберите размер отображения в процентах из раскрывающегося окна Масштаб (Zoom), чтобы вся структура сайта уместилась в данном окне. (Например, для размера отображения 800 x 600 пикселов, видимо, потребуется выбрать значение 75.) Окно будет выглядеть как показано ниже (см. Рисунок 14).

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

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

7. В панели инструментов Переходы (Navigation) щелкните на кнопке Книжная/Альбомная (Portrait/Landscape), чтобы изменить ориентацию навигационной структуры.

8. Щелкните на странице Наши товары для ее выделения.

9. В панели инструментов Переходы (Navigation) щелкните на кнопке Просмотр только поддерева (View Subtree Only). Если вы работаете с очень большим сайтом, то можете использовать этот метод для обособления какой- либо одной части навигационной структуры.

10. Еще раз щелкните на кнопке Просмотр только поддерева (View Subtree Only), чтобы снова увидеть отображение всего сайта.

11. В панели представлений щелкните на значке Hyperlinks (Гиперссылки). Поскольку не выбрано никакой конкретной страницы, на экран выводится текст Выделите страницу из списка слева для просмотра гиперссылок, адресующихся к этой странице и находящихся на ней (Select a page from the Folder List to view hyperlinks to and from that page).

12. В списке щелкните на файле index.htm (файл домашней страницы). На экране появятся все гиперссылки на домашнюю страницу и из домашней страницы, как это показано ниже (см. Рисунок 15).

Рисунок 15 – Содержимое окна с гиперссылками

13. Щелкните правой кнопкой на файле contact.htm и затем щелкните в контекстном меню на пункте Переместить в центр (Move to Center), чтобы переместить этот файл в центральную точку структуры гиперссылок.

Отметим, что различные типы ссылок представлены различными значками.

14. Щелкните на знаке "плюс" рядом со значком любого файла, чтобы увидеть другие гиперссылки из страницы этого файла.

15. Щелкните на знаке "минус", чтобы сжать отображение гиперссылок.

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

Рисунок 16 – Задачи сайта

17. Для просмотра всего списка используйте линейки прокрутки.

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

19. Щелкните правой кнопкой на задаче, озаглавленной Проверка упражнений, и в контекстном меню выберите пункт Пометить как завершенную (Mark Complete).

20. Значение колонки Состояние (Status) для этой задачи изменится с Не запускалась (Not Started) на Выполнена (Completed).

21. В меню Файл (File) щелкните на кнопке Закрыть веб-узел (Close Web), чтобы закрыть данный сайт.

### Обзор средств FrontPage 2002

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

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

Команды меню и панелей инструментов недоступны, если соответствующее средство нельзя применить к среде, в которой вы работаете, или к конкретному выделенному объекту. Доступные команды меню представлены черным цветом: недоступные команды затенены или представлены серым шрифтом.

Файл справок Help FrontPage 2002 содержит информацию, которая поможет вам при возникновении вопросов относительно FrontPage. Начальное окно файла Help содержит самые последние сведения, такие как Новые возможности (What's New) и Приступая к работе (Get Started), а также гиперссылку на сайт Microsoft Office и другие ресурсы. Вкладки вверху экрана Help дают вам различные способы доступа к информации.

· Во вкладке Содержание (Contents) отображаются темы файла Help в традиционной форме содержания документа.

· Во вкладке Мастер ответов (Answer Wizard) можно задавать вопросы, используя обычный язык, и затем сравнивать ваш вопрос с темами, которые содержат возможные ответы. Доступ к мастеру Answer Wizard можно также осуществлять с помощью кнопки Задайте вопрос (Ask a Question) на правом конце линейки меню FrontPage.

· Вкладка Указатель (Index) содержит ключевые слова для всего файла Help. Вы можете выполнить прокрутку в этом списке или ввести искомое слово или слова в поле Введите ключевые слова (Type keywords).

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

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

1. В стандартной панели инструментов щелкните на кнопке Создание новой обычной страницы (Create a new normal page). В окне просмотра и редактирования страниц появится новая страница с именем new_page_1.htm.

2. Щелкните на меню Файл (File), чтобы открыть его, и затем щелкните на двойной угловой скобке внизу этого меню, чтобы раскрыть все меню.

3. Ознакомьтесь с доступными командами этого меню и продумайте, как вы могли бы использовать каждую из них. Команды Закрыть веб-узел (Close Web), Опубликовать веб-узел (Publish Web) и Экспорт (Export) затенены, поскольку они недоступны на данный момент, потому что применяются к сайтам, а не к веб-страницам, а в данный момент не открыто ни одного сайта.

4. Стрелки рядом с командами Создать (New), Последние файлы (Recent Files) и Последние веб-узлы (Recent Webs) указывают, что каждая команда имеет свое подменю. Укажите на команду Создать (New), чтобы увидеть ее подменю, как это показано ниже (см. Рисунок 17).

Рисунок 17 – Подменю команды Меню

5. Повторите шаги 2-4 для каждого из остальных меню: Правка (Edit), Вид (View), Вставка (Insert), Формат (Format), Сервис (Tools), Таблица (Table), Рамки (Frames), Окно (Window) и Справка (Help). Ознакомьтесь с доступными и недоступными пунктами и раскройте различные подменю.

6. Щелкните на любой команде, после которой следует многоточие, чтобы открыть диалоговое окно этой команды, и затем щелкните на кнопке Отмена (Cancel), чтобы закрыть его.

7. В меню Справка щелкните на Microsoft FrontPage Help.

Откроется файл Help.

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

9. Щелкните на кнопке Закрыть (Сlose), чтобы закрыть файл справки Help.

10. Щелкните правой кнопкой в любом месте области меню и панелей инструментов, чтобы открыть контекстное меню панелей инструментов, как это показано ниже (см. Рисунок 18).

Рисунок 18 – Контекстное меню

Пометки указывают, что панели инструментов Стандартная и Форматирование активизированы в данный момент. FrontPage автоматически активизирует эти панели инструментов, поскольку они содержат кнопки для большинства наиболее используемых команд, которые применяются для работы со страницами и файлами (см. Рисунки 19-20).

Рисунок 19 – Панель Стандартная

Рисунок 20 – Панель Форматирование

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

12. Щелкните на верхней, левой, нижней или правой границе панели Форматирование, и когда указатель превратится в четырехстороннюю стрелку, перетащите эту панель инструментов в центр экрана, как это показано на рисунке на следующей странице (см. Рисунок 21).

Рисунок 21 – Работа на странице

13. Теперь перетащите панель форматирования, щелкнув на полосе ее заголовка, к левому краю экрана, чтобы ее ориентация изменилась с горизонтальной на вертикальную (см. Рисунок 22).

Рисунок 22 – Работа на странице

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

14. Щелкните правой кнопкой на этой панели инструментов, чтобы открыть контекстное меню панелей инструментов. В этом контекстном меню выберите пункт Рисование (Drawing). Панель инструментов рисования появится в принятой по умолчанию позиции (внизу экрана) (см. Рисунок 23).

Рисунок 23 – Работа на странице

15. Щелкните на направленной вниз стрелке на правом крае панели инструментов рисования, чтобы появилась команда Добавить или удалить кнопки (Add or Remove Buttons). Укажите на эту команду и затем выберите пункт Рисование (Drawing), чтобы отобразить команды, доступные из панели инструментов рисования, как это показано ниже (см. Рисунок 24).

Рисунок 24 – Добавление и удаление кнопок

Аналогичный список можно вызвать для каждой панели инструментов.

16. Щелкните на кнопках Автофигуры (Autoshapes), Линия (Line) и Стрелка (Arrow), чтобы удалить их из панели инструментов рисования.

17. Щелкните на пункте Сброс панели (Reset Toolbar), чтобы вернуть панель инструментов к ее исходному состоянию, и затем закройте список.

18. Щелкните на кнопке Закрыть (Close), чтобы закрыть FrontPage.

19. Снова откройте FrontPage, щелкнув на кнопке Пуск (Start), указав на Программы (Programs) и щелкнув на строке Microsoft FrontPage. После повторного открытия FrontPage вы увидите, что внесенные вами изменения сохранены; панель инструментов форматирования по-прежнему закреплена на левом краю окна.

20. Переместите панель инструментов форматирования в ее исходное местоположение под стандартной панелью инструментов вверху окна.

21. Щелкните правой кнопкой на этой панели инструментов и выберите пункт Рисование (Drawing), чтобы закрыть панель инструментов рисования.

22. В меню Файл (File) выберите пункт Закрыть веб-узел (Close Web), чтобы закрыть данный сайт.

23. Если вы не переходите к следующей лекции, закройте программу FrontPage.

Имеется два вида сайтов: дисковые сайты и серверные сайты. Дисковые сайты можно запускать на любом компьютере или даже с гибкого диска или CD-ROM. Дисковые сайты поддерживают только базовые функции HTML. Многие из более интересных веб-компонентов, поддерживаемых программой FrontPage, не действуют на дисковом сайте.

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

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

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

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

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

· Другие общие веб-компоненты действуют только в серверном сайте, размещенном на веб-сервере с комплектом серверных расширений FrontPage Server Extensions.

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

· Возможности серверного администрирования доступны только для серверных сайтов, размещенных на веб-серверах, где запущен пакет SharePoint Team Services или FrontPage Server Extensions 2002.

· Чтобы отображать информацию баз данных, ваш сайт должен быть размещен на веб-сервере, поддерживающем активные серверные страницы (ASP) и объекты данных ActiveX (ADO).

Сайты, созданные на основе FrontPage, могут запускаться на любом виде веб- сервера, но полноценное функционирование вашего сайта может оказаться неосуществимым, пока он не размещен на веб-сервере, где инсталлирован комплект серверных расширений FrontPage Server Extensions 2002. Если вы поддерживаете свой собственный веб-сервер, инсталляция этих серверных расширений является несложной задачей, поскольку они включены в CD-ROM инсталляции Office XP. Если вы ищете компанию для размещения вашего сайта или уже имеете провайдера услуг Internet (ISP), но никогда не обращались к нему для размещения сайта, созданного на основе FrontPage, не забудьте узнать, установлен ли на его серверах комплект FrontPage Server Extensions 2002.