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

Функции таблиц при создании 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). Затем установите указатель мыши в начало линии, нажмите кнопку мыши и проведите указателем до конца линии, после чего отпустите кнопку мыши.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Практическая работа

Создайте папку Мой сайт в своей папке.

Запустить программу FrontPage (Пуск R Все программы R Microsoft Office - Microsoft Office FrontPage2003).

Создайте новый сайт Файл - Создать . В Области задач (окно справа) щелкните на ссылке - Одностраничный Web-узел .

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

В этом же окне в списке шаблонов выберите Одностраничный Web -узел и щелкните ОК .

Откройте первую страницу сайта, дважды щелкнув имя index.htm в списке папок.

Щелкните правой кнопкой мыши в любом месте страницы и в контекстном меню выберите Свойства страницы - вкладку Общие и в строке Название введите имя страницы (например, Главная страница ) - ОК.

1).

2).

3).

4).

5).

10)

6).

7).

8).

Вставьте таблицу из 3 столбцов и 7 строк. Для этого в меню Таблица выберите команду Вставить -Таблицу , задайте количество строк - 7, столбцов - 3. В разделе Границы введите размер 0 , щелкните ОК.

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

Уменьшите размер левой колонки таблицы (потянуть за правую границу колонки влево).

меню Файл - Сохранить )

Вставка рисунка в качестве фонового изображения. В меню Формат щелкните Фон . В открывшемся окне перейдите на вкладку Форматирование и щелкните кнопку Обзор . Далее Мои документы - Мои рисунки - Рисунок 1 . Выделите нужный файл - Открыть - ОК . (Чтобы просмотреть имеющиеся рисунки, на панели инструментов окна Рисунок нужно щелкнуть на кнопке Представления и выбрать Эскизы )

Введите в строку 1 таблицы заголовок страницы Мой город . Для заголовка можно использовать объект Word Art.

Вставьте рисунок в ячейку 2 . Для этого щелкните левой кнопкой мыши внутри данной ячейки. В меню Вставка выберите Рисунок , а затем Из файла . В открывшемся окне Рисунок в строке Папка выберите Мои документы - Мои рисунки - Наш грод. Выделите файл gerb и щ елкните ОК . Аналогично вставьте рисунок в ячейку 4.

В строке 9 создайте бегущую строку. Для этого щелкните левой кнопкой мыши внутри данной строки. В менюВставка выберите Веб-компонент - эффект бегущая строка - Готово. В строке Текст введите Комсомольк-на-Амуре - город, в котором я живу и щ елкните ОК .

Просмотрите получившуюся страницу, щелкнув в нижней части окна на кнопкеПросмотр.

Вернитесь в режим Конструктор , щелкнув на соответствующей кнопке.

Внесите изменения в созданные элементы (размер, расположение на странице, цвет), если это необходимо.

Введите в ячейку 3 текст стихотворения:

Я на небо взгляну - и утонет мой взор,
Я как будто лечу, рассекая простор.
Я на сопки взгляну - запоёт тут душа
До чего же тайга хороша, хороша!
Я увижу Амур - и на сердце теплей,
И спокойнее как-то, и веселей.
Среди этой природы, средь такой красоты/
Вырос город надежды и город мечты.
В Комсомольске живу я, и этим горжусь,
Сделать краше и лучше свой город стремлюсь.
Е. Смирнова

Выполните форматирование текста.

Сохраните созданную страницу (меню Файл - Сохранить )

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

Вставьте рисунки в образовавшиеся ячейки. Смотрите образцы страниц в папке Temp на Server - Внешний вид страниц.

Создание активной кнопки:

Установите курсор внутри ячейки 5.

Вставка выберите Веб-компонент - эффект интерактивная кнопка - Готово

В открывшемся окне Меняющаяся кнопка выберите вид кнопки, в поле Текст введите текст На главную

Установите стиль шрифта надписи кнопки, щелкнув вкладку Шрифт. Здесь же можно выбрать Цвет кнопки Исходный, Цвет при наведении, Цвет при нажатии. На вкладке Рисунок щелкните переключатель Использовать для кнопки формат GIF и прозрачный фон.

Скопируйте эту кнопку в ячейки 6,7 и 8.

Измените параметры на второй кнопке. Для этого щелкните на ней правой кнопкой мыши - команда Свойства кнопки. Текст На главную замените на История. Щелкните ОК.

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

Сохраните созданную страницу (меню Файл - Сохранить )

Создайте вторую страницу сайта.

Перейдите на вкладку Веб-узел.

Выделите строку index.htm - index_копия(1).htm. Щелкните правой кнопкой мыши на имени, выберите команду Переименовать. Замените имя index_копия(1).htm на st2.htm Нажмите клавишу Tab.

Замените текст названия Главная страница на История города.

st2.htm

Замените заголовок страницы Мой город на Это нашей истории строки .

Удалите стихотворение, которое вводили на Главной странице . Вместо него введите текст:

10 мая 1932 г. С пароходами "Колумб" и "Коминтерн" высадилась первая партия комсомольцев - строителей завода и будущего города.

16 июля 1932 г. Вступил в строй лесозавод - первое промышленное предприятие Комсомольска.

10 декабря 1932 г. Президиум ВЦИК постановил переименовать село Пермское Нижне-Тамбовского района в город Комсомольск-на-Амуре.

26 мая 1933 г. Начато строительство завода "Амурсталь".

25 марта 1936 г. Сдана в эксплуатацию телефонная станция, на 600 абонентов.

12 июня 1938 г. Судостроители Комсомольска заложили первое судно.

15 февраля 1942 г. Завод "Амурсталь" вступил в строй.

Октябрь 1949 г. Сдан в эксплуатацию первый жилой микрорайон - 15-й квартал.

5 декабря 1961 г. Прошли трамваи по новой линии: площадь Металлургов - Дзёмги.

10 июня 1967 г. Президиум Верховного Совета СССР наградил Комсомольск-на-Амуре орденом Ленина.

Отформатируйте текст по вашему усмотрению.

Удалите фотографии, которые использовались на Главной странице и вставьте новые, как показано на образце (читайте п.22) .

Сохраните созданную страницу (меню Файл - Сохранить )

Создайте третью страницу сайта.

Перейдите на вкладку Веб-узел.

Выделите строку st2.htm одним щелчком левой кнопки мыши и скопируйте ее. В этом же окне появилась еще одна строка - st2_копия(1).htm st2_копия(1).htm наst3.htm Нажмите клавишу Tab.

Замените текст названия История города на Памятные места.

Двойным щелчком мыши откройте скопированную страницуst3.htm

Замените заголовок страницы Это нашей истории строки на Памятные места.

п.22) .

Сохраните созданную страницу (меню Файл - Сохранить )

Создайте четвёртую страницу сайта.

Перейдите на вкладку Веб-узел.

Выделите строку st3.htm одним щелчком левой кнопки мыши и скопируйте ее. В этом же окне появилась еще одна строка - st3_копия(1).htm Выделите эту строку, затем еще раз щелкните на имени левой кнопкой мыши. Замените имя st3_копия(1).htm наst4.htm Нажмите клавишу Tab.

Замените текст названия Памятные места на Предприятия города.

Двойным щелчком мыши откройте скопированную страницуst4.htm

Замените заголовок страницы Памятные места на Предприятия города.

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

Сохраните созданную страницу (меню Файл - Сохранить )

Настройте переходы активных кнопок на соответствующие страницы. Для этого щелкните правой кнопкой мыши на созданной кнопке На главную , в контекстном меню выберите пункт Свойства кнопки. В открывшемся окнеМеняющиеся кнопки щелкните на кнопке Обзор и выделите файл index.htm. Щелкните ОК . Аналогично настройте действие остальных кнопок. Кнопка На главную должна переходить на файл index.htm , кнопкаИстория - на страницу st2.htm , кнопкаПамятники - на страницу st3.htm , кнопкаПредприятия - на страницуst4.htm

Сохраните созданную страницу (меню Файл - Сохранить )

Повторите эти действия на страницахindex.htm, st2.htm, st3.htm

Сохраните изменения на каждой странице (меню Файл - Сохранить )

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

После каждого изменения не забывайте сохранять каждую страницу (меню Файл - Сохранить )

Закройте все окна. Откройте файл index.htm из вашей папки Мой сайт и просмотрите созданный сайт.

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

Откройте созданные HTML файлы в блокноте и просмотрите программные коды

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

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

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

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

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

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

ЗАДАНИЕ:

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

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

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

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

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

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

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

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

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

Практическая работа

• Создайте папку Мой сайт в своей папке.
• Запустить программу FrontPage (Пуск R Все программы R Microsoft Office - Microsoft Office FrontPage2003).
• Создайте новый сайт Файл - Создать . В Области задач (окно справа) щелкните на ссылке - Одностраничный Web-узел .
• В открывшемся окне Шаблоны веб-узлов щелкните на кнопке Обзор, откройте в этом окне в строке Папка - Мой компьютер - Общие документы, найдите свою папку и в ней выделите одним щелчком папку Мой сайт и нажмите кнопку Открыть.
• В этом же окне в списке шаблонов выберите Одностраничный Web -узел и щелкните ОК .
• Откройте первую страницу сайта, дважды щелкнув имя index.htm в списке папок.
• Щелкните правой кнопкой мыши в любом месте страницы и в контекстном меню выберите Свойства страницы - вкладку Общие и в строке Название введите имя страницы (например, Главная страница ) - ОК.

• Вставьте таблицу из 3 столбцов и 7 строк. Для этого в меню Таблица выберите команду Вставить - Таблицу , задайте количество строк - 7, столбцов - 3. В разделе Границы введите размер 0 , щелкните ОК.
• Объедините ячейки, как показано на рисунке.
• Уменьшите размер левой колонки таблицы (потянуть за правую границу колонки влево).
• меню Файл - Сохранить )
• Вставка рисунка в качестве фонового изображения. В меню Формат щелкните Фон . В открывшемся окне перейдите на вкладку Форматирование и щелкните кнопку Обзор . Далее Мои документы - Мои рисунки - Рисунок 1 . Выделите нужный файл - Открыть - ОК . (Чтобы просмотреть имеющиеся рисунки, на панели инструментов окна Рисунок нужно щелкнуть на кнопке Представления и выбрать Эскизы )

• Введите в строку 1 таблицы заголовок страницы Мой город . Для заголовка можно использовать объект Word Art.
• Вставьте рисунок в ячейку 2 . Для этого щелкните левой кнопкой мыши внутри данной ячейки. В меню Вставка выберите Рисунок , а затем Из файла . В открывшемся окне Рисунок в строке Папка выберите Мои документы - Мои рисунки - Наш грод. Выделите файлgerb и щ елкните ОК . Аналогично вставьте рисунок в ячейку 4.
• В строке 9 создайте бегущую строку. Для этого щелкните левой кнопкой мыши внутри данной строки. В меню Вставка выберите Веб-компонент - эффект бегущая строка - Готово. В строке Текст введите Комсомольк-на-Амуре - город, в котором я живу и щ елкните ОК .
• Просмотрите получившуюся страницу, щелкнув в нижней части окна на кнопке Просмотр.
• Вернитесь в режим Конструктор , щелкнув на соответствующей кнопке.
• Внесите изменения в созданные элементы (размер, расположение на странице, цвет), если это необходимо.
• Введите в ячейку 3 текст стихотворения:

Я на небо взгляну - и утонет мой взор,
Я как будто лечу, рассекая простор.
Я на сопки взгляну - запоёт тут душа
До чего же тайга хороша, хороша!
Я увижу Амур - и на сердце теплей,
И спокойнее как-то, и веселей.
Среди этой природы, средь такой красоты/
Вырос город надежды и город мечты.
В Комсомольске живу я, и этим горжусь,
Сделать краше и лучше свой город стремлюсь.
Е. Смирнова

• Выполните форматирование текста.
• Сохраните созданную страницу (меню Файл - Сохранить )
• Разбейте ячейку 10 на 4 столбца (установите курсор внутри ячейки , щёлкните правой кнопкой мыши, выберите в контекстном меню команду Разбить ячейки, задайте нужное количество столбцов ).
• Вставьте рисунки в образовавшиеся ячейки. Смотрите образцы страниц в папке Temp на Server - Внешний вид страниц.
• Создание активной кнопки:

1. Установите курсор внутри ячейки 5.
2. Вставка выберите Веб-компонент - эффект интерактивная кнопка - Готово
3. В открывшемся окне Меняющаяся кнопка выберите вид кнопки, в поле Текст введите текст На главную
4. Установите стиль шрифта надписи кнопки, щелкнув вкладку Шрифт . Здесь же можно выбрать Цвет кнопки Исходный, Цвет при наведении, Цвет при нажатии. На вкладке Рисунок щелкните переключатель Использовать для кнопки формат GIF и прозрачный фон.
5. Скопируйте эту кнопку в ячейки 6,7 и 8.
6. Измените параметры на второй кнопке. Для этого щелкните на ней правой кнопкой мыши - команда Свойства кнопки . Текст На главную замените на История. Щелкните ОК.
7. Аналогично измените параметры на третьей и четвёртой кнопке. Текст На главную замените на Памятники и Предприятия соответственно.

• Сохраните созданную страницу (меню Файл - Сохранить )
• Создайте вторую страницу сайта.

1. Перейдите на вкладку Веб-узел .
2. Выделите строку index.htm - index_копия(1).htm. Щелкните правой кнопкой мыши на имени , выберите команду Переименовать . Замените имя index_копия(1).htm на st2.htm Нажмите клавишу Tab.
3. Замените текст названия Главная страница на История города .
4. st2.htm

• Замените заголовок страницы Мой город на Это нашей истории строки .
• Удалите стихотворение, которое вводили на Главной странице . Вместо него введите текст:

10 мая 1932 г. С пароходами "Колумб" и "Коминтерн" высадилась первая партия комсомольцев - строителей завода и будущего города.

10 декабря 1932 г. Президиум ВЦИК постановил переименовать село Пермское Нижне-Тамбовского района в город Комсомольск-на-Амуре.

Октябрь 1949 г. Сдан в эксплуатацию первый жилой микрорайон - 15-й квартал.

10 июня 1967 г. Президиум Верховного Совета СССР наградил Комсомольск-на-Амуре орденом Ленина.

• Отформатируйте текст по вашему усмотрению.
• Удалите фотографии, которые использовались на Главной странице и вставьте новые, как показано на образце (читайте п.22) .
• Сохраните созданную страницу (меню Файл - Сохранить )
• Создайте третью страницу сайта.

1. Перейдите на вкладку Веб-узел.
2. Выделите строку st2.htm одним щелчком левой кнопки мыши и скопируйте ее. В этом же окне появилась еще одна строка - st2_копия(1).htm st2_копия(1).htm на st3.htm Нажмите клавишу Tab.
3. Замените текст названия История города на Памятные места.
4. Двойным щелчком мыши откройте скопированную страницу st3.htm

• Замените заголовок страницы Это нашей истории строки на Памятные места.
• п.22) .
• Сохраните созданную страницу (меню Файл - Сохранить )
• Создайте четвёртую страницу сайта.

1. Перейдите на вкладку Веб-узел.
2. Выделите строку st3.htm одним щелчком левой кнопки мыши и скопируйте ее. В этом же окне появилась еще одна строка - st3_копия(1).htm Выделите эту строку, затем еще раз щелкните на имени левой кнопкой мыши. Замените имя st3_копия(1).htm на st4.htm Нажмите клавишу Tab.
3. Замените текст названия Памятные места на Предприятия города.
4. Двойным щелчком мыши откройте скопированную страницу st4.htm

• Замените заголовок страницы Памятные места на Предприятия города.
• Удалите текст и фотографии, которые вы использовали на предыдущей странице, и замените их на новые как показано на образце (читайте п.22) .
• Сохраните созданную страницу (меню Файл - Сохранить )
• Настройте переходы активных кнопок на соответствующие страницы. Для этого щелкните правой кнопкой мыши на созданной кнопке На главную , в контекстном меню выберите пункт Свойства кнопки. В открывшемся окне Меняющиеся кнопки щелкните на кнопке Обзор и выделите файл index.htm. Щелкните ОК . Аналогично настройте действие остальных кнопок. Кнопка На главную должна переходить на файл index.htm , кнопка История - на страницу st2.htm , кнопка Памятники - на страницу st3.htm , кнопка Предприятия - на страницу st4.htm
• Сохраните созданную страницу (меню Файл - Сохранить )
• Повторите эти действия на страницах index.htm, st2.htm, st3.htm
• Сохраните изменения на каждой странице (меню Файл - Сохранить )
• Внесите изменения в созданные страницы по своему усмотрению (вставьте дополнительные рисунки, текст и т. д.)
• После каждого изменения не забывайте сохранять каждую страницу (меню Файл - Сохранить )
• Закройте все окна. Откройте файл index.htm из вашей папки Мой сайт и просмотрите созданный сайт.
• Проверьте переходы всех кнопок и гиперссылок на каждой странице. Если необходимо внести изменения, то запустить программу FrontPage, откройте нужную страницу, внесите изменения и обязательно сохраните их.
• Откройте созданные HTML файлы в блокноте и просмотрите программные коды.