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

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

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

На левом краю панели задач внизу экрана щелкните на кнопке Пуск (Start), укажите Программы (Programs) и щелкните на строке Microsoft FrontPage. Совет. В зависимости от наличия системных ресурсов может появиться окно с сообщением, извещающим вас о дополнительных требованиях к системе для использования определенных средств Office XP, таких как Распознавание речи (Speech Recognition). Если появится такое сообщение, щелкните для продолжения на кнопке OK.
При первом открытии FrontPage вы увидите в окне просмотра и редактирования страниц файл новой страницы с именем new_page_1.htm , как это показано на следующем рисунке.

увеличить изображение

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

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

увеличить изображение

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

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

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


увеличить изображение

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

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

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

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

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

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

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





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

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

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

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

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

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


увеличить изображение

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

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


увеличить изображение

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

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

В меню Файл (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:

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

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

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

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

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

Веб-страницы - это элементы, образующие структуру любого сайта. Выполняя просмотр сайта в браузере, вы обычно просматриваете веб-страницы. Разрабатывая сайт, вы также работаете с веб-страницами. Если вам нужно редактировать веб-страницу, которая является частью сайта, созданного на основе FrontPage, то сначала вы открываете этот сайт в программе FrontPage и затем открываете отдельную страницу. Открывая страницу в программе FrontPage, а не отдельный файл в другой программе, вы избегаете опасности случайного повреждения данного сайта. К тому же, это гарантирует, что изменения, внесенные на отдельной странице, отражаются соответствующим образом во всем сайте.
Важно. Если FrontPage используется у вас как принятый по умолчанию редактор HTML, вы можете открывать отдельные веб-страницы извне FrontPage двойным щелчком мыши на файле соответствующей веб-страницы в окне Windows Explorer. Но если FrontPage не является редактором HTML по умолчанию, то доступ и изменение файлов извне FrontPage могут привести к повреждению веб- страницы.GardenCo
В этом примере вы откроете отдельную веб-страницу, просмотрите HTML-код, созданный программой FrontPage, и выполните просмотр веб-страницы как во FrontPage, так и в браузере.
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap17.
Выполните следующие шаги.

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

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

увеличить изображение

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

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




увеличить изображение

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


увеличить изображение

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

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

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

Компания "Все для сада" расположена по адресу: 1234 Oak Street, Seattle, WA  10101.

Телефон: (206) 555-0100
Факс: (206) 555-0101

Пожалуйста, связывайтесь с нами по факсу или e-mail 24 часа в сутки, или звоните, а также приходите в наш магазин в следующее время:

Понедельник-Пятница	9:00 - 21:00
Суббота	10:00 - 19:00
Воскресенье	11:00 - 17:00

Вопросы о нашей продукции и сервисе? E-mail info@GardenCo.msn.com.

Хотите связаться с нашей командой? E-mail jobs@GardenCo.msn.com.

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

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

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


увеличить изображение

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

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

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

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

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

Работа в Microsoft FrontPage XP

Внимание! Для работы с этим курсом необходимы учебные файлы, которые Вы можете загрузить  здесь.
Microsoft FrontPage 2002 - это обширная прикладная программа (приложение), которую можно использовать для разработки сайтов. Эта сложная программа содержит все, что вам требуется для создания сайтов, от простой веб-сводки до сложного веб-магазина розничной торговли.
Несмотря на всю сложность программы FrontPage, с ней легко работать. Поскольку эта программа включена в комплекс приложений Microsoft Office XP, она действует таким же образом, как и другие приложения Office XP. FrontPage является вполне подходящим средством для тех, кто избегает создания сайтов лишь потому, что не хочет учиться программированию на языке описания гипертекстовых документов HTML (Hypertext Markup Language). Используя FrontPage, вы можете легко создавать интересные сайты с хорошим дизайном и сложными элементами, не вводя ни одной строки программных кодов. Но если у вас есть определенный опыт программирования на языке HTML или вы хотите держать все под контролем, то программа FrontPage позволяет вам легко осуществлять доступ к соответствующим кодам, которые она автоматически создает в процессе вашей работы. Вы можете в любой момент просматривать и редактировать эти HTML-коды; но самое замечательное, что вы не обязаны это делать. Чтобы стать хорошим разработчиком FrontPage, вовсе не обязательно иметь какие-то навыки программирования.
В этой лекции вы знакомитесь с FrontPage и с понятием сайта, создаваемого на основе FrontPage. Вы узнаете, как открывать существующий сайт, как переходить между веб-страницами и как использовать различные способы просмотра этих страниц. Затем вы ознакомитесь с различными способами работы в программе FrontPage и узнаете, как осуществлять поиск и управление средствами FrontPage, которые предполагаете использовать в собственных сайтах. Кроме того, вы узнаете, как просматривать соответствующие HTML-коды, которые выполняют всю работу сайтов. Будет сделан обзор различных типов сайтов, которые можно создавать с помощью FrontPage, а также средств принятия решений и ресурсов, необходимых для создания, управления и поддержки личного или коммерческого сайта.
Примеры этой лекции и всего курса строятся на основе сайта, созданного для вымышленного магазина садов и растений, который называется "Все для сада". Этот сайт с именем GardenCo содержит реалистичные примеры содержимого и структур, используемых для демонстрации концепций, излагаемых в каждой лекции. В данной лекции вы будете работать с примером сайта, который хранится в папке Office XP SBS\FrontPage\Chap17.
Чтобы следить за упражнениями этого курса, вам нужно инсталлировать учебные файлы.

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

В программе 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.
Выполните следующие шаги.

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

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

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

В панели представлений щелкните на значке Папки (Folders).
FrontPage отобразит содержимое сайта в режиме просмотра папок, как это показано ниже.

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

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

увеличить изображение

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

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

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

увеличить изображение

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

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

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

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

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

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

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

увеличить изображение

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

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

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

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

увеличить изображение

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

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

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

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

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

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

Для тех, кто изучает FrontPage,

Для тех, кто изучает FrontPage, не имея опыта работы с другими приложениями комплекта Office XP, ниже приводится сводка некоторых базовых методов, которые вы будете использовать для работы с FrontPage.

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

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

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

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

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

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

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

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

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



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

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

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

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



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


увеличить изображение


увеличить изображение

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

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


увеличить изображение

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


увеличить изображение

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

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




увеличить изображение

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



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

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

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

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

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

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

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

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

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

Основные понятия FrontPage

В этом разделе рассматриваются типы сайтов, которые можно подготавливать с помощью FrontPage, а также системные требования, необходимые для использования всех возможностей среды разработки FrontPage 2002.
Имеется два вида сайтов: дисковые сайты и серверные сайты. Дисковые сайты можно запускать на любом компьютере или даже с гибкого диска или 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.

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

Работа со списком задач

Все задачи, назначенные для данного сайта мастером корпоративного веб-узла, касаются различных аспектов настройки содержимого в соответствии с требованиями конкретной компании. Задачи следуют в порядке приоритета. Первая задача (с самым высоким приоритетом) - это настройка домашней страницы путем замены ее обобщенного текста конкретным текстом, относящимся к вашей компании, поэтому сейчас мы займемся этой задачей.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap18\TasksList.
Выполните следующие шаги.

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

Перейдите к сайту GardenCo, который находится в указанной рабочей папке, и щелкните на кнопке Открыть (Open), чтобы открыть данный сайт.

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

Дважды щелкните на первой задаче с высоким приоритетом Настроить домашнюю страницу (Customize Home Page), чтобы открыть диалоговое окно Сведения о задаче (Task Details), как показано ниже.

В поле Исполнитель (Assigned to) дважды щелкните или протяните мышью, чтобы выделить текущее значение. Назначьте задачу самому себе: введите свое имя, пользовательское имя или инициалы и затем щелкните на кнопке Запустить (Start Task).
Домашняя страница (index.htm) откроется в режиме просмотра страниц, и вы сможете заменить комментарии, введенные мастером корпоративных веб-узлов, на ваш собственный текст.

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

Розничная продажа в режиме "он-лайн"

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

Щелкните на направленной вниз стрелке справа от кнопки Создать (New) и выберите пункт Веб-узел (Web). Появится диалоговое окно Шаблоны веб-узлов (Web Site Templates).

В диалоговом окне с шаблонами щелкните на значке Мастер корпоративного веб-узла (Corporate Presence Wizard), задайте местоположение и имя вашего сайта как C:\Office XP SBS\FrontPage \Chap18\GardenCo и щелкните на кнопке OK. Появится первое из серии диалоговых окон мастера корпоративного веб- узла, которые называются страницами. Мастер выводит эти страницы, чтобы вы могли сделать выбор в ответ на его запросы и ввести базовую информацию о компании.

Прочитайте информацию на первой странице и затем щелкните на кнопке Далее (Next), чтобы перейти ко второй странице.

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

Введите указанную здесь информацию (или вашу собственную информацию) и затем щелкните на кнопке Далее (Next).

Введите показанную здесь контактную информацию компании (или вашу собственную информацию) и щелкните на кнопке Далее (Next).





Обобщенные адреса электронной почты

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

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


увеличить изображение

Совет. Если вы уже создавали сайты в программе FrontPage, это программа "знает" о вас по информации, сохраненной в вашем профиле пользователя, и поэтому назначит эти задачи вам (колонка Сопоставлена (Assigned To)). Если это первый случай, когда вы создаете сайт, то FrontPage назначит эти задачи пользователю Nobody.

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

Создание нового сайта с помощью мастера

Теперь создадим чуть более сложный сайт с помощью одного из мастеров FrontPage. Мастера используются аналогично шаблонам, но они лучше. Мастер не только создает макет страницы или сайта, но также сопровождает вас в процессе настройки содержимого и внешнего вида конечного продукта.
В этом упражнении вы создадите корпоративный сайт (сайт компании) для вымышленной компании по продаже садового инвентаря и растений, которая называется "Все для сада". Компания "Все для сада" имеет небольшой магазин в Сиэтле, шт. Вашингтон. Владельцем компании является Catherine Turner (Кэтрин Тернер), которая хотела бы обмениваться информацией с покупателями и расширять покупательскую базу через Интернет. Если поддержка сайта отвечает этим скромным целям, она, возможно, расширит в будущем средства этого сайта, чтобы можно было вести розничную продажу в режиме "он- лайн". Для создания этого простого корпоративного сайта (сайта компании) вы будете использовать Мастера корпоративного веб-узла (Соrporate Presence Wizard).

Создание нового сайта с помощью шаблона

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

Если программа FrontPage еще не открыта, запустите ее.

Если область задач Создание веб-страницы или узла (New Page or Web) не открыта, укажите в меню Файл (File) пункт Создать (New) и затем выберите пункт Страница или веб-узел (Page or Web).
Ваш экран будет выглядеть как это показано на следующей странице. Область задач Создание веб-страницы или узла

увеличить изображение

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

В меню Файл (File) укажите пункт Создать (New) и затем выберите пункт Страница или веб-узел (Page or Web).

В меню Вид (View) выберите пункт Область задач (Task Pane). Если появится другая панель задач, щелкните на направленной вниз стрелке на правом краю заголовка панели задач и щелкните в раскрывающемся списке на пункте Создание веб-страницы или узла (New Page or Web).

Щелкните правой кнопкой на панели задач и выберите в контекстном меню пункт Область задач (Task Pane).


Щелкните в раскрывающемся списке панели задач на пункте Создание веб-страницы или узла (New Page or Web).

Чтобы открывать эту панель задач при каждом запуске FrontPage:

В меню Сервис (Tools) выберите пункт Параметры (Options) и затем установите флажок открывать область задач (Startup Task Pane).

В секции Создание с помощью шаблона (New from template) панели задач создания веб-страницы или узла выберите пункт Шаблоны веб-узлов (Web Site Templates). В результате появится диалоговое окно с шаблонами веб- узлов.

В диалоговом окне шаблонов веб-узлов щелкните на значке Одностраничный веб-узел (One Page Web).

В секции Параметры (Options) укажите, как вы хотите назвать свой сайт и где вы хотите хранить его. В данном случае введите C:\Office XP SBS\FrontPage\Chap18\OnePage в поле Укажите расположение новго веб-узла (Specify the location of new Web), чтобы создать дисковый сайт в рабочей папке данного упражнения.

Щелкните на кнопке OK. За несколько секунд вы создали новый одностраничный сайт. Совет. Если вы установили учебные файлы не на диске C, замените обозначение диска другой буквой в указанном выше пути доступа.

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

В списке папок дважды щелкните на файле index.htm, чтобы открыть этот файл. Ваш экран должен выглядеть, как это показано ниже.


увеличить изображение

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

В окне FrontPage показано, что ваш одностраничный сайт якобы состоит из одного файла с именем index.htm и двух пустых папок с именами _private и images. Но из представления этого сайта в окне Windows Explorer видно, что эта единственная страница поддерживается многими файлами и папками (некоторые из них являются скрытыми [hidden]).




увеличить изображение

Если отобразить index.htm в режиме просмотра страницы, эта страница окажется совершенно пустой: как "холст", на котором вы можете создать настоящее произведение искусства. Закончив изучение этого курса, вы будете обладать достаточными знаниями, чтобы создать довольно сложную страницу с самого начала, но пока, чтобы начать работу, стоит придерживаться того, что вам предоставляет FrontPage. Теперь вы опробуете еще один шаблон, создав личный сайт на основе новых знаний.

Щелкните на направленной вниз стрелке справа от кнопки Создание новой обычной страницы (Create a new normal page) и затем выберите пункт Веб-узел (Web).

Появится диалоговое окно с шаблонами сайтов.

В диалоговом окне шаблонов сайтов щелкните на значке Личный веб-узел (Personal Web), введите местоположение - C:\Office XP SBS\FrontPage\Chap18\Personal и щелкните на кнопке OK. Совет. FrontPage предлагает местоположение вашего нового сайта, исходя из местоположения последнего созданного вами сайта.

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

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


увеличить изображение

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

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

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

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

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

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

Все приложения Microsoft Office XP содержат средства ускоренного создания наиболее распространенных типов файлов. В случае Microsoft FrontPage вы можете использовать шаблоны и мастера для задания структуры базовых типов веб-страниц и даже целых сайтов. Если вы используете одно из этих средств, FrontPage выполняет за вас основную часть работы по структурированию, позволяя вам сконцентрироваться на содержимом сайта.
Вы можете использовать шаблоны и мастера FrontPage для создания чего угодно, - от простейшей веб-страницы до сложного многостраничного интерактивного сайта. Это превосходные средства для тех случаев, когда вы только начинаете знакомиться с веб-дизайном и хотите исследовать все возможности, или когда вам нужно быстро приступить к созданию реального сайта.
В этой лекции вы пройдете через процесс пошагового создания двух сайтов, включая корпоративный сайт (сайт компании), с которым мы будем работать на протяжении большей части этого курса. Вы научитесь вводить и форматировать текст, выполнять предварительный просмотр сайта, а также удалять сайт, который вам больше не нужен.
Вы будете работать с файлами, которые находятся в следующих подпапках папки Office XP SBS\FrontPage\Chap18: TaskList, InsertText, InsertExist, FormatText, InsertHype и PreviewPages.

Вставка и редактирование комментариев

Форматирование текста

Сайты и веб-страницы, созданные мастерами FrontPage, уже отформатированы и выглядят прекрасно без какого-либо вашего вмешательства. Однако бывают случаи, когда вам нужно придать паре слов особый вид или выделить абзац особым образом. Большинство методов, применяемых в программе FrontPage для форматирования текста, действует так же, как и методы, используемые в других приложениях Office, поэтому в данном разделе вы получите краткий обзор типов форматирования, которые, скорее всего, будете применять к своему тексту.
В этом упражнении вы будете форматировать текст и абзацы, используя общие методы форматирования Office.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap18\FormatText.
Выполните следующие шаги.

Откройте сайт GardenCo, который находится в этой рабочей папке.

Откройте файл index.htm (домашняя страница) в окне просмотра и редактирования страниц.

Выделите и удалите три блока комментариев, чтобы сделать страницу более удобной для чтения.

В первом абзаце выделите имя компании.

В панели инструментов Форматирование щелкните на кнопке Увеличить размер шрифта (Increase Font Size). Отметим, что размер шрифта, показанный в раскрывающемся списке Размер шрифта (Font Size), изменится с 3 (12 pt) на 4 (14 pt).

Выделите последнее предложение в первом абзаце (начинается с "Если вы заглянули:") и щелкните на кнопке Курсив (Italic), чтобы получить курсивное начертание текста.

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

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

В панели инструментов форматирования щелкните на стрелке справа от поля Размер шрифта (Font Size) и выберите в раскрывающемся списке размер 6 (24 pt), чтобы увеличить размер значка почты. Совет. Размеры шрифтов выражаются в программе FrontPage двумя способами: в пунктах [pt] (как в других приложениях, таких как Word и Microsoft Excel) и в единицах от 1 до 7.


В раскрывающем списке размеров шрифта содержатся восемь вариантов: обычный, 1 (8 pt), 2 (10 pt), 3 (12 pt), 4 (14 pt), 5 (18 pt), 6 (24 pt) и 7 (36 pt).

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


увеличить изображение

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

Выделите первый абзац.

Щелкните на стрелке справа от поля Шрифт (Font) и выберите в раскрывающемся списке шрифт Arial. Отметим, что размер шрифта все еще отличается от размера шрифта на домашней странице.

Продoлжая работать с выделенным первым абзацем, нажмите клавиши (Ctrl) + (Spacebar), чтобы восстановить исходное форматирование страницы. Повторите этот шаг для каждого из трех абзацев с описанием курсов.

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

Во вводном абзаце выделите слова географических районах.

В панели инструментов Форматирование щелкните на стрелке кнопки Цвет шрифта (Font Color) и измените цвет шрифта на cиний. Повторите эту процедуру, чтобы заменить цвет слов общему и сезонному уходу на зеленый и дополнительных мероприятий на красный. Ваша страница будет выглядеть как показано ниже.

Откройте файл serv01.htm (страница "Весенняя радость") в окне просмотра и редактирования страниц. Отметим, что шрифт на этой странице отличается от используемого по умолчанию шрифта на домашней странице.

Нажмите клавиши (Ctrl)+(A), чтобы выделить все содержимое страницы. В раскрывающемся списке шрифтов выберите шрифт по умолчанию. Шрифт всех элементов данной страницы изменится на используемый по умолчанию шрифт.

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

В панели инструментов Форматирование щелкните на стрелке кнопки Границы (Borders), чтобы появилась панель инструментов границ.


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

Выберите вариант Внешние границы (Outside Borders), чтобы применить его к данному абзацу.

Продолжая работать с выделенным абзацем, выберите пункт Абзац (Paragraph) в меню Формат (Format).

В диалоговом окне Абзац (Paragraph) выполните следующее:

В раскрывающемся списке Выравнивание (Alignment) выберите вариант По центру (Center).

В секции Отступ (Indentation) введите в полях Перед текстом (Before text) и После текста (After text) значение 15.

В секции Интервал (Spacing) введите в полях Перед (Before) и После (After) значение 0.

Диалоговое окно будет выглядеть как показано ниже.

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

Повторите шаги 18-25, чтобы переформатировать serv02.htm (страница Насекомоядные растения) и serv03.htm (страница Органика).

В меню Файл (File) выберите пункт Сохранить все (Save All), чтобы сохранить все открытые файлы.

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

Каскадные таблицы стилей

Каскадные таблицы стилей (CSS) - это документы, определяющие форматы и стили для различных элементов страниц (заголовков, абзацев, таблиц, списков и т.д.) и находящиеся в каком-то одном "центральном" месте либо как встроенная каскадная таблица стилей внутри веб-страницы, либо как внешняя каскадная таблица стилей. На внешние таблицы стилей могут ссылаться несколько документов. что позволяет создавать единообразный вид страниц и сайтов.
Каскадные таблицы стилей позволяют также веб-автору оговаривать, как будут выглядеть элементы страницы в различных браузерах. Многие сайты используют анализатор браузеров, который распознает соответствующий браузер и версию, которая используется каждым веб-посетителем, чтобы присоединить в этот момент к сайту соответствующую каскадную таблицу стилей.
Чтобы создать встроенную каскадную таблицу стилей в программе FrontPage, выберите пункт Стиль (Style) в меню Format (Формат) и затем определите свои собственные стили. Ваши определения сохраняются в HTML-коде данной страницы.
Чтобы создать внешнюю каскадную таблицу стилей в программе FrontPage, выберите тип CSS среди вариантов, которые имеются во вкладке Style Sheets (Таблицы стилей) диалогового окна Шаблоны страниц (Page Templates), щелкните на кнопке OK, чтобы создать CSS-файл, и затем определите свои стили в этом файле.
Чтобы присоединить таблицу стилей в программе FrontPage, выберите пункт Связи с таблицами стилей (Style Sheet Links) в меню Формат (Format) и перейдите к CSS-файлу на вашем компьютере или (если вы подсоединены к Internet) в сети.
В качестве альтернативного варианта вы можете выбрать вариант Применить с помощью CSS (Apply using CSS) в диалоговом окне Тема: (Themes), когда применяете какую-либо тему к вашей странице или сайту.
Первоначально каскадные таблицы стилей разработал консорциум W3C (World Wide Web Consortium). Более подробные сведения о текущих и будущих спецификациях CSS, а также о поддержке CSS различными браузерами см. на сайте www.w3c.org.

Вставка и редактирование комментариев

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

Вставка и редактирование текста

Вы можете вводить новый текст на веб-странице путем его непосредственного набора. Если вы создаете новый сайт с помощью мастера FrontPage, то этот мастер использует комментарии как заполнители для текста, который вам нужно ввести. Комментарии, которые предлагает мастер, указывают тип информации, который вы должны ввести в каждой секции. В этом упражнении вы замените каждый из трех основных блоков текста-заполнителя на домашней странице сайта, созданного мастером корпоративных веб-узлов.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap18\InsertText.
Выполните следующие шаги.

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

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

В панели Список папок (Folder List) дважды щелкните на index.htm, чтобы открыть домашнюю страницу в окне просмотра и редактирования страниц, затем щелкните на кнопке Закрыть (Close), чтобы закрыть список папок и увеличить рабочую область экрана.

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

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

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

После комментария под заголовком "Контактная информация" введите следующий текст:



Пожалуйста, связывайтесь с нами по факсу или e-mail 24 часа в сутки, или звоните, а также приходите в наш магазин в следующее время: Понедельник - Пятница 9:00 - 21:00, Суббота и Воскресенье 10:00 - 17:00.

Ваш экран будет выглядеть как показано ниже.


увеличить изображение

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

Вы можете в любой момент изменить введенный вами текст или добавить новый текст.

Поместите точку ввода в конец абзаца под заголовком "Наши задачи".

Нажмите клавишу (Enter), чтобы создать новый абзац, и затем введите следующий текст:

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

Теперь вам нужно поместить значок электронной почты рядом с заголовком Электронная почта (Electronic mail) в секции "Контактная информация" данной страницы. Поместите точку ввода слева от буквы "E" в "Electronic mail".

В меню Вставка (Insert) выберите пункт Символ (Symbol), чтобы вызвать диалоговое окно Символ (Symbol).

В раскрывающемся списке Шрифт (Font) выберите вариант Webdings.

Выполните прокрутку, пока не увидите три почтовых значка, и щелкните на первом из них, как это показано ниже.

Щелкните на кнопке Вставка (Insert) и затем щелкните на кнопке Закрыть (Close). В панели Обычный вид (Normal) ваша контактная информация будет выглядеть как показано ниже.


увеличить изображение

Это явно не тот значок почты, который вы только что ввели!

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

В стандартной панели инструментов щелкните на кнопке Сохранить (Save), чтобы сохранить вашу веб-страницу.

В панели представлений щелкните на значке Задачи (Tasks), чтобы перейти в режим просмотра задач.

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

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

Вставка существующего текста

Если вы уже создали нужный материал для другой цели, например, пресс-релиз или брошюру о компании, то, видимо, не хотите вводить его еще раз с самого начала в сайте. Но вам и не нужно это делать. FrontPage позволяет очень просто копировать и вставлять текст в созданный с помощью шаблона сайт, чтобы затем изменить его нужным для вас образом.
Вы можете даже выполнять вставку целых файлов.
Вы можете копировать или вырезать различные фрагменты содержимого из файлов в различных программах Microsoft Office и затем вставлять их в ваши веб-страницы. Область задач Буфер обмен Office (Office Clipboard) может содержать тексты, графику и другие элементы файлов в удобном и доступном виде и может включать в себя до 24 различных элементов из всех приложений Office.При каждой вставке содержимого буфера обмена в файл программы FrontPage появляется плавающая кнопка Параметры вставки (Paste Options), с помощью которой вы можете выбирать между применением целевых стилей, сохранением исходного форматирования или сохранением при вставке только текста. По умолчанию сохраняется исходное форматирование. Вы можете игнорировать кнопку параметров вставки, если не хотите выбирать что-то отличное от исходного форматирования.
Чтобы кнопка параметров вставки не появлялась на экране, выберите пункт Параметры страницы (Options) в меню Сервис (Tools) и сбросьте флажок Показать кнопки параметров вставки (Show Paste Options button).
В этом упражнении вы вставите текст из внешних файлов в две существующие веб- страницы сайта GardenCo: "Новости" и "Услуги". Вторая задача в порядке приоритета для этого сайта - это добавление текста по связям с общественностью к странице новостей. Текст этой страницы на данный момент содержит заголовок "Изменения на сайте" и текст с обсуждением обновлений сайта. Поскольку вы решаете, что обновления сайта не представляют интереса для постоянных покупателей компании "Все для сада", вы измените эту страницу и будете включать в нее пресс-релизы.


Вы также обновите страницу "Услуги", используя текст из документа Microsoft Word. Затем вы обновите заголовок каждой страницы, чтобы отразить новое содержание.

GardenCo, PR2.doc, Classes.doc

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

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

Откройте сайт GardenCo, находящийся в этой рабочей папке.

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

Дважды щелкните на задаче Customize News Page (Настроить страницу News), чтобы открыть ее. Назначьте эту задачу самому себе, и затем щелкните на кнопке Запустить задачу (Start Task), чтобы открыть файл news.htm.

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

Замените заданный по умолчанию текст вводного абзаца следующим текстом:

Ознакомьтесь с новостями! Прочтите здесь то, что пишут о нас в газетах.

Выделите комментарий под абзацем, который вы только что ввели.

В меню Вставка (Insert) выберите пункт Файл (File), чтобы открыть диалоговое окно Вставка файла (Insert File).

Перейдите в папку Office XP SBS\FrontPage\Chap18\InsertExist.

В раскрывающемся списке Тип файлов (Files of type) выберите вариант Word 97-2002 (*.doc).

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

Текст этого документа будет преобразован в формат RTF и затем в HTML, после чего произойдет его вставка на странице "Новости", как если бы вы ввели его вручную. Исходное форматирование текста сохраняется.

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



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

Щелкните на таблице. В меню Таблица (Table) укажите пункт Выделить (Select) и затем выберите пункт Таблица (Table). Будет выделена таблица и ее содержимое.

Щелкните правой кнопкой на этой выделенной части и выберите в контекстном меню пункт Удалить (Delete), чтобы удалить эту таблицу.

Трижды щелкните на заголовке Публикации в прессе, чтобы выделить весь абзац, и затем нажмите клавишу (Del), чтобы удалить его из веб- страницы.

Щелкните на кнопке Сохранить (Save), чтобы сохранить вашу веб- страницу. FrontPage попросит вас обновить список задач.

Щелкните на кнопке Да (Yes) и затем щелкните на кнопке Закрыть (Close) в верхнем правом углу рабочей области, чтобы закрыть файл этой страницы.

В панели представлений щелкните на значке Задачи (Tasks), чтобы открыть режим просмотра задач. Задачи Настроить домашнюю страницу и Настроить страницу новостей теперь будут показаны как выполненные.

Далее вы добавите текст на странице Услуги. Назначьте задачу Настроить страницу услуг самому себе и запустите эту задачу. Появится страница Услуги.

Теперь нужно настроить объявление на этой странице. Щелкните правой кнопкой на объявлениии страницы Услуги и выберите из контекстного меню пункт свойств объявления.



Появится диалоговое окно Свойства объявления на странице (Page Banner Properties).

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

Щелкните на кнопке OK, чтобы закрыть это диалоговое окно и изменить заголовок страницы. Это изменение повлияет на заголовок страницы как в объявлении страницы, так и в режим просмотра.

В окне Windows Explorer перейдите в папку Office XP SBS\FrontPage\Chap18\InsertExist и дважды щелкните на файле classes.doc, чтобы открыть его в программе Word.

Трижды щелкните в любом месте вводного абзаца, чтобы выделить его, и нажмите клавиши (Ctrl)+(C), чтобы скопировать текст в буфер обмена Office.

На странице services.htm щелкните на тексте примечания, чтобы выделить его, и затем нажмите клавиши (Ctrl)+(V), чтобы скопировать текст из буфера обмена.


Скопированный текст заменит текст комментария.

Выделите и удалите лишний (пустой) абзац, вставленный вместе с этим текстом.

В панели списка папок откройте serv01.htm, serv02.htm и serv03.htm (три файла отдельных услуг) для редактирования.

В каждом файле повторите шаги 17 и 18, чтобы заменить заголовки страниц на следующие краткие варианты, описанные в документе Учебные курсы:

Измените Service 1 (Услуга 1) на Весенняя радость.

Измените Service 2 (Услуга 2) на Насекомоядные растения.

Измените Service 3 (Услуга 3) на Органика.

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

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

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

Замените Name of service 1 (Имя услуги 1) на Планируем осенью весеннюю роскошь.

Замените Name of service 2 (Имя услуги 2) на Насекомоядные растения: вредные или прекрасные?

Замените Name of service 3 (Имя услуги 1) на Органические отходы: используйте их, чтобы от них избавиться!

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

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


увеличить изображение

На каждой из трех страниц описания отдельных курсов (serv01.htm, serv02.htm и serv03.htm) щелкните в любом месте тела страницы, нажмите клавиши (Ctrl)+(A), чтобы выделить все содержимое, и затем нажмите клавишу (Del).

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

В меню Файл (File) выберите пункт Сохранить все (Save All), чтобы сохранить все изменения, и пометьте задачу как выполненную, когда получите соответствующий запрос.

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

Вставка гиперссылок

Просмотр веб-страниц по выбору посетителей

Мы начали достаточно активно настраивать сайт компании "Все для сада", и вам, конечно, хочется увидеть результаты своей работы. Имеется два способа просмотра сайта, созданного в программе FrontPage, до его публикации: в программе FrontPage или в каком-либо браузере.
Предварительный просмотр сайта внутри FrontPage - это хороший способ увидеть его компоновку и оценить представление сервера в целом, но это не всегда позволяет отобразить сайт в том виде, как его увидит посетитель. Не говоря уже о том, что вы, возможно, увидите на странице не все, что предназначено для просмотра посетителями, ни одно из расширенных средств управления, добавление которых вам может потребоваться позже, не будет действовать при этом способе просмотра. Чтобы увидеть в точности то, что содержит ваш сайт, вам потребуется его предварительный просмотр в каком-либо браузере.
Просмотр сайта в браузере - это прекрасный способ проверки удобства его использования и функционирования, прежде чем он окажется под пристальным вниманием реальной аудитории. У вас всегда должно быть найтись время для тестирования вашего сайта перед его публикацией.
В этом упражнении вы просмотрите сайт GardenCo в панели просмотра и затем просмотрите его в браузере.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap18\PreviewPage.
Выполните следующие шаги.

Откройте сайт GardenCo, находящийся в этой рабочей папке.

Откройте главную страницу в режиме просмотра страниц .

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

увеличить изображение

Щелкните на гиперссылке навигации в левой части, чтобы перейти на страницу Новости.

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

Щелкните на кнопке Просмотр в обозревателе (Preview in Browser).

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

увеличить изображение

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

Закройте браузер и вернитесь в программу FrontPage. Разрешение проблем. Вы не можете редактировать файл в программе FrontPage во время предварительного просмотра файла в браузере. Попытка сделать это вызовет ошибку, которая называется нарушением прав доступа (access violation). Нужно закрыть браузер и затем внести необходимые изменения в ваш сайт в программе FrontPage.

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

Удаление сайта

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

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

В диалоговом окне открытия веб-узла перейдите в папку C:\Office XP SBS\FrontPage\Chap18\OnePage и щелкните на кнопке Открыть (Open), чтобы открыть сайт.

Откройте панель списка папок, если она еще не открыта.

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

Выберите вариант Полностью удалить веб-узел (Delete this Web entirely) и щелкните на кнопке OK, чтобы удалить сайт. Сайт будет удален и панель списка папок будет закрыта, поскольку представленное на экране содержимое уже не существует.

Повторите шаги 1-5 для удаления сайта Personal, созданного в начале этой лекции.

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

Вставка гиперссылок

Если вы используете какой-либо мастер для формирования сайта, этот мастер создает гиперссылки между страницами этого сайта. Однако вам часто требуется добавление собственных гиперссылок. Это могут быть гиперссылки на определенные элементы информации той же страницы или другой страницы, на другие сайты или на документы, которые не являются частью какого-либо сайта.
В этом упражнении вы создадите гиперссылки из страницы Новости сайта GardenCo на важные пресс-релизы, которые хранятся во внешнем документе Word.
GardenCo, PR1.doc
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap18\InsertHype.
Выполните следующие шаги.

Откройте сайт GardenCo, находящийся в этой рабочей папке.

Откройте файл news.htm в режиме просмотра страниц и нажмите клавиши (Ctrl)+(End), чтобы переместить точку ввода в конец документа.

Нажмите клавишу (Enter), чтобы перейти на новую строку. Введите Архив публикаций в прессе и нажмите клавишу (Enter).

В меню Вставка (Insert) выберите пункт Гиперссылка (Hyperlink).

Щелкните на кнопке Папка (Browse for File), перейдите в папку Office XP SBS\FrontPage\Chap18\InsertHype, выберите файл PR1.doc и затем щелкните на кнопке OK, чтобы выделить этот файл, после чего еще раз щелкните на кнопке OK. Гиперссылка на данный пресс-релиз будет вставлена в точке ввода, как это показано ниже.

увеличить изображение

Чтобы увидеть содержимое ссылочного файла из FrontPage, нажмите клавишу (Ctrl) и щелкните на данной гиперссылке. Пресс-релиз, датированный 23 сентября 1998 г., откроется в программе Word.

Закройте пресс-релиз, чтобы вернуться в ваш сайт.

Сохраните и закройте открытый файл.

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

Представление информации в списках и таблицах

Нет табулированных списков?

Иногда текст или числа выглядят лучше для ваших веб-посетителей, если они представлены в колонках и строках, но без использования структуры таблицы. В Word можно использовать табулированный список, то есть набор условных колонок и строк, в которых для выравнивания используется символ табуляции (вместо создания реальной табличной структуры). Но в программе FrontPage не допускается такой тип списка. Если вы хотите поместить информацию в колонки и строки, создайте реальную таблицу.
В этом упражнении вы изучите один из способов создания таблицы, сформировав таблицу Class Schedules, чтобы структурировать информацию о курсах садоводства, предлагаемых компанией "Все для сада".
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap19\CreateTable.
Выполните следующие шаги:

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

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

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

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

Введите Первое занятие групп. Затем, удерживая клавишу (Shift), нажмите клавишу (Home), чтобы выделить этот текст.

В раскрывающемся списке Стиль (Style) щелкните на Заголовок 3 (Heading 3), чтобы отформатировать текст как заголовок третьего уровня.

Нажмите клавишу (End), чтобы переместить точку ввода в конец заголовка, и затем нажмите клавишу (Enter), чтобы начать новую строку.

В стандартной панели инструментов щелкните на кнопке Добавить таблицу (Insert Table), чтобы появилась следующая сетка.

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


FrontPage вставит таблицу с выбранным вами количеством строк и столбцов, как показано ниже.


увеличить изображение

Щелкните на кнопке Закрыть (Close) файла serv01.htm, чтобы закрыть страницу Весенняя роскошь; когда появится запрос, сохраните ваши изменения.

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

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

Преобразование существующего текста в таблицу

Если у вас имеется текстовый блок с элементами, которые разделены запятыми, символами табуляции или знаками абзаца, вы можете преобразовать этот текст в таблицу. Выделите текст, который хотите преобразовать, затем в меню Таблица (Table) укажите пункт Преобразовать (Convert) и выберите пункт Преобразовать в таблицу (Text to Table). Появится диалоговое окно преобразования текста в таблицу, где вы можете указать программе FrontPage, как разделены элементы выделенного текста. Выберите нужный разделитель и щелкните на кнопке OK. FrontPage преобразует текст в таблицу, и поскольку таблица выделена, появится панель инструментов таблиц, чтобы вы могли внести необходимые поправки.

Вы можете также преобразовать таблицу в текст. Выделите таблицу, в меню Таблица (Table) укажите пункт Преобразовать (Convert) и выберите пункт Преобразовать в текст (Table to Text). Затем в диалоговом окне преобразования таблицы в текст выберите символ, который хотите использовать для разделения элементов, и щелкните на кнопке OK.

В меню Таблица (Table) укажите пункт Вставить (Insert) и затем выберите пункт Таблица (Table), чтобы появилось следующее диалоговое окно.



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

В секции Размер (Size) укажите для своей таблицы 9 строк и 4 столбца.

В секции Положение (Layout) задайте в поле Толщина границы (Border size) значение 0 и в поле Поля ячеек (Cell padding) значение 3. Совет. В поле Cell padding (Поля ячеек) задается интервал между границами ячейки и текстом внутри нее.


Это аналогично полям страницы.

Убедитесь, что ширина равна 100 процентам, и щелкните на кнопке OK, чтобы создать эту таблицу.


увеличить изображение

Щелкните на кнопке Закрыть (Close) файла serv02.htm, чтобы закрыть страницу Насекомоядные растения; когда появится запрос, сохраните ваши изменения.

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

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

В меню Таблица (Table) укажите пункт Нарисовать таблицу (Draw Table).

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

Если экран забит панелями инструментов

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

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

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


увеличить изображение

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

Нажмите клавишу (Esc), чтобы курсор мыши принял прежнюю форму.

Щелкните на кнопке Закрыть (Close) файла serv03.htm, чтобы закрыть страницу Органика; когда появится запрос, сохраните ваши изменения.

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

Представление информации в списках и таблицах

Вы, вероятно, знакомы со списками и таблицами, которые можете создавать в таких приложениях, как Microsoft Word и Microsoft PowerPoint. В Microsoft FrontPage вы будете использовать аналогичные методы для создания списков и большинства видов таблиц. Как списки, так и таблицы традиционно используются для представления информации в структурированном и удобном для прочтения формате. На веб-страницах списки и таблицы используются для своих традиционных целей, но вы также можете использовать таблицы для структурирования целых веб-страниц. Использование таблиц для создания макета всей веб-страницы позволяет свести к минимуму различия между отображениями в различных браузерах и дает вам больше возможностей контроля, чем в случае неструктурированного представления.
В данной лекции мы добавим сначала несколько списков к страницам сайта компании "Все для сада". Затем мы создадим таблицы, используя три простых метода:

С помощью кнопки Insert Table (Добавить таблицу).

С помощью команды Insert Table (Добавить таблицу).

Рисуя линии для создания строк и столбцов таблицы.

Вы будете работать с учебными файлами, которые хранятся в следующих подпапках папки Office XP SBS\FrontPage\Chap19: CreateList, CreateTable, TableText, TableStruct, FormatTable и TableInTable.

Создание списка

Списки используются для выделения элементов информации, которые иначе затерялись бы в тексте абзаца. Если эти элементы не должны появляться в каком- либо определенном порядке, то они обычно появляются в маркированных списках; например, список засухоустойчивых растений можно представить в виде маркированного списка. Если элементы должны быть все же представлены в определенном порядке, то они обычно включаются в нумерованные списки; например, инструкции по пересаживанию определенного домашнего растения в другой горшочек могут быть представлены в нумерованном списке.
В этом упражнении вам нужно внести собственную информацию путем добавления некоторых списков в содержимое сайта компании "Все для сада", который был создан с помощью мастера корпоративного веб-узла. Чтобы создать маркированные и нумерованные списки в программе FrontPage, используются те же методы, что и в Microsoft Word, поэтому вы сможете быстро выполнить это упражнение без обсуждения многочисленных деталей.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap19\CreateList.
Выполните следующие шаги.

Если программа FrontPage еще не открыта, запустите ее.

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

увеличить изображение

Перейдите в рабочую папку, выделите GardenCo и щелкните на кнопке Открыть (Open). Сайт компании "Все для сада" откроется в режиме просмотра, который действовал при последнем выходе из FrontPage. Если вы находитесь в режиме просмотра страниц, рабочая область будет пустой, поскольку ни одна из страниц сайта еще не открыта.

Если панель списка папок еще не открыта, выберите пункт Список папок (Folder List) в меню Вид (View). Затем дважды щелкните на файле serv01.htm, чтобы открыть страницу Весенняя роскошь.

Выделите заголовок Основные преимущества и введите Что вы будете изучать, чтобы заменить текст заголовка.

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

Какие растения лучше всего растут на Тихоокеанском побережье.

Когда сажать, чтобы весной вырос прекрасный сад.

Как защитить свой сад от мороза.

Щелкните на кнопке Закрыть (Close) файла serv01.htm, чтобы закрыть страницу Весенняя роскошь; когда появится запрос, сохраните ваши изменения.

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

Повторите шаги 5 и 6 на странице Насекомоядные растения, заменив строки маркированного списка следующими строками:

Какие насекомядные растения хорошо растут на северо-западе Тихоокеанского побережья.

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

Какому риску подвергаются домашние животные в период гиперактивности растения.

Щелкните на кнопке Закрыть (Close) файла serv02.htm, чтобы закрыть страницу Насекомоядные растения; когда появится запрос, сохраните ваши изменения.

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

Повторите шаги 5 и 6 на странице Органика, заменив строки маркированного списка следующими строками:

С чего начать использовать отходы.

Что НЕ класть в компостную кучу.

Как понять, что компост готов к использованию.

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

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



Преобразование набора абзацев в список

Как и в программе Word, для преобразования набора обычных абзацев в маркированный список выделите эти абзацы и щелкните на кнопке Маркеры (Bullets) в панели инструментов форматирования. Чтобы преобразовать элементы маркированного списка снова в обычные абзацы, выделите эти элементы и щелкните на кнопке Маркеры (Bullets), чтобы отключить ее. Аналогичным образом для преобразования набора обычных абзацев в нумерованный список выделите эти абзацы и щелкните на кнопке Номера (Numbering) в панели инструментов форматирования.

Щелкните на кнопке Закрыть (Close) файла serv03.htm, чтобы закрыть страницу Органика; когда появится запрос, сохраните ваши изменения.

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

Нажмите клавиши (Ctrl)+(End), чтобы переместить точку ввода вниз страницы.

Введите Как записаться и затем, удерживая клавишу (Shift), нажмите клавиши (Ctrl)+(Home), чтобы выделить этот текст.

В раскрывающемся списке Стиль (Style) щелкните на Заголовок 3 (Heading 3), чтобы отформатировать текст как заголовок третьего уровня.

Нажмите клавишу (End), чтобы переместить точку ввода в конец заголовка, и затем нажмите клавишу (Enter), чтобы начать новую строку. Введите Пришлите e-mail по адресу classes@gardenco.msn.com и укажите название курса и дату первого занятия.. При вводе адрес электронной почты будет автоматически сформатирован как гиперссылка.

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

Введите Когда вам придет ответ, распечатайте его и принесите на первое занятие в указанный день..

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



Совет. Если вас это интересует, вы можете щелкнуть на кнопке HTML, чтобы вывести в панели HTML соответствующий исходный код для нумерованного списка. Как вы увидите, FrontPage обозначает весь список как упорядоченный список (ordered list), находящийся между тегами

и

. Каждый элемент этого списка находится между тегами

и

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

и

.

Щелкните на кнопке Закрыть (Close) файла s1ervices.htm, чтобы закрыть страницу Учебные курсы; когда появится запрос, сохраните ваши изменения.

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

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

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

Ввод и редактирование информации в таблице

Сайт компании "Все для сада" имеет три структуры для представления в трех таблицах на трех отдельных страницах, но вам нужно заполнить эти таблицы информацией, чтобы сделать их реальными. Ввод информации в таблицы FrontPage выполняется так же, как и в таблицы Word.
В этом упражнении вы заполните информацией три существующие таблицы. Для сайта компании "Все для сада" вы внесете во все таблицы одну и ту же информацию, но, возможно, заполните свои собственные таблицы другими типами информации.
GardenCo, ClassList.doc
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap19\TableText.
Выполните следующие шаги.

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

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

В списке папок щелкните на файле serv01.htm, чтобы выделить его и, удерживая нажатой клавишу (Ctrl), щелкните на файлах serv02.htm и serv03.htm, чтобы были выделены все три файла.

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

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

Теперь введите следующую информацию в трех столбцах таблицы под соответствующими заголовками: НазваниеДатаВремя

Весенняя роскошь	Вторник, 5 Августа	18:00 - 21:0
Весенняя роскошь	Четверг, 4 Сентября	18:00 - 21:0
Весенняя роскошь	Суббота, 4 Октября	11:00 - 14:0
Насекомоядные растения	Понедельник, 11 Августа	18:00 - 20:0
Насекомоядные растения	Среда, 10 Сентября	18:00 - 20:0
Насекомоядные растения	Суббота, 11 Октября	12:00 - 14:0
Органические отходы	Суббота, 16 Августа	12:00 - 16:0
Органические отходы	Суббота, 13 Сентября	12:00 - 16:0
Органические отходы	Суббота, 18 Октября	12:00 - 16:0

Совет. Если вы не хотите набирать этот текст с клавиатуры, то можете скопировать и вставить эту информацию из файла ClassList.doc, находящегося в папке Office XP SBS\FrontPage\Chap19\TableText.

Щелкните на вкладке страницы serv03.htm, чтобы перейти к этому файлу.

На странице Органика введите в нарисованной от руки таблице ту же заголовочную строку и те же три столбца информации.

Щелкните на вкладке страницы serv02.htm, чтобы перейти к этому файлу.

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

В меню Файл (File) выберите пункт Сохранить все (Save All), чтобы сохранить все открытые файлы.

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

Редактирование структуры таблицы

Форматирование таблицы

Как и в программе Word, FrontPage позволяет использовать несколько вариантов форматирования таблиц. Вы можете делать выбор среди разнообразных заранее отформатированных стилей таблиц или выполнять собственное форматирование таблиц. Вы можете даже выполнять слияние двух или более ячеек в одну ячейку, чтобы она охватывала несколько столбцов или строк.
FrontPage 2002 теперь поддерживает дополнительные средства Office для форматирования таблиц:

Заполнить вправо (Fill right) и Заполнить вниз (Fill down) позволяют быстро копировать содержимое из одной ячейки таблицы в несколько других.

Автоформат (Auto Format) позволяет быстро и легко создавать профессионально скомпонованные таблицы посредством простого выбора из списка заранее подготовленных вариантов форматирования.

Кнопка Внешние границы (Border drop-down tool) позволяет форматировать границы таблиц и ячеек столь же просто, как и в Word или Excel, используя щелчок на выбранной части.

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

Откройте сайт GardenCo, находящийся в указанной рабочей папке.

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

Выполните прокрутку вниз к данной таблице и выделите три ячейки заголовочной строки.

Щелкните правой кнопкой на выделенной части и выберите в контекстном меню пункт Свойства ячейки (Cell Properties), чтобы появилось следующее диалоговое окно.

В диалоговом окне свойств ячейки установите флажок Ячейка заголовка (Header cell).

В секции Фон (Background) щелкните на стрелке поля Цвет (Color), чтобы появились цветовые палитры Стандартные (Standard) и Цвета темы (Theme).


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



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

Если щелкнуть на кнопке Другие цвета (More Colors), то появится диалоговое окно, где можно выбирать из палитры, содержащей 127 цветов, или задавать собственный цвет, используя шестнадцатеричное значение или значение в режиме RGB. Возможности выбора практически не ограничены!

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


увеличить изображение

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

Щелкните в любом месте этой таблицы.

В меню Таблица (Table) выберите пункт Автоформат (Table AutoFormat).

В диалоговом окне автоформата прокрутите список форматов, щелкая по очереди на каждом формате.

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

Выберите формат Утонченный 1.

Поскольку эта таблица не содержит специального первого столбца, то в секции Изменить оформление (Apply special formats) сбросьте флажок первого столбца (First Column).

Щелкните на кнопке OK, чтобы применить выбранный формат к данной таблице.

Щелкните на кнопке Просмотр (Preview) в окне просмотра и редактирования страниц, чтобы перейти в панель просмотра.

Во время просмотра этой таблицы ваши веб-посетители увидят ее примерно в следующем виде.



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

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

В первом столбце выделите три ячейки, содержащие слова Весенняя роскошь, и в меню Таблица (Table) выберите пункт Объединить ячейки (Merge Cells).

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

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

Повторите шаги 17 и 18 для курсов Насекомоядные растения и Органика. Таблица будет выглядеть как показано ниже. Совет. Чтобы разбить одну ячейку на несколько ячеек, щелкните правой кнопкой на этой ячейке и выберите в контекстном меню пункт Разбить ячейки (Split Cells). В диалоговом окне укажите число строк или столбцов, на которые хотите разбить ячейку, и щелкните на кнопке OK.

В меню Файл (File) выберите пункт Сохранить все (Save All), чтобы сохранить все открытые файлы.

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

Редактирование структуры таблицы

Если у вас нет большого опыта создания таблиц, то вам вряд ли удастся обойтись без тех или иных поправок после создания таблицы. Скорее всего, вам придется добавлять или удалять строки или столбцы и перемещать информацию, пока она не окажется в нужном месте. Почти наверняка вам придется изменять размеры строки и столбцов, которые слишком велики или малы либо находятся на разных расстояниях. К счастью, программа FrontPage позволяет легко исправлять все эти структурные проблемы.
Совет. Если столбцы намного шире информации, которую они содержат, то посетителям вашего сайта, возможно, придется прибегать к горизонтальной прокрутке, чтобы увидеть всю информацию таблицы. Если столбцы слишком узкие, то посетителям вашего сайта, возможно, придется прибегать к вертикальной прокрутке. Везде, где это возможно, постарайтесь избегать прокрутки, изменяя в таблице размеры строк или столбцов.
В этом упражнении вы измените структуру существующей таблицы, изменив порядок информации, которую она содержит. На странице Насекомоядные растения нашего сайта расписание занятий на данный момент представлено в девяти строках и четырех столбцах, один из которых остается пустым. Вы переместите информацию о времени из четвертого столбца в третий и добавите заголовочную строку в эту таблицу.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap19\TableStruct.
Выполните следующие шаги.

Откройте сайт GardenCo, находящийся в указанной рабочей папке.

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

На странице Насекомоядные растения щелкните в любом месте четвертого столбца таблицы.

В меню Таблица (Table) укажите пункт Выделить (Select) и затем выберите пункт Столбец (Column).

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

Щелкните в любом месте верхней строки таблицы.

В меню Таблица (Table) укажите пункт Вставить (Insert) и затем выберите пункт Строки или столбцы (Rows or Columns), чтобы появилось следующее диалоговое окно.

В секции Положение (Location) выберите вариант Над выделенным (Above Selection) и щелкните на кнопке OK. FrontPage вставит новую строку вверху таблицы.

Теперь щелкните в любом месте четвертого столбца таблицы.

В меню Таблица (Table) укажите пункт Выделить (Select) и затем выберите пункт Столбец (Column).

Щелкните правой кнопкой на выделенной части и выберите в контекстном меню пункт Удалить ячейки (Delete Cells), чтобы удалить пустой столбец с правой стороны таблицы.

В новой заголовочной строке введите те же заголовки столбцов, что и для двух других таблиц: Название, Дата и Время. Таблица на странице Насекомоядные растения теперь будет выглядеть так же, как и таблицы на страницах Весенняя роскошь и Органика.

Щелкните на кнопке Закрыть (Close) файла serv02.htm, чтобы закрыть страницу Насекомоядные растения; когда появится запрос, сохраните ваши изменения.

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

Чтобы изменить размер столбцов в таблице на этой странице, укажите сначала правую границу столбца Дата. Курсор изменит свою форму на двустороннюю стрелку.

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

Теперь щелкните в любом месте таблицы и в меню Таблица (Table) выберите пункт Автоподбор по содержимому (AutoFit to Contents). Все столбцы будут выровнены в точности по ширине своего содержимого, как это показано ниже.


увеличить изображение

Щелкните правой кнопкой в любом месте таблицы и выберите в контекстном меню пункт Свойства таблицы (Table Properties), чтобы появилось диалоговое окно свойств таблицы.

В диалоговом окне свойств таблицы выполните следующее:

В раскрывающемся списке Выравнивание (Alignment) выберите вариант По левому краю (Left).

Выберите в поле Поля ячеек (Cell padding) значение 3.

В поле Задать ширину (Specify width) введите значение 100 и затем выберите вариант В процентах (In percent).

В секции Границы (Borders) задайте в поле Размер (Size) значение 0.

Щелкните на кнопке OK, чтобы закрыть это диалоговое окно и применить изменения.

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

В меню Таблица (Table) выберите пункт Выровнять ширину столбцов (Distribute Columns Evenly), чтобы все столбцы имели одинаковую ширину.

Щелкните на кнопке Закрыть (Close) файла serv03.htm, чтобы закрыть страницу Органика; когда появится запрос, сохраните ваши изменения.

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

Создание таблицы внутри таблицы

Вы можете разбивать и объединять целые таблицы таким же образом, как и отдельные ячейки. Вы можете также встраивать одну таблицу внутрь другой. Эти средства могут показаться слишком сложными для представления простой информации, но они дают большие возможности, особенно в случаях, когда вам нужно организовать всю веб-страницу в одной таблице.
В этом упражнении вы разобьете таблицу на три отдельные таблицы для каждого курса с названием курса в заголовке каждой таблицы.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap19\TableInTable.
Выполните следующие шаги.

Откройте сайт GardenCo, находящийся в указанной рабочей папке.

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

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

В меню Таблица (Table) выберите пункт Разбить таблицу (Split Table). FrontPage разобьет таблицу на две таблицы.

Щелкните на первой строке, содержащей слова Органика, и снова разбейте таблицу. Теперь у вас три отдельные таблицы.

Щелкните на строке, содержащей слова Название, Дата и Время.

В меню Таблица (Table) укажите пункт Выделить (Select) и затем выберите пункт Строка (Row).

Щелкните правой кнопкой на выделенной части и выберите в контекстном меню пункт Удалить ячейки (Delete Cells).

Щелкните в любом месте таблицы Весенняя роскошь, укажите в меню Таблица (Table) пункт Вставить (Insert) и затем выберите пункт Надпись (Caption). Центрированная строка надписи будет добавлена вверху таблицы.

Введите название таблицы: Планируем осенью весеннюю роскошь.

Выделите эту надпись и сделайте ее полужирной .

Выделите первый столбец. Щелкните правой кнопкой на выделенной части и выберите в контекстном меню пункт Удалить ячейки (Delete Cells), чтобы удалить этот столбец.

Щелкните в любом месте таблицы и выберите в меню Таблица (Table) пункт Автоподбор по содержимому (AutoFit to Contents).

Повторите шаги 9 -13 для таблиц Насекомоядные растения и Органика, используя следующие заголовки как надписи таблиц.

Насекомоядные растения: опасные или прекрасные?

Органика: используйте отходы!

Результаты будут выглядеть как показано на рисунке на следующей странице.

Щелкните на кнопке Закрыть (Close) файла serv02.htm, чтобы закрыть страницу Насекомоядные растения; когда появится запрос, сохраните ваши изменения.

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

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

Совершенствование сайта с помощью графики

Добавление графических клипов

FrontPage позволяет легко добавлять на веб-страницу все виды мультимедиа, включая графику, изображения, видеоклипы и даже звуковые эффекты. Если вы ищете способ быстрого и простого графического представления без лицензионных затрат, то достаточно простым решением является использование графических клипов (clip art). Довольно большая библиотека графических клипов поставляется вместе с Microsoft Office XP, и практически неограниченные возможности выбора предоставляются на сайте Microsoft Design Gallery Live по адресу dgl.microsoft.com. Если ни в одном из этих источников нет того, что вам нужно, вы можете найти сотни небольших галерей графических клипов в Web. Вы можете также приобретать диски CD-ROM с графическими клипами, многие из которых посвящены определенным темам или определенным стилям графических клипов.
Комплект Office XP содержит различные графические клипы в различных папках вместе с приложениями, для которых они чаще всего используются, и все они доступны для вас в программе FrontPage. При первом обращении к использованию графических клипов вы получите запрос на создание каталога всех графических клипов на вашем компьютере. Вам нужно пройти через этот простой процесс только один раз.
Новый и улучшенный органайзер клипов (Clip Organizer, который раньше назывался Clip Gallery) позволяет осуществлять доступ к медиа-файлам и организовывать их с помощью простого интерфейса панели задач. Clip Organizer содержит сотни новых графических клипов и помогает легко находить дополнительные цифровые изображения в World Wide Web.
Вы можете осуществлять поиск, доступ и вставку для разнообразных медиа-файлов из панели задач Вставка картинки (Insert Clip Art). Кроме традиционных графических клипов, которые обычно представляют из себя нечто аналогичное анимационным рисункам, вы можете делать выбор среди фотографий, фрагментов из фильмов и звуков. Использование этой огромной области ресурсов интересно само по себе!
В этом упражнении вы пройдете через процесс первоначального конфигурирования медиа-файлов (если вы еще не сделали этого) и затем вставите графический клип на страницу.



Для этого упражнения не требуется никакой рабочей папки.

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

Если программа FrontPage еще не открыта, запустите ее.

Если новая страница еще не открыта, щелкните на кнопке Создание новой обычной страницы (Create a new normal page) , чтобы открыть новую пустую страницу и использовать ее как "холст" для вашей графики.

В меню Вставка (Insert) укажите пункт Рисунок (Picture) и затем выберите пункт Картинки (Clip Art).

Если вы открыли панель задач Вставка картинки (Insert Clip Art) в первый раз, то появится диалоговое окно Добавление клипов в коллекцию (Add Clips to Organizer).



Чтобы включать в каталог медиа-файлы, выполните следующее.

Щелкните на кнопке Параметры (Options), чтобы получить доступ к следующему списку папок, из которого будут импортироваться графические клипы.

Щелкните на кнопке Отмена (Cancel), чтобы подтвердить использование заданных по умолчанию папок импорта и закрыть диалоговые окна Параметры автоматического импорта (Auto Import Settings) и Добавление клипов в коллекцию (Add Clips to Organizer).

В меню Вставка (Insert) укажите пункт Рисунок (Picture) и снова выберите пункт Картинки (Clip Art).

Теперь щелкните на кнопке Сейчас (Now), чтобы каталогизировать все медиа-файлы, имеющиеся на вашем компьютере.

По окончании процесса каталогизации панель задач Вставка картинки (Insert Clip Art) изменится, как это показано на рисунке.

Проследите за тем, чтобы в поле Искать объекты (Results should be) был представлен вариант Все файлы мультимедиа (All media file types), после чего выполните поиск графического клипа, связанного с садоводством, набрав в поле Искать текст (Search text) слово сад и щелкнув на кнопке Найти (Search). Результаты поиска будут представлены в окне Результаты (Results).



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

Чтобы получить описание, размер, объем файла и формат одного из этих изображений, задержите над ним курсор мыши.

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

Щелкните правой кнопкой на этом изображении и выберите в контекстном меню пункт Вставка (Insert).

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


увеличить изображение

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

Щелкните на кнопке Закрыть (Close) этого файла, чтобы закрыть текущий файл; когда получите запрос сохранения этой работы, щелкните на кнопке Нет (No).

Это очень удобно, когда нужно

Это очень удобно, когда нужно показать объект с необычным контуром (не имеющий прямых границ).

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

Щелкните на кнопке Багетная рамка (Bevel), чтобы создать эффект объемности.

Используйте кнопку Сокращение цветов (Resample), чтобы повысить четкость изображения, которое было увеличено или сжато.

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

Используйте кнопки Гиперпрямоугольник (Rectangular Hotspot), Гиперкруг (Circular Hotspot), Гипермногоугольник (Polygonal Hotspot) и Выделить гиперобъекты (Highlight Hotspots) для выделения и визуализации активных областей (карты отображений) на вашем изображении. Эти области можно использовать для создания гиперссылок, позволяющих переходить к другим изображениям, другим веб-страницам или другим сайтам. Их можно даже использовать для формирования сообщений электронной почты!

Щелкните на кнопке Восстановить (Restore) для отмены всех изменений, внесенных в изображение после того, как была открыта панель инструментов Рисунки (Pictures).

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

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

Для этого упражнения не используется никакой рабочей папки.



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

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

Если панель задач Вставка картинки (Insert Clip Art) еще не открыта, выберите в меню Вид (View) пункт Область задач (Task Pane) и выберите из раскрывающегося списка пункт Вставка картинки (Insert Clip Art).

Если в панели задач Вставка картинки (Insert Clip Art) будут все еще представлены результаты предыдущего поиска, щелкните на кнопке Изменить (Modify), чтобы запустить новый поиск.

В диалоговом окне Искать текст (Search text) наберите розы. В раскрывающемся списке поля Другие параметры поиска (Results should be) сбросьте флажки Картинки (Clip Art), Фильмы (Movies) и Звуки (Sounds), оставив установленным только флажок Фотографии (Photographs). Затем щелкните вне этого раскрывающегося списка, чтобы закрыть его, и щелкните на кнопке Искать (Search) для поиска изображений роз.

Щелкните на фотографии для ее вставки.

Закройте панель задач Вставка картинки (Insert Clip Art), чтобы освободить побольше пространства для работы.

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


увеличить изображение

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

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

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


увеличить изображение

Рамка кадрирования указывается штриховой линией

Снова щелкните на кнопке Обрезка (Crop), чтобы кадрировать изображение рамкой с заданной формой и размером.

Дважды щелкните на изображении, чтобы появилось диалоговое окно Свойства рисунка (Picture Properties), как показано ниже.

Установите флажок Задать размер (Specify size) и задайте в поле Ширина (Width) значение 200 пикселов.

Чтобы избежать искажений, проследите за тем, чтобы был установлен флажок Сохранять пропорции (Keep aspect ratio). Высота автоматически изменится, чтобы сохранить пропорции при новой ширине.

Щелкните на кнопке OK, чтобы закрыть это диалоговое окно и применить изменения. FrontPage изменит размеры изображения в соответствии с заданными значениями, как это показано ниже.


увеличить изображение

В панели инструментов Рисунки (Pictures) щелкните на кнопке Цвет (Color) .

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

В панели инструментов Рисунки (Pictures) щелкните на кнопке Багетная рамка (Bevel) .

Цвета краев изображения изменятся, чтобы создать впечатление объемности ("выступающей" центральной части), как это показано на рисунке на следующей странице.


увеличить изображение

Щелкните на кнопке Закрыть (Close) этого файла, чтобы закрыть текущий файл; когда получите запрос сохранения этой работы, щелкните на кнопке Нет (No).

Редактирование и форматирование изображений

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

увеличить изображение

Щелкните на кнопке Добавить рисунок из файла (Insert Picture From File), чтобы открыть диалоговое окно Рисунок (Picture), где вы можете выполнить поиск и вставку другого изображения.

Используйте кнопку Текст (Text), чтобы создать в области изображения текстовое окно, в котором можете ввести собственный текст.

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

Используйте кнопки Абсолютное (Absolutely), Переместить вперед (Bring Forward) и Переместить назад (Send Backward) для управления местоположением изображения относительно других элементов: перемещение вместе с окружающим текстом либо размещение впереди или позади других объектов.

Используйте кнопки Повернуть влево (Rotate Left), Повернуть вправо (Rotate Right), Отразить слева направо (Flip Horizontal) и Отразить сверху вниз (Flip Vertical) для поворота и отражения изображений.

Используйте кнопки Увеличить контрастность (More Contrast), Уменьшить контрастность (Less Contrast), Увеличить яркость (More Brightness) и Уменьшить яркость (Less Brightness) для увеличения и уменьшения контрастности и яркости выделенного изображения.

Используйте кнопку Обрезка (Crop) для обрезки изображения; это не сжатие изображения, а указанное вами отсечение лишних частей.

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

Щелкните на кнопке Формат полотна (Format Picture), чтобы открыть диалоговое окно Формат полотна (Format Picture).

Используйте кнопку Установить прозрачный цвет (Set Transparent Color), чтобы указать, что заданный цвет будет прозрачным, когда изображение будет представлено на веб-странице.

Совершенствование сайта с помощью графики

Вы можете намного повысить уровень восприятия и привлекательности ваших веб- страниц за счет использования выразительного языка и разнообразных средств форматирования слов и абзацев. Однако существуют ситуации, когда форматирование текста уже недостаточно, чтобы привлечь внимание ваших посетителей и выделить ваш сайт среди прочих сайтов, которые они могут видеть.
В таких случаях требуется придать определенный настрой вашим страницам с помощью изображений и других графических средств. Работая с Microsoft FrontPage, вы можете выполнять вставку разнообразных графических элементов, включая графические клипы, файлы изображений, сканированные изображения, рисунки, фигуры, объекты WordArt и видео.
Нетрудно предположить, что в значительной мере привлекательность сайта компании "Все для сада", используемого в большинстве упражнений этого курса, создается изображениями растений, "идейными" снимками садов, вдохновляющими на собственные действия, планами разбивки садов и другими визуально привлекательными элементами. Никакой текст не заменит того, что вы должны оценить визуально, точно так же, как текст не заменит музыкальный клип, на сайте, посвященном определенному оркестру или жанру музыки.
Чтобы сделать сайт компании "Все для сада" визуально привлекательным, вы должны использовать графику разумным образом, тщательно выбирая подходящий стиль и проявляя определенную сдержанность, чтобы избежать дезориентирующего эффекта. Поскольку в этой лекции вы будете учиться тому, как добавлять разнообразные графические элементы. то будете использовать сайт GardenCo, только когда это нужно, а в остальных случаях будете работать с новой страницей, которую можно впоследствии удалить.
В этой лекции вы будете работать с файлами, которые хранятся в следующих подпапках папки Office XP SBS\FrontPage\Chap20: AddPicture, Thumbnail и PhotoGallery.

Создание и отображение автоэскизов

Автоэскизы - это небольшие версии изображений, которые представляют гиперссылку на полноразмерные версии. Они часто используются на веб-страницах, содержащих много изображений, которые не обязательно могут понадобиться веб-посетителям (например, элементы каталога). Ввиду небольших размеров автоэскизы загружаются быстрее, что снижает вероятность того, что нетерпеливые посетители не дождутся и перейдут к другому сайту. В этом упражнении вы создадите автоэскиз изображения и проверите ее в программе FrontPage.
pictures.htm
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap20\Thumbnail.
Выполните следующие шаги.

Откройте файл pictures.htm, находящийся в рабочей папке.

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

В панели инструментов рисунков щелкните на кнопке Автоэскизы (Auto Thumbnail) . Изображение сожмется до размера миниатюры и будет окружено синей рамкой, что указывает на присутствие гиперссылки, см. ниже.

увеличить изображение

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

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

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

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

Увидев результаты увеличения миниатюры, щелкните на кнопке Отмена (Undo) , чтобы вернуть миниатюру к прежнему размеру.

Чтобы проверить гиперссылку этой миниатюры, щелкните на кнопке Просмотр (Preview) внизу окна просмотра и редактирования страниц, чтобы перейти в режим просмотра, и затем щелкните на миниатюре, чтобы открыть исходное изображение в панели просмотра. Решение проблем. Определенные типы файлов, включая файлы формата Windows Metafile (WMF), не открываются в панели просмотра. Для просмотра этих изображений нажмите и удерживайте клавишу (Ctrl), когда находитесь в панели Обычный (Normal), и щелкните на автоэскизе, чтобы открыть исходное изображение в отдельном окне.

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

Щелкните на миниатюре, чтобы вывести на экран полноразмерное изображение, и затем щелкните на кнопке браузера Назад (Back), чтобы вернуться к миниатюре.

Закройте браузер, чтобы вернуться в программу FrontPage.

Закройте данную страницу без сохранения изменений.

Вставка изображения

Когда дело касается веб-страниц, следует помнить о поговорке: "Одна картинка стоит тысячи слов". Вы будете часто добавлять фотографии к веб- страницам, чтобы иллюстрировать или подкрепить текст, когда нужно объяснить сложные понятия. Вы можете получать готовые для веб-представления изображения разнообразными способами: выполняя съемку цифровой камерой, сканируя существующие фотографии для создания цифровых файлов либо покупая файлы с изображениями или загружая бесплатно копируемые файлы из Internet.
FrontPage 2002 позволяет осуществлять доступ к файлам изображений, находящимся на вашем компьютере, или на другом компьютере в вашей сети, или (при соединении в Internet) даже на каком-либо сайте.
Для максимального качества отображения на дисплее вам следует использовать изображения, которые сохранены в формате файлов Graphics Interchange Format (GIF) или Joint Photographic Experts Group (JPG). Оба формата хорошо подходят для отображения через Web. В формате GIF поддерживается до 256 цветов. Формат JPG был специально разработан для фотографий и является самым лучшим форматом для фотографий и другой графики, использующих более 256 цветов. JPG-файлы обычно имеют меньший размер и, тем самым, требуют меньше времени для загрузки через Web.
Совет. Работая в программе FrontPage, вы можете легко преобразовывать графику файлов другого типа в формат GIF или JPG. В режиме просмотра страниц щелкните правой кнопкой на соответствующем изображении и затем выберите в контекстном меню пункт Свойства изображения (Picture Properties). В секции Тип (Type) на вкладке Общие (General) щелкните на GIF или JPG.
В этом упражнении вам нужно выполнить вставку файла изображения на учебной странице.
Для этого упражнения используется рабочая папкаOffice XP SBS\FrontPage\Chap20\AddPicture .
Выполните следующие шаги.

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

В меню Вставка (Insert) укажите пункт Рисунок (Picture) и затем выберите пункт Из файла (From File), чтобы открыть диалоговое окно Рисунок (Picture).

В диалоговом окне Рисунок (Picture) перейдите в рабочую папку.


Файл Garden4.gif уже выделен, поскольку это единственный файл в данной папке.

Если в этом диалоговом окне не показан предварительный вид изображения, щелкните на стрелке кнопки представлений в панели инструментов диалогового окна Рисунок (Picture) и затем выберите в раскрывающемся меню пункт Просмотр (Preview) . В диалоговом окне появится предварительный вид, как это показано ниже.


увеличить изображение

Щелкните на кнопке Вставить (Insert), чтобы выполнить вставку изображения на веб-странице в текущей точке ввода.

Щелкните на кнопке Закрыть (Close) этого файла, чтобы закрыть текущий файл; когда получите запрос сохранения этой работы, щелкните на кнопке Нет (No).

Добавление линии, фигуры или рисунка

Добавление фигурного текста

Объекты WordArt - это текстовые объекты с применением специального форматирования. Вы можете выбирать среди 30 основных вариантов форматирования и затем вносить дальнейшие изменения из панели инструментов WordArt. Эта панель инструментов открывается автоматически при вставке объекта WordArt. Она содержит следующие кнопки:

Щелкните на кнопке Добавить объект WordArt (Insert WordArt), чтобы открыть диалоговое окно Коллекция WordArt (WordArt Gallery) и создать новый объект WordArt.

Щелкните на кнопке Изменить текст (Edit Text), чтобы открыть диалоговое окно Изменение текста WordArt (Edit WordArt Text), где вы можете изменять текст, шрифт, размер шрифта и форматирование шрифта объекта WordArt.

Вы можете выбрать один из 30 основных типов форматирования в окне Коллекция WordArt (WordArt Gallery).

Для изменения цветов и линий, размеров, компоновки и альтернативного веб- текста вашего объекта WordArt используйте диалоговое окно Формат объекта WordArt (Format WordArt).

Щелкните на кнопке Форма WordArt (Edit Shape), чтобы иметь возможность выбора среди 40 основных форм, кривых и углов, на основе которых строится объект WordArt.

Щелкните на кнопке Выровнять буквы по высоте (WordArt Same Letter Heights), чтобы прописные и строчные буквы имели одинаковую высоту.

Щелкните на кнопке Вертикальный текст WordArt (WordArt Vertical Text), чтобы изменить принятое по умолчанию выравнивание по горизонтали на выравнивание по вертикали.

Используйте кнопку Выравнивание (WordArt Alignment), чтобы указать выравнивание текста WordArt по левому краю, по центру или по правому краю в пределах доступного пространства либо выровнять его по словам или растянуть для заполнения пространства.

Используйте кнопку Межзнаковый интервал (WordArt Character Spacing), чтобы управлять кернингом между буквами.

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

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

В меню Вставка (Insert) укажите пункт Рисунок (Picture) и затем выберите пункт WordArt.

Выберите подходящий для вас стиль в диалоговом окне Коллекция WordArt (Word Art Gallery), показанном на следующем рисунке.

Щелкните на кнопке OK, чтобы появилось диалоговое окно Изменение текста WordArt (Edit WordArt Text).

В поле Текст (Text) введите Насекомоядные растения.

В раскрывающемся списке Шрифт (Font) выберите Verdana.

В раскрывающемся списке Размер (Size) выберите значение 24.

Щелкните на кнопке Полужирный (Bold).

Щелкните на кнопке OK, чтобы закрыть это диалоговое окно и применить ваши настройки. FrontPage создаст заголовок страницы в соответствии с вашими данными, поместит его на веб-странице в точке ввода и выведет на экран панель инструментов WordArt.

Щелкните на кнопке Закрыть (Close) панели инструментов WordArt, чтобы закрыть эту панель инструментов.

Щелкните правой кнопкой на объекте WordArt и выберите в контекстном меню пункт Абзац (Paragraph), чтобы на экране появилось диалоговое окно параметров абзаца.

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

увеличить изображение

Закройте файл этой страницы без сохранения изменений.

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

Добавление линии, фигуры или рисунка

Когда наступает время добавления к вашим страницам графических элементов, вы не обязаны использовать только такие элементы, как графические клипы, изображения и фотографии. Вы можете также создавать страницы с линиями, квадратами, окружностями и другими фигурами, а если у вас есть художественные способности, то вы можете даже создавать целые рисунки, используя средства FrontPage. Для изображений профессионального качества вам следует использовать какую-либо отдельную программу работы с графикой, но для создания простого иллюстративного материала вы можете использовать FrontPage.
В программу FrontPage 2002 включены улучшенные инструменты рисования, которые упрощают включение форматированных специальным образом линий, разнообразных готовых фигур, объектов WordArt, текстовых блоков и теней с помощью тех же методов, что используются в Microsoft Word и Microsoft PowerPoint. Эти линии, фигуры и рисунки известны под общим названием Рисунки Office (Office Drawings). Рисунки Office можно копировать из одних приложений Office и затем выполнять их вставку непосредственно в сайт, созданный с помощью FrontPage.
Команды, используемые для работы с большинством изображений, представлены в виде кнопок в панели инструментов Рисование (Drawing) и панели инструментов Холст (Drawing Canvas). Обе эти панели инструментов можно открывать в любой момент, щелкнув правой кнопкой на любой панели инструментов и затем щелкнув на их именах в контекстном меню панелей инструментов. Панель рисования открывается автоматически, когда у вас выделяется рисунок Office для редактирования. Она содержит следующие кнопки:

Используйте команды меню Действия (Draw), чтобы управлять группированием, позиционированием и перемещением объектов.

Щелкните на кнопке Автофигуры (AutoShapes), чтобы вывести на экран меню из более чем 130 фигур, начиная с простых геометрических форм и стрелок и заканчивая полностью сформированными указателями погоды. Сюда же входят изображения блок-схемы, баннер и символы выноски. Вы можете извлекать меню Автофигуры (AutoShapes) из панели рисовани с помощью перетаскивания, чтобы оно действовало как отдельная плавающая панель инструментов.

Используйте кнопки Линия (Line), Стрелка (Arrow), Прямоугольник (Rectangle) и Овал (Oval), чтобы рисовать эти простые фигуры при любом размере путем щелчка и последующего протягивания на странице.

Щелкните на кнопке Надпись (Text Box) для вставки текстовых блоков внутри изображений.

Используйте кнопки Добавить объект WordArt (Insert WordArt), Добавить картинку (Insert Clip Art) и Добавить рисунок из файла (Insert Picture From File) для вставки новых графических элементов.

Используйте кнопки Цвет заливки (Fill Color), Цвет линии (Line Color) и Цвет текста (Font Color) для управления цветами соответствующих элементов.

Используйте кнопки Тип линии (Line Style), Тип штриха (Dash Style) и Вид стрелки (Arrow Style) для форматирования толщины, цвета и концевых элементов таких линий.

Кнопка Стиль тени (Shadow Style) используется для применения теней к графическим элементам и модифицирования свойств теней.

Используйте кнопку Объем (3-D Style), чтобы придать графическим элементам трехмерный вид.

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

"Рамка", в которой создаются рисунки Office при работе с FrontPage, называется "полотном" для рисунка. Вы можете сделать так, чтобы холст рисунка действовал как реальная рамка, путем его форматирования с видимыми границами и цветами фона; но его основное назначение - это содержать все элементы рисунка, который вы создаете, чтобы соответствующий HTML-код для этого рисунка можно было выделять и обрабатывать как один блок. Форматирование холстов рисунков также определяет способ, посредством которого текст обтекает вокруг рисунка, и позицию рисунка относительно других объектов страницы.

Панель инструментов Полотно (Drawing Canvas) появляется при вставке нового рисунка.



Она содержит следующие кнопки:

Щелкните на кнопке Подобрать размер(Fit Drawing to Contents), чтобы увеличить или уменьшить холст до размеров рисунка, который он содержит.

Щелкните на кнопке Увеличить (Expand Drawing), чтобы увеличить рисунок до текущего размера холста.

Щелкните на кнопке Изменение масштаба рисунка (Scale Drawing), чтобы увеличить рисунок до текущего размера холста, но поддерживая при этом исходное отношение высоты к ширине.

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

Для этого упражнения не требуется никакой рабочей папки.

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

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

В меню Вставка (Insert) выберите пункт Горизонтальная линия (Horizontal Line), чтобы нарисовать линию.

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

В диалоговом окне Свойства горизонтальной линии (Horizontal Line Properties) выполните следующее:

Задайте в поле Ширина (Width) значение 80 и выберите вариант В процентах от ширины окна (Percent of window).

Задайте в поле Высота (Height) значение 3 пиксела.

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


увеличить изображение

Теперь нажмите клавиши (Ctrl)+(End), чтобы переместить точку ввода в конец страницы.

В меню Вставка (Insert) укажите пункт Рисунок (Picture) и затем выберите пункт Создать рисунок (New Drawing). FrontPage выведет на экран пустой холст, панель инструментов Полотно (Drawing Canvas) и панель инструментов Рисование (Drawing) как показано ниже.


увеличить изображение

Совет. Вы можете перетаскивать панели инструментов в сторону во время своей работы.

В панели инструментов рисование щелкните на кнопке Автофигуры (AutoShapes), чтобы увидеть меню имеющихся фигур. Совет. Раскрывающееся меню с маркерами на нем (горизонтальными линиями в затененной полосе) можно перетаскивать в рабочую область, и оно "плавает" в этой области (как панель инструментов), пока вы не щелкнете на кнопке Закрыть (Close) соответствующей панели инструментов. Вы можете также перетаскивать это меню на панель инструментов или закреплять его на левом, правом или нижнем крае окна.

Укажите пункт Звезды и ленты (Stars and Banners) и затем щелкните на символе Пятно 2 (Explosion 2), как показано ниже.



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

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


увеличить изображение

Эта фигура станет головкой цветка.

Используйте в меню автофигур команду Блок-схема (Flow-chart) фигуры Знак завершения (Terminator) и Решение (Decision), чтобы использовать их в качестве стебля и листьев цветка, как это показано ниже.




увеличить изображение

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

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


увеличить изображение

Щелкните правой кнопкой на изображении взрыва (головки цветка), в контекстном меню укажите на пункт Порядок (Order) и затем выберите пункт На передний план (Bring to Front). Головка цветка теперь окажется поверх стебля. В зависимости от степени перекрытия стебля и головки цветка это переупорядочивание может оказаться незаметным для глаза.

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


увеличить изображение

Щелкните на головке цветка, чтобы выделить ее, и, удерживая клавишу (Shift), щелкните на каждом элементе цветка, чтобы выделить эти элементы, как это показано ниже.


увеличить изображение

Щелкните правой кнопкой на выделенных элементах и в контекстном меню укажите пункт Группировка (Grouping), затем выберите пункт Группировать (Group). Элементы цветка будут сгруппированы в один элемент, чтобы вы могли работать с цветком как с одним объектом.

Используя кнопки стандартной панели инструментов Копировать (Copy) и Вставить (Paste) или комбинации клавиш (Ctrl)+(C) (для копирования) и (Ctrl)+(V) (для вставки), вставьте несколько копий цветка, чтобы создать целое поле цветов.

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

Щелкните правой кнопкой на каждом цветке, укажите в контекстном меню пункт Группировка (Grouping) и затем выберите пункт Разгруппировать (Ungroup), чтобы отделить элементы друг от друга для их окрашивания по отдельности.

Щелкните правой кнопкой на изображении солнца и в контекстном меню выберите пункт Форматировать автофигуру (Format AutoShape), чтобы появилось следующее диалоговое окно.

В диалоговом окне Формат автофигуры (Format AutoShape) выполните следующее:

Во вкладке Цвета и линии (Colors and Lines) задайте в меню Цвет (Color) секции Заливка (Fill) желтый цвет.

Во вкладке Layout (Положение) в секции Обтекание (Wrapping style) выберите вариант Нет (None) и в секции Положение (Positioning style) выберите вариант Абсолютное (Absolute).

Щелкните на кнопке OK, чтобы закрыть диалоговое окно и применить заданные настройки.

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


увеличить изображение

По окончании закройте панель инструментов рисования.

Щелкните на кнопке Закрыть (Close) этой страницы, чтобы закрыть текущий файл; если хотите, сохраните эту работу, когда получите запрос сохранения.

О веб-компонентах

FrontPage 2002 содержит много интересных готовых веб-компонентов, которые можно помещать на веб- странице, чтобы придать вашему сайту дополнительное впечатление, прилагая при этом очень небольшие усилия.
Веб-компоненты FrontPage - это декоративные, информативные и просто полезные элементы, которые являются наиболее привлекательными сторонами этой программы. Веб-компоненты позволяют любому дизайнеру, освоившему FrontPage, создавать программированный на хорошем уровне полнофункциональный сайт без необходимости обращения к фактическому программированию.
В этом упражнении вы создадите коллекцию фотографий на подготовленном сайте с помощью веб-компонента Коллекция фотографий (Photo Gallery). Фотографии, используемые в этом упражнении, получены из базы данных о насекомоядных растениях по адресу www2.labs.agilent.com/bot/cp_home/ и используются с разрешения владельца этой базы данных.
GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap20\PhotoGallery. В дополнение к сайту GardenCo вы создадите гиперссылку на 12 фотографий растений, которые находятся в этой рабочей папке. Поскольку для работы веб-компонента Коллекция фотографий (Photo Gallery) требуется, чтобы он был сохранен как составная часть сайта, созданного с помощью FrontPage, вам нужно завершить это упражнение в структуре учебного сайта.
Выполните следующие шаги.

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

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

В меню Вставка (Insert) щелкните на пункте Веб-компонент (Web Component) и затем выберите вариант Коллекция фотографий (Photo Gallery) для получения следующего списка.

увеличить изображение

В окне Выберите вариант коллекции фотографий (Choose a Photo Gallery Option) щелкните на каждом из четырех вариантов и прочитайте описания, которые будут появляться в нижней панели.

Выберите вариант Коллаж (Montage Layout) и щелкните на кнопке Готово (Finish).


Появится диалоговое окно Свойства коллекции фотографий (Photo Gallery Properties), чтобы вы могли добавлять фотографии в эту коллекцию.

Щелкните на кнопке Добавить (Add) и затем выберите вариант Рисунки из файлов (Pictures from Files).

Перейдите в папку Office XP SBS\FrontPage\Chap20\PhotoGallery, где вы найдете 12 фотографий насекомоядных растений.

Выделите сразу все файлы: щелкните на первом файле и, удерживая клавишу (Shift), щелкните на последнем файле. Затем щелкните на кнопке Открыть (Open).

FrontPage импортирует все изображения в коллекцию фотографий и отобразит их в диалоговом окне свойств коллекции фотографий.

Выберите в списке файлов plant1.jpg.

В поле Подпись (Caption) введите Четыре прекрасных и опасных цветка.

В поле Описание (Description) введите Четыре чуда из мира насекомоядных растений!

Выберите вариант Использовать другие параметры шрифта (Override and use custom font formatting).

Выделите текст в поле Подпись (Caption).

В раскрывающемся списке Шрифт (Font) щелкните на строке Arial.

В раскрывающемся списке Размер шрифта (Font Size) выберите вариант 2 (10 pt).

В раскрывающемся списке Цвет шрифта (Font Color) выберите пурпурный.

Щелкните на кнопке Полужирный (Bold) .

Выделите текст в поле Описание (Description) и повторите шаги 14 и 15, чтобы изменить шрифт и размер шрифта. Теперь диалоговое окно будет выглядеть следующим образом.

Щелкните на кнопке OK, чтобы закрыть диалоговое окно свойств коллекции фотографий и создать коллекцию.

В стандартной панели инструментов щелкните на кнопке Просмотр в обозревателе (Preview in browser) для просмотра этого файла в вашем браузере при заданном по умолчанию размере окна. Если появится запрос сохранения, сохраните файл этой страницы под именем Gallery.htm, а встроенные изображения - под их именами по умолчанию.

Ваша фотоколлекция будет выглядеть так, как показано ниже.


увеличить изображение

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

Закройте браузер, чтобы вернуться в программу FrontPage.

Щелкните на кнопке Закрыть (Close) этой страницы, чтобы закрыть ее файл; если хотите, сохраните эту работу, когда получите запрос сохранения.

В меню Файл (File) выберите пункт Закрыть веб-узел (Close Web), чтобы закрыть данный сайт. Совет. Если в дальнейшем вы решите изменить тип компоновки вашей коллекции, щелкните правой кнопкой на веб-компоненте Коллекция фотографий (Photo Gallery) в режиме просмотра страниц в обозревателе и в контекстном меню выберите пункт Свойства фотоколлекции (Photo Gallery Properties), чтобы появилось диалоговое окно свойств фотоколлекции.Во вкладке Макет (Layout) выберите другой вариант компоновки и щелкните на кнопке OK, чтобы переформатировать свою фотоколлекцию.

Создание коллекции фотографий

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

Публикация сайта

Публикация сайта
Поиск подходящего хоста для вашего сайта
Что такое FrontPage Server Extensions?
Выбор и регистрация доменного имени
Конфигурирование вашего собственного компьютера для размещения сайта

Пакет Excel

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

Пакет Excel
Пакет Excel - Анализ
Пакет Excel - Графика
Пакет Excel - Данные
Пакет Excel - Деньги

---

Практическая работа в пакете Excel
Электронные таблицы Excel
Справочник по Excel 2002
Мир объектов Excel 2000
Все про Excel 2002

---

Мастер диаграмм
Excel ЧаВо
Работа в Microsoft Excel XP
Офисноге программирование
Финансовые вычисления на Excel

---

Финансовые расчеты в Excel
Решение оптимизационных задач
Задачи пакета Excel
Пакет Excel - Начало
Программирование в пакете Excel

---

Таблицы Excel
Хитрости Excel
MS Excel 97
MS Excel 2000 для начинающих
Решение прикладных задач

---

Задачи оптимизации

Публикация сайта в локальной папке

Публикация сайта на веб-сервере

Разработка сайта - это "итерационный" процесс. Вы работаете с небольшим числом страниц и публикуете их, чтобы проверить правильность их функционирования. Затем вы вносите исправления, добавляете новые страницы и публикуете сайт снова. Постепенно из этих страниц образуется полноценный сайт, который вы готовы представить соответствующей аудитории.
Во время разработки сайта вы предполагаете опубликовать его на сервере разработки, а не там, где он доступен посетителям. В зависимости от ваших ресурсов этот сервер разработки может быть другим компьютером или персональным веб-сервером, размещенным на вашем компьютере. Когда вы готовы к окончательному запуску сайта, вам нужно опубликовать его снова, но в этот раз - на веб-сервере, который может поддерживать посетителей, которые, как вы надеетесь, заинтересуются вашим сайтом.
Работая с FrontPage 2002, вы не обязаны публиковать весь сайт; можно публиковать только нужные вам файлы. Вы можете даже публиковать отдельную веб-страницу, щелкнув правой кнопкой на имени соответствующего файла в панели списка папок или в режиме просмотра папок и выбрав из контекстного меню пункт Опубликовать выделенные файлы (Publish Selected Files).
Вы можете также пометить определенные файлы для исключения из процесса публикации, щелкнув правой кнопкой на имени файла в панели списка папок или в режиме просмотра папок и выбрав из контекстного меню пункт Не публиковать (Don't Publish).
В этом упражнении вы опубликуете сначала дисковый сайт на своем персональном веб-сервере и затем опубликуете сайт из персонального веб-сервера на удаленном веб-сервере.
Важно. Чтобы вы могли выполнить этот упражнение, на вашем компьютере должны быть инсталлированы компоненты Personal Web Server (PWS) и FrontPage 2000 Server Extensions. Вы должны также иметь доступ к веб-серверу на другом компьютере.GardenCo
Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap21.
Выполните следующие шаги.

Откройте сайт GardenCo, который находится в указанной рабочей папке.

В меню Файл (File) щелкните на кнопке Опубликовать веб-узел (Publish Web).


Появится диалоговое окно Публикация веб-узла (Publish Web), причем в поле Публикация в (Publish to) будет указано место предыдущей публикации.

Щелкните на кнопке Изменить (Change).

В диалоговом окне Место публикации (Publish Destination) в поле Введите место публикации (Enter publish destination) введите http://localhost и затем щелкните на кнопке OK. В диалоговом окне Публикация веб-узла (Publish Web) теперь будет представлено место публикации данного сайта.

Щелкните на кнопке Опубликовать (Publish). Появится диалоговое окно Компоненты публикации FrontPage (Publishing FrontPage Components), чтобы вы знали, какие компоненты, возможно, не будут работать в текущей версии FrontPage Server Extensions. Решение проблем. Если вы работаете на компьютере с Windows 98, то большинство страниц сайта будут представлены в этом списке, поскольку программа FrontPage ищет компоненты FrontPage Server Extensions 2002, а они не поддерживаются системой Windows 98. Вместо них пользователям Windows 98 нужно инсталлировать FrontPage 2000 Server Extensions. Если публикация выполняется в системе Windows 98, большинство средств все же обычно работает (вопреки тому, что говорится в этом диалоговом окне)

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

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

Затем просмотрите журнал публикации, который показан ниже.



Обратите внимание, что в процесс публикации сайта на персональном веб-сервере включена дополнительная транзакция. Файл домашней страницы index.htm переименован в Default.htm, чтобы отразить предполагаемую структуру серверного сайта.

Закройте браузер, чтобы вернуться в программу FrontPage.

Щелкните на кнопке Готово (Done), чтобы закрыть окно сообщения. Исходный сайт появится в окне FrontPage.

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

Перейдите в папку C:\Inetpub\wwwroot и щелкните на кнопке Открыть (Open), чтобы открыть только что опубликованный сайт на вашем персональном веб-сервере.

Теперь опубликуйте сайт персонального веб-сервера на удаленном веб-сервере (на другом компьютере).


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

Щелкните на кнопке Изменить (Change), чтобы открыть диалоговое окно Место публикации (Publish Destination).

В поле Введите место публикации (Enter publish destination) введите http://<сервер>/PublishServer, где <сервер> - имя вашего веб-сервера, и затем щелкните на кнопке OK.

Если появится запрос создания нового сайта в указанном месте, щелкните на кнопке OK. В диалоговом окне публикации сайта теперь будет представлено новое место публикации.

Щелкните на кнопке Опубликовать (Publish). FrontPage представит индикатор выполнения процесса копирования файлов и папок на веб-сервер и выведет на экран окно сообщения, когда эта процедура будет успешно завершена.

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

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

Вернитесь в программу FrontPage и щелкните на кнопке Готово (Done), чтобы закрыть окно сообщения.

Закройте сайт.

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

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

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

На удаленном сервере должны быть инсталлированы расширения FrontPage Server Extensions.

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

Вы должны иметь соединение с Интернет.

Для публикации сайта FrontPage с удаленного сервера в локальную папку или на ваш персональный веб-сервер выполните следующие шаги:

Если нужно, запустите соединение с Интернет. 2, В меню Файл (File) щелкните на кнопке Открыть веб-узел (Open Web). В поле Имя сайта (Web name) введите URL или IP- адрес удаленного сайта, набрав перед ним http://, чтобы указать, что это серверный сайт (например, http://www.microsoft.com/frontpage/ или http://207.46.131.13/frontpage/), и затем щелкните на кнопке Открыть (Open).

Если для доступа к удаленному серверу требуется имя и пароль пользователя, они будут запрошены у вас. Введите допустимые имя и пароль и затем щелкните на кнопке OK. Удаленный сайт откроется в окне FrontPage.

В меню Файл (File) выберите пункт Опубликовать веб-узел (Publish Web). В поле Место публикации (Publish Destination) введите местоположение на диске или на сервере, где хотите опубликовать сайт, и затем щелкните на кнопке OK.

В диалоговом окне публикации веб-узла щелкните на кнопке Опубликовать (Publish).

Публикация сайта в локальной папке

Если вы разработали сайт с помощью FrontPage на вашей локальной машине и хотите переместить файлы этого сайта в другое место или создать копию сайта, то этот сайт лучше опубликовать в новом месте, а не просто скопировать или переместить файлы с помощью Windows Explorer. Этот способ гарантирует соответствующую модификацию внутренней структуры сайта для сохранения целостности гиперссылок.
GardenCo
В этом упражнении вы опубликуете дисковый сайт в локальной папке. Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap21.
Выполните следующие шаги.

Если программа FrontPage еще не открыта, запустите ее.

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

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

В меню Файл (File) выберите пункт Опубликовать веб-узел (Publish Web). Появится диалоговое окно Место публикации (Publish Destination).

Щелкните на кнопке Обзор (Browse), чтобы открыть диалоговое окно Новое место публикации (New Publish Location) и перейдите в папку Office XP SBS\FrontPage\Chap21.

Щелкните на кнопке Создать папку (Create New Folder) в панели инструментов этого диалогового окна, чтобы открыть диалоговое окно Создание папки (New Folder).

В поле Имя (Name) введите PublishLocal и затем щелкните на кнопке OK, чтобы вернуться в диалоговое окно Новое место публикации (New Publish Location) с выделенной новой папкой.

Щелкните на кнопке Открыть (Open), чтобы вернуться в диалоговое окно Место публикации (Publish Destination). В поле Введите место публикации (Enter publish destination) уже будут представлены введенные вами имя и путь доступа.

Щелкните на кнопке OK. Появится следующее сообщение.

Щелкните на кнопке OK, чтобы создать новый сайт в указанном месте. Появится диалоговое окно Публикация веб-узла (Publish Web) со списком файлов для публикации.

Щелкните на кнопке Параметры (Options).

Просмотрите всевозможные параметры, которые вы можете изменять в диалоговом окне параметров веб-узла, и затем щелкните на кнопке Отмена (Cancel), чтобы оставить установки по умолчанию.

Щелкните на кнопке Опубликовать (Publish), чтобы опубликовать данный сайт на вашем локальном диске.


Появится предупреждение.

Щелкните на кнопке Продолжить (Continue). FrontPage выведет индикатор выполнения процесса публикации выбранных файлов, и по окончании процесса появится следующее сообщение.

Щелкните на строке Просмотр журнала публикации (Click here to view your publish log file). Поскольку Publish Log - это HTML-файл, то он откроется в вашем браузере. Он содержит дату и время каждой операции (транзакции), включенной в процесс публикации.

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

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

Совет. Вы можете использовать фильтрацию этого отчета, чтобы отображать только определенные типы транзакций: Публикация начата (Publish Starts), Создание папок (Folder Creations), Копирование файлов (File Copies), Переименование файлов (File Renames), Удаление файлов (File Deletions), Подтверждения (Confirmations) или Предупреждения (Warnings). По умолчанию отображаются все транзакции.

Закройте браузер, чтобы вернуться в программу FrontPage.

Теперь щелкните на строке Просмотр опубликованного веб-узла (Click here to view your published web site).

Сайт компании "Все для сада" появится в вашем браузере при заданном по умолчанию размере окна.

Выполните обзор сайта, проверяя его функционирование.

Обратите внимание, что такие веб-компоненты, как счетчик посещений на домашней странице и механизм поиска на странице поиска, не работают должным образом.

Закройте браузер.

Щелкните на кнопке Готово (Done), чтобы закрыть окно сообщения.

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


увеличить изображение

Закройте этот сайт.



    Бизнес в интернете: Сайты - Софт - Языки - Дизайн

• Киберсантинг
  
• Киберсантинг как бизнес
  
• Виды Киберсантинга
  
• Создание игр
  
• Дизайн как бизнес
  
  
• Dreamweaver
  
• PHP
  
• Homesite
  
• Frontpage
  
• Studio MX
  
  
• Сайтостроительство
  
• Citrix MetaFrame
  
• Стили сайта
  
• ActiveX на сайте
  
• HTML как основа сайта
  
  
• Adobe GoLive
  
• Что такое WEB
  
• Мобильные WAP сайты
  
• 3D графика на сайтах
  
• 3DS MAX графические решения
  
  
• Графика в 3D Studio MAX и на сайте