- •Создание web-страниц в программе Microsoft FrontPage 2002 Учебно-методическое пособие
- •Введение
- •Глава 1. Введение в программу FrontPage
- •1.1. Запуск FrontPage
- •1.2. Главное окно программы
- •1.3. Открытие Web-узла
- •1.4. Открытие Web-страницы
- •1.5. Панели Список папок и Область переходов
- •1.6. Режимы просмотра и редактирования Web-страницы
- •1.7. Режим просмотра структуры папок
- •1.8. Режим Переходы
- •1.9. Режим Гиперссылки
- •1.10. Режим формирования и просмотра отчетов
- •1.11. Режим формирования и просмотра задач
- •1.12. Выход из программы FrontPage
- •Глава 2. Создание Web-узла с помощью мастеров и шаб-
- •2.1. Мастера создания Web-узлов
- •2.2. Шаблоны для создания Web-узлов
- •2.3. Шаблон создания одностраничного Web-узла
- •2.4. Шаблон создания пустого Web-узла
- •Images.
- •Страничный веб-узел
- •2.5. Шаблоны и мастера для создания Web-страниц
- •Глава 3. Размещение на Web-странице текста и заголовков
- •3.1. Форматирование текста на странице
- •3.2. Создание таблиц
- •Глава 4. Оформление одностраничного Web-узла
- •4.1. Размещение горизонтальных линий
- •4.2. Размещение даты
- •4.3. Создание общих областей
- •4.4. Просмотр результатов работы в обозревателе
- •Глава 5. Использование изображений, звука и видео для оформления Web-страницы
- •5.1. Фон страницы
- •5.2. Размещение графических изображений
- •5.3. Настройка свойств изображения
- •5.4. Редактирование изображений
- •5.5. Автоэскизы
- •5.6. Задание фонового звука страницы
- •5.7. Размещение видеозаписи
- •5.8. Использование тем в оформлении страницы
- •Глава 6. Создание текстовых и графических гиперссылок
- •6.1. Добавление в Web-узел новой страницы
- •6.2. Гиперссылки
- •6.3. Закладки
- •6.4. Создание графических ссылок
- •6.5. Режим просмотра гиперссылок Web-узла
- •6.6. Режим переходов Web-узла
- •6.7. Панель ссылок
- •Создание панели ссылок
- •6.8. Использование общих областей при создании панелей ссылок
- •Го уровня иерархии
- •Глава 7. Использование документов Microsoft Office при создании Web-страниц
- •7.1. Использование буфера обмена Windows
- •7.2. Размещение на Web-странице диаграммы Microsoft
- •7.3. Размещение файлов других форматов
- •7.4. Импорт файлов без преобразования формата
- •7.5. Сохранение документов Microsoft Office в html-
- •Глава 8. Использование сложных элементов при оформле-
- •8.1. Использование эффектов динамического html
- •8.2. Бегущая строка
- •8.3. Меняющиеся кнопки
- •8.4. Анимация на Web-страницах. Эффекты dhtml
- •8.5. Использование анимации при смене страниц
- •Гового окна Свойства страницы
- •8.6. Сворачивающиеся списки
- •8.7. Объявление на странице
- •Глава 9. Использование фреймов и стилей при создании
- •9.1. Шаблоны фреймов
- •9.2. Создание фрейма
- •9.3. Режимы просмотра фрейма
- •9.4. Свойства фреймов
- •9.5. Стили
- •9.6. Создание внешней таблицы стилей
- •9.7. Использование внешней таблицы стилей
- •9.8. Формы
- •Глава 10. Использование компонентов при создании Web-
- •10.1. Использование подстановок
- •Заключение
- •Контрольные вопросы
- •Задание на лабораторную работу «Создание web-узлов при по-
- •Глава 2. Создание Web-узла с помощью мастеров и шаблонов ..... 18
- •Глава 3. Размещение на Web-странице текста, заголовков и
- •Глава 4. Оформление одностраничного Web-узла ........................... 31
- •Глава 5. Использование изображений, звука и видео для
- •Глава 6. Создание текстовых и графических гиперссылоки ........... 52
- •Глава 7. Использование документов Microsoft Office при
- •Глава 8. Использование сложных элементов при оформлении
- •Глава 9. Использование фреймов и стилей при создании
- •Глава 10. Использование компонентов при создании
- •650043, Кемерово, ул. Красная, 6.
- •650043, Кемерово, ул. Ермака, 7.
3.2. Создание таблиц
Функции таблиц при создании Web-страниц разнообразны.
Приведем некоторые из них:
• Выравнивание информации, содержащей текст и графические изображения, за счет расположения ее в ячейках таблицы. С
помощью таблиц текст можно представлять в виде колонок;
• Выравнивание названий и полей формы;
• Расположение на Web-странице текста и графических изобра-
жений по разным колонкам;
• Использование вложенных таблиц;
• Задание различного фона для отдельных частей страницы.
FrontPage предоставляет инструменты для работы с таблицами,
упрощающие решение большинства практических задач. Команды, предназначенные для работы с таблицами, позволяют легко созда- вать и редактировать таблицы, а также упорядочивать и формати- ровать содержащиеся в ней данные.
Таблица может быть вставлена в произвольное место Web-
страницы. Для создания таблиц вы можете использовать команду Вставить меню Таблица или кнопку Добавить таблицу стандарт- ной панели инструментов.
Альтернативным способом создания таблиц является исполь- зование команды Нарисовать таблицу меню Таблица, а также кнопка Нарисовать таблицу панели инструментов Таблицы. Это средство позволяет создать таблицу более сложной конфигурации.
Если информация, которую требуется поместить в таблицу,
уже присутствует в вашем документе в виде текста, вы можете пре-
образовать текст в таблицу.
Создание таблицы с помощью команды меню Вставить
При использовании кнопки Добавить таблицу ширина столб-
цов устанавливается автоматически на основании ширины полосы и указанного количества столбцов. Если вы хотите в процессе соз- дания таблицы установить определенную ширину столбцов, вы- полните следующие действия:
1. Установите курсор в то место Web-страницы, где будет рас-
полагаться начало таблицы.
2. В меню Таблица выберите команду Вставить, а затем в от-
крывшемся меню — опцию Таблица. В результате выполнения этой команды откроется диалоговое окно Вставка таблицы, пред-
ставленное на рис. 3.2, в котором вы можете задать требуемые па-
раметры таблицы.
Использование таблицы при оформлении Web-страницы
Таблицы удобно использовать для расположения текста и графических изображений на Web-странице в определенных облас- тях. Рассмотрим небольшой пример. Разместим на Web-странице
рисунок и текстовую информацию, используя для форматирования таблицу:
1. Откройте созданный одностраничный Web-узел.
2. Добавьте в него новую страницу.
3. Расположите в верхней части новой страницы заголовок.
4. Создайте под заголовком таблицу, состоящую из одного столбца и двух строк. В первую строку мы поместим графическое изображение, а во вторую — подпись к нему.
5. Поместите на страницу графическое изображение. Для это-
го установите курсор под таблицу, выберите из меню Вставка ко-
манду Рисунок, а затем — опцию Из файла. Открывается диалого- вое окно Рисунок, используя которое найдите требуемый файл на диске и нажмите кнопку Вставить. Графическое изображение бу- дет вставлено на Web-страницу.
6. С помощью мыши перетащите изображение в первую стро-
ку таблицы.
7. Во вторую строку таблицы введите надпись к рисунку.
8. С помощью курсора уменьшите ширину таблицы, чтобы справа можно было расположить текст.
9. Введите под таблицей текст, который хотите расположить
на Web-странице рядом с изображением.
10. Теперь нам надо настроить свойства таблицы. Для этого откройте окно ее свойств, выбрав в контекстном меню команду
Свойства таблицы.
11. Чтобы линии таблицы не были видны в обозревателе, за-
дайте толщину линии 0 пиксел. Для этого в счетчике Размер облас-
ти Границы установите значение 0.
12. Необходимо, чтобы размещенный на Web-странице текст расположился справа и под рисунком, т.е. обтекал таблицу. Для
этого из списка Обтекание области Положение выберите значение
но левому краю.
13. Закройте окно свойств таблицы, нажав кнопку ОК. Web-
страница будет иметь вид, аналогичный показанному на рис. 3.3.
Сохраните созданную Web-страницу. Для этого нажмите на панели инструментов кнопку Сохранить и в открывшемся диало- говом окне Сохранить как введите название страницы. Откроется окно Сохранение внедренных файлов, позволяющее указать имя,
с которым графическое изображение будет сохранено в структуре
Web-узда. Нажмите кнопку ОК.