Самостоятельная работа создание таблиц в frontpage. Создание Web-страниц при помощи программы FrontPage. Создание станиц при помощи мастера и шаблонов

«Технология создания Web-сайтов»

«Создание домашней страницы в FrontPage 2003»

ЛАБОРАТОРНАЯ РАБОТА № 1

Запуск и настройка программы, знакомство с интерфейсом

Выполнив задания этой темы, вы научитесь:

• Запускать программу;
• Познакомитесь с содержимым Главного окна .

ЗАДАНИЕ:

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

ТЕХНОЛОГИЯ РАБОТЫ:

1. Запустите визуальный Web-редактор FrontPage (Пуск  Программы  MS Office  FrontPage ).
2. Главное окно программы содержит:

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

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

1. Создайте свою собственную папку для хранения ваших файлов на Рабочем столе. Название папки выберите самостоятельно. Помните! Для удобства и однозначности понимания ваших файлов программой-браузером все имена должны быть записаны латинскими буквами.
2. Закройте Web-редактор FrontPage.

По теме: методические разработки, презентации и конспекты

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

Лабораторная работа по теме"Расширенные возможности процессора электронных таблиц Microsoft Office Excel"...

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

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

Для запуска FrontPageв менюПуск выберитеВсе Программы – Microsoft Office ­– Microsoft Office Front Page 2003. При первом открытии программы Вы увидите в окне просмотра и редактирования страниц файл новой страницы с именем нов_стр_1.htm, как это показано на следующем рисунке:

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

Различные режимы просмотра веб-узла

Слева внизу в рабочей области FrontPage расположены четыре кнопки для переключения между различными режимами представления веб-узла.

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

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

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

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

Создание Web-узла с помощью шаблона

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

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

1. запустите MS FrontPage

2. в меню Файл выберите пункт Создать

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

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

5. в окне Указать расположение нового веб-узла выберите для создания одностраничного узла нужную Вам папкуи нажмите Ok . Через несколько минут программа Front Page отобразит структуру созданного одностраничного узла.

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

Задание для самостоятельного выполнения:

Создайте пустой Веб-узел с именем Мой личный сайт на диске D :\ Work в папке под Вашей фамилией.

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

Там нет никакого способа, использовать “tab” в HTML, и вы должны избегать использования «пробела», чтобы контролировать расстояние, где все будет видно уже на веб-странице, которая выглядит хорошо для вашего читателя, только если он или она имеют те же настройки компьютера, что и вы. В качестве альтернативы можно создать таблицу без полей. Простые таблицы создавать легко, однако, по опыту, создание или редактирование сложных таблиц может потребовать прямой тег HTML манипуляции.

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

Чтобы вставить таблицу:

1)Выберите инструмент «Вставить таблицу»

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

ПРИМЕЧАНИЕ: Лучше всего, если вы можете выставить заранее количество столбцов -это сэкономит вам время в процессе работы.

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

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

ПРИМЕЧАНИЕ: Каждый раз, когда вы хотите работать с таблицей, сначала, вы должны кликнуть по таблице и поместить курсор внутри таблицы, в нужное вам место. В противном случае, вы увидите, что пункты меню «Таблица» – серые, что значит, они недоступны для вас.

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

Чтобы ввести данные в таблицу, наведите курсор мыши на клетку и начните печатать.

Для перемещения из ячейки в ячейку, нажимайте клавишу “tab” на клавиатуре или нажмите курсор мыши в клетке, на которую вы хотите переместиться.

Чтобы добавить дополнительную строку в таблице в конце, поместите курсор в правом нижнем углу ячейки и нажмите клавишу “tab” на клавиатуре.

Чтобы выбрать таблицу / столбец / строку / ячейку, щелкните в строке или столбце, который вы хотите выбрать, затем в меню найти и выбрать Таблица / колонки / строки / ячейка (в зависимости от того, которую вы хотите выбрать).

Чтобы вставить строку или столбец, щелкните в строке или столбце, рядом с которым вы хотите сделать вставку. Далее Меню /Таблица / Вставка: строки или столбцы. В диалоговом окне выберите либо строки или столбцы. В приведенном ниже примере выбраны столбцы, поэтому расположение указано слева или вправо от выбора вставки.

Чтобы удалить отдельные клетки, полные строки или столбцы, установите курсор в нужное место (в клетке, в строке или в столбце), а затем выберите элемент (как описано выше), который вы хотите удалить. После выбора элемента, из меню выберите Таблица / Удалить ячейки.

Чтобы объединить ячейки, выделите ячейки, как описано выше, в меню выберите Таблица / Объединить ячейки.

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

Панель инструментов Таблицы

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

В дополнение к табличным функциям, которые вы можете получить в меню, вы можете:

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

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

Чтобы «выключить» либо карандаш либо ластик, нажмите клавишу на клавиатуре.

*Распределить столбцы или строки равномерно: после того как границы таблицы настроены, вы можете обнаружить, что вы просто хотите вернуть все обратно, тогда выберите снова “начать все сначала”. Выделите строки или столбцы, которые вы хотите равномерно распределить, затем выберите, соответственно, значок “равномерно распределить”, экранное изображение / распределить ячейки таблицы равномерно.

*Размер таблицы в соответствии с содержанием в ней. Таблицы всегда вставляются по полной ширине. Вместо того, чтобы пытаться угадать, насколько широкой таблица должна быть, чтобы разместить содержимое, щелкните значок Auto Fit .

Таблица & Свойства ячейки

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

В диалоговом окне «Свойства таблицы», вы можете выбрать много вариантов для таблицы, но вам нужны только некоторые, которые вам понадобятся, чтобы делать следующее:

*Инструменты компоновки. Инструменты компоновки позволяют создавать конкретные макеты для оформления страницы.

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

– Выравнивание, эта опция будет позиционировать таблицу на веб-странице.

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

ПРИМЕЧАНИЕ: главная страница имеет причуды, например, если нажать и тащить, чтобы изменить размер ячейки таблицы или полей, то он часто меняет разные настройки ширины процентов к определенному числу пикселей. Моя рекомендация состоит в том, что когда вы установили размер вашей таблицы и клетки внутри, то откройте диалоговое окно свойств таблицы и измените настройку пикселей в процентах (просто нажмите на другую кнопку).

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

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

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

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

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

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

Работа с Web-страницами

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

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

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

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

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

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

Создание FrontPage Web.

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

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

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

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

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

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

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

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

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

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

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

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

Здесь можно:

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

Сохранение Web-страниц Чтобы сохранить файл, в меню Файл выберите пункт Сохранить. Если страница еще ни разу не сохранялась, FrontPage откроет диалоговое окно Сохранить как…

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

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

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

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

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

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

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

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

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

Вставка изображений на Web-страницу

Вставлять изображение на вашу Web-страницу можно несколькими способами:
1. Перетащить изображение из Windows Explorer (то есть прямо из проводника).
2. Перетащить изображение из Internet Explorer.
3. Перетащить файл с изображением с панели Список папок, прямо на страницу.
4. С помощью буфера обмена - скопировать изображение в буфер обмена из любой другой программы, а затем на странице вставить его из буфера обмена. 5. С помощью кнопки Добавить рисунок из файла на панели инструментов Стандартная.
6. С помощью меню Вставка -Рисунок.
Рассмотрим эти способы более подробно:

Способ 1 Для того чтобы перетащить изображение из Windows Explorer (то есть прямо из проводника) надо:

• открыть окно проводника;
• в окне проводника выделить файл с картинкой, которую вы хотите вставить на свою страницу;
• левой клавишей мыши перетащить файл-картинку на свою Web-страницу картинка вставиться в то место, где на странице находился курсор вставки.

Способ 2
Для того чтобы перетащить изображение из Internet Explorer надо:

• во FrontPage открыть страницу, на которую вы хотите добавить изображение;
• в браузере откройте то изображение, которое вы хотите поместить на своей Web-странице браузера название файла должно оканчиваться на jpg, jpeg, gif);
• левой клавишей мыши перетащите выделенную картинку на свою Web-страницу;

Способ 3
Для того чтобы перетащить файл с изображением с панели Список папок, прямо на страницу надо:

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

Способ 4
Для того чтобы вставить изображение на свою Web-страницу с помощью буфера обмена, надо:

• в том приложении, из которого вы хотите скопировать картинку, выделить изображение и при помощи клавиш Ctrl + C скопировать рисунок в буфер обмена;
• на своей Web-странице вставить это изображение из буфера обмена при помощи клавиш Ctrl + V

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


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

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

Добавление файлов мультимедиа

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


Откроется диалоговое окно Видео, в нем будут отображаться видеоклипы в формате *.avi, *.asf, *.ram, *.ra. Добавить звук на Web-страницу можно на вкладке Общие диалогового окна Свойства страницы.

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

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

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

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

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

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

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

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

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

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

Создание форм во FrontPage

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

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

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

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

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


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

Режимы просмотра во FrontPage

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

• Страница,
• Папки,
• Отчеты,
• Переходы,
• Гиперссылки,
• Задачи.

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

Страница

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

Папки

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

Отчеты

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

Переходы

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

Гиперссылки

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

Задачи

Этот режим предназначен для управления задачами Web-узла (добавления, удаления, выполнения, установления приоритета выполнения, а также отслеживания состояния задач).

Вопросы для самоконтроля

1. Как создать новую страницу в редакторе Front Page?
2. Как открыть существующую web-страницу?
3. Как сохранять готовые web-страницы?
4. Опишите один из способов вставки графического изображения в web-страницу.
5. Каков принцип работы с текстом?
6. Что представляют собой формы?
7. Какие существуют режимы просмотра web-страниц во Front Page

Функции таблиц при создании Web-страниц разнообразны. Приведем некоторые из них:

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

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

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

Таблица может быть вставлена в произвольное место Web-страницы. Для создания таблиц вы можете использовать следующие средства:

• Команду Вставить (Insert) меню Таблица (Table)
• Кнопку Добавить таблицу (Insert Table) стандартной панели инструментов

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

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

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

Создание таблицы с использованием кнопки "Добавить таблицу"

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

1. Установите курсор в то место Web-страницы, где хотите расположить таблицу.

2. Нажмите кнопку Добавить таблицу (Insert Table) На экране появится миниатюрное изображение таблицы.

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

4. В заключение отпустите кнопку мыши. В указанном месте страницы появится таблица требуемого размера.

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

Создание таблицы с помощью команды "Нарисовать таблицу"

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

1. Подготовьте место для создания таблицы.

2. В меню Таблица выберите команду Нарисовать таблицу или нажмите кнопку Нарисовать таблицу на панели инструментов Таблицы .

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

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

Совет Если в процессе работы над таблицей вам понадобится удалить линию (строки или столбца), выберите на панели Таблица инструмент Ластик (Erase). Затем установите указатель мыши в начало линии, нажмите кнопку мыши и проведите указателем до конца линии, после чего отпустите кнопку мыши.