МУЛЬТИМЕДИЙНЫЙ САМОУЧИТЕЛЬ НА CD-ROM
А.В. Акопян
TeachPro™ Microsoft®
FrontPage 2003
Мультимедиа Технологии и Дистанционное Обучение МОСКВА 2006
А.В.Акопян Мультимедийный самоучитель на CD-ROM: TeachPro™ Microsoft FrontPage 200/ А. В. Акопян— 2-е изд. переработ. — М:, ММТиДО, 2006. — 336 с.: ил. ISBN 5-9230-0116-0
TeachPro™ Microsoft FrontPage 2003 - это мультимедийный, интерактивный, обучающий видео курс на CD-ROM по работе с одной из популярных программ MS FrontPage 2003. Процесс обучения предельно прост и максимально приближен к занятиям с преподавателем. Вы видите на экране «фильм», как работать с программой в различных режимах и слышите пояснения «преподавателя». Вам постоянно приходится отвечать на контрольные вопросы «преподавателя», указывая на соответствующие поля на экране, или выполнять определенные тестовые задания. В случае затруднения - система поможет подсказкой. Имеется удобная поисковая система и возможность навигации по закладкам. По каждому из пользователей ведется статистика пройденного материала, фиксируется дата изучения урока, процент прослушанной части урока, число правильных ответов и ошибок, фиксируется количество использованных подсказок. Статистика выводится в виде протокола поурочно. Большой объем учебного материала - соизмеримый с книгой более 1000 страниц, позволяет утверждать, что учебник рассчитан как для начинающих, так и для специалистов, уже владеющих основными навыками работы с MS FrontPage 2003 и стремящихся к достижению профессиональных результатов в своей работе. Общая продолжительность озвученных уроков – 30 часов 22 минут. Общее количество уроков – 209. Количество контрольных и тестовых вопросов – 4531. Количество ключевых поисковых терминов – 140. Благодаря возможности текстового сопровождения (режим титров), данным курсом могут пользоваться слабослышащие. В комплект мультимедийного самоучителя «TeachPro™ MS FrontPage 2003» на CD-ROM входит книга, в которой представлен весь лекционный материал курса с иллюстрациями. Строго говоря, книга не предназначена для изучения MS FrontPage 2003, а скорее это справочник, в котором можно найти нужную тему по содержанию и по предметному указателю. Книга позволяет также эффективно планировать учебный процесс, вести работу в классе.
ISBN 5-9230-0116-0
© ООО «Мультимедиа Технологии и Дистанционное Обучение», 2006
КРАТКОЕ СОДЕРЖАНИЕ Руководство пользователя ................................................. 11 TeachPro FrontPage 2003 .................................................... 31 Ведение ................................................................................ 33 Глава 1. Веб-страница......................................................... 41 Глава 2. Веб-узел................................................................. 62 Глава 3. Переустановка и настройка.................................. 69 Глава 4. Создание веб-узлов .............................................. 81 Глава 5. Работа с текстом................................................. 103 Глава 6. Гиперссылки ........................................................ 130 Глава 7. Панели переходов и объявления. Проверка гиперссылок....................................................... 140 Глава 8. Предварительный просмотр .............................. 159 Глава 9. Коллекция картинок Microsoft............................. 162 Глава 10. Графика ............................................................. 177 Глава 11. Мультимедиа..................................................... 201 Глава 12. Рисование объектов ......................................... 215 Глава 13. Таблицы............................................................. 239 Глава 14. Рамки ................................................................. 256 Глава 15. Веб-компоненты ................................................ 267 Глава 16. Шаблоны и формы............................................ 275 Глава 17. Публикация веб-узла и Веб-узел группы SharePoint .............................................. 295 Глава 18. Работа с кодом HTML ....................................... 311 Предметный указатель...................................................... 316
СОДЕРЖАНИЕ Руководство пользователя.................................................. 11 Установка системы TeachPro на компьютер................................................13 Первый вход в систему ..................................................................................14 Содержание курса. Выбор нужной лекции ..................................................16 Основной рабочий экран системы TeachPro ................................................18 Область демонстрации урока ........................................................................20 Панель управления системы TeachPro..........................................................20 Клавиши управления демонстрацией урока ................................................21 Клавиши изменения режимов обучения.......................................................21 Дополнительные функциональные клавиши TeachPro...............................21 Подсказка ............................................................................................................. 21 Закладки ............................................................................................................... 23
Поисковая система..........................................................................................26 Устранение возможных проблем с программой..........................................28
TeachPro FrontPage 2003..................................................... 31 Ведение................................................................................. 33 Введение..........................................................................................................33 Установка FrontPage 2003..............................................................................35 Меню и панели инструментов.......................................................................36 Операции над меню и панелями инструментов ..........................................37 Представления ................................................................................................38
Глава 1. Веб-страница. ........................................................ 41 1.1. Ввод текста ...............................................................................................41 1.2. Форматирование текста...........................................................................42 1.3. Нумерация и маркеры .............................................................................44 1.4. Макетная таблица и ячейки ....................................................................45 1.5. Изменение макетной таблицы. Ввод и форматирование текста .....................................................................47 1.6. Вставка изображения из файла. Применение темы..............................48 1.7. Фон документа .........................................................................................49 1.8. Создание эффекта ....................................................................................51 1.9. Горизонтальная линия.............................................................................52 1.10. Эффекты анимации................................................................................53 1.11. Анимация изображения. Бегущая строка ............................................55 1.12. Звуковое сопровождение ......................................................................56 1.13. Гиперссылка ...........................................................................................57
1.14. Изменение гиперссылок ....................................................................... 58 1.15. Печать веб-страницы ............................................................................ 60
Глава 2. Веб-узел................................................................. 62 2.1. Создание веб-узла................................................................................... 62 2.2. Импорт файлов........................................................................................ 63 2.3. Публикация в файловой системе .......................................................... 64 2.4. Бесплатная регистрация веб-сайта........................................................ 66 2.5. Публикация веб-узла в Интернете ........................................................ 67
Глава 3. Переустановка и настройка.................................. 69 3.1. Установка и удаление компонентов FrontPage .................................... 69 3.2. Добавление кнопки на панель инструментов. Удаление .................... 70 3.3. Изменение меню ..................................................................................... 71 3.4. Амперсант. Копирование значка команды........................................... 72 3.5. Настройка значков на командах меню.................................................. 74 3.6. Перемещение команд и меню. Список шрифтов................................. 75 3.7. Всплывающие подсказки ....................................................................... 76 3.8. Настроенная панель инструментов ....................................................... 77 3.9. Операции над файлами и папками ....................................................... 78 3.10. Буфер обмена Office.............................................................................. 79
Глава 4. Создание веб-узлов .............................................. 81 4.1. Шаблон одностраничного веб-узла....................................................... 81 4.2. Шаблон веб-узла проекта и веб-узла технической поддержки .......... 82 4.3. Шаблон личного веб-узла и форума ..................................................... 83 4.4. Импорт веб-узла ...................................................................................... 85 4.5. Шаблон узла для подключения к базе данных и корпоративного веб-узла ........................................................................... 86 4.6. Пустой веб-узел ...................................................................................... 88 4.7. Создание узла в панели Переходы ........................................................ 90 4.8. Создание узла в панели Переходы (продолжение).............................. 91 4.9. Переименование, удаление веб-узла. Открытие страниц ................... 92 4.10. Вкладки. Отображение тегов HTML................................................... 94 4.11. Импорт содержимого в открытый веб-узел........................................ 95 4.12. Применение темы к странице .............................................................. 96 4.13. Применение темы к веб-узлу ............................................................... 97 4.14. Тема: яркие цвета, активные рисунки и фоновый рисунок .............. 98 4.15. Применение цветовой схемы ............................................................... 99 4.16. Применение и изменение цветовой схемы....................................... 100 4.17. Пипетка для изменения цветовой схемы темы ................................ 101
Глава 5. Работа с текстом ................................................. 103 5.1. Ввод и копирование текста...................................................................103 5.2. Вкладка Шрифт в окне Шрифт ............................................................104 5.3. Межзнаковый интервал. Абзац............................................................105 5.4. Списки ....................................................................................................107 5.5. Стили ......................................................................................................108 5.6. Изменение и удаление стиля ................................................................110 5.7. Внешняя таблица каскадных стилей ...................................................111 5.8. Применение внешней таблицы стилей................................................112 5.9. Знак разрыва строки и знак абзаца ......................................................114 5.10. Границы для текста .............................................................................115 5.11. Вставка символа ..................................................................................117 5.12. Поиск текста на странице ...................................................................118 5.13. Поиск текста на веб-узле ....................................................................119 5.14. Поиск и замена.....................................................................................121 5.15. Регулярные выражения: . и *..............................................................122 5.16. Регулярные выражения: + @ # [] и | ..................................................124 5.17. Проверка орфографии на странице ...................................................126 5.18. Проверка орфографии на выбранных страницах и веб-узла...........127 5.19. Проверка орфографии через представление Задачи. Тезаурус 109..................................................................................................128
Глава 6. Гиперссылки ........................................................ 130 6.1. Создание гиперссылки на новый документ ........................................130 6.2. Создание закладки .................................................................................131 6.3. Создание гиперссылки на закладку на текущей странице ................133 6.4. Создание гиперссылки на закладку в другом документе ..................134 6.5. Создание гиперссылки на страницу в Интернете...............................136 6.6. Создание гиперссылки на электронный адрес. Эффекты..................137 6.7. Изменение цвета шрифта гиперссылок ...............................................138
Глава 7. Панели переходов и объявления. Проверка гиперссылок ....................................................... 140 7.1. Создание общих границ на основе переходов ....................................140 7.2. Изменение общих границ......................................................................141 7.3. Добавление панели ссылок на основе структуры переходов ............143 7.4. Изменение панели ссылок ....................................................................145 7.5. Создание пользовательской панели ссылок........................................146 7.6. Добавление гиперссылки на пользовательскую панель ....................147 7.7. Создание панели ссылок Далее и назад...............................................148 7.8. Добавление панели Далее и назад на несколько страниц..................150
7.9. Форматирование панелей текстовых ссылок ..................................... 151 7.10. Графические кнопки на панели ссылок и в объявлении ................. 152 7.11. Создание панели ссылок в представлении Переходы ..................... 153 7.12. Проверка гиперссылок........................................................................ 155 7.13. Работа в представлении Гиперссылки .............................................. 157
Глава 8. Предварительный просмотр .............................. 159 8.1. Просмотр в различных браузерах........................................................ 159 8.2. Настройка браузеров............................................................................. 160
Глава 9. Коллекция картинок Microsoft............................. 162 9.1. Вставка рисунка из коллекции Microsoft............................................ 162 9.2. Перемещение рисунка и сохранение страниц.................................... 163 9.3. Автоэскиз клипа из коллекции Microsoft ........................................... 165 9.4. Поиск клипа в коллекции Microsoft без ключевого слова ................ 166 9.5. Интерфейс программы Коллекция картинок Microsoft..................... 167 9.6. Автоматический ввод клипов в коллекцию. Свойства клипа............................................................................................. 169 9.7. Свойства клипа. Копирование, вставка и удаление клипов ............. 171 9.8. Ввод клипов в коллекцию вручную и со сканера .............................. 172 9.9. Вставка клипа из коллекции во FrontPage. Загрузка клипов из Интернета .................................................................... 174 9.10. Сохранение и использование клипов................................................ 175
Глава 10. Графика ............................................................. 177 10.1. Вставка изображений без использования коллекции...................... 177 10.2. Вставка изображений с помощью сканера. Изменение размеров .................................................................................... 178 10.3. Относительное положение - смещение слева .................................. 179 10.4. Относительное положение – смещение сверху................................ 180 10.5. Относительное положение – смещение справа, снизу и по оси Z ........................................................................................... 181 10.6. Абсолютное положение...................................................................... 182 10.7. Абсолютное положение по оси Z ...................................................... 183 10.8. Создание поля размещения в пустой строке .................................... 185 10.9. Вставка слоев на страницу ................................................................. 186 10.10. Наложение и выключение слоев...................................................... 187 10.11. Границы и заливка слоя.................................................................... 189 10.12. Обтекание .......................................................................................... 190 10.13. Вставка текста в изображение ......................................................... 191 10.14. Контрастность, яркость, оттенки серого, прозрачность................ 192 10.15. Рамка вокруг изображения. Параметры JPEG ............................... 193 10.16. Параметры GIF. Создание гиперссылок от изображений............. 194
10.17. Создание гиперобъекта .....................................................................195 10.18. Гиперкарта..........................................................................................196 10.19. Текстовые гиперобъекты ..................................................................198 10.20. Изменение текстовых гиперобъектов..............................................199
Глава 11. Мультимедиа ..................................................... 201 11.1. Вставка фильма в формате Flash ........................................................201 11.2. Изменение свойств фильма в формате Flash.....................................202 11.3. Вставка видеозаписи ...........................................................................203 11.4. Настройки автоэскизов .......................................................................204 11.5. Создание коллекции фотографий на основе шаблона .....................205 11.6. Создание коллекции фотографий как веб-компонента....................206 11.7. Вставка фотографии в коллекцию фотографий с помощью сканера .................................................................207 11.8. Изменение рисунка в коллекции фотографий ..................................209 11.9. Макеты коллекции фотографий .........................................................210 11.10. Вставка меняющейся (интерактивной) кнопки ..............................211 11.11. Изменение свойств меняющейся кнопки ........................................212
Глава 12. Рисование объектов.......................................... 215 12.1. Создание полотна ................................................................................215 12.2. Рисование прямой линии ....................................................................216 12.3. Рисование стрелки ...............................................................................217 12.4. Рисование прямоугольника и овала. Градиентная заливка – один цвет................................................................218 12.5. Изменения заливки с одним цветом ..................................................220 12.6. Другие способы заливки .....................................................................221 12.7. Цвет и тип линии, тип штриха, стиль тени, объем...........................222 12.8. Настройка тени и объема ....................................................................223 12.9. Кривая, рисованная кривая, полилиния ............................................224 12.10. Основные фигуры ..............................................................................226 12.11. Другие виды автофигур.....................................................................227 12.12. Группировка. Порядок объектов......................................................228 12.13. Линейка и сетка..................................................................................229 12.14. Сдвиг. Выровнять/распределить ......................................................230 12.15. Вращение автофигур. Изменение узлов ..........................................232 12.16. Ввод текста в автофигуры. Надпись. Замена автофигур .........................................................................233 12.17. Вставка и форматирование объекта WordArt .................................235 12.18. Форматирование объекта WordArt ..................................................236 12.19. Создание композиции из автофигур, надписей и объектов WordArt .....................................................................237
Глава 13. Таблицы............................................................. 239 13.1. Вставка макетной таблицы и ячейки с помощью команд............... 239 13.2. Рисование макетной таблицы и ячейки. Свойства таблицы........... 240 13.3. Формат ячейки макетной таблицы .................................................... 241 13.4. Создание макетной таблицы на имеющейся странице веб-узла............................................................... 243 13.5. Диалоговое окно Свойства таблицы ................................................. 243 13.6. Создание обычной таблицы ............................................................... 245 13.7. Ввод данных в таблицу....................................................................... 246 13.8. Преобразование текста в таблицу и наоборот.................................. 247 13.9. Ввод заголовка таблицы. Добавление ячеек, строк, столбцов и таблиц............................................................................. 249 13.10. Выравнивание строк и столбцов. Автоподбор по содержимому ..................................................................... 250 13.11. Разбиение и объединение ячеек....................................................... 251 13.12. Выравнивание данных в ячейках..................................................... 252 13.13. Заливка ячеек. Автоформат таблиц................................................. 254
Глава 14. Рамки ................................................................. 256 14.1. Создание страницы рамок.................................................................. 256 14.2. Создание гиперссылок к рамке оглавления...................................... 257 14.3. Изменение свойств рамок .................................................................. 258 14.4. Сохранение страницы рамок и страниц, отображаемых в рамках............................................................................... 260 14.5. Выбор конечных рамок при создании гиперссылок........................ 261 14.6. Встроенные рамки............................................................................... 263 14.7. Удаление и создание рамок. Общие границ..................................... 264
Глава 15. Веб-компоненты ................................................ 267 15.1. Форма для поиска................................................................................ 267 15.2. Таблица и диаграмма Office............................................................... 268 15.3. Счетчик посещений. Включенное содержание................................ 270 15.4. Оглавление - Для данного веб-узла................................................... 271 15.5 Оглавление – На основе категории страницы................................... 272 15.6. Лучшая десятка ................................................................................... 274
Глава 16. Шаблоны и формы............................................ 275 16.1. Мастер веб-узла обсуждений (форум) .............................................. 275 16.2. Использование веб-узла обсуждений................................................ 276 16.3. Мастер страницы форм. Часть1......................................................... 277 16.4. Мастер страницы форм. Часть2......................................................... 279 16.5. Регистрационная форма...................................................................... 280
16.6. Другие шаблоны страниц с формам ..................................................281 16.7. Создание формы. Свойства формы....................................................282 16.8. Свойства формы (продолжение) ........................................................284 16.9. Поле.......................................................................................................285 16.10. Проверка работы поля на сервере ....................................................286 16.11. Текстовое поле. Поле отправки файла.............................................288 16.12. Флажки. Переключатели. Надпись ..................................................289 16.13. Группа .................................................................................................291 16.14. Раскрывающийся список...................................................................292 16.15. Типы кнопок.......................................................................................293
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint .............................................. 295 17.1. Проверка содержания страниц ...........................................................295 17.2. Проверка веб-компонентов и гиперссылок.......................................296 17.3. Свойства удаленного веб-узла............................................................297 17.4. Публикация на сервере SharePoint Se ................................................299 17.5. Проверка работы веб-узла на сервере................................................300 17.6. Отчеты...................................................................................................301 17.7. Задачи....................................................................................................303 17.8 Создание веб-узлов SharePoint на основе шаблонов и веб-пакетов ...............................................................................305 17.9. Заголовок и изображение на домашней странице ............................306 17.10. Знакомство с веб-узлом SharePoint ..................................................307 17.11. Изменение представления веб-частей .............................................308 17.12. Создание новой библиотеки на веб-узле гр ....................................309
Глава 18. Работа с кодом HTML ....................................... 311 18.1. Работа в представлении с разделением .............................................311 18.2. Использование тегов ...........................................................................312 18.3. Вставка фрагмента кода ......................................................................313
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
13
ɍɫɬɚɧɨɜɤɚ ɫɢɫɬɟɦɵ TeachPro ɧɚ ɤɨɦɩɶɸɬɟɪ ɗɬɨ ɩɪɨɢɡɜɨɞɢɬɫɹ ɨɞɢɧ ɪɚɡ, ɚ ɩɨɬɨɦ, ɱɬɨɛɵ ɧɚɱɚɬɶ ɪɚɛɨɬɚɬɶ, ɞɨɫɬɚɬɨɱɧɨ ɬɨɥɶɤɨ ɜɫɬɚɜɢɬɶ ɤɨɦɩɚɤɬ-ɞɢɫɤ ɜ ɞɢɫɤɨɜɨɞ ɢ ɡɚɩɭɫɬɢɬɶ ɫɨɨɬɜɟɬɫɬɜɭɸɳɟɟ ɩɪɢɥɨɠɟɧɢɟ ɢɡ ɨɤɨɲɤɚ TeachPro. ȿɫɥɢ ȼɵ ɯɨɬɢɬɟ ɪɚɛɨɬɚɬɶ ɫ ɤɭɪɫɨɦ ɩɨɩɟɪɟɦɟɧɧɨ ɧɚ ɧɟɫɤɨɥɶɤɢɯ ɤɨɦɩɶɸɬɟɪɚɯ (ɫɤɚɠɟɦ, ɜ ɲɤɨɥɟ ɢ ɞɨɦɚ), ɞɨɫɬɚɬɨɱɧɨ ɩɨ ɨɞɧɨɦɭ ɪɚɡɭ ɭɫɬɚɧɨɜɢɬɶ TeachPro ɧɚ ɤɚɠɞɨɦ ɢɡ ɧɢɯ ɢ ɜ ɞɚɥɶɧɟɣɲɟɦ ɩɪɨɫɬɨ ɩɟɪɟɫɬɚɜɥɹɬɶ ɞɢɫɤ. ɋɥɟɞɭɣɬɟ ɧɚɲɟɣ ɢɧɫɬɪɭɤɰɢɢ, ɢ ɭ ɜɚɫ ɜɫɟ ɩɨɥɭɱɢɬɫɹ. 1. ȼɫɬɚɜɶɬɟ ɤɨɦɩɚɤɬ-ɞɢɫɤ ɫ ɩɪɨɝɪɚɦɦɨɣ TeachPro ɜ ɞɢɫɤɨɜɨɞ CD-ROM. Ⱦɚɧɧɵɣ ɞɢɫɤ ɫɧɚɛɠɟɧ ɚɜɬɨɡɚɩɭɫɤɨɦ, ɢ ɨɬɤɪɨɟɬɫɹ ɨɤɧɨ, ɜ ɤɨɬɨɪɨɦ ɧɭɠɧɨ ɧɚɠɚɬɶ ɤɧɨɩɤɭ «ɭɫɬɚɧɨɜɢɬɶ ɩɪɨɝɪɚɦɦɭ», ɟɫɥɢ ɚɜɬɨɡɚɩɭɫɤ ɨɬɤɥɸɱɟɧ, ɩɪɨɞɟɥɚɣɬɟ ɩɭɧɤɬɵ 2, 3, ɟɫɥɢ ɧɟɬ, ɩɟɪɟɯɨɞɢɬɟ ɤ ɩɭɧɤɬɭ 4. 2. Ⱦɜɚɠɞɵ ɳɟɥɤɧɢɬɟ ɦɵɲɤɨɣ ɩɨ ɢɤɨɧɤɟ Ɇɨɣ ɤɨɦɩɶɸɬɟɪ ɧɚ ȼɚɲɟɦ ɪɚɛɨɱɟɦ ɫɬɨɥɟ, ɞɚɥɟɟ ɳɟɥɤɧɢɬɟ ɩɨ ɢɤɨɧɤɟ, ɢɡɨɛɪɚɠɚɸɳɟɣ CD-ROM. 3. ɋɟɣɱɚɫ ɩɟɪɟɞ ȼɚɦɢ ɫɩɢɫɨɤ ɮɚɣɥɨɜ, ɫɨɞɟɪɠɚɳɢɯɫɹ ɜ ɤɨɪɧɟɜɨɦ ɤɚɬɚɥɨɝɟ ɞɢɫɤɚ CD-ROM. ɇɚɣɞɢɬɟ ɮɚɣɥ Teachrun.exe ɢ ɡɚɩɭɫɬɢɬɟ ɟɝɨ. Ⱦɨɫɬɚɬɨɱɧɨ ɫɧɨɜɚ ɳɟɥɤɧɭɬɶ ɩɨ ɧɟɦɭ ɞɜɚ ɪɚɡɚ ɦɵɲɶɸ. 4. ɑɟɪɟɡ ɧɟɫɤɨɥɶɤɨ ɫɟɤɭɧɞ ɭɫɬɚɧɨɜɹɬɫɹ ɧɟɨɛɯɨɞɢɦɵɟ ɞɪɚɣɜɟɪɚ ɢ ɹɪɥɵɤɢ. ȿɫɥɢ ɜɨɡɧɢɤɧɭɬ ɫɨɨɛɳɟɧɢɹ ɨɛ ɨɲɢɛɤɟ ɭɫɬɚɧɨɜɤɢ, ɜɡɦɨɠɧɨ ɭ ȼɚɫ ɨɬɫɭɫɬɜɭɸɬ ɩɪɚɜɚ ɚɞɦɢɧɢɫɬɪɚɬɨɪɚ 5. ȿɫɥɢ ȼɵ ɪɚɛɨɬɚɟɬɟ ɜ ɨɩɟɪɚɰɢɨɧɧɨɣ ɫɢɫɬɟɦɟ Windows 95, ɬɨ ɧɟɨɛɯɨɞɢɦɨ ɭɫɬɚɧɨɜɢɬɶ ɛɢɛɥɢɨɬɟɤɭ Microsoft DirectX 5 (Dx5eng.exe) ɢɡ ɤɨɪɧɟɜɨɝɨ ɤɚɬɚɥɨɝɚ, ɩɨɡɜɨɥɹɸɳɭɸ ɪɚɡɜɨɪɚɱɢɜɚɬɶ ɨɤɧɨ ɩɪɨɝɪɚɦɦɵ TeachPro ɧɚ ɜɟɫɶ ɷɤɪɚɧ ɧɟɡɚɜɢɫɢɦɨ ɨɬ ɪɚɡɪɟɲɟɧɢɹ ɷɤɪɚɧɚ ɦɨɧɢɬɨɪɚ. ȿɫɥɢ ɷɬɚ ɛɢɛɥɢɨɬɟɤɚ ɢɥɢ ɟɟ ɛɨɥɟɟ ɩɨɡɞɧɹɹ ɜɟɪɫɢɹ ɭɠɟ ɭɫɬɚɧɨɜɥɟɧɚ ɢɥɢ ȼɵ ɪɚɛɨɬɚɟɬɟ ɜ ɨɩɟɪɚɰɢɨɧɧɵɯ ɫɢɫɬɟɦɚɯ Windows 98/2000/XP, ɬɨ ɫɨɨɬɜɟɬɫɬɜɟɧɧɨ, ɩɪɢɥɨɠɟɧɢɟ Dx5eng.exe ɢɧɫɬɚɥɥɢɪɨɜɚɬɶ ɧɟ ɫɥɟɞɭɟɬ. 6. ȼ ɤɨɧɰɟ ɭɫɬɚɧɨɜɤɢ Ɇɚɫɬɟɪ ɩɪɟɞɥɨɠɢɬ ȼɚɦ ɩɟɪɟɡɚɝɪɭɡɢɬɶ ɤɨɦɩɶɸɬɟɪ, ɪɟɤɨɦɟɧɞɭɟɦ ɫɨɝɥɚɫɢɬɶɫɹ. ȼ ɫɬɚɪɬɨɜɨɦ ɦɟɧɸ ɉɭɫɤ ɜɨ ɜɤɥɚɞɤɟ ɉɪɨɝɪɚɦɦɵ ɜ ɦɟɧɸ TeachPro ɩɨɹɜɢɥɢɫɶ ɞɜɟ ɜɤɥɚɞɤɢ: TeachPro ɢ TeachPro Help.
14
TeachPro Microsoft FrontPage 2003
ɉɟɪɜɵɣ ɜɯɨɞ ɜ ɫɢɫɬɟɦɭ Ⱦɥɹ ɡɚɩɭɫɤɚ ɧɟɨɛɯɨɞɢɦɨ ɜɵɛɪɚɬɶ ɜ ɫɬɚɪɬɨɜɨɦ ɦɟɧɸ ɉɭɫɤ ɜ ɩɨɞɦɟɧɸ ɉɪɨɝɪɚɦɦɵ ɩɭɧɤɬ TeachPro, ɞɚɥɟɟ TeachPro FrontPage 2003. ɉɨɫɥɟ ɡɚɩɭɫɤɚ ɩɪɨɝɪɚɦɦɵ ɩɨɹɜɢɬɫɹ ɫɬɚɪɬɨɜɨɟ ɨɤɧɨ. Ɋɚɫɫɦɨɬɪɢɦ ɩɨɥɟ ɞɥɹ ɜɜɨɞɚ ɢɦɟɧɢ ɩɨɥɶɡɨɜɚɬɟɥɹ ɢ ɤɧɨɩɤɢ Ɋɟɝɢɫɬɪɚɰɢɹ ɢ ɍɞɚɥɢɬɶ. ɋɢɫɬɟɦɚ TeachPro ɩɨɡɜɨɥɹɟɬ ɪɚɛɨɬɚɬɶ ɫ ɨɞɧɢɦ ɩɚɤɟɬɨɦ (CD-ROM) ɧɟ ɨɞɧɨɦɭ, ɚ ɧɟɫɤɨɥɶɤɢɦ ɩɨɥɶɡɨɜɚɬɟɥɹɦ. Ɍɚɤ, ȼɵ ɦɨɠɟɬɟ ɭɱɢɬɶɫɹ ɜɫɟɦ ɤɥɚɫɫɨɦ, ɜɫɟɦ ɤɨɥɥɟɤɬɢɜɨɦ, ɢɥɢ ɨɛɭɱɚɬɶɫɹ ɧɚ ɤɨɦɩɶɸɬɟɪɧɵɯ ɤɭɪɫɚɯ. Ɋɚɡɭɦɟɟɬɫɹ, ɜ ɨɩɪɟɞɟɥɟɧɧɵɣ ɦɨɦɟɧɬ ɜɪɟɦɟɧɢ ɪɚɛɨɬɚɬɶ ɫ ɤɭɪɫɨɦ ɦɨɠɟɬ ɬɨɥɶɤɨ ɨɞɢɧ ɱɟɥɨɜɟɤ, ɧɨ ɡɚɬɨ TeachPro ɡɚɩɨɦɢɧɚɟɬ ɤɚɠɞɨɝɨ ɡɚɪɟɝɢɫɬɪɢɪɨɜɚɜɲɟɝɨɫɹ ɩɨɥɶɡɨɜɚɬɟɥɹ ɢ ɜɟɞɟɬ ɩɨ ɧɟɦɭ ɫɜɨɸ ɛɚɡɭ ɡɚɩɢɫɟɣ. Ⱦɥɹ ɤɚɠɞɨɝɨ ɢɡ ɨɛɭɱɚɟɦɵɯ TeachPro ɡɚɩɨɦɢɧɚɟɬ: - ɢɦɹ ɩɨɥɶɡɨɜɚɬɟɥɹ; - ɩɨɫɥɟɞɧɸɸ ɥɟɤɰɢɸ; - ɫɬɚɬɢɫɬɢɤɭ ɩɨ ɥɟɤɰɢɹɦ, ɬ.ɟ. ɱɬɨ ɩɪɨɫɥɭɲɚɧɨ ɩɨɥɧɨɫɬɶɸ, ɱɬɨ ɱɚɫɬɢɱɧɨ, ɚ ɤ ɱɟɦɭ ɟɳɟ ɧɟ ɩɪɢɫɬɭɩɚɥɢ; - ɞɚɬɭ ɩɨɫɥɟɞɧɟɝɨ ɡɚɩɭɫɤɚ ɩɪɨɝɪɚɦɦɵ; - ɡɚɤɥɚɞɤɢ (ɩɨɦɟɬɤɢ), ɤɨɬɨɪɵɟ ɩɨɥɶɡɨɜɚɬɟɥɶ ɫɨɡɞɚɥ ɞɥɹ ɫɟɛɹ, ɱɬɨɛɵ ɥɭɱɲɟ ɨɪɢɟɧɬɢɪɨɜɚɬɶɫɹ ɜ ɥɟɤɰɢɹɯ; - ɨɛɳɟɟ ɜɪɟɦɹ ɪɚɛɨɬɵ ɫ ɩɪɨɝɪɚɦɦɨɣ. ɉɨɷɬɨɦɭ, ɫɤɨɥɶɤɨ ɛɵ ɥɸɞɟɣ ɧɢ ɪɚɛɨɬɚɥɨ ɜ ɫɢɫɬɟɦɟ, ȼɵ ɦɨɠɟɬɟ ɛɵɬɶ ɭɜɟɪɟɧɵ, ɱɬɨ ɤɨɦɩɶɸɬɟɪ ɡɧɚɟɬ ɜɫɟ ɨ ȼɚɲɟɣ ɥɢɱɧɨɣ ɪɚɛɨɬɟ ɫ ɞɚɧɧɵɦ ɤɭɪɫɨɦ. Ɋɚɫɫɦɨɬɪɢɦ, ɤɚɤ ɩɪɨɢɫɯɨɞɢɬ ɪɟɝɢɫɬɪɚɰɢɹ. ɇɚɠɦɢɬɟ ɧɚ ɤɥɚɜɢɲɭ Ɋɟɝɢɫɬɪɚɰɢɹ. ȼ ɩɨɹɜɢɜɲɟɦɫɹ ɨɤɨɲɤɟ ɧɚɛɟɪɢɬɟ ɫɜɨɟ ɢɦɹ ɢɥɢ ɬɨ ɢɦɹ, ɩɨɞ ɤɨɬɨɪɵɦ ȼɵ ɯɨɬɢɬɟ ɜɢɞɟɬɶ ɫɟɛɹ ɜ ɫɩɢɫɤɟ ɩɨɥɶɡɨɜɚɬɟɥɟɣ. ɇɚɠɦɢɬɟ ɦɵɲɶɸ ɧɚ ɤɥɚɜɢɲɭ OK ɢɥɢ ɧɚ ɤɥɚɜɢɚɬɭɪɟ ɧɚ Enter. ȿɫɥɢ ɠɟ ȼɵ ɩɟɪɟ-
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
15
ɞɭɦɚɥɢ ɪɟɝɢɫɬɪɢɪɨɜɚɬɶɫɹ – Ɉɬɦɟɧɚ. Ʉɚɤ ɜɢɞɢɬɟ, ɤ ɫɩɢɫɤɭ ɢɦɟɧ ɞɨɛɚɜɢɥɨɫɶ ȼɚɲɟ ɢɦɹ, ɢ ɬɟɩɟɪɶ ɦɨɠɧɨ ɩɪɨɞɨɥɠɚɬɶ ɪɚɛɨɬɭ. Ʉɫɬɚɬɢ, ɡɚɦɟɬɢɦ, ɱɬɨ ɩɪɢ ɤɚɠɞɨɦ ɫɥɟɞɭɸɳɟɦ ɡɚɩɭɫɤɟ ɩɪɨɝɪɚɦɦɵ ɨɤɨɲɤɨ ɂɦɹ ɛɭɞɟɬ ɫɨɞɟɪɠɚɬɶ ɢɦɹ ɬɨɝɨ ɩɨɥɶɡɨɜɚɬɟɥɹ, ɤɨɬɨɪɵɣ ɪɚɛɨɬɚɥ ɜ ɫɢɫɬɟɦɟ ɩɨɫɥɟɞɧɢɦ. ȿɝɨ, ɤɚɤ ɛɵ, ɩɪɢɝɥɚɲɚɸɬ ɩɪɨɞɨɥɠɢɬɶ ɪɚɧɟɟ ɩɪɟɪɜɚɧɧɭɸ ɪɚɛɨɬɭ. ȿɫɥɢ ɢɦɹ ɧɚɞɨ ɩɨɦɟɧɹɬɶ, ɞɨɫɬɚɬɨɱɧɨ ɧɚɠɚɬɶ ɦɵɲɤɨɣ ɧɚ ɤɥɚɜɢɲɭ ɜ ɩɪɚɜɨɣ ɱɚɫɬɢ ɨɤɧɚ, ɚ ɜ ɜɵɩɚɜɲɟɦ ɫɩɢɫɤɟ ɜɵɛɪɚɬɶ ɧɭɠɧɨɟ ȼɚɦ ɢɦɹ. Ⱦɥɹ ɭɞɚɥɟɧɢɹ ɢɦɟɧɢ ɢɡ ɫɩɢɫɤɚ ɧɟɨɛɯɨɞɢɦɨ: - ɜɵɜɟɫɬɢ ɜ ɨɤɨɲɤɟ ɧɟɧɭɠɧɨɟ ɢɦɹ; - ɧɚɠɚɬɶ ɧɚ ɤɥɚɜɢɲɭ ɍɞɚɥɢɬɶ. ɉɨɫɤɨɥɶɤɭ ɷɬɚ ɨɩɟɪɚɰɢɹ ɧɟɨɛɪɚɬɢɦɚ, ɫɢɫɬɟɦɚ ɨɛɹɡɚɬɟɥɶɧɨ ɩɟɪɟɫɩɪɨɫɢɬ «ɏɨɬɢɬɟ ɭɞɚɥɢɬɶ ɢɦɹ ɢɡ ɫɩɢɫɤɚ?». ɇɚɠɦɢɬɟ ɧɚ ɤɥɚɜɢɲɭ Ok, ɢ ɥɢɲɧɟɟ ɢɦɹ ɢɫɱɟɡɧɟɬ ɢɡ ɫɢɫɬɟɦɵ. Ʉɥɚɜɢɲɚ Ɉɬɦɟɧɚ - ɨɬɤɚɡ ɨɬ ɭɞɚɥɟɧɢɹ ɢɦɟɧɢ. Ɋɚɫɫɦɨɬɪɢɦ ɨɫɬɚɥɶɧɵɟ ɱɚɫɬɢ ɷɤɪɚɧɚ. ȼ ɝɪɚɮɟ ɉɪɟɞɵɞɭɳɢɣ ɡɚɩɭɫɤ ɫɢɫɬɟɦɵ ɩɨɤɚɡɚɧɚ ɞɚɬɚ, ɤɨɝɞɚ ɩɨɥɶɡɨɜɚɬɟɥɶ, ɱɶɟ ɢɦɹ ɫɟɣɱɚɫ ɚɤɬɢɜɧɨ, ɜ ɩɨɫɥɟɞɧɢɣ ɪɚɡ ɪɚɛɨɬɚɥ ɫ ɫɢɫɬɟɦɨɣ Ƚɪɚɮɚ ɉɪɨɣɞɟɧɨ ɦɚɬɟɪɢɚɥɚ ɩɨɤɚɡɵɜɚɟɬ, ɤɚɤɨɣ ɩɪɨɰɟɧɬ ɨɬ ɨɛɳɟɝɨ ɨɛɴɟɦɚ ɭɠɟ ɩɪɨɣɞɟɧ. ȿɫɥɢ ȼɵ ɬɨɥɶɤɨ ɜ ɩɟɪɜɵɣ ɪɚɡ ɡɚɩɭɫɬɢɥɢ ɩɪɨɝɪɚɦɦɭ ɢ ɡɚɪɟɝɢɫɬɪɢɪɨɜɚɥɢɫɶ, ɟɫɬɟɫɬɜɟɧɧɨ, ɬɚɦ ɛɭɞɟɬ ɩɨɤɚɡɚɧɨ 0 ɩɪɨɰɟɧɬɨɜ. Ƚɪɚɮɚ Ɉɛɳɟɟ ɜɪɟɦɹ ɪɚɛɨɬɵ ɩɨɤɚɠɟɬ ɬɨ ɜɪɟɦɹ, ɤɨɬɨɪɨɟ ȼɵ ɡɚɬɪɚɬɢɥɢ, ɨɛɭɱɚɹɫɶ ɩɨ ɤɭɪɫɭ. ȼ ɧɢɠɧɟɣ ɱɚɫɬɢ ɷɤɪɚɧɚ ɪɚɫɩɨɥɨɠɟɧɵ ɟɳɟ ɬɪɢ ɤɥɚɜɢɲɢ. Ʉɧɨɩɤɚ Ɉ ɩɪɨɝɪɚɦɦɟ ɜɵɡɵɜɚɟɬ ɞɢɚɥɨɝɨɜɨɟ ɨɤɧɨ ɫ ɢɧɮɨɪɦɚɰɢɟɣ ɨ ɪɚɡɪɚɛɨɬɱɢɤɚɯ. Ʉɧɨɩɤɚ ɉɨɦɨɳɶ ɜɵɡɵɜɚɟɬ ɫɩɪɚɜɨɱɧɭɸ ɫɢɫɬɟɦɭ. ɉɨɫɥɟ ɧɚɠɚɬɢɹ ɧɚ ɷɬɭ ɤɧɨɩɤɭ ȼɵ ɩɨɩɚɞɺɬɟ ɜ ɫɩɪɚɜɨɱɧɭɸ ɫɢɫɬɟɦɭ (ɞɥɹ ɟɺ ɨɬɨɛɪɚɠɟɧɢɹ ɜɵɡɵɜɚɟɬɫɹ Internet Explorer), ɝɞɟ ɜ ɩɪɢɜɵɱɧɨɦ ɝɢɩɟɪɬɟɤɫɬɨɜɨɦ ɮɨɪɦɚɬɟ ȼɚɦ ɪɚɫɫɤɚɠɭɬ ɨ ɬɨɦ, ɤɚɤ ɪɚɛɨɬɚɬɶ ɫ ɩɪɨɝɪɚɦɦɨɣ, ɢ ɨ ɟɟ ɯɚɪɚɤɬɟɪɢɫɬɢɤɚɯ. ɑɬɨɛɵ ɜɟɪɧɭɬɶɫɹ ɜ ɩɪɨɝɪɚɦɦɭ TeachPro, ɧɟɨɛɯɨɞɢɦɨ ɧɚɠɚɬɶ ɤɧɨɩɤɭ TeachPro ɧɚ ɩɚɧɟɥɢ ɡɚɞɚɱ.
16
TeachPro Microsoft FrontPage 2003
Ʉɧɨɩɤɚ ȼɵɯɨɞ ɜ ɤɨɦɦɟɧɬɚɪɢɹɯ ɧɟ ɧɭɠɞɚɟɬɫɹ. ɇɚɠɦɢɬɟ ɟɟ - ɢ ȼɵ ɡɚɜɟɪɲɢɬɟ ɪɚɛɨɬɭ ɫ ɩɪɨɝɪɚɦɦɨɣ.
ɋɨɞɟɪɠɚɧɢɟ ɤɭɪɫɚ. ȼɵɛɨɪ ɧɭɠɧɨɣ ɥɟɤɰɢɢ ȼɫɟ ɡɚɧɹɬɢɹ ɫ ɤɭɪɫɨɦ ɪɚɫɩɨɥɨɠɟɧɵ ɜ ɜɢɞɟ ɧɟɤɨɬɨɪɨɣ ɢɟɪɚɪɯɢɱɟɫɤɨɣ ɫɬɪɭɤɬɭɪɵ. ɍɪɨɤɢ ɜ ɤɚɠɞɨɣ ɩɨɞɝɥɚɜɟ ɩɪɟɞɫɬɚɜɥɟɧɵ ɜ ɫɥɟɞɭɸɳɟɦ ɧɚɛɨɪɟ: - ɥɟɤɰɢɢ; - ɤɨɧɬɪɨɥɶɧɵɟ ɡɚɧɹɬɢɹ; Ɇɚɬɟɪɢɚɥ ɪɚɡɛɢɬ ɧɚ ɝɥɚɜɵ. Ʉɚɠɞɚɹ ɝɥɚɜɚ ɜ ɫɜɨɸ ɨɱɟɪɟɞɶ ɫɨɫɬɨɢɬ ɢɡ ɬɟɦɚɬɢɱɟɫɤɢɯ ɱɚɫɬɟɣ, ɩɪɢɱɟɦ ɤɨɥɢɱɟɫɬɜɨ ɤɨɥɟɛɥɟɬɫɹ ɨɬ ɨɞɧɨɣ ɞɨ ɞɜɚɞɰɚɬɢ. ɑɚɫɬɶ ɫɨɞɟɪɠɢɬ ɧɟɫɤɨɥɶɤɨ ɥɟɤɰɢɣ, ɫ ɤɨɬɨɪɵɦɢ ɩɨɥɶɡɨɜɚɬɟɥɶ ɢ ɪɚɛɨɬɚɟɬ. ɉɪɨɞɨɥɠɢɬɟɥɶɧɨɫɬɶ ɨɞɧɨɣ ɥɟɤɰɢɢ ɧɟ ɩɪɟɜɵɲɚɟɬ 12-15 ɦɢɧɭɬ, ɬ.ɤ. ɷɬɨ ɜɪɟɦɹ ɹɜɥɹɟɬɫɹ ɨɩɬɢɦɚɥɶɧɵɦ ɞɥɹ ɨɫɜɨɟɧɢɹ ɧɨɜɨɝɨ ɦɚɬɟɪɢɚɥɚ. Ɍɟɦɩ ɢɡɥɨɠɟɧɢɹ ɦɚɬɟɪɢɚɥɚ ɧɚ ɧɚɲɢɯ ɡɚɧɹɬɢɹɯ ɜɟɫɶɦɚ ɜɵɫɨɤ, ɢ ȼɚɦ ɱɚɫɬɨ ɡɚɯɨɱɟɬɫɹ ɩɪɨɫɥɭɲɚɬɶ ɧɟɤɨɬɨɪɵɟ ɨɬɪɵɜɤɢ ɥɟɤɰɢɢ ɧɟɫɤɨɥɶɤɨ ɪɚɡ. Ɋɟɚɥɶɧɨɟ ɜɪɟɦɹ ɪɚɛɨɬɵ ɫ ɨɞɧɢɦ ɭɪɨɤɨɦ, ɭɱɢɬɵɜɚɹ ɩɨɜɬɨɪɧɵɟ ɩɪɨɫɥɭɲɢɜɚɧɢɹ ɬɪɭɞɧɵɯ ɦɟɫɬ, ɬɟɫɬɨɜɵɣ ɢ ɤɨɧɬɪɨɥɶɧɵɣ ɪɟɠɢɦɵ, ɜ ɫɪɟɞɧɟɦ ɫɨɫɬɚɜɥɹɟɬ ɨɬ 30 ɦɢɧɭɬ ɞɨ 1 ɱɚɫɚ. Ɋɚɡɭɦɟɟɬɫɹ, ɭɱɢɬɶ ɦɚɬɟɪɢɚɥ ɥɭɱɲɟ ɜɫɟɝɨ ɩɨ ɩɨɪɹɞɤɭ, ɧɟ ɩɟɪɟɫɤɚɤɢɜɚɹ ɱɟɪɟɡ ɥɟɤɰɢɢ. ȿɫɥɢ ȼɵ ɜɩɟɪɜɵɟ ɪɚɛɨɬɚɟɬɟ ɫ ɤɭɪɫɨɦ, ɬɨ ɩɨɫɥɟ ɡɚɝɥɚɜɧɨɝɨ ɷɤɪɚɧɚ ȼɵ ɩɨɩɚɞɟɬɟ ɫɪɚɡɭ ɜ ɨɝɥɚɜɥɟɧɢɟ. ɗɬɨ ɫɞɟɥɚɧɨ ɞɥɹ ɬɨɝɨ, ɱɬɨɛɵ ɦɨɠɧɨ ɛɵɥɨ ɩɨɥɭɱɢɬɶ ɨɛɳɟɟ ɩɪɟɞɫɬɚɜɥɟɧɢɟ ɨ ɬɨɦ ɨɛɴɟɦɟ ɦɚɬɟɪɢɚɥɚ, ɤɨɬɨɪɵɣ ȼɚɦ ɩɪɟɞɫɬɨɢɬ ɢɡɭɱɢɬɶ. ɇɨ ɟɫɥɢ ȼɵ ɭɠɟ ɪɚɛɨɬɚɥɢ ɫ ɫɢɫɬɟɦɨɣ, ɬɨ ɩɨɹɜɢɬɫɹ ɫɬɪɚɧɢɱɤɚ ɫ ɬɨɣ ɩɨɞɝɥɚɜɨɣ (ɢ ɫɨ ɜɫɟɦɢ ɟɟ ɭɪɨɤɚɦɢ), ɧɚ ɤɨɬɨɪɨɣ ȼɵ ɨɫɬɚɧɨɜɢɥɢɫɶ ɜ ɩɪɨɲɥɵɣ ɪɚɡ. Ʉɚɤ ɜɢɞɢɬɟ, TeachPro ɩɨɦɧɢɬ ɜɫɟ. Ⱦɨɩɭɫɬɢɦ, ɦɵ ɜ ɩɟɪɜɵɣ ɪɚɡ ɪɚɛɨɬɚɟɦ ɜ ɩɪɨɝɪɚɦɦɟ, ɢ ɜɨɬ ɷɤɪɚɧ ɋɨɞɟɪɠɚɧɢɟ. Ɇɵ ɜɢɞɢɦ ɩɨɥɧɵɣ ɩɟɪɟɱɟɧɶ ɪɚɡɞɟɥɨɜ ɤɭɪɫɚ. ȿɫɥɢ ɧɚɜɟɫɬɢ ɤɭɪɫɨɪ ɧɚ ɥɸɛɨɣ ɪɚɡɞɟɥ, ɢ ɧɚɠɚɬɶ ɧɚ ɥɟɜɭɸ ɤɧɨɩɤɭ ɦɵɲɢ, ɬɨ ɦɵ ɩɟɪɟɣɞɟɦ ɧɚ ɫɬɪɚɧɢɱɤɭ ɫ ɭɪɨɤɚɦɢ (ɢɥɢ ɩɨɞɝɥɚɜɚɦɢ) ɷɬɨɝɨ ɪɚɡɞɟɥɚ. ɇɨ ɧɟ ɬɨɪɨɩɢɬɟɫɶ ɷɬɨ ɞɟɥɚɬɶ - ɦɵ ɟɳɟ ɧɟ ɫɨ ɜɫɟɦ ɪɚɡɨɛɪɚɥɢɫɶ. Ɍɚɤ ɱɬɨ ɩɪɨɞɨɥɠɢɦ.
17
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
ɋɥɟɜɚ ɨɬ ɫɬɪɨɤ ɫ ɧɚɡɜɚɧɢɟɦ ɭɪɨɤɨɜ ɪɚɫɩɨɥɨɠɟɧɵ ɡɧɚɱɤɢ, ɤɨɬɨɪɵɟ ɧɟɫɭɬ ɩɨɥɟɡɧɭɸ ɫɦɵɫɥɨɜɭɸ ɧɚɝɪɭɡɤɭ. ɋɦɵɫɥ ɢɯ ɜ ɫɥɟɞɭɸɳɟɦ: ɧɚɦ ɧɟɨɛɯɨɞɢɦɨ ɜɫɟɝɞɚ ɡɧɚɬɶ, ɫɤɨɥɶɤɨ ɦɚɬɟɪɢɚɥɚ ɦɵ ɭɠɟ ɢɡɭɱɢɥɢ, ɤɚɤɢɟ ɭɪɨɤɢ ɩɪɨɫɥɭɲɚɥɢ ɩɨɥɧɨɫɬɶɸ, ɤɚɤɢɟ ɱɚɫɬɢɱɧɨ, ɚ ɤ ɤɚɤɢɦ ɞɚɠɟ ɧɟ ɩɪɢɫɬɭɩɚɥɢ. ɂ ɬɚɤɨɣ ɡɧɚɱɨɤ, ɦɟɧɹɹ ɫɜɨɸ ɮɨɪɦɭ, ɩɨɤɚɡɵɜɚɟɬ ɧɚɦ, ɧɚɫɤɨɥɶɤɨ ɢɡɭɱɟɧ ɬɨɬ ɭɪɨɤ, ɫɥɟɜɚ ɨɬ ɤɨɬɨɪɨɝɨ ɨɧ ɫɬɨɢɬ. ȼɨɬ ɜɫɟ ɜɚɪɢɚɧɬɵ: – ɱɚɫɬɶ ɭɪɨɤɚ ɩɪɨɫɥɭɲɚɧɚ ɢɥɢ ɜɟɫɶ ɭɪɨɤ, ɧɨ ȼɵ ɧɟ ɩɪɨɲɥɢ ɤɨɧɬɪɨɥɶɧɵɣ ɢ ɬɟɫɬɨɜɵɣ ɪɟɠɢɦɵ;
– ɦɚɬɟɪɢɚɥ ɢɡɭɱɟɧ ɩɨɥɧɨɫɬɶɸ.
ʁ – ɨɛɨɡɧɚɱɚɟɬ ɧɚɡɜɚɧɢɟ ɝɥɚɜɵ ɢɥɢ ɩɨɞɝɥɚɜɵ. ɂɟɪɚɪɯɢɱɟɫɤɨɟ ɫɨɞɟɪɠɚɧɢɟ ɩɨɫɬɪɨɟɧɨ ɬɚɤ, ɱɬɨ ɢɦɟɟɬ ɧɟɫɤɨɥɶɤɨ ɭɪɨɜɧɟɣ ɜɥɨɠɟɧɧɨɫɬɢ, ɢ ɬɟɦ ɫɚɦɵɦ ɜɵ ɫɦɨɠɟɬɟ ɩɟɪɟɣɬɢ ɧɚ ɜɥɨɠɟɧɧɭɸ ɩɨɞɝɥɚɜɭ, ɩɨɫɜɹɳɺɧɧɭɸ ɤɚɤɨɣ-ɥɢɛɨ ɬɟɦɟ. ɍɪɨɤɢ, ɩɪɟɞɧɚɡɧɚɱɟɧɧɵɟ ɞɥɹ ɨɫɜɨɟɧɢɹ ɬɟɦ ɝɥɭɛɠɟ, ɛɨɥɟɟ ɩɪɨɞɜɢɧɭɬɨ, ɨɬɦɟɱɟɧɵ ɤɚɤ II ɭɪɨɜɟɧɶ. Ⱦɥɹ ɜɨɡɜɪɚɬɚ ɧɚɡɚɞ ɤ ɫɩɢɫɤɭ ɝɥɚɜ ɩɪɟɞɭɫɦɨɬɪɟɧɨ ɞɜɟ ɤɧɨɩɤɢ ɜ ɩɪɚɜɨɦ ɜɟɪɯɧɟɦ ɭɝɥɭ: - ɜɨɡɜɪɚɬ ɤ ɥɢɫɬɭ ɫɨɞɟɪɠɚɧɢɹ ɩɪɟɞɵɞɭɳɟɣ ɝɥɚɜɟ - ɜɨɡɜɪɚɬ ɜ ɤɨɪɧɟɜɨɣ ɫɩɢɫɨɤ ɝɥɚɜ TeachPro ɦɟɧɹɟɬ ɷɬɢ ɡɧɚɱɤɢ ɚɜɬɨɦɚɬɢɱɟɫɤɢ. Ʉɧɨɩɤɚ ɋɬɚɬɢɫɬɢɤɚ ɜɵɡɵɜɚɟɬ ɞɟɬɚɥɶɧɭɸ ɫɬɚɬɢɫɬɢɤɭ ɩɨ ɥɟɤɰɢɹɦ, ɤɨɬɨɪɚɹ ɡɚɩɨɦɢɧɚɟɬ ɞɥɹ ɤɚɠɞɨɝɨ ɭɪɨɤɚ: -
ɞɚɬɭ ɢɡɭɱɟɧɢɹ ɷɬɨɝɨ ɭɪɨɤɚ;
-
ɩɪɨɰɟɧɬ ɩɪɨɫɥɭɲɚɧɧɨɣ ɱɚɫɬɢ ɭɪɨɤɚ ɨɬ ɞɥɢɬɟɥɶɧɨɫɬɢ ɭɪɨɤɚ;
-
ɫɜɟɞɟɧɢɹ ɨ ɩɪɨɯɨɠɞɟɧɢɢ ɭɪɨɤɚ ɜ ɤɨɧɬɪɨɥɶɧɨɦ ɢ ɬɟɫɬɨɜɨɦ ɪɟɠɢɦɟ: 1.
ɱɢɫɥɨ ɩɪɚɜɢɥɶɧɵɯ ɨɬɜɟɬɨɜ ɢ ɨɛɳɟɟ ɱɢɫɥɨ ɜɨ-
18
TeachPro Microsoft FrontPage 2003
ɩɪɨɫɨɜ; 2.
ɱɢɫɥɨ ɨɲɢɛɨɤ (ɱɢɫɥɨ ɡɚɞɚɧɢɣ, ɧɚ ɤɨɬɨɪɵɟ ɛɵɥ ɞɚɧ ɩɪɚɜɢɥɶɧɵɣ ɨɬɜɟɬ ɧɟ ɫ ɩɟɪɜɨɣ ɩɨɩɵɬɤɢ);
3.
ɫɱɺɬɱɢɤ ɢɫɩɨɥɶɡɨɜɚɧɢɹ ɩɨɞɫɤɚɡɤɢ.
Ɍɚɤɚɹ ɢɧɮɨɪɦɚɰɢɹ ɨɬɨɛɪɚɠɚɟɬɫɹ ɬɨɥɶɤɨ ɞɥɹ ɬɟɯ ɭɪɨɤɨɜ, ɤɨɬɨɪɵɟ ɡɚɝɪɭɠɚɥɢɫɶ ɯɨɬɹ ɛɵ ɨɞɢɧ ɪɚɡ. ɉɪɢ ɩɟɪɜɨɦ ɡɚɩɭɫɤɟ ɩɪɨɝɪɚɦɦɵ ɨɤɧɨ «ɋɬɚɬɢɫɬɢɤɚ ɩɪɨɣɞɟɧɧɵɯ ɭɪɨɤɨɜ» ɛɭɞɟɬ ɩɭɫɬɵɦ. ȼ ɞɚɥɶɧɟɣɲɟɦ ɩɨɹɜɢɬɫɹ ɫɩɢɫɨɤ ɧɚɡɜɚɧɢɣ ɝɥɚɜ, ɚ ɦɟɠɞɭ ɧɢɦɢ – ɢɧɮɨɪɦɚɰɢɹ ɨ ɬɟɯ ɭɪɨɤɚɯ, ɤɨɬɨɪɵɟ ɛɵɥɢ ɩɪɨɣɞɟɧɵ. ȿɫɥɢ ɩɪɢ ɩɨɜɬɨɪɧɨɦ ɡɚɩɭɫɤɟ ɭɪɨɤɚ ɜɦɟɫɬɨ ɧɟɩɪɚɜɢɥɶɧɵɯ ɨɬɜɟɬɨɜ ɛɭɞɭɬ ɜɜɟɞɟɧɵ ɩɪɚɜɢɥɶɧɵɟ, ɢɧɮɨɪɦɚɰɢɹ ɨ ɩɪɨɯɨɠɞɟɧɢɢ ɭɪɨɤɚ ɨɛɧɨɜɢɬɫɹ. ɉɪɢ ɷɬɨɦ ɫɬɚɪɵɟ ɥɭɱɲɢɟ ɪɟɡɭɥɶɬɚɬɵ ɧɟ ɫɛɪɚɫɵɜɚɸɬɫɹ, ɢ ɱɬɨɛɵ ɩɪɨɣɬɢ ɤɭɪɫ ɫɧɚɱɚɥɚ, ɧɚɞɨ ɡɚɪɟɝɢɫɬɪɢɪɨɜɚɬɶɫɹ ɩɨɞ ɞɪɭɝɢɦ ɢɦɟɧɟɦ. Ɍɟɩɟɪɶ, ɤɨɝɞɚ ɦɵ ɨɩɢɫɚɥɢ ɫɬɪɚɧɢɰɭ Ɉɝɥɚɜɥɟɧɢɹ, ɩɟɪɟɣɞɟɦ ɤ ɫɢɫɬɟɦɟ ɭɩɪɚɜɥɟɧɢɹ ɭɪɨɤɨɦ.
Ɉɫɧɨɜɧɨɣ ɪɚɛɨɱɢɣ ɷɤɪɚɧ ɫɢɫɬɟɦɵ TeachPro ɉɨɫɥɟ ɜɵɛɨɪɚ ɧɨɜɨɝɨ ɭɪɨɤɚ ɜ ɨɝɥɚɜɥɟɧɢɢ ɢ ɞɨ ɧɚɱɚɥɚ ɪɟɚɥɶɧɨɣ ɪɚɛɨɬɵ ɫ ɧɢɦ ɩɪɨɣɞɟɬ ɜɪɟɦɟɧɢ ɦɢɧɭɬɚ, ɦɚɤɫɢɦɭɦ ɞɜɟ. Ɂɚ ɷɬɨ ɜɪɟɦɹ ɧɭɠɧɚɹ ɱɚɫɬɶ ɤɭɪɫɚ, ɫɨɞɟɪɠɚɳɚɹ ɷɬɨɬ ɫɚɦɵɣ ɭɪɨɤ, ɡɚɝɪɭɡɢɬɫɹ ɜ ɩɚɦɹɬɶ ȼɚɲɟɝɨ ɤɨɦɩɶɸɬɟɪɚ, ɩɪɨɣɞɟɬ ɩɪɨɰɟɫɫ ɪɚɫɩɚɤɨɜɤɢ ɞɚɧɧɵɯ.
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
19
ɋɧɚɱɚɥɚ ɪɚɡɛɟɪɟɦɫɹ, ɤɚɤ ɩɪɨɢɫɯɨɞɢɬ ɨɛɭɱɟɧɢɟ ɩɨɥɶɡɨɜɚɬɟɥɹ ɜ ɫɢɫɬɟɦɟ TeachPro. ɋɭɬɶ ɡɚɧɹɬɢɣ ɩɪɟɞɟɥɶɧɨ ɩɪɨɫɬɚ ɢ ɦɚɤɫɢɦɚɥɶɧɨ ɩɪɢɛɥɢɠɟɧɚ ɤ ɪɟɚɥɶɧɵɦ ɡɚɧɹɬɢɹɦ ɜ ɚɭɞɢɬɨɪɢɢ ɫ ɩɪɟɩɨɞɚɜɚɬɟɥɟɦ. ȼɵ ɫɥɵɲɢɬɟ ɝɨɥɨɫ ɥɟɤɬɨɪɚ, ɢ ɨɞɧɨɜɪɟɦɟɧɧɨ ɜɢɞɢɬɟ ɜɫɟ ɬɟ ɨɩɟɪɚɰɢɢ, ɤɨɬɨɪɵɟ ɥɟɤɬɨɪ ɩɪɨɢɡɜɨɞɢɬ ɧɚ ɫɜɨɟɦ ɤɨɦɩɶɸɬɟɪɟ. Ɍɨ ɟɫɬɶ, ɢɞɟɬ ɪɟɚɥɶɧɚɹ ɪɚɛɨɬɚ ɫ ɢɡɭɱɚɟɦɨɣ ɩɪɨɝɪɚɦɦɨɣ, ɩɪɢ ɷɬɨɦ ɜɫɟ ɩɪɨɢɫɯɨɞɹɳɟɟ ɧɚ ɷɤɪɚɧɟ ɩɨɞɪɨɛɧɨ ɤɨɦɦɟɧɬɢɪɭɟɬɫɹ ɢ ɨɛɴɹɫɧɹɟɬɫɹ. Ⱦɨɩɨɥɧɢɬɟɥɶɧɨ ȼɵ ɢɦɟɟɬɟ ɜɨɡɦɨɠɧɨɫɬɶ ɨɬɫɥɟɠɢɜɚɬɶ ɬɟ ɞɟɣɫɬɜɢɹ ɥɟɤɬɨɪɚ, ɤɨɬɨɪɵɟ ɧɚ ɷɤɪɚɧɟ ɩɪɢ ɪɚɛɨɬɟ ɫ ɬɨɣ ɢɥɢ ɢɧɨɣ ɩɪɨɝɪɚɦɦɨɣ ɨɛɵɱɧɨ ɧɟ ɜɢɞɧɵ. ɋɤɚɠɟɦ, ɤɚɤɚɹ ɤɧɨɩɤɚ ɦɵɲɢ ɢ ɤɨɝɞɚ ɛɵɥɚ ɧɚɠɚɬɚ, ɤɚɤɢɟ ɤɥɚɜɢɲɢ, ɤɨɦɛɢɧɚɰɢɢ ɤɥɚɜɢɲ ɢ ɜ ɤɚɤɨɦ ɩɨɪɹɞɤɟ ɧɚɠɢɦɚɥɢɫɶ ɧɚ ɤɥɚɜɢɚɬɭɪɟ. ɗɮɮɟɤɬ ɞɨɫɬɢɝɚɟɬɫɹ ɬɚɤɨɣ, ɤɚɤ ɟɫɥɢ ɛɵ ɪɹɞɨɦ ɫ ȼɚɦɢ ɫɢɞɟɥ ɨɩɵɬɧɵɣ ɩɟɞɚɝɨɝ, ɜɫɟ ɛɵ ȼɚɦ ɩɨɤɚɡɵɜɚɥ ɢ ɪɚɫɫɤɚɡɵɜɚɥ, ɚ ȼɵ ɛɵ ɟɳɟ ɩɨɫɬɨɹɧɧɨ ɩɪɟɪɵɜɚɥɢ ɟɝɨ ɢ ɩɟɪɟɫɩɪɚɲɢɜɚɥɢ: «Ⱥ ɫɟɣɱɚɫ ɱɬɨ ɬɵ ɧɚɠɚɥ, ɚ ɤɚɤ ɬɵ ɷɬɨ ɫɞɟɥɚɥ?». ɂɦɟɟɬɫɹ 4 ɪɟɠɢɦɚ ɨɛɭɱɟɧɢɹ, ɪɚɡɛɟɪɟɦɫɹ ɫ ɧɢɦɢ ɩɨɞɪɨɛɧɨ. Ɉɛɭɱɟɧɢɟ ɜ ɧɟɩɪɟɪɵɜɧɨɦ ɪɟɠɢɦɟ Ʉɚɤ ɜɢɞɧɨ ɢɡ ɧɚɡɜɚɧɢɹ, ɭɪɨɤ ɢɞɟɬ ɛɟɡ ɩɟɪɟɪɵɜɚ, ɩɨɷɬɨɦɭ ɨɤɨɥɨ 15 ɦɢɧɭɬ ɩɪɢɞɟɬɫɹ ɜɨɫɩɪɢɧɢɦɚɬɶ ɢɧɮɨɪɦɚɰɢɸ «ɧɚ ɨɞɧɨɦ ɞɵɯɚɧɢɢ». ȼɵ, ɤɨɧɟɱɧɨ, ɜ ɥɸɛɨɣ ɦɨɦɟɧɬ ɦɨɠɟɬɟ ɟɟ ɨɫɬɚɧɨɜɢɬɶ, ɧɚɠɚɜ ɧɚ ɋɬɨɩ ɢɥɢ ɧɚ ɉɚɭɡɚ. Ɉɛɭɱɟɧɢɟ ɜ ɩɨɲɚɝɨɜɨɦ ɪɟɠɢɦɟ ɍɪɨɤ ɪɚɡɛɢɬ ɧɚ ɧɟɤɨɬɨɪɨɟ ɤɨɥɢɱɟɫɬɜɨ ɱɚɫɬɟɣ, ɢɥɢ ɲɚɝɨɜ. ɂɯ ɦɨɠɟɬ ɛɵɬɶ 10 - 20 ɜ ɭɪɨɤɟ, ɢ ɤɚɠɞɵɣ ɫɨɞɟɪɠɢɬ ɧɟɤɨɬɨɪɵɣ ɮɪɚɝɦɟɧɬ ɦɚɬɟɪɢɚɥɚ, ɨ ɤɨɬɨɪɨɦ ɝɨɜɨɪɢɬ ɥɟɤɬɨɪ. ɉɨɫɥɟ ɩɪɨɫɥɭɲɢɜɚɧɢɹ ɨɞɧɨɝɨ ɲɚɝɚ ɥɟɤɰɢɹ ɩɪɟɪɵɜɚɟɬɫɹ, ɢ ȼɵ ɦɨɠɟɬɟ ɧɚɱɚɬɶ ɫɥɭɲɚɬɶ ɫɥɟɞɭɸɳɭɸ ɱɚɫɬɶ ɥɟɤɰɢɢ, ɥɢɛɨ ɟɳɟ ɪɚɡ ɩɪɨɣɬɢ ɩɪɟɞɵɞɭɳɭɸ. Ʉɨɧɬɪɨɥɶɧɵɣ ɪɟɠɢɦ Ɂɞɟɫɶ ȼɚɦ ɩɪɟɞɥɨɠɚɬ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɫɞɟɥɚɬɶ ɬɨ ɢɥɢ ɢɧɨɟ ɞɟɣɫɬɜɢɟ. ɗɬɨ ɦɨɠɟɬ ɛɵɬɶ ɢɡɦɟɧɟɧɢɟ ɫɨɨɬɜɟɬɫɬɜɭɸɳɟɣ ɨɩɰɢɢ ɜ ɦɟɧɸ, ɧɚɠɚɬɢɟ ɧɚ ɤɥɚɜɢɲɭ ɧɚ ɩɚɧɟɥɢ ɢɧɫɬɪɭɦɟɧɬɨɜ ɢɥɢ ɩɪɢɦɟɧɟɧɢɟ ɤɨɦɛɢɧɚɰɢɢ ɤɥɚɜɢɲ ɤɥɚɜɢɚɬɭɪɵ. ɑɚɳɟ ɜɫɟɝɨ ɩɨɥɶɡɨɜɚɬɟɥɹ ɩɪɨɫɹɬ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɩɨɜɬɨɪɢɬɶ ɬɟ ɞɟɣɫɬɜɢɹ, ɤɨɬɨɪɵɟ ɥɟɤɬɨɪ ɬɨɥɶɤɨ ɱɬɨ ɩɪɨɢɡɜɟɥ. Ɍɟɫɬɨɜɵɣ ɪɟɠɢɦ Ɂɞɟɫɶ ɨɬ ɩɨɥɶɡɨɜɚɬɟɥɹ ɩɨɬɪɟɛɭɟɬɫɹ ɦɚɤɫɢɦɭɦ ɜɧɢɦɚɧɢɹ ɢ ɡɧɚɧɢɹ ɩɪɟɞɦɟɬɧɨɣ ɨɛɥɚɫɬɢ. ȼɚɦ ɩɪɢɞɟɬɫɹ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɪɟɲɢɬɶ ɧɟɫɤɨɥɶɤɨ ɡɚɞɚɱ, ɤɨɬɨɪɵɟ ɩɨɫɬɚɜɢɬ ɥɟɤɬɨɪ. Ɍɨ ɟɫɬɶ ɜɵɩɨɥɧɢɬɶ ɫɚɦɨɦɭ ɪɹɞ ɞɟɣɫɬɜɢɣ, ɨɩɟɪɢɪɭɹ ɫ
20
TeachPro Microsoft FrontPage 2003
ɦɵɲɶɸ ɢ ɤɥɚɜɢɚɬɭɪɨɣ. ɗɬɨ ɩɨɬɪɟɛɭɟɬ ɬɜɟɪɞɨɝɨ ɡɧɚɧɢɹ ɜɫɟɝɨ ɦɚɬɟɪɢɚɥɚ ɷɬɨɝɨ ɭɪɨɤɚ.
Ɉɛɥɚɫɬɶ ɞɟɦɨɧɫɬɪɚɰɢɢ ɭɪɨɤɚ ȼ ɪɚɛɨɱɟɣ ɨɛɥɚɫɬɢ ɞɟɦɨɧɫɬɪɢɪɭɟɬɫɹ ɧɟɩɨɫɪɟɞɫɬɜɟɧɧɚɹ ɪɚɛɨɬɚ ɥɟɤɬɨɪɚ ɫ ɷɬɨɣ ɩɪɨɝɪɚɦɦɨɣ: ɩɟɪɟɦɟɳɚɟɬɫɹ ɤɭɪɫɨɪ ɦɵɲɢ, ɧɚɛɢɪɚɟɬɫɹ ɬɟɤɫɬ, ɮɨɪɦɢɪɭɸɬɫɹ ɬɚɛɥɢɰɵ, ɨɬɤɪɵɜɚɸɬɫɹ ɦɟɧɸ ɢ ɬ. ɞ.
ɉɚɧɟɥɶ ɭɩɪɚɜɥɟɧɢɹ ɫɢɫɬɟɦɵ TeachPro
ȿɟ ɨɫɧɨɜɧɚɹ ɡɚɞɚɱɚ - ɞɚɬɶ ȼɚɦ ɜɨɡɦɨɠɧɨɫɬɶ ɫɚɦɨɦɭ ɭɩɪɚɜɥɹɬɶ ɩɪɨɰɟɫɫɨɦ ɨɛɭɱɟɧɢɹ: ɜɵɡɵɜɚɬɶ ɫɢɫɬɟɦɭ ɩɨɦɨɳɢ, ɫɬɚɜɢɬɶ ɫɜɨɢ ɡɚɤɥɚɞɤɢ ɜ ɧɚɢɛɨɥɟɟ ɢɧɬɟɪɟɫɧɵɯ ɦɟɫɬɚɯ ɢ ɬ.ɞ. Ɂɚɛɟɝɚɹ ɜɩɟɪɺɞ, ɫɤɚɠɟɦ, ɱɬɨ ɫ ɷɬɨɣ ɩɚɧɟɥɢ ɦɨɠɧɨ ɜɵɡɜɚɬɶ ɞɨɩɨɥɧɢɬɟɥɶɧɵɟ ɩɚɧɟɥɢ – ɩɚɧɟɥɶ ɡɚɤɥɚɞɨɤ ɢ ɩɚɧɟɥɶ ɬɟɤɫɬɚ ɥɟɤɰɢɢ. Ɉɤɧɨ ɫ ɚɜɬɨɦɚɬɢɱɟɫɤɢ ɩɪɨɤɪɭɱɢɜɚɟɦɵɦ ɬɟɤɫɬɨɦ ɥɟɤɰɢɢ ɛɭɞɟɬ ɨɫɨɛɟɧɧɨ ɩɨɥɟɡɧɨ ɞɥɹ ɝɥɭɯɢɯ ɢ ɞɥɹ ɥɸɞɟɣ ɫ ɨɫɥɚɛɥɟɧɧɵɦ ɫɥɭɯɨɦ, ɢɥɢ ɠɟ ɩɪɢ ɨɬɫɭɬɫɬɜɢɢ ɡɜɭɤɨɜɨɣ ɤɚɪɬɵ ɧɚ ɤɨɦɩɶɸɬɟɪɟ. Ɍɟɩɟɪɶ ɪɚɫɫɦɨɬɪɢɦ, ɢɡ ɱɟɝɨ ɫɨɫɬɨɢɬ ɭɩɪɚɜɥɹɸɳɚɹ ɩɚɧɟɥɶ ɩɪɨɝɪɚɦɦɵ. ɉɟɪɟɞ ɧɚɦɢ ɪɹɞɵ ɤɥɚɜɢɲ ɢ ɢɧɮɨɪɦɚɰɢɨɧɧɚɹ ɩɚɧɟɥɶ. ɇɚɱɧɟɦ ɫ ɤɥɚɜɢɲ. Ʉɚɠɞɚɹ ɢɡ ɧɢɯ ɢɦɟɟɬ ɧɚɞɩɢɫɶ ɢɥɢ ɡɧɚɱɨɤ, ɩɨɹɫɧɹɸɳɢɣ ɞɟɣɫɬɜɢɹ. Ɉɧɢ ɢɦɟɸɬ ɞɜɟ ɩɨɡɢɰɢɢ, ɧɚɠɚɬɭɸ ɢɥɢ ɨɬɠɚɬɭɸ. Ʉɪɨɦɟ ɬɨɝɨ, ɤɥɚɜɢɲɢ ɦɨɝɭɬ ɛɵɬɶ ɞɨɫɬɭɩɧɵɦɢ ɢɥɢ ɧɟɞɨɫɬɭɩɧɵɦɢ ɜ ɞɚɧɧɵɣ ɦɨɦɟɧɬ ɜɪɟɦɟɧɢ. Ⱦɨɫɬɭɩɧɵɟ ɤɥɚɜɢɲɢ ɜɵɝɥɹɞɹɬ ɜɨɬ ɬɚɤ. Ⱥ ɧɟɞɨɫɬɭɩɧɵɟ - ɬɚɤ. ɗɬɨ ɦɨɠɟɬ ɨɡɧɚɱɚɬɶ, ɱɬɨ ɜ ɬɟɤɭɳɟɦ ɪɟɠɢɦɟ ɬɚɤɚɹ ɤɥɚɜɢɲɚ ɛɟɫɫɦɵɫɥɟɧɧɚ, ɤɚɤ, ɫɤɚɠɟɦ, ɉɨɞɫɤɚɡɤɚ ɜ ɪɟɠɢɦɟ ɧɟɩɪɟɪɵɜɧɨɣ ɞɟɦɨɧɫɬɪɚɰɢɢ. Ⱦɚɥɟɟ ɩɪɟɞɫɬɚɜɥɟɧ ɩɨɥɧɵɣ ɩɟɪɟɱɟɧɶ ɜɫɟɯ ɤɥɚɜɢɲ ɢ ɤɪɚɬɤɨɟ ɨɩɢɫɚɧɢɟ ɢɯ ɮɭɧɤɰɢɣ.
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
21
Ʉɥɚɜɢɲɢ ɭɩɪɚɜɥɟɧɢɹ ɞɟɦɨɧɫɬɪɚɰɢɟɣ ɭɪɨɤɚ ɉɨɜɬɨɪ ɜɨɩɪɨɫɚ - ɜ ɪɟɠɢɦɚɯ «ɤɨɧɬɪɨɥɶɧɵɣ» ɢ «ɬɟɫɬɨɜɵɣ» ɧɚɠɚɬɢɟ ɧɚ ɷɬɭ ɤɥɚɜɢɲɭ ɩɪɢɜɨɞɢɬ ɤ ɩɨɜɬɨɪɟɧɢɸ ɜɨɩɪɨɫɚ ɩɪɟɩɨɞɚɜɚɬɟɥɹ. ɋɬɨɩ - ɨɫɬɚɧɨɜɤɚ ɩɪɨɫɥɭɲɢɜɚɧɢɹ ɭɪɨɤɚ ɋɬɚɪɬ - ɧɚɱɚɬɶ (ɢɥɢ ɩɪɨɞɨɥɠɢɬɶ) ɭɪɨɤ ɉɚɭɡɚ – ɜɪɟɦɟɧɧɚɹ (ɤɨɪɨɬɤɚɹ) ɨɫɬɚɧɨɜɤɚ ȼɟɪɧɭɬɶɫɹ ɧɚɡɚɞ ɧɚ ɨɞɢɧ ɲɚɝ ɉɟɪɟɣɬɢ ɧɚ ɲɚɝ ɜɩɟɪɟɞ ɉɟɪɟɣɬɢ ɜ ɤɨɧɟɰ ɭɪɨɤɚ ɉɟɪɟɣɬɢ ɜ ɧɚɱɚɥɨ ɭɪɨɤɚ
Ʉɥɚɜɢɲɢ ɢɡɦɟɧɟɧɢɹ ɪɟɠɢɦɨɜ ɨɛɭɱɟɧɢɹ Ɉɛɭɱɟɧɢɟ ɜ ɧɟɩɪɟɪɵɜɧɨɦ ɪɟɠɢɦɟ ɉɨɲɚɝɨɜɵɣ ɪɟɠɢɦ Ʉɨɧɬɪɨɥɶɧɵɣ ɪɟɠɢɦ Ɍɟɫɬɨɜɵɣ ɪɟɠɢɦ Ʉɚɠɞɵɣ ɧɨɜɵɣ ɭɪɨɤ ɩɨ ɭɦɨɥɱɚɧɢɸ ɧɚɱɢɧɚɟɬɫɹ ɜ ɧɟɩɪɟɪɵɜɧɨɦ ɪɟɠɢɦɟ (ɤɥɚɜɢɲɚ Ɏɢɥɶɦ ɭɬɨɩɥɟɧɚ ɜ ɩɚɧɟɥɶ). ɑɬɨɛɵ ɩɟɪɟɣɬɢ ɜ ɞɪɭɝɨɣ ɪɟɠɢɦ, ɞɨɫɬɚɬɨɱɧɨ ɧɚɠɚɬɶ ɧɚ ɧɭɠɧɭɸ ɤɥɚɜɢɲɭ.
Ⱦɨɩɨɥɧɢɬɟɥɶɧɵɟ ɮɭɧɤɰɢɨɧɚɥɶɧɵɟ ɤɥɚɜɢɲɢ TeachPro ɉɨɞɫɤɚɡɤɚ ɂɫɩɨɥɶɡɭɟɬɫɹ ɬɨɥɶɤɨ ɜ ɤɨɧɬɪɨɥɶɧɨɦ ɢ ɬɟɫɬɨɜɨɦ ɪɟɠɢɦɚɯ. ɋɭɬɶ ɟɟ ɩɪɨɫɬɚ - ɤɨɝɞɚ ȼɵ ɫɨɜɫɟɦ ɧɟ ɡɧɚɟɬɟ, ɤɚɤ ɜɵɩɨɥɧɢɬɶ ɡɚɞɚɧɢɟ ɥɟɤɬɨɪɚ, ɧɚɠɢɦɚɣɬɟ ɧɚ ɉɨɞɫɤɚɡɤɭ. ɉɨɫɤɨɥɶɤɭ ɜ ɬɟɫɬɨɜɨɦ ɪɟɠɢɦɟ ȼɚɦ ɩɪɢɞɟɬɫɹ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɜɵɩɨɥɧɹɬɶ ɧɟ ɨɞɧɨ, ɚ ɫɟɪɢɸ ɞɟɣɫɬɜɢɣ, ɬɨ ɢ ɩɨɞɫɤɚɡɤɚ ɦɨɠɟɬ ɛɵɬɶ ɩɨɥɭɱɟɧɚ ɨɬɞɟɥɶɧɨ ɩɨ ɤɚɠɞɨɦɭ ɢɡ ɧɢɯ.
22
TeachPro Microsoft FrontPage 2003
1. ȿɫɥɢ ɩɨɬɪɟɛɨɜɚɥɨɫɶ ɳɟɥɤɧɭɬɶ ɦɵɲɶɸ ɜ ɨɩɪɟɞɟɥɟɧɧɭɸ ɨɛɥɚɫɬɶ ɷɤɪɚɧɚ, ɤɭɪɫɨɪ ɩɪɢɧɢɦɚɟɬ ɮɨɪɦɭ ɤɪɚɫɧɨɝɨ ɜɨɩɪɨɫɢɬɟɥɶɧɨɝɨ ɡɧɚɤɚ. ɉɪɢ ɜɵɡɨɜɟ ɩɨɞɫɤɚɡɤɢ TeachPro ɩɪɨɹɜɢɬ ɢɫɤɨɦɭɸ ɨɛɥɚɫɬɶ: - ɟɫɥɢ ɧɟɨɛɯɨɞɢɦɨ ɤɥɢɤɧɭɬɶ ɥɟɜɨɣ ɤɥɚɜɢɲɟɣ ɦɵɲɢ – ɨɛɥɚɫɬɶ ɡɚɝɨɪɢɬɫɹ ɤɪɚɫɧɵɦ ɰɜɟɬɨɦ: - ɟɫɥɢ ɧɟɨɛɯɨɞɢɦ ɞɜɨɣɧɨɣ ɳɟɥɱɨɤ ɥɟɜɨɣ ɤɥɚɜɢɲɟɣ ɦɵɲɢ, ɨɛɥɚɫɬɶ ɡɚɝɨɪɢɬɫɹ ɫɢɧɢɦ; - ɟɫɥɢ ɧɟɨɛɯɨɞɢɦɨ ɤɥɢɤɧɭɬɶ ɩɪɚɜɨɣ ɤɥɚɜɢɲɟɣ ɦɵɲɢ (ɧɚɩɪɢɦɟɪ, ɤɚɤ ɞɥɹ ɜɵɡɨɜɚ ɤɨɧɬɟɤɫɬɧɨɝɨ ɦɟɧɸ) – ɨɛɥɚɫɬɶ ɡɚɝɨɪɢɬɫɹ ɡɟɥɺɧɵɦ ɰɜɟɬɨɦ. Ȼɭɞɶɬɟ ɜɧɢɦɚɬɟɥɶɧɵ: ɟɫɥɢ ɜ ɭɪɨɤɟ ɬɪɟɛɭɟɬɫɹ ɞɜɨɣɧɨɣ ɳɟɥɱɨɤ, ɚ ɜɵ ɧɚɠɚɥɢ ɧɚ ɦɵɲɶ ɨɞɢɧ ɪɚɡ, ɨɬɜɟɬ ɛɭɞɟɬ ɡɚɧɟɫɺɧ ɜ ɫɬɚɬɢɫɬɢɤɭ ɫ ɨɲɢɛɤɨɣ. ɂɧɨɝɞɚ (ɨɱɟɧɶ ɪɟɞɤɨ) ɦɨɠɟɬ ɩɨɬɪɟɛɨɜɚɬɶɫɹ ɧɚɠɚɬɢɟ ɦɵɲɢ ɩɪɢ ɡɚɠɚɬɨɣ ɤɥɚɜɢɲɟ Shift, Alt ɢɥɢ Ctrl. ɉɪɢ ɷɬɨɦ ɩɨɞɫɤɚɡɤɚ ɡɚɝɨɪɢɬɫɹ, ɤɚɤ ɢ ɩɪɟɠɞɟ, ɬɨ ɩɨɜɟɪɯ ɩɨɹɜɢɬɫɹ ɧɚɞɩɢɫɶ Shift ɢ ɬ.ɞ. ȼ ɧɟɤɨɬɨɪɵɯ ɭɪɨɤɚɯ ɪɟɚɥɢɡɨɜɚɧ ɬɚɤɠɟ ɦɟɯɚɧɢɡɦ Drag and Drop, ɬɚɤ ɧɚɡɵɜɚɟɦɨɟ ɩɟɪɟɬɚɫɤɢɜɚɧɢɟ ɨɛɴɟɤɬɨɜ ɩɪɢ ɩɨɦɨɳɢ ɦɵɲɢ. ȼɚɦ ɩɨɬɪɟɛɭɟɬɫɹ ɧɚɠɚɬɶ ɥɟɜɭɸ ɤɧɨɩɤɭ ɦɵɲɢ ɜ ɨɞɧɨɣ ɨɛɥɚɫɬɢ ɷɤɪɚɧɚ, ɩɪɨɬɚɳɢɬɶ ɦɵɲɶ ɩɨ ɷɤɪɚɧɭ ɢ ɨɬɩɭɫɬɢɬɶ ɜ ɞɪɭɝɨɣ ɨɛɥɚɫɬɢ ɷɤɪɚɧɚ. ɉɪɢ ɩɨɞɫɤɚɡɤɟ ɩɟɪɜɚɹ ɨɛɥɚɫɬɶ ɛɭɞɟɬ ɦɢɝɚɬɶ ɤɪɚɫɧɵɦ, ɜɬɨɪɚɹ – ɡɟɥɺɧɵɦ ɰɜɟɬɨɦ. ȼ ɫɥɭɱɚɟ ɟɫɥɢ ɩɨɬɪɟɛɭɟɬɫɹ ɜɵɞɟɥɢɬɶ ɞɢɚɩɚɡɨɧ ɹɱɟɟɤ, ɜ ɤɚɱɟɫɬɜɟ ɩɨɞɫɤɚɡɤɢ ɛɭɞɭɬ ɭɤɚɡɚɧɵ ɜɟɪɯɧɢɣ ɥɟɜɵɣ ɢ ɩɪɚɜɵɣ ɧɢɠɧɢɣ ɭɝɨɥ. ɉɪɢ ɩɪɨɜɟɞɟɧɢɢ ɥɢɧɢɣ ɩɨɬɪɟɛɭɟɬɫɹ ɩɪɨɜɟɫɬɢ ɥɢɧɢɸ ɢɡ ɧɚɱɚɥɶɧɨɣ ɬɨɱɤɢ, ɜ ɤɨɧɟɱɧɭɸ. ɉɪɢ ɩɪɨɯɨɠɞɟɧɢɢ ɬɟɫɬɨɜɵɯ ɫɟɪɢɣ, ɩɪɢ ɪɚɫɤɪɵɬɢɢ ɜɥɨɠɟɧɧɵɯ ɩɨɞɦɟɧɸ, ɛɵɜɚɟɬ ɞɨɫɬɚɬɨɱɧɨ ɬɨɥɶɤɨ ɩɨɞɜɟɞɟɧɢɹ ɦɵɲɢ, ɛɟɡ ɧɚɠɚɬɢɹ. Ɍɚɤɢɟ ɨɛɥɚɫɬɢ ɬɚɤɠɟ ɛɭɞɭɬ ɨɬɦɟɱɟɧɵ ɤɪɚɫɧɵɦ ɰɜɟɬɨɦ, ɧɨ ɫɢɫɬɟɦɚ ɫɪɟɚɝɢɪɭɟɬ ɭɠɟ ɩɪɢ ɩɨɞɜɟɞɟɧɢɢ ɦɵɲɢ ɜ ɧɟɤɨɬɨɪɭɸ ɨɛɥɚɫɬɶ ɷɤɪɚɧɚ, ɢ ɭɪɨɤ ɩɨɣɞɺɬ ɞɚɥɶɲɟ. ȼ ɤɚɱɟɫɬɜɟ ɨɛɥɚɫɬɟɣ ɞɥɹ ɧɚɠɚɬɢɹ ɦɵɲɢ ɦɨɝɭɬ ɛɵɬɶ ɧɟ ɬɨɥɶɤɨ ɩɪɹɦɨɭɝɨɥɶɧɢɤɢ, ɧɨ, ɯɨɬɹ ɢ ɞɨɜɨɥɶɧɨ ɪɟɞɤɨ, ɨɛɥɚɫɬɢ ɫ ɦɧɨɝɨɭɝɨɥɶɧɵɦɢ ɝɪɚɧɢɰɚɦɢ. ɂɥɢ ɠɟ ɩɨɬɪɟɛɭɟɬɫɹ ɩɟɪɟɱɢɫɥɢɬɶ ɜɫɟ ɨɛɥɚɫɬɢ ɧɚ ɷɤɪɚɧɟ, ɨɛɴɟɞɢɧɺɧɧɵɟ ɤɚɤɢɦ-ɥɢɛɨ ɩɪɢɡɧɚɤɨɦ, ɢɥɢ ɭɤɚɡɚɬɶ ɯɨɬɹ ɛɵ ɨɞɧɭ ɢɡ ɧɢɯ. ȿɫɥɢ ɩɪɢ ɷɬɨɦ ɜɵɡɜɚɬɶ ɩɨɞɫɤɚɡɤɭ, ɨɧɚ ɛɭɞɟɬ ɨɮɨɪɦɥɟɧɚ ɜ ɫɥɟɞɭɸɳɟɦ ɜɢɞɟ: - ɟɫɥɢ ɧɟɨɛɯɨɞɢɦɨ ɭɤɚɡɚɬɶ ɧɟɫɤɨɥɶɤɨ ɬɨɱɟɤ-ɨɛɥɚɫɬɟɣ ɧɚ ɷɤɪɚɧɟ (ɜ ɩɪɨɢɡɜɨɥɶɧɨɦ ɩɨɪɹɞɤɟ), ɬɨ ɬɚɤɢɟ ɨɛɥɚɫɬɢ ɛɭɞɭɬ ɨɬɦɟɱɟɧɵ ɤɪɚɫɧɵɦ ɰɜɟɬɨɦ; - ɟɫɥɢ ɜɚɠɟɧ ɩɨɪɹɞɨɤ ɩɟɪɟɱɢɫɥɟɧɢɹ ɬɨɱɟɤ, ɩɪɢ ɩɨɞɫɤɚɡɤɟ ɤɚɠɞɚɹ ɨɛɥɚɫɬɶ ɛɭɞɟɬ ɫɧɚɛɠɟɧɚ ɧɨɦɟɪɨɦ 1, 2, 3..;
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
23
- ɟɫɥɢ ɞɨɫɬɚɬɨɱɧɨ ɭɤɚɡɚɬɶ ɨɞɧɭ ɨɛɥɚɫɬɶ ɢɡ ɜɫɟɝɨ ɧɚɛɨɪɚ (ɧɚɩɪɢɦɟɪ, ɞɟɣɫɬɜɢɟ ɦɨɠɧɨ ɫɞɟɥɚɬɶ ɥɸɛɵɦ ɫɩɨɫɨɛɨɦ ɫɪɟɞɢ ɚɥɶɬɟɪɧɚɬɢɜɧɵɯ), ɬɚɤɢɟ ɨɛɥɚɫɬɢ ɛɭɞɭɬ ɨɬɦɟɱɟɧɵ ɤɚɠɞɚɹ ɨɪɚɧɠɟɜɵɦ ɰɜɟɬɨɦ. 2. ȿɫɥɢ ɠɟ ɩɨɧɚɞɨɛɢɬɫɹ ɧɚɠɚɬɶ ɤɥɚɜɢɲɭ ɢɥɢ ɢɯ ɤɨɦɛɢɧɚɰɢɸ ɧɚ ɤɥɚɜɢɚɬɭɪɟ, ɤɭɪɫɨɪ ɩɪɢɧɢɦɚɟɬ ɱɺɪɧɨ-ɛɟɥɭɸ ɮɨɪɦɭ. ɉɪɢ ɜɵɡɨɜɟ ɩɨɞɫɤɚɡɤɢ ɫɢɫɬɟɦɚ TeachPro ɧɚɪɢɫɭɟɬ ɨɤɨɲɤɨ, ɝɞɟ ɨɬɨɛɪɚɡɹɬɫɹ ɬɟ ɤɥɚɜɢɲɢ, ɧɚ ɤɨɬɨɪɵɟ ɬɪɟɛɭɟɬɫɹ ɧɚɠɚɬɶ ɞɥɹ ɩɪɨɞɨɥɠɟɧɢɹ ɡɚɧɹɬɢɹ. ɇɟɤɨɬɨɪɵɟ ɤɥɚɜɢɲɢ ɩɨɬɪɟɛɭɟɬɫɹ ɧɚɠɚɬɶ ɜ ɫɨɱɟɬɚɧɢɹɯ ɫ Shift, Ctrl, Ctrl+Shift ɢɥɢ Alt. ɂɧɨɝɞɚ ɩɪɢ ɨɬɜɟɬɟ ɩɨɬɪɟɛɭɟɬɫɹ ɧɚɠɚɬɶ ɧɟ ɨɞɧɭ ɤɥɚɜɢɲɭ, ɚ ɜɜɟɫɬɢ ɰɟɥɭɸ ɫɬɪɨɤɭ ɬɟɤɫɬɚ, ɟɫɥɢ ɷɬɨ ɨɛɭɫɥɨɜɥɟɧɨ ɫɢɬɭɚɰɢɟɣ ɜ ɭɪɨɤɟ. ɇɚɩɪɢɦɟɪ, ɜɜɟɫɬɢ ɚɞɪɟɫɧɭɸ ɫɬɪɨɤɭ ɬɟɤɫɬɚ, ɡɧɚɱɟɧɢɟ ɹɱɟɣɤɢ ɬɚɛɥɢɰɵ, ɢɥɢ ɩɪɨɫɬɨ ɜɜɟɫɬɢ ɱɢɫɥɨ, ɤɨɬɨɪɨɟ ɬɨɥɶɤɨ ɱɬɨ ɜɢɞɟɥɢ ɧɚ ɷɤɪɚɧɟ. ɇɚ ɷɤɪɚɧɟ ɨɬɦɟɬɢɬɫɹ ɛɟɥɵɣ ɩɪɹɦɨɭɝɨɥɶɧɢɤ, ɜ ɤɨɬɨɪɨɦ ɧɟɨɛɯɨɞɢɦɨ ɜɜɟɫɬɢ ɷɬɨɬ ɬɟɤɫɬ ɩɨɫɥɟɞɨɜɚɬɟɥɶɧɵɦ ɧɚɠɚɬɢɟɦ ɤɥɚɜɢɲ, ɢ ɧɚɠɚɬɢɟ ɤɚɠɞɨɣ ɤɥɚɜɢɲɢ ɨɬɨɛɪɚɡɢɬɫɹ ɜ ɫɬɪɨɤɟ ɬɟɤɫɬɚ ɧɚ ɷɤɪɚɧɟ. Ɍɚɤɠɟ ɦɨɠɧɨ ɩɨɥɭɱɢɬɶ ɩɨɞɫɤɚɡɤɭ ɩɨ ɨɱɟɪɟɞɧɨɣ ɤɥɚɜɢɲɟ. Ɉɛɵɱɧɨ ɬɚɤɨɣ ɜɜɨɞ ɧɟɱɭɜɫɬɜɢɬɟɥɟɧ ɤ ɪɟɝɢɫɬɪɭ, ɧɨ ɜ ɫɥɭɱɚɟ ɫɦɟɧɵ ɹɡɵɤɚ ɩɨɹɜɢɬɫɹ ɫɨɨɛɳɟɧɢɟ, ɟɫɥɢ ɧɚɞɨ ɩɟɪɟɤɥɸɱɢɬɶ ɤɥɚɜɢɚɬɭɪɭ ɫ ɚɧɝɥɢɣɫɤɨɝɨ ɧɚ ɪɭɫɫɤɢɣ. 3. ȼɨɩɪɨɫɵ ɫ ɜɚɪɢɚɧɬɚɦɢ ɨɬɜɟɬɨɜ. ɉɨ ɯɨɞɭ ɥɟɤɰɢɢ ɦɨɝɭɬ ɜɨɡɧɢɤɚɬɶ ɬɟɤɫɬɨɜɵɟ ɜɨɩɪɨɫɵ ɫ ɱɟɬɵɪɶɦɹ ɢɥɢ ɦɟɧɟɟ ɜɚɪɢɚɧɬɚɦɢ ɨɬɜɟɬɚ. ȼ ɬɚɤɨɦ ɫɥɭɱɚɟ ɧɚɞɨ ɛɭɞɟɬ ɭɤɚɡɚɬɶ ɦɵɲɶɸ ɬɟɤɫɬ ɩɪɚɜɢɥɶɧɨɝɨ ɨɬɜɟɬɚ. ȿɫɥɢ ɠɟ ɜ ɤɚɱɟɫɬɜɟ ɨɬɜɟɬɚ ɧɚ ɜɨɩɪɨɫ ɩɪɟɞɥɚɝɚɟɬɫɹ «ɞɚ» ɢɥɢ «ɧɟɬ», ɧɟɨɛɯɨɞɢɦɨ ɭɤɚɡɚɬɶ ɩɪɚɜɢɥɶɧɵɣ ɜɚɪɢɚɧɬ ɦɵɲɶɸ. ɉɪɢ ɧɟɨɛɯɨɞɢɦɨɫɬɢ ɦɨɠɧɨ ɜɨɫɩɨɥɶɡɨɜɚɬɶɫɹ ɩɨɞɫɤɚɡɤɨɣ, ɢ ɨɛɥɚɫɬɶ ɩɪɚɜɢɥɶɧɨɝɨ ɨɬɜɟɬɚ ɨɬɦɟɬɢɬɫɹ ɤɪɚɫɧɵɦ.
Ɂɚɤɥɚɞɤɢ ɋɢɫɬɟɦɚ ɡɚɤɥɚɞɨɤ ɞɚɟɬ ȼɚɦ ɜɨɡɦɨɠɧɨɫɬɶ ɨɬɦɟɱɚɬɶ ɬɟ ɦɟɫɬɚ ɜ ɥɟɤɰɢɹɯ, ɤɨɬɨɪɵɟ ȼɚɫ ɨɫɨɛɟɧɧɨ ɡɚɢɧɬɟɪɟɫɨɜɚɥɢ. ɉɨɫɤɨɥɶɤɭ ɩɪɨɰɟɫɫ ɨɛɭɱɟɧɢɹ ɜɟɫɶɦɚ ɢɧɞɢɜɢɞɭɚɥɟɧ, ɬɨ ɢ ɧɚɛɨɪɵ ɡɚɤɥɚɞɨɤ ɭ ɤɚɠɞɨɝɨ ɫɜɨɢ. Ʉɨɝɞɚ ɧɚ ɩɟɪɜɨɦ ɷɤɪɚɧɟ ȼɵ ɜɵɛɢɪɚɟɬɟ ɫɜɨɟ ɢɦɹ, ɩɨɞɝɪɭɠɚɸɬɫɹ ɢɦɟɧɧɨ ȼɚɲɢ ɡɚɤɥɚɞɤɢ. ȼɨɬ ɧɟɫɤɨɥɶɤɨ ɫɥɭɱɚɟɜ, ɤɨɝɞɚ ɧɭɠɧɨ ɩɨɫɬɚɜɢɬɶ ɡɚɤɥɚɞɤɭ: 1. ɑɚɫɬɶ ɦɚɬɟɪɢɚɥɚ ɭɪɨɤɚ ɬɚɤ ɢ ɨɫɬɚɥɚɫɶ ɧɟɩɨɧɹɬɨɣ. Ɉɬɦɟɬɶɬɟ ɷɬɨ ɦɟɫɬɨ, ɢ ɜ ɞɚɥɶɧɟɣɲɢɯ ɥɟɤɰɢɹɯ, ɝɞɟ ɬɚɤɨɣ ɦɚɬɟɪɢɚɥ ɛɭɞɟɬ ɢɫɩɨɥɶɡɨɜɚɬɶɫɹ ɧɚ ɞɪɭ-
24
TeachPro Microsoft FrontPage 2003
ɝɢɯ ɩɪɢɦɟɪɚɯ ɢ ɜ ɢɧɨɦ ɤɨɧɬɟɤɫɬɟ, ȼɵ ɫɦɨɠɟɬɟ ɫɨɩɨɫɬɚɜɢɬɶ ɩɪɢɟɦɵ ɪɚɛɨɬɵ ɢ ɪɚɡɨɛɪɚɬɶɫɹ ɜ ɫɥɨɠɧɨɣ ɬɟɦɟ. 2. ȼɚɦ ɩɨɤɚɡɚɥɢ ɤɚɤɨɣ-ɧɢɛɭɞɶ ɢɧɬɟɪɟɫɧɵɣ ɩɪɢɟɦ ɢɥɢ ɦɟɬɨɞ, ɢ ȼɵ ɩɨɧɹɥɢ, ɝɞɟ ɜ ɫɜɨɟɣ ɪɚɛɨɬɟ ɫɦɨɠɟɬɟ ɟɝɨ ɢɫɩɨɥɶɡɨɜɚɬɶ. ɉɟɪɟɞ ɧɚɱɚɥɨɦ ɩɪɨɟɤɬɢɪɨɜɚɧɢɹ ɦɨɠɧɨ ɛɵɫɬɪɨ ɩɟɪɟɥɢɫɬɚɬɶ ɧɭɠɧɵɟ, ɨɬɦɟɱɟɧɧɵɟ ɜ ɥɟɤɰɢɹɯ ɷɥɟɦɟɧɬɵ. 3. Ʉɨɝɞɚ ɝɨɬɨɜɹɬɫɹ ɥɟɤɰɢɢ ɞɥɹ ɲɤɨɥɶɧɢɤɨɜ ɢ ɫɬɭɞɟɧɬɨɜ Ʉɚɤ ɢɯ ɫɬɚɜɢɬɶ? ȿɫɥɢ ɧɚɠɚɬɶ ɧɚ ɤɥɚɜɢɲɭ Ɂɚɤɥɚɞɤɚ, ɬɨ ɭɪɨɤ ɛɭɞɟɬ ɩɪɢɨɫɬɚɧɨɜɥɟɧ, ɩɚɧɟɥɶ ɭɩɪɚɜɥɟɧɢɹ TeachPro ɡɚɦɟɧɢɬɫɹ ɩɚɧɟɥɶɸ ɭɩɪɚɜɥɟɧɢɹ ɡɚɤɥɚɞɤɚɦɢ. ȼɨɬ ɨɧɚ.
ȼ ɥɟɜɨɣ ɱɚɫɬɢ ɪɚɫɩɨɥɨɠɟɧ ɫɩɢɫɨɤ ɡɚɤɥɚɞɨɤ, ɭɠɟ ɫɭɳɟɫɬɜɭɸɳɢɯ ɜ ɫɢɫɬɟɦɟ. ȿɫɥɢ ɧɚɡɜɚɧɢɹ ɜɫɟɯ ɡɚɤɥɚɞɨɤ ɧɟ ɩɨɦɟɫɬɢɥɢɫɶ ɧɚ ɷɤɪɚɧɟ, ɦɨɠɧɨ ɜɨɫɩɨɥɶɡɨɜɚɬɶɫɹ ɩɨɥɨɫɨɣ ɩɪɨɤɪɭɬɤɢ ɢ ɧɚɣɬɢ ɧɭɠɧɭɸ. ɑɬɨɛɵ ɩɟɪɟɣɬɢ ɩɨ ɡɚɤɥɚɞɤɟ, ɦɨɠɧɨ ɞɜɚɠɞɵ ɳɟɥɤɧɭɬɶ ɦɵɲɶɸ ɩɨ ɟɟ ɧɚɡɜɚɧɢɸ, ɥɢɛɨ, ɨɬɦɟɬɢɜ ɡɚɤɥɚɞɤɭ (ɨɞɧɨɤɪɚɬɧɵɣ ɳɟɥɱɨɤ ɦɵɲɶɸ), ɧɚɠɚɬɶ ɧɚ ɤɥɚɜɢɲɭ ɉɟɪɟɣɬɢ ɤ… Ⱥ ɧɚɞ ɫɩɢɫɤɨɦ ɧɚɯɨɞɢɬɫɹ ɤɨɦɦɟɧɬɚɪɢɣ ɤ ɬɟɤɭɳɟɣ (ɨɬɦɟɱɟɧɧɨɣ) ɡɚɤɥɚɞɤɟ, ɭɤɚɡɵɜɚɟɬ ɩɨɥɧɨɟ ɧɚɡɜɚɧɢɟ ɡɚɤɥɚɞɤɢ, ɞɚɬɭ ɟɟ ɫɨɡɞɚɧɢɹ, ɚ ɬɚɤɠɟ ɧɨɦɟɪ ɥɟɤɰɢɢ, ɧɚ ɤɨɬɨɪɨɣ ɨɧɚ ɩɨɫɬɚɜɥɟɧɚ. Ⱦɚɥɟɟ ɪɚɫɩɨɥɨɠɟɧ ɧɚɛɨɪ ɤɥɚɜɢɲ. Ɉɧɢ ɧɟɞɨɫɬɭɩɧɵ ɜ ɩɚɧɟɥɢ ɭɩɪɚɜɥɟɧɢɹ ɭɪɨɤɨɦ, ɢɦɢ ɦɨɠɧɨ ɜɨɫɩɨɥɶɡɨɜɚɬɶɫɹ ɬɨɥɶɤɨ ɨɬɫɸɞɚ. ɂɬɚɤ, ɤɥɚɜɢɲɢ ɭɩɪɚɜɥɟɧɢɹ ɫɢɫɬɟɦɨɣ ɡɚɤɥɚɞɨɤ. Ƚɥɚɜɧɚɹ. ȼɨɡɜɪɚɳɚɟɬ ȼɚɫ ɨɛɪɚɬɧɨ ɤ ɩɚɧɟɥɢ ɭɩɪɚɜɥɟɧɢɹ ɭɪɨɤɨɦ. ɋɨɡɞɚɬɶ. ɋɨɡɞɚɟɬ ɧɨɜɭɸ ɡɚɤɥɚɞɤɭ. ȿɫɥɢ ɧɚ ɷɬɭ ɤɥɚɜɢɲɭ ɧɚɠɚɬɶ, ɩɨɹɜɢɬɫɹ ɧɟɛɨɥɶɲɨɟ ɦɟɧɸ, ɝɞɟ ɜ ɫɬɪɨɤɟ ɧɚɡɜɚɧɢɹ ɦɨɠɧɨ ɧɚɛɪɚɬɶ ɬɟɤɫɬ, ɨɛɨɡɧɚɱɚɸɳɢɣ ɡɚɤɥɚɞɤɭ, ɚ ɩɨɬɨɦ ɧɚɠɚɬɶ ɧɚ ɤɥɚɜɢɲɭ Ⱦɚ, (ɟɫɥɢ ɩɟɪɟɞɭɦɚɥɢ, ɧɚɠɦɢɬɟ ɧɚ ɤɥɚɜɢɲɭ Ɉɬɦɟɧɚ). Ʉɨɝɞɚ ȼɵ ɞɨɛɚɜɥɹɟɬɟ ɜ ɫɢɫɬɟɦɟ ɧɨɜɭɸ ɡɚɤɥɚɞɤɭ, ɨɧɚ, ɤɨɧɟɱɧɨ ɠɟ, ɩɨɹɜɥɹɟɬɫɹ ɜ ɨɛɳɟɦ ɫɩɢɫɤɟ. ɍɞɚɥɢɬɶ. ȿɫɥɢ ɤɚɤɚɹ-ɬɨ ɡɚɤɥɚɞɤɚ ɛɨɥɶɲɟ ɧɟ ɧɭɠɧɚ, ɳɟɥɤɧɢɬɟ ɨɞɢɧ ɪɚɡ ɩɨ ɟɟ ɧɚɡɜɚɧɢɸ ɜ ɫɩɢɫɤɟ, ɚ ɩɨɬɨɦ ɧɚɠɦɢɬɟ ɧɚ ɤɥɚɜɢɲɭ ɍɞɚɥɢɬɶ - ɢ ɟɟ ɧɟ ɫɬɚɧɟɬ. ɉɟɪɟɣɬɢ ɤ…. Ɉɛɥɚɫɬɶ ɞɟɦɨɧɫɬɪɚɰɢɢ ɭɪɨɤɚ ɢɡɦɟ-
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
25
ɧɢɬɫɹ, ɨɬɪɚɠɚɹ ɬɨɬ ɦɨɦɟɧɬ ɜ ɥɟɤɰɢɢ, ɧɚ ɤɨɬɨɪɵɣ ɩɨɫɬɚɜɥɟɧɚ ɡɚɤɥɚɞɤɚ. ɉɪɨɞɨɥɠɚɟɦ ɬɟɦɭ «Ⱦɨɩɨɥɧɢɬɟɥɶɧɵɟ ɮɭɧɤɰɢɨɧɚɥɶɧɵɟ ɤɥɚɜɢɲɢ ɧɚ ɝɥɚɜɧɨɣ, ɭɩɪɚɜɥɹɸɳɟɣ ɩɚɧɟɥɢ ɤɭɪɫɚ». Ⱦɚɥɟɟ – ɩɟɪɟɯɨɞ ɤ ɫɥɟɞɭɸɳɟɦɭ ɭɪɨɤɭ Ɍɟɤɫɬ - ɜɵɡɵɜɚɟɬ ɨɤɧɨ ɫ ɬɟɤɫɬɨɦ ɥɟɤɰɢɢ Ɉɝɥɚɜɥɟɧɢɟ - ɜɨɡɜɪɚɳɚɟɬ ȼɚɫ ɨɛɪɚɬɧɨ ɤ ɫɬɪɚɧɢɱɤɟ ɫ ɨɝɥɚɜɥɟɧɢɟɦ ɞɚɧɧɨɣ ɥɟɤɰɢɢ. ɉɚɧɟɥɶ ɫ ɬɟɤɫɬɨɦ ɥɟɤɰɢɢ ɜɵɝɥɹɞɢɬ ɬɚɤ
ɇɚɦ ɨɫɬɚɥɨɫɶ ɪɚɫɫɦɨɬɪɟɬɶ ɢɧɮɨɪɦɚɰɢɨɧɧɭɸ ɩɚɧɟɥɶ ɝɥɚɜɧɨɝɨ ɷɤɪɚɧɚ ɫɢɫɬɟɦɵ TeachPro. Ɉɧɚ ɢɦɟɟɬ ɧɟɫɤɨɥɶɤɨ ɨɛɥɚɫɬɟɣ, ɜ ɤɚɠɞɨɣ ɢɡ ɤɨɬɨɪɵɯ ɫɨɞɟɪɠɢɬɫɹ ɫɜɨɣ ɬɢɩ ɢɧɮɨɪɦɚɰɢɢ. ȼ ɫɚɦɨɦ ɰɟɧɬɪɟ ɭɩɪɚɜɥɹɸɳɟɣ ɩɚɧɟɥɢ ɤɭɪɫɚ ɧɚɯɨɞɢɬɫɹ ɜɨɬ ɬɚɤɨɟ ɨɤɧɨ.
Time - Ɉɛɳɟɟ ɜɪɟɦɹ ɪɚɛɨɬɵ ɫ ɭɪɨɤɨɦ. Vol. - ɍɪɨɜɟɧɶ ɝɪɨɦɤɨɫɬɢ. Ⱦɥɹ ɬɨɝɨ, ɱɬɨɛɵ ɢɡɦɟɧɢɬɶ ɟɝɨ, ɧɚɞɨ ɧɚɜɟɫɬɢ ɤɭɪɫɨɪ ɦɵɲɢ ɧɚ ɩɨɥɡɭɧɨɤ ɩɚɧɟɥɢ, ɧɚɠɚɬɶ ɥɟɜɭɸ ɤɧɨɩɤɭ ɦɵɲɢ ɢ, ɧɟ ɨɬɩɭɫɤɚɹ ɟɟ, ɩɟɪɟɦɟɫɬɢɬɶ ɩɨɥɡɭɧɨɤ ɞɨ ɠɟɥɚɟɦɨɝɨ ɭɪɨɜɧɹ. Lesson - ɇɨɦɟɪ ɬɟɤɭɳɟɝɨ ɭɪɨɤɚ. Message - ȼ ɷɬɨɣ ɫɬɪɨɤɟ ȼɚɫ ɢɧɮɨɪɦɢɪɭɸɬ ɨ ɮɢɪɦɟ, ɩɪɟɞɨɫɬɚɜɢɜɲɟɣ ɨɛɨɥɨɱɤɭ ɞɥɹ ɞɚɧɧɨɝɨ ɤɭɪɫɚ, ɩɨɩɟɪɟɦɟɧɧɨ ɜɵɫɜɟɱɢɜɚɹ ɧɚɡɜɚɧɢɟ ɮɢɪɦɵ ɢ ɚɞɪɟɫ ɟɟ ɫɚɣɬɚ. ɗɬɨɬ ɡɧɚɱɨɤ ɩɨɤɚɡɵɜɚɟɬ, ɱɬɨ ɩɨɫɥɟ ɤɚɠɞɨɣ ɥɟɤɰɢɢ ɫɢɫɬɟɦɚ ɨɫɬɚɧɨɜɢɬɫɹ, ɢ ȼɵ ɫɦɨɠɟɬɟ ɪɚɛɨɬɚɬɶ ɞɚɥɶɲɟ ɩɨ ɫɜɨɟɦɭ ɭɫɦɨɬɪɟɧɢɸ. ȼɵɛɪɚɜ ɬɚɤɨɣ ɡɧɚɱɨɤ, ȼɵ ɦɨɠɟɬɟ ɩɪɨɫɥɭɲɚɬɶ ɜɟɫɶ ɥɟɤɰɢɨɧɧɵɣ ɦɚɬɟɪɢɚɥ ɤɭɪɫɚ ɛɟɡ ɩɟɪɟɪɵɜɚ. ɗɬɨɬ ɪɟɠɢɦ ɩɪɟɞɧɚɡɧɚɱɟɧ ɞɥɹ ɨɪɝɚɧɢɡɚɰɢɢ
26
TeachPro Microsoft FrontPage 2003
ɦɚɫɫɨɜɵɯ ɥɟɤɰɢɨɧɧɵɯ ɡɚɧɹɬɢɣ ɜ ɛɨɥɶɲɢɯ ɚɭɞɢɬɨɪɢɹɯ, ɝɞɟ ɟɫɬɶ ɧɟɨɛɯɨɞɢɦɨɫɬɶ ɜ ɧɟɩɪɟɪɵɜɧɨɦ ɡɜɭɱɚɧɢɢ ɧɟɫɤɨɥɶɤɢɯ ɥɟɤɰɢɣ ɩɨɞɪɹɞ. ȼɵɛɟɪɢɬɟ ɫɧɨɜɚ ɫɨɫɟɞɧɢɣ ɡɧɚɱɨɤ, ɢ ɩɨɫɥɟ ɤɚɠɞɨɣ ɥɟɤɰɢɢ ɨɩɹɬɶ ɛɭɞɟɬ ɨɫɬɚɧɨɜɤɚ. Ʌɢɧɟɣɤɚ ɫɨɫɬɨɹɧɢɹ – ȼɫɹ ɨɧɚ ɭɫɥɨɜɧɨ ɨɬɨɛɪɚɠɚɟɬ ɨɛɳɟɟ ɜɪɟɦɹ ɭɪɨɤɚ, ɚ ɟɟ ɬɟɦɧɚɹ ɱɚɫɬɶ - ɭɠɟ ɩɪɨɫɥɭɲɚɧɧɵɣ ɦɚɬɟɪɢɚɥ. ɇɚ ɥɢɧɟɣɤɟ ɧɚɯɨɞɹɬɫɹ ɞɟɥɟɧɢɹ. ɗɬɨ ɤɨɧɬɪɨɥɶɧɵɟ ɬɨɱɤɢ. ɉɪɢɱɟɦ ɜ ɪɚɡɧɵɯ ɪɟɠɢɦɚɯ ɥɢɧɟɣɤɚ ɨɬɝɪɚɞɭɢɪɨɜɚɧɚ ɩɨ-ɪɚɡɧɨɦɭ. Ʉɨɝɞɚ ɬɟɤɭɳɚɹ ɩɨɡɢɰɢɹ ɭɪɨɤɚ ɩɨɞɨɣɞɟɬ ɤ ɬɚɤɨɦɭ ɞɟɥɟɧɢɸ (ɬɟɦɧɚɹ ɩɨɥɨɫɤɚ «ɞɨɩɨɥɡɟɬ» ɞɨ ɨɱɟɪɟɞɧɨɣ ɨɬɦɟɬɤɢ), ɜ ɩɨɲɚɝɨɜɨɦ ɪɟɠɢɦɟ ɢɡɥɨɠɟɧɢɟ ɦɚɬɟɪɢɚɥɚ ɨɫɬɚɧɨɜɢɬɫɹ, ɚ ɜ ɤɨɧɬɪɨɥɶɧɨɦ ɩɨɫɥɟ ɡɜɭɤɨɜɨɝɨ ɫɢɝɧɚɥɚ ȼɚɫ ɩɨɩɪɨɫɹɬ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɩɪɨɢɡɜɟɫɬɢ ɧɟɤɨɬɨɪɨɟ ɞɟɣɫɬɜɢɟ. Ʉɥɚɜɢɲɢ ɉɟɪɟɣɬɢ ɧɚ ɲɚɝ ɜɩɟɪɟɞ ɢ ȼɟɪɧɭɬɶɫɹ ɧɚɡɚɞ ɧɚ ɨɞɢɧ ɲɚɝ ɩɟɪɟɜɨɞɹɬ ɬɟɤɭɳɭɸ ɩɨɡɢɰɢɸ ɭɪɨɤɚ ɫɨɨɬɜɟɬɫɬɜɟɧɧɨ ɧɚ ɨɞɧɨ ɞɟɥɟɧɢɟ ɜɩɟɪɟɞ ɢɥɢ ɧɚɡɚɞ. Ⱦɥɹ ɷɬɨɝɨ ɠɟ ɩɪɟɞɧɚɡɧɚɱɟɧɵ ɞɟɥɟɧɢɹ ɥɢɧɟɣɤɢ ɜ ɪɟɠɢɦɟ Ɏɢɥɶɦ. ȼ ɫɚɦɨɦ ɧɢɡɭ ɢɧɮɨɪɦɚɰɢɨɧɧɨɣ ɩɚɧɟɥɢ ȼɵ ɜɢɞɢɬɟ ɛɟɝɭɧɨɤ, ɭɰɟɩɢɜɲɢɫɶ ɡɚ ɧɟɝɨ ɦɵɲɤɨɣ, ɦɨɠɧɨ ɩɟɪɟɦɟɳɚɬɶɫɹ ɩɨ ɭɪɨɤɭ ɛɵɫɬɪɟɟ.
ɉɨɢɫɤɨɜɚɹ ɫɢɫɬɟɦɚ ɇɟɫɤɨɥɶɤɨ ɫɥɨɜ ɨ ɩɨɢɫɤɨɜɨɣ ɫɢɫɬɟɦɟ ɤɭɪɫɚ. Ɉɧɚ ɱɪɟɡɜɵɱɚɣɧɨ ɩɨɥɟɡɧɚ ɢ ɜ ɩɪɨɰɟɫɫɟ ɨɛɭɱɟɧɢɹ, ɢ ɜ ɪɟɚɥɶɧɨɣ ɪɚɛɨɬɟ ɫ ɢɡɭɱɚɟɦɵɦɢ ɫɢɫɬɟɦɚɦɢ. ȼɵ ɜɫɟɝɞɚ ɫɦɨɠɟɬɟ ɛɵɫɬɪɨ ɢ ɥɟɝɤɨ ɨɬɵɫɤɚɬɶ ɥɸɛɨɣ ɦɚɬɟɪɢɚɥ ɞɚɧɧɨɝɨ ɤɭɪɫɚ. Ɉɬ ȼɚɫ ɬɪɟɛɭɟɬɫɹ ɬɨɥɶɤɨ ɱɟɬɤɨɫɬɶ ɜ ɮɨɪɦɭɥɢɪɨɜɤɚɯ. ȼɨɣɞɢɬɟ ɜ ɫɨɞɟɪɠɚɧɢɟ ɢ ɧɚɠɦɢɬɟ ɧɚ ɤɥɚɜɢɲɭ ɇɚɣɬɢ. ɉɟɪɟɞ ȼɚɦɢ ɩɨɢɫɤɨɜɚɹ ɩɚɧɟɥɶ. ȼɜɟɞɢɬɟ ɧɚɡɜɚɧɢɟ ɢɫɤɨɦɨɣ ɬɟɦɵ ɜ ɩɨɥɟ ɪɟɞɚɤɬɢɪɨɜɚɧɢɹ ɢɥɢ ɜɵɛɟɪɢɬɟ ɟɟ ɢɡ ɫɩɢɫɤɚ (ɨɧ ɩɪɟɞɫɬɚɜɥɟɧ ɜ ɚɥɮɚɜɢɬɧɨɦ ɩɨɪɹɞɤɟ). Ɂɚɬɟɦ ɜɵɛɟɪɢɬɟ ɢɡ ɧɢɠɧɟɝɨ ɨɤɧɚ ɧɚɡɜɚɧɢɟ ɭɪɨɤɚ, ɜ ɤɨɬɨɪɨɦ ɞɚɧɧɚɹ ɬɟɦɚ ɪɚɫɫɦɚɬɪɢɜɚɟɬɫɹ (ɜ ɷɬɨɦ ɨɤɧɟ ɞɚɺɬɫɹ ɧɚɡɜɚɧɢɟ ɪɚɡɞɟɥɚ ɢ ɭɪɨɤɚ, ɜ ɤɨɬɨɪɨɦ ɪɚɫɫɦɚɬɪɢɜɚɟɬɫɹ ɤɥɸɱɟɜɨɟ ɫɥɨɜɨ).
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
27
Ⱦɚɥɟɟ ɧɚɠɦɢɬɟ ɧɚ ɤɧɨɩɤɭ ɉɟɪɟɣɬɢ ɤ…. ȼɵ ɨɤɚɠɟɬɟɫɶ ɧɟ ɬɨɥɶɤɨ ɜ ɧɭɠɧɨɦ ɭɪɨɤɟ, ɧɨ ɢ ɜ ɧɭɠɧɨɦ ɟɝɨ ɮɪɚɝɦɟɧɬɟ. Ɍɨ ɟɫɬɶ ɢɦɟɧɧɨ ɬɚɦ, ɝɞɟ ɨɩɢɫɵɜɚɟɬɫɹ ɜɵɛɪɚɧɧɨɟ ȼɚɦɢ ɩɨɧɹɬɢɟ.
28
TeachPro Microsoft FrontPage 2003
ɍɫɬɪɚɧɟɧɢɟ ɜɨɡɦɨɠɧɵɯ ɩɪɨɛɥɟɦ ɫ ɩɪɨɝɪɚɦɦɨɣ ɉɪɢ ɜɨɡɧɢɤɧɨɜɟɧɢɢ ɥɸɛɵɯ ɧɟɩɨɥɚɞɨɤ ɜ ɪɚɛɨɬɟ ɫ ɩɪɨɝɪɚɦɦɨɣ ɨɛɪɚɳɚɣɬɟɫɶ ɜ ɫɥɭɠɛɭ ɬɟɯɧɢɱɟɫɤɨɣ ɩɨɞɞɟɪɠɤɢ ɧɚɲɟɣ ɮɢɪɦɵ: Ɍɟɥɟɮɨɧ: (495) 673-76-93
ɉɪɨɛɥɟɦɵ ɩɪɢ ɢɧɫɬɚɥɥɹɰɢɢ ɩɪɨɝɪɚɦɦɵ ɉɪɨɛɥɟɦɚ
Ɋɟɲɟɧɢɟ ɩɪɨɛɥɟɦɵ
Ⱦɥɹ ɩɨɥɶɡɨɜɚɬɟɥɹ Windows2000/XP (ɛɟɡ ɩɪɚɜ ɚɞɦɢɧɢɫɬɪɚɬɨɪɚ) ɩɨɹɜɥɹɟɬɫɹ ɨɤɧɨ ɫ ɤɪɚɫɧɵɦ ɡɧɚɤɨɦ ɛɟɡ ɬɟɤɫɬɨɜɨɝɨ ɫɨɨɛɳɟɧɢɹ
Ⱦɥɹ ɭɫɬɚɧɨɜɤɢ ɧɟɨɛɯɨɞɢɦɨ ɢɦɟɬɶ ɩɪɚɜɚ ɚɞɦɢɧɢɫɬɪɚɬɨɪɚ. ɍɫɬɚɧɨɜɢɬɟ ɫɟɛɟ ɩɪɚɜɚ ɚɞɦɢɧɢɫɬɪɚɬɨɪɚ.
Ʉɧɨɩɤɢ ɨɬɨɛɪɚɠɚɸɬɫɹ ɱɺɪɧɵɦɢ ɩɪɹɦɨɭɝɨɥɶɧɢɤɚɦɢ
ɍɫɬɚɧɨɜɥɟɧ ɪɟɠɢɦ 16 ɢɥɢ 256 ɰɜɟɬɨɜ. ɉɟɪɟɤɥɸɱɢɬɟ ɦɨɧɢɬɨɪ ɜ ɪɟɠɢɦ ɫ ɛɨɥɶɲɢɦ ɤɨɥɢɱɟɫɬɜɨɦ ɰɜɟɬɨɜ.
Ⱦɢɫɤ ɧɟ ɪɚɛɨɬɚɟɬ ɱɟɪɟɡ ɥɨɤɚɥɶɧɭɸ ɫɟɬɶ.
Ⱦɥɹ ɨɛɭɱɟɧɢɹ ɜ ɥɨɤɚɥɶɧɨɣ ɫɟɬɢ ɩɨɤɭɩɚɣɬɟ ɫɩɟɰɢɚɥɶɧɵɟ ɫɟɬɟɜɵɟ ɜɟɪɫɢɢ, ɷɬɨɬ ɞɢɫɤ ɦɨɠɟɬ ɪɚɛɨɬɚɬɶ ɬɨɥɶɤɨ ɫ CD-ROM.
ɋɨɨɛɳɟɧɢɟ: ɇɟ ɭɫɬɚɧɨɜɥɟɧɨ ɧɢ ɨɞɧɨɝɨ ɩɨɞɞɟɪɠɢɜɚɸɳɟɝɨ ɡɜɭɤɨɜɨɝɨ ɭɫɬɪɨɣɫɬɜɚ.
ɇɟɬ ɡɜɭɤɨɜɨɣ ɤɚɪɬɵ; ɧɟ ɭɫɬɚɧɨɜɥɟɧɵ ɞɪɚɣɜɟɪɚ ɢɥɢ ɧɚɪɭɲɟɧ ɢɧɬɟɪɮɟɣɫ MCI .
ȼɇɂɆȺɇɂȿ! ɉɪɨɝɪɚɦɦɚ ɧɟ ɛɭɞɟɬ ɩɪɨɢɝɪɵɜɚɬɶɫɹ ɜ ɦɭɡɵɤɚɥɶɧɵɯ ɰɟɧɬɪɚɯ, DVD ɩɪɨɢɝɪɵɜɚɬɟɥɹɯ ɢ CD ɩɥɟɣɟɪɚɯ ɬ. ɤ. ɷɬɨ ɞɢɫɤ ɞɥɹ ɤɨɦɩɶɸɬɟɪɚ ɢ ɢɦɟɟɬ ɫɩɟɰɢɚɥɶɧɵɣ ɮɨɪɦɚɬ.
ɉɪɨɛɥɟɦɵ ɩɪɢ ɡɚɩɭɫɤɟ ɩɪɨɝɪɚɦɦɵ ɉɪɨɛɥɟɦɚ
Ɋɟɲɟɧɢɟ ɩɪɨɛɥɟɦɵ
ȿɫɥɢ ɩɪɨɝɪɚɦɦɚ ɧɟ ɡɚɩɭɫɤɚɟɬɫɹ (ɦɨɪɝɚɟɬ ɱɺɪɧɵɣ ɷɤɪɚɧ)– ɩɪɢ ɧɚɥɢɱɢɢ ɞɜɭɯ CD-ROM, ɨɞɢɧ ɢɡ ɤɨɬɨɪɵɯ ɩɢɲɭɳɢɣ.
ɉɨɜɬɨɪɢɬɟ ɢɧɫɬɚɥɥɹɰɢɸ ɫ ɭɫɬɪɨɣɫɬɜɚ, ɛɭɤɜɚ ɤɨɬɨɪɨɝɨ ɦɟɧɶɲɟ ɩɨ ɚɥɮɚɜɢɬɭ.
29
Ɋɭɤɨɜɨɞɫɬɜɨ ɩɨɥɶɡɨɜɚɬɟɥɹ
ɉɪɨɛɥɟɦɚ
Ɋɟɲɟɧɢɟ ɩɪɨɛɥɟɦɵ
ɇɟ ɨɬɨɛɪɚɠɚɸɬɫɹ ɲɪɢɮɬɵ (ɜ ɫɥɭɱɚɟ Windows98/ME).
ȿɫɥɢ ɭ ɜɚɫ ɟɫɬɶ CD-ROM ɫ ɤɨɥɥɟɤɰɢɹɦɢ 6000, 12000, 15000 ɲɪɢɮɬɨɜ, ɧɟ ɭɫɬɚɧɚɜɥɢɜɚɣɬɟ ɜɫɟ ɷɬɢ ɲɪɢɮɬɵ ɫɪɚɡɭ(!), Windows ɧɨɪɦɚɥɶɧɨ ɩɨɞɞɟɪɠɢɜɚɟɬ ɞɨ 500 ɲɪɢɮɬɨɜ.
ɇɟ ɨɬɨɛɪɚɠɚɟɬɫɹ ɜɢɞɟɨ (ɡɜɭɤ ɢɞɺɬ).
ɉɪɨɢɡɜɟɞɟɧɚ ɭɫɟɱɺɧɧɚɹ ɜɵɛɨɪɨɱɧɚɹ ɭɫɬɚɧɨɜɤɚ Windows95/98, ɧɟɨɛɯɨɞɢɦɨ ɡɚɣɬɢ ɜ ɉɚɧɟɥɶ ɭɩɪɚɜɥɟɧɢɹ – ɍɫɬɚɧɨɜɤɚ ɢ ɭɞɚɥɟɧɢɟ ɩɪɨɝɪɚɦɦ – ɍɫɬɚɧɨɜɤɚ Windows – Ɇɭɥɶɬɢɦɟɞɢɚ – ɭɫɬɚɧɨɜɢɬɟ ɤɨɞɟɤɢ ɜɢɞɟɨɫɠɚɬɢɹ.
Ɉɲɢɛɤɚ ɪɚɫɩɚɤɨɜɤɢ ɭɪɨɤɚ.
ȼɨɡɦɨɠɧɨ, ɧɟ ɱɢɬɚɟɬɫɹ ɮɚɣɥ ɭɪɨɤɚ ɫ CD-ROM, ɢɥɢ ɠɟ ɭ ɩɨɥɶɡɨɜɚɬɟɥɹ ɛɟɡ ɩɪɚɜ ɚɞɦɢɧɢɫɬɪɚɬɨɪɚ ɧɟɬ ɞɨɫɬɭɩɚ ɤ ɜɪɟɦɟɧɧɵɦ ɮɚɣɥɚɦ ɢɥɢ ɤ ɤɚɬɚɥɨɝɭ Windows.
Ɂɚɬɪɭɞɧɢɬɟɥɶɧɵɟ ɫɢɬɭɚɰɢɢ ɩɪɢ ɩɪɨɢɝɪɵɜɚɧɢɢ ɭɪɨɤɚ ɉɪɨɛɥɟɦɚ
Ɋɟɲɟɧɢɟ ɩɪɨɛɥɟɦɵ
ɑɟɪɟɡ 10-15 ɦɢɧɭɬ ɭɪɨɤ «ɫɬɨɩɨɪɢɬɫɹ».
ɍɪɨɤ ɤɨɧɱɢɥɫɹ, ɢ ɧɟɨɛɯɨɞɢɦɨ ɡɚɝɪɭɡɢɬɶ ɫɥɟɞɭɸɳɢɣ. ɉɪɢ ɞɜɢɠɟɧɢɢ ɦɵɲɢ ɜɧɢɡ ɷɤɪɚɧɚ ɩɨɹɜɢɬɫɹ ɜɫɩɥɵɜɚɸɳɚɹ ɩɚɧɟɥɶ, ɧɚɠɦɢɬɟ «Ɉɝɥɚɜ.».
ɇɟ ɢɝɪɚɟɬ ɡɜɭɤ.
ȼɨɡɦɨɠɧɨ, ɧɚɭɲɧɢɤɢ ɜɫɬɚɜɥɟɧɵ ɜ ɝɧɟɡɞɨ ɧɚ ɩɟɪɟɞɧɟɣ ɩɚɧɟɥɢ CDROM. ȼɫɬɚɜɶɬɟ ɧɚɭɲɧɢɤɢ ɜ ɝɧɟɡɞɨ ɡɜɭɤɨɜɨɣ ɩɥɚɬɵ ɫɡɚɞɢ ɤɨɦɩɶɸɬɟɪɚ.
30
TeachPro Microsoft FrontPage 2003
ɉɪɨɛɥɟɦɚ
Ɋɟɲɟɧɢɟ ɩɪɨɛɥɟɦɵ
ɉɪɢ ɡɚɩɭɫɤɟ ɭɪɨɤɚ ɬɨɥɶɤɨ ɱɺɪɧɵɣ ɷɤɪɚɧ.
Ɍɚɤɨɟ ɛɵɜɚɟɬ, ɤɨɝɞɚ ɡɜɭɤ ɢɞɺɬ, ɧɨ ɧɟ ɩɨɞɤɥɸɱɟɧɵ ɤɨɥɨɧɤɢ, ɢ ɜɢɞɟɨ ɬɨɠɟ ɢɞɺɬ, ɧɨ ɧɟ ɭɫɬɚɧɨɜɥɟɧɵ ɤɨɞɟɤɢ ɜɢɞɟɨɫɠɚɬɢɹ (ɜ ɫɥɭɱɚɟ ɭɫɟɱɺɧɧɨɣ ɭɫɬɚɧɨɜɤɢ Windows). ɉɪɨɢɡɜɟɞɢɬɟ ɩɨɥɧɭɸ ɭɫɬɚɧɨɜɤɭ Windows.
TeachPro FrontPage 2003
Введение
33
Введение 1. Введение Программа Microsoft Office FrontPage 2003 предназначена для создания веб-страниц и вебузлов. Благодаря данному обучающему курсу вы научитесь использовать эту программу. Для того, чтобы увидеть то, какие веб-страницы и веб-узлы вы сможете создавать, нужно запустить программу вебобозреватель. Для этого нажмите кнопку Пуск, которая находится в левом нижнем углу экрана. После щелчка мышью на этой кнопке появляется меню, в котором следует выбрать программу ― вебобозреватель. В данном случае эта программа называется Internet Explorer. Щелкните её левой кнопкой мыши. Программа открыта. Пользуясь этой или подобной программой, пользователь сможет просматривать ваши вебстраницы в Интернете. Он должен будет ввести адрес страницы в строке Адрес. Например, следующий адрес. После чего пользователь нажмет кнопку Переход и, если у него установлено подключение к Интернету, то он увидит страницу, размещенную там. Но мы в данный момент рассмотрим, как выглядит страница веб-узла на локальном жестком диске. Для этого раскройте меню Файл щелчком левой кнопки мыши. Выберите команду Открыть тоже левой кнопкой мыши. Появилось диалоговое окно Открыть. В нем нужно ввести адрес документа или папки. Причем этот документ или папка не обязательно должны находиться в Интернете. Чтобы найти их на локальном жестком диске, нажмите кнопку Обзор левой кнопкой мыши. В окне, которое сейчас появилось, следует найти папку. На панели адресов щелкните левой кнопкой кнопку Мои документы. В появившемся списке документов и папок выберите папку club и нажмите кнопку Открыть, которая находится в правом нижнем углу диалогового окна. Сейчас мы видим, из чего состоит веб-узел. В него входят несколько папок и несколько файлов. Выберите файл index. Нажмите кнопку Открыть. Теперь в окне Открыть нажмите кнопку OK для подтверждения выбора файла. На экране появилась страница. Здесь – всего лишь одна фраза: Психологический клуб. Учиться создавать веб-страницы и веб-узлы мы будем, используя вымышленную компанию под названием Психологический клуб. Щелкните эту фразу левой кнопкой мыши, наведя указатель мыши на нее. Благодаря щелчку на фразе Психологический клуб открылась другая страница веб-узла. Здесь вы видите бегущую строку, которая состоит из слов «Дом, где сбываются мечты», видите заголовок, текст, изображение, другое изображение находится ниже и является гиперссылкой, т.е. тем местом, щелчок на котором приводит к появлению другой страницы. А также имеются гиперссылки, страница и
34
TeachPro Microsoft FrontPage 2003
фото. Подобные страницы вы научитесь создавать достаточно быстро, в первой части нашего курса. Щелкните гиперссылку Страница. Для этого нужно навести на нее указатель мыши, и когда указатель превращается в изображение руки, нажать левую кнопку мыши. Эта ссылка привела к появлению предыдущей страницы. Для возвращения к той, которую мы сейчас видели, нажмите кнопку Назад. Для перехода по гиперссылке Фото нажмите на нее. Здесь мы видим изображение города. В этом городе и находится компания Психологический клуб, а город называется Кисловодск. Вернитесь к предыдущей странице и теперь щелкните нижнее изображение. Этот щелчок привел к появлению изображения компакт-дисков и дискеты. То, что мы видели, ― достаточно простой веб-узел, но вы научитесь создавать и более сложные. Посмотрим на результат такой работы. Открылась страница под названием Психологический клуб. Она более сложная, чем те, которые мы видели ранее. Здесь тоже имеется бегущая строка и различные изображения, гиперссылки и текст. Для того, чтобы перейти по какой-либо из гиперссылок, ее следует щелкнуть, например, выберите гиперссылку Содержание вверху. В результате щелчка открылась страница с заголовком Содержание. На ней имеется целый ряд гиперссылок, ведущих к другим страницам этого же веб-узла. В частности, Коллекция фотографий, Организации, Права и т.д. Для того, чтобы просмотреть страницу, щелкните на полосе прокрутки. Перейдем, например, на страницу Коллекция фотографий. Для этого щелкните на полосе прокрутки вверху и затем щелчком мыши выберите строку Коллекция фотографий. Вы научитесь создавать подобные коллекции. Щелчок на любой из фотографий, присутствующих здесь, приводит к появлению увеличенного изображения той же фотографии. Например, я щелкну это изображение. Здесь вы видите руководителя психологического клуба. Вернемся к предыдущей странице. Щелкните гиперссылку Домашняя. Это – домашняя страница веб-узла. Переместим ползунок вниз. Здесь имеется еще целый ряд гиперссылок. Щелчок на каждой из них приведет к появлению новой страницы. Кроме того, вы видите пример того, какими могут быть гиперссылки на изображении. Например, здесь – изображение облака, и на нем – различные ссылки на страницы, в частности, Термины, Деньги, Ведущие и т.д. Щелкните, например, гиперссылку Деньги. Появилась страница под названием Чем платить. Вернитесь назад. Найдите предложение «Обсудить вопросы психологии на форуме» . Слово «форуме» выделено. Это – тоже гиперссылка. Щелкните ее. Открылась страница Добро пожаловать. Это – интерактивный форум обсуждений. Вы сможете такие форумы создавать. Домашняя страница веб-узла, опубликованного на сервере, открыта. В работе этого веб-узла используются службы Microsoft Windows SharePoint Services. Благодаря им становится возможной, например, совместная работа над документами. Щелкните гиперссылку Документы, находящуюся в левой части страницы. Мы оказались на странице, где отображаются библиотеки документов, имеющиеся на веб-узле. Этими документами смогут пользоваться сотрудники, работающие в организации, для которой данный веб-узел создан. Щелкните ссылку Общие документы в библиотеке документов. В результате открылась веб-страница Общие документы. Здесь имеются все возможности для создания и Например, нажмите открытия документов. гиперссылку Отправить документ. Все, что мы до сих пор видели, - это результат работы программы
Введение
35
FrontPage. Сейчас посмотрим, как она сама выглядит. Для этого подведите указатель мыши в левый нижний угол экрана, щелкните кнопку Пуск левой кнопкой мыши. И выберите программу Microsoft Office FrontPage 2003. Программа открыта. Примеры того, что благодаря ей можно сделать, вы только что видели. Но как делать подобные веб-страницы и веб-узлы, вы узнаете на следующих уроках.
* * * 2. Установка FrontPage 2003 Для установки программы Microsoft Office FrontPage 2003 на свой компьютер вставьте установочный компакт-диск в дисковод компьютера и следуйте указаниям, появляющимся на экране. Появится следующее окно с подзаголовком Ключ продукта. Ключ, состоящий из цифр и букв, вы найдете на коробке с диском или на сертификате подлинности. Курсор уже находится в поле Ключ продукта. Введите сюда Ключ. Допущенные ошибки можно затем исправлять. Щелкните перед неправильно написанным символом, удалите его при помощи клавиши Delete и введите нужный символ. Убедившись, что ключ написан правильно, нажмите кнопку Далее. Для этого используйте левую кнопку мыши. После того, как вы щелкнули мышью, появляется окно Сведения о пользователе. В текстовом поле Имя пользователя уже введено имя пользователя данного компьютера. В данном случае, это My name. После щелчка мыши в этом поле, появляется курсор. Вы можете удалить введенное, по умолчанию имя, например, с помощью клавиши Back Space и ввести другое имя. Я, тем не менее, оставлю имя, введенное по умолчанию. В поле Инициалы вы можете ввести инициалы, хотя это не обязательно. В поле Организация, соответственно, название своей организации, так же необязательное поле. Два поля я оставлю незаполненными и нажимаю кнопку Далее. В следующем окне мы видим заголовок Лицензионное соглашение. Для того, чтобы пользоваться программой FrontPage, вам нужно принять условия лицензионного соглашения. Нажмите нижнюю кнопку на полосе прокрутки, таким образом вы можете просматривать текст. Вы можете нажать также между ползунком и нижней кнопкой со стрелкой. В таком случае сменяется весь текст в окне с лицензионным соглашением. Кроме того, можно перетащить ползунок вниз. Здесь конец Лицензионного соглашения. Если вы согласны с условиями, щелкните в квадратике внизу. Я принимаю условия Лицензионного соглашения. Затем, нажмите кнопку Далее. В окне с подзаголовком веб-установки мы видим различные типы установки. По умолчанию, выбрана Обычная. При таком типе установки, устанавливаются только наиболее часто используемые компоненты. Кроме того, имеются такие виды установки как: Полная, Минимальная и Выборочная. Щелкните переключатель Обычная установка. Внизу в поле Установить в … указывается путь к папке, в которой будет установлен Microsoft Office FrontPage. Рекомендуется оставить этот путь без изменений. Нажмите кнопку Далее. В окне Сводка указано, какие установки будут выполнены программой. Сейчас выбрана установка Приложение FrontPage. На жестком диске компьютера для этой установки, требуется 74 мегабайта свободного места. На данном жестком диске имеется 6889 мегабайт, т.е. этого достаточно для установки, с лихвой. Для начала установки программы, щелкните левой кнопкой мыши кнопку Установить. Начинается установка программы FrontPage. Ход выполнения установки, мы видим на индикаторе. Здесь имеется синяя полоса, которая указывает, какая часть установки уже пройдена. Если установка произведена успешно, появляется окно с подзаголовком Успешно завершена. Для того, что-
36
TeachPro Microsoft FrontPage 2003
бы проверить наличие обновлений в Интернете, вы можете поставить соответствующий флажок щелчком мыши. Я этого делать не буду. Для завершения процесса нажмите кнопку Готово. Закончив установку программы Microsoft FrontPage, нажмите кнопку Пуск левой кнопкой мыши. В строке Все программы появилась подсказка Недавно установленные программы. При наведении на эту строку указателя мыши, появляется список программ. Найдите здесь Microsoft FrontPage. Для этого подведите указатель мыши к строке Microsoft Office. В появившемся подменю найдите строку Microsoft Office FrontPage 2003. Щелкните эту команду левой кнопкой мыши. На экране появилось окно программы Microsoft Office FrontPage 2003 и здесь появилось окошко, в котором говорится, что FrontPage не является редактором веб-страниц, используемым по умолчанию. Назначить эту программу редактором по умолчанию? Щелкните кнопку Да. Программа Microsoft FrontPage открыта. Вот ее название в строке заголовка, и мы можем начать работу с этой программой.
* * * 3. Меню и панели инструментов Познакомимся с окном программы Microsoft FrontPage. Вверху располагается строка заголовка. Сейчас здесь указано название программы Microsoft FrontPage и предложенное программой Имя файла. Нов_стр_1 – новая страница 1 с расширением HTML. Правее, находятся привычные для приложения Windows кнопки. Эта ─ кнопка Свернуть, Свернуть в окно и Закрыть. Левее от названия программы находится ее значок. Нажмите его левой кнопкой мыши. Появился список команд. Имеются такие команды как: Восстановить, Переместить – эта команда сейчас не доступна, Размер – то же недоступная команда, Свернуть – эту команду мы можем нажать, Развернуть – недоступная команда и Закрыть. Для того, чтобы убрать с экрана этот список, щелкните за его пределами. Со строкой заголовка мы познакомились. Под строкой заголовка находится строка меню. Под строкой меню – Панели инструментов. Разберемся с этими окнами. При наведении указателя мыши на какое-либо меню, цвет кнопки изменяется. Наведите на кнопку Справка, например. Эта кнопка выделилась. То же самое произойдет и с остальными кнопками. Нажмите кнопку Файл левой кнопкой мыши. Появилось меню, которое отображается сейчас не полностью. Через некоторое время оно раскрылось и мы видим все команды. Команда в меню – это строка, приводящая к какому-либо действию. Например, команда Создать. Щелкните ее левой кнопкой мыши. Это привело к изменению области, с которой мы еще не познакомились. Это область задач. Вернемся к меню. Щелкните еще раз кнопку меню Файл. Внизу имеется стрелка. Если подержать указатель мыши на этой стрелке, то меню раскрывается полностью быстрее. Щелкните правее от списка меню. Выберем, например, меню Вид. Стрелку внизу можно щелкать и тогда, меню раскрывается полностью сразу. А теперь, щелкните меню Вид дважды. При двойном щелчке, меню раскрывается так, что скрытых команд нет и мы видим все меню, без исключений. Ниже, как я уже сказал, находятся панели инструментов. Здесь имеются кнопки, например, Создание новой обычной страницы. Я прочитал то, что написано во всплывающей подсказке. Наведите указатель к соседней кнопке с изображением открытой папки. В подсказке
Введение
37
сказано – Открыть. Нажатие кнопки приведет к какому-то действию. Нажмите эту кнопку. Появилось окно Открытие файла. Мы сейчас не будем с ним разбираться. Для того, чтобы закрыть это окно, можно нажать кнопку в правом верхнем углу – это кнопка Закрыть, или кнопку внизу ─ Отмена. Кроме просто кнопок, на панели инструментов есть и кнопки меню. Например, рядом с кнопкой Создание новой обычной страницы, имеется кнопка со стрелкой. Щелкните ее. Появилось меню. Раскрыв его полностью, мы видим все команды. Кнопка со стрелкой имеется и рядом с кнопкой Открыть. При переходе к этой кнопке, мы увидели меню, не щелкая на стрелки. Если щелкнуть сейчас на этой стрелке, то меню пропадает. Также на панелях инструментов имеются комбинированные списки. Подведите указатель мыши к списку, где указана цифра 3 и (12 пунктов). Это список Размер. Щелкните стрелку справа. Появился список размеров. Мы можем выбрать здесь размер – это будет размер шрифта, либо ввести этот размер прямо в поле. Для этого нужно в этом поле щелкнуть. Там появляется курсор. С помощью клавиши, например, Back Space, я могу удалить цифру и ввести цифру вручную, например, цифру 5. Таким образом, мы можем либо вводить размер, либо выбирать его из списка.
* * * 4. Операции над меню и панелями инструментов Какие панели отображаются на экране, мы можем узнать, щелкнув панель правой кнопкой мыши. В результате, появился список, в котором выбраны следующие панели: Стандартная, Форматирование и Область задач. Чтобы убрать список с экрана, щелкните за его пределами. Если нужно отобразить дополнительную панель, щелкните в области панели правой кнопкой мыши и в списке выберите нужную панель, например, Word Art. Панель появилась. Ее можно закрыть с помощью крестика справа, т.е. кнопки Закрыть или щелкнуть правой кнопкой мыши в строке заголовка. Появляется список панелей, в котором левой кнопкой выберите команду Word Art. Панель исчезла. Справа от каждой панели инструментов, находится кнопка со стрелкой, указывающей вниз. При наведении на нее указателя мыши, на эту кнопку, появляется всплывающая подсказка Параметры панели инструментов. Щелкните кнопку. Мы видим список. Вверху – команда Отображать кнопки на одной строке и ниже – Добавить или Удалить кнопки. При наведении указателя на эту строку, появляются подменю: Стандартная, здесь еще одно подменю со списком различных кнопок, и Настройка. Щелкните за пределами списка. Выберем теперь вторую кнопку Параметры панели инструментов. Здесь то же самое – Отображать кнопки на одной строке и Добавить или Удалить кнопки. Но это уже, панель Форматирование. Здесь свой набор кнопок. Итак, верхняя панель – это Стандартная, нижняя называется Форматирование. Эти панели могут располагаться в одну строку. Щелкните кнопку Параметры панели инструментов и выберите команду Отображать кнопки на одной строке. И панель Стандартная и панель Форматирование теперь находятся в одной строке. Соответственно, мы видим не все кнопки, которые в них имеются. Щелкните кнопку Параметры панели инструментов. Появился список, в котором видны недостающие кнопки. Выберите, например, кнопку Найти в этом списке. Нажатие кнопки привело к появлению соответствующего окна. Закроем его с помощью кнопки Закрыть и мы видим, что на панели инструментов появилась кнопка Найти. Это произошло автоматически. Если такое представление панели неудобно, щелкните кнопку Параметры панели инструментов, и выберите
38
TeachPro Microsoft FrontPage 2003
команду Отображать на двух строках. Панели инструментов можно перетаскивать. Для этого подведите указатель мыши к левой части панелей, где виднеются 4 точки, расположенные вертикально. Указатель мыши превратился в стрелки, направленные в четыре стороны и ведите указатель мыши вверх, после чего мы видим, что панель переместилась. Отпускаем левую кнопку мыши. Теперь панель Форматирование находится выше панели Стандартная. Чтобы переместить ее на ее место, выполним те же действия в обратном порядке. Справа ниже, как я уже сказал, находится область задач. Сейчас заголовок этой области Создание. Щелкните этот заголовок левой кнопкой мыши. Появился список, в котором так же имеется ряд команд, начиная с Приступая к работе, и заканчивая Веб-части, эта команда сейчас недоступна. Когда программа загружается в первый раз, то мы видим область Приступая к работе. Для перехода к той области, которая была просмотрена ранее, имеется кнопка Назад. Чтобы перейти к области, которая была открыта позже, нажимаем кнопку Вперед. Щелкните еще раз Назад. А теперь, нажмите изображение домика справа. Мы опять попали в область Приступая к работе. Это – домашняя страница данной области. Нажав на это домик, мы можем перейти к ней из любой другой области. Щелкните заголовок и выберите, например, область Макетные таблицы и ячейки. Мы попали в соответствующую область. Теперь нажмите этот домик. И мы снова видим область Приступая к работе. Внутри каждой области находится набор команд, приводящим к каким-либо действиям. С этими командами мы будем знакомиться в ходе работы. Для закрытия области задач используется кнопка Закрыть в правом верхнем углу этой области. Нажмите ее. Отобразить область можно щелкнув правой кнопкой мыши какую-либо панель инструментов и выбрав команду Область задач в списке. Перейдите к домашней странице этой области. Для отображения и скрытия панели инструментов, можно использовать не правую кнопку мыши, предположим, она у вас сломалась, а меню Вид. Это меню никак сломаться не может. В нем имеется строка Панели инструментов. При наведении указателя мыши на эту строку, появляется подменю с панелями инструментов. Отображаемые сейчас панели, выделены с помощью «птички». Снять эту «птичку» можно щелчком мыши и, в таком случае, панель исчезает. Исчезла, в данном случае, область задач. Отобразим ее еще раз. Нажимаем Вид. Подводим к панели инструментов и выберем в списке Область задач. Область задач – снова на экране.
* * * 5. Представления Создавать веб-узел или отдельную страницу вы будете левее от области задач. Под этим окном и под областью задач, располагается строка Состояния. Сейчас мы можем работать над отдельной страницей. Ее имя указано в строке заголовка программы. То же самое имя имеется на вкладке ─ ниже. Введем какой-либо текст на данной странице, например, слово «Привет» . Курсор здесь уже имеется, поэтому начинаем вводить текст. Содержание нашей страницы состоит из одного слова. Представить эту страницу мы можем в разных видах. Сейчас мы работаем в режиме конструктора. Это представление выбирается с помощью соответствующей кнопки внизу ─ Конструктор.
Введение
39
Мы можем выбрать представление с разделением, например. В таком случае, мы видим окно с кодом, а ниже, то окно, которое было ранее, причем, слово «Привет» имеется и там, и там. Выделите его в нижнем окне. Одновременно, оно выделилось и в окне верхнем. В верхнем окне мы также можем выделять любой текст, например, слово Head, заключенное в треугольные скобки. Head означает заголовок по-английски. Это слово и ряд последующих введены в программу автоматически и являются кодом, написанным на языке HTML. Передвиньте ползунок влево на горизонтальной полосе прокрутки. Щелкните после слова title например. Окно с кодом можно использовать либо для изучения того, как составляется код, либо, непосредственно, для редактирования этого кода, если вы уже знакомы с ним. Если вы хотите видеть страницу только в режиме кода, то выберете соответствующую кнопку внизу. Как будет выглядеть соответствующая страница в Интернете, можно увидеть с помощью кнопки Просмотр в нижней части окна. Таким будет представление этой страницы. Перейдем в режим Конструктора опять. В этом режиме, как я уже сказал, страницу можно редактировать, а в режиме Просмотра – редактировать ее нельзя. Щелкните после слова «Привет». Как видите, курсор здесь не появляется. Перейдите в режим Конструктор. И, теперь, щелкните после восклицательного знака. Курсор появился, мы можем нажать знак пробела, например, и ввести еще какое-нибудь слово, «Пока» , например. Для того, чтобы, одновременно, видеть и то, как изменяется код страницы, нажмите код страницы, поставьте курсор перед словом «Пока» . Нажмите клавишу Enter. Происходящие с кодом изменения можно видеть в окне. Добавим текст после слова «Привет». Сделайте новый абзац после этого слова. Обратите внимание, что в верхнем окне появилась новая строка. Введем текст в нижнем окне. Для этого нужно в нем щелкнуть. Если вам неинтересно смотреть на код, то вы можете работать только в режиме конструктора. При работе в программе Microsoft Front Page необязательно изучение языка HTML. Мы можем работать не только над отдельной страницей, но и над целым веб-узлом. Я создам новый веб-узел. Действия, которые я сейчас выполняю, можете пока не запоминать. В этом случае, представление окна изменяется. Область задач, которая находилась в этом месте, теперь здесь уже не находится. Она автоматически закрылась. Слева появился список папок нового веб-узла, а справа – содержание. С этими окнами мы можем работать примерно так же, как с проводником Windows. Например, слева, в списке папок, выберем папку Images – изображения. Справа должно появиться то, что находится в папке. Но сейчас здесь ничего нет, о чем указывает соответствующая надпись. А открытые отдельные страницы, в частности, Новая страница 1, с расширением HTML, показана на вкладке. При щелчке эта страница появляется. К отображению веб-узла мы можем вернуться, щелкнув его вкладку. Веб-узел, как и его страница, может быть представлен по-разному, но эти представления, уже отличаются от представления страницы. Для того, чтобы выделить весь узел, вверху щелкните, в левой части, соответствующую папку. Теперь справа мы видим все те папки и файлы, которые имеются в данном веб-узле. Они же имеются и в окне слева. Я еще раз выберу верхнюю папку, слева. Для того, чтобы по-разному представить содержимое веб-узла, можно использовать кнопки внизу. Сейчас представление папки на экране. Выберем следующее представление ─ Удаленный веб-узел. Это делается щелчком мыши. Свойства отдаленного веб-узла не заданы пока, поэтому в представлении никаких данных сейчас нет. Следующая кнопка – Отчеты. С этим представлением мы будем разбираться позже, как и со всеми остальными. Щелкните следующую – Переходы, Гиперссылки, Задачи и вернемся к представлению
40
TeachPro Microsoft FrontPage 2003
папки. Все представления, которые мы сейчас видели, относятся к одному и тому же веб-узлу. Снова перейдем на вкладку отдельной веб-страницы. Здесь представления остались свои, т.е. Конструктор, С разделением, Код и Просмотр. Изучение программы Microsoft Front Page мы начнем с работы, именно, над отдельной веб-страницей, а не над веб-узлом. Поэтому, я закрою веб-узел. Для этого можно использовать меню Файл, в котором выбрать команду Закрыть узел. Появляется окно программы Microsoft Office Front Page с вопросом: Save changes to и далее - название файла, т.е. Сохранить изменение файла с указанным именем? Нажмите кнопку Нет. Мы закрыли и веб-узел и ту страницу, с которой начинали знакомство с программой. Для того, чтобы закрыть и саму программу, просто нажмите кнопку в правом верхнем углу экрана. Эта кнопка – Закрыть.
* * *
Глава 1. Веб-страница
41
Глава 1. Веб-страница 1.1. Ввод текста Если программа Front Page открывалась ранее, она автоматически помещается в меню Пуск. Выберите ее здесь. Программа открылась. Одновременно открылась и новая обычная страница. Но страницы можно создать, так сказать, вручную. Закроем эту страницу нажатием кнопки Закрыть. Под панелями инструментов образовалось пустое пространство. На панели Стандартная, нажмите кнопку Создание новой обычной страницы. Создана пустая страница и программа предложила для нее имя. Это имя указано на вкладке. Для сохранения этой страницы, нажмите кнопку Сохранить. На экран выведено окно Сохранить как…По умолчанию, в нем выбрана папка мои веб-узлы. Раскройте список щелчком кнопки со стрелкой справа. Для сохранения отдельной страницы, можно выбрать любую папку на любом жестком диске компьютера. Например, я выберу диск D. В окне под именем жесткого диска отображается список папок и файлов. Здесь я открою папку Docs двойным щелчком. И теперь в списке Папка отображается папка Docs, а ниже, список папок, вложенных в нее. В этом списке я выберу, например, папку веб-страница, которую создал раньше, двойным щелчком. Теперь она помещена в список Папка, а в окне ниже нет ни одного файла или папки. Данная папка пуста. Имя сохраняемой страницы введено в поле Имя файла, ниже. По умолчанию, это Индекс. При просмотре страниц в Интернете, в браузере, прежде всего, находят файл с именем Индекс. Тип файла указан ниже. Это веб-страницы. Раскройте список. Здесь имеется еще ряд типов файлов, мы их можем просматривать с помощью ползунка. Перетащите ползунок вверх, например. Оставим тип файла – Веб-страницы. Кроме имени файла, в данном случае, Индекс, веб-странице необходимо давать название. Сейчас оно указано выше. При щелчке мыши на этом названии, курсор не появляется. Для того, чтобы изменить название, справа нажмите кнопку Изменить. На экран выведено окно Название страницы. Щелкните в поле для ввода текста. Там появился курсор. Например, можно удалить цифру 1, я сделал это с помощью клавиши Back Space и поставить, например, цифру 2 или 22, или любое слово. Либо можно совсем удалить предложенные слова. Для этого можно сначала их выделить, нажмите, например, клавишу Shift и клавишу Home на клавиатуре. Таким образом, мы выделили весь текст. Затем нажмите клавишу Delete и введите новый текст. У меня получилось достаточно длинное название. Для того, чтобы перейти к его началу постепенно, можно использовать клавишу стрелка влево. В этом случае, курсор переводится в левую
42
TeachPro Microsoft FrontPage 2003
сторону, и мы просматриваем текст. Если текст, слишком длинный, как в данном случае, то при довольно небольшом экране, пользователь не сможет увидеть весь этот текст. Поэтому, удалите ту часть текста, которую не жалко. Я выделяю текст с помощью мышки до слов Психологический клуб, нажимаю Delete и остается это название. Нажмите ОК. Теперь, в поле Название, мы видим измененное название этой страницы Психологический клуб. Имя файла осталось неизменным – Индекс. Папка, в которой будет сохранен файл, так же не изменилась. Это Вебстраница. Для сохранения файлов нажмите кнопку Сохранить. На вкладке мы теперь видим новое имя файла – index.htm. То же самое имя отображается в строке заголовка. Кроме того, в этой строке указан полный путь к файлу. Чтобы увидеть название файла, подведите указатель мыши к вкладке. Это название Психологический клуб, что видно из всплывающей подсказки. Мы можем ввести текст на данную страницу. Курсор в ней уже имеется в режиме Конструктор. Здесь я введу слова Психологический клуб. Я хочу, чтобы это был заголовок страницы. Для того, чтобы начать ввод последующего текста с новой строки, нажмите клавишу Enter и вводите следующий текст. Я свой текст, ввел и опять нажимаю Enter. После того, как я начал ввод текста, рядом с именем документа появилась звездочка. Это свидетельство того, что документ не сохранен в его измененном виде. Нажмите кнопку Сохранить на панели Стандартная. Звездочка исчезла, значит, документ сохранен. При нажатии кнопки Сохранить, окно для сохранения документа уже не появилось. Программа просто внесла изменения, в уже сохраненный на жестком диске, файл. Продолжаю вводить текст. Тот текст, который я ввел, полностью помещается на экране. Но если, это не так, можно закрыть область задач и тогда освобождается дополнительное пространство, и вы видите весь текст. Если при введении текста, он, тем не менее, перестает помещаться на экране, справа активизируется полоса прокрутки. Сейчас мы видим конец текста. Чтобы увидеть начало, нажмите кнопку со стрелкой вверху на полосе прокрутки. Это можно сделать несколько раз. Для перехода к концу текста, нажмите нижнюю кнопку со стрелкой. То же несколько раз. Или нажимайте и держите кнопку, например, верхнюю. Кроме того, можно передвигать сам ползунок и текст перемещается, соответственно. Сохраним текст и, затем, можно будет заняться его изменением.
* * * 1.2. Форматирование текста Вид уже введенного текста можно изменить, используя панель Форматирование. Выделите, например, фразу Психологический клуб. Для этого нажмите Shift и щелкните перед словом Психологический. Оба слова выделились. Увеличим размер шрифта. Для этого раскройте список Размер и выберите, например, 5-й шрифт –18 пунктов. Изменим и название этого шрифта: вместо Times New Roman выберем какой-нибудь другой. Например, Arial. Вид текста изменился. Теперь выделим вторую фразу: «Дом, где сбываются мечты». Здесь увеличьте размер шрифта до 18 пунктов.
Глава 1. Веб-страница
43
Эта фраза – подзаголовок, ее надо сделать немного меньше. Можно также раскрыть список Размер и установить, например, 4-й шрифт –14 пунктов, а можно сделать по-другому. Нажать кнопку Уменьшить размер шрифта. После щелчка левой кнопкой, шрифт уменьшился. Теперь, мы можем нажать на кнопку Курсив. В результате шрифт стал наклонным. Для того, чтобы выделить его полужирным, выделяем текст снова и нажимаем кнопку Полужирный. Текст можно сделать подчеркнутым. Выделим еще раз эту фразу, и нажимаем кнопку Подчеркнутый на панели Форматирование. Если подчеркивание, наоборот, нужно снять, например, у слова «сбываются», то нажимаем эту кнопку еще раз, выделив слово. Выделим еще раз всю фразу, опять нажимаем кнопку Подчеркнутый. Этот весь текст подчеркнут. Еще раз нажмем ее же. Подчеркивание исчезло. Если нужно еще больше выделить заголовок, сначала выделим слова, и увеличим шрифт с помощью кнопки Увеличить размер шрифта. Кроме того, сделаем его полужирным. Заголовок теперь, сразу бросается в глаза. Для изменения цвета текста, мы, опять-таки, выделяем этот текст, например, следующий абзац. На панели инструментов нажмите кнопку с нарисованной на ней буквой А – Цвет текста. Цвет текста при этом не изменился, потому что сейчас выбрана кнопка Авто. Выделяем абзац и нажмем стрелку рядом с кнопкой Цвет текста. Появился список цветов. В списке 16 стандартных цветов. Выберем, например, сиреневый. Цвет того текста, который был выделен, изменился. Остальной текст остался без изменений. Теперь выделим следующий абзац и для этого текста изменим фон. Для этого существует кнопка Выделить. В скобках сейчас написано – желтый. Снимите выделение текста. Цвет текста остался прежним, а фон – изменился. Для изменения этого фона еще раз, выделяем текст и щелкнем стрелку рядом с кнопкой Выделить. Здесь также имеется 16 стандартных цветов. Цвета, которые уже присутствуют в документе, показаны в разделе цвета документа. Это – сиреневый и желтый. А я сейчас выберу - голубой, в списке стандартных цветов. Снимаю выделение текста. Вид текста изменился, иначе говоря, мы изменили форматирование текста. Форматирование определяется кнопками, например, Полужирный, Курсив, Подчеркнутый и т.д., в том числе различный цвета текста. Изменение форматирования происходит и тогда, когда мы выбираем другой размер шрифта или когда назначаем другой тип: вместо Times New Roman – Arial. Я сейчас не буду его выбирать, щелкну за пределами списка. Текст, для которого задан другой фон, выделим еще раз и мы можем применить для него, например, Курсив. В этом случае фон остается, но текст становится наклонным. К тому же, его можно сделать так же Полужирным и Подчеркнутым. По ошибке, одна буква осталась невыделенной, и она не полужирная, и не подчеркнутая, как видите. Это можно исправить, выделив данную букву, и нажав соответствующие кнопки. Для того, чтобы снять форматирование текста, выделяем его, открываем меню Формат, раскрываем это меню полностью, и выбираем команду Удалить оформление. Текст приобрел тот вид, который имел до всех изменений, произведенных мной. Чтобы выделить отдельное слово, его нужно щелкнуть дважды, например, слово «отдыхают». Чтобы выделить весь абзац, нужно навести указатель мыши на левую часть этого абзаца. Когда указатель превращается в стрелку, щелкнуть дважды
44
TeachPro Microsoft FrontPage 2003
левой кнопкой мыши. Весь абзац выделен. Теперь, мы можем, например, изменить цвет этого текста. Если вы хотите выделить только одну строку, то подведите указатель к левой части ее, указатель превращается в стрелку, щелкните кнопкой мыши один раз. Выделена только эта строка. Изменим для нее, например, фон.
* * * 1.3. Нумерация и маркеры Для того, чтобы отменить только что сделанные изменения, щелкните кнопку с нарисованной на ней стрелкой – кнопка Отменить. Если нажать ту же кнопку еще раз, отменяется и предыдущее действие и т. д. Но сделанное изменение можно применить и заново. Для этого нажмите кнопку со стрелкой, указывающей в другую сторону – Вернуть. Слишком пестрым текст делать не нужно, лучше всего считается черный шрифт на белом фоне. Другой цвет стоит применять для выделения какойто мысли. Например, я выделю слово «красные» и установлю для него красный цвет шрифта. Хотя, с другой стороны, здесь это не оправдано. Я нажму кнопку Отмена. Теперь выделяю текст от слова «кому», до конца. Для этого, щелкаю перед словом «кому», затем, перевожу ползунок вниз, нажимаю клавишу Shift и щелкаю после точки в конце. Весь этот участок текста выделен. Выберу для него другой шрифт. Для просмотра всего списка можно использовать ползунок. Выберу, например, шрифт Courier New. Теперь, просмотрю текст еще раз и оставлю его в таком виде. Для того, чтобы расположить, например, заголовок посередине страницы необязательно выделять все слова. Если курсор находится в этой строке, можно просто щелкнуть кнопку По центру на панели Форматирование. В этом случае, весь текст абзаца располагается по центру страницы. Щелкнем в следующем абзаце. Можно щелкнуть в любом месте, в конце, например. И, то же расположим его по центру. Для перевода курсора в следующую строку, достаточно нажать клавишу Стрелка вниз на клавиатуре. Сейчас ни одна из кнопок выравнивания не выбрана. Тем не менее, по умолчанию текст выровнен по левому краю, а мы давайте выровняем его – по правому. Нажимаем соответствующую кнопку. Выровнять часть текста по левому, а часть – по правому, не удастся. Выровняем первое предложение в этом абзаце и нажмем кнопку По левому краю. Весь абзац выровнялся – по левому краю. Теперь выделим второе предложение, в этом же абзаце и нажмем кнопку По правому краю. Весь абзац, независимо от выделения, выравнивается по правому краю. Для того, чтобы иметь возможность более гибко выравнивать текст, используются таблицы. А, пока, мы можем выровнять данный абзац, например, только по левому краю и в таком виде его и оставим. Для сохранения изменений, нужно нажать кнопку Сохранить. Часть текста можно представить в виде нумерованного или маркированного списка. Передвиньте ползунок на полосе прокрутки. Щелкнем после фразы «.. в списке основных задач». Слово «сделать» переведем в новую строку. Для этого нажимаем клавишу Enter. Ставим курсор перед словом «сплотить» и то же сделаем новый абзац перед словом «предать» , и, еще один абзац. Теперь все три части этого предложения выделим и превратим в нумерованный список. Для этого нажимаем
Глава 1. Веб-страница
45
кнопку Нумерация. Программа автоматически отформатировала текст нужным образом. Щелкните перед словом «от» в последнем абзаце. Одно слово «от»- здесь лишнее. Удалим его используя клавишу Delete. Перед вторым словом «от» курсор установлен, и мы нажимаем клавишу Enter. Теперь поставьте курсор перед словом «до» и нажмите Enter. Выделите обе этих фразы, и из них составим маркированный список. Нажмите кнопку Маркеры. Маркер, в данном случае, это небольшой кружок, указывающий на начало нового абзаца. Рядом с кнопкой Маркеры, на панели Форматирование, имеется кнопка Уменьшить отступ Нажмите ее. Отступ текста от левого края страницы уменьшился и маркер – исчез. Нажмите кнопку Увеличить отступ. Отступ увеличился, но маркера нет. Для того, чтобы отобразить его, нужно нажать кнопку Маркеры. Эта строка расположена теперь дальше от левого края, чем предыдущая. Щелкнем в предыдущей и нажмем кнопку Увеличить отступ. Обе эти строки теперь на одном уровне. Можно уменьшать или увеличивать отступ, одновременно, для нескольких строк, выделяем их. Для этого нужно нажать Shift и щелкнуть в конце строки. Нажмем кнопку Уменьшить отступ. И еще раз. Маркеры исчезли. Теперь нажмем кнопку Маркеры. Маркеры не только появились, но и уменьшилось расстояние между строками. Увеличим отступ. Этот отступ увеличился, одновременно, для обеих строк. Выделим весь нумерованный список. Щелкнем в конце его, и затем, при нажатой клавише Shift в начале. Увеличим отступ. Здесь расстояние так же изменилось одновременно для всех трех строк. Сохраняем изменения.
* * * 1.4. Макетная таблица и ячейки Для того, чтобы познакомиться с макетными ячейками и таблицами, создадим новый документ. Для этого нужно нажать кнопку Создание новой макетной страницы. После нажатия кнопки появилось новое окно со вкладкой, на которой, указано имя документа, предложенное программой. Для перехода к новому документу, достаточно щелкнуть его вкладку. Таким же образом, можно перейти к новому документу. Кроме того, справа автоматически появилась Область Задач, макетные таблицы и ячейки. Макетные таблицы – это области, включающие в себя содержимое страницы. В Области задач подведите указатель мыши к стрелке внизу. Окно этой области автоматически передвинулось вверх. В окне Макет таблицы, мы видим набор заранее заготовленных макетов. Посмотрим, какие макеты здесь имеются. Передвиньте ползунок вверх. Первая область, это– Без макета. Правее, мы видим первую страницу. Щелкните стрелку на полосе прокрутки вниз. Следующий макет – Угол, верхний колонтитул, столбец слева и основная область. Все это указано во всплывающей подсказке. Такие же подсказки появляются для следующих макетов, с описанием каждого из них. Мы можем выбрать любой из этих макетов для открытого документа. Выбрать его можно щелчком мыши. После того, как вы щелкнули мышью, на странице появляется соответствующая таблица. На этой таблице появляются обозначения, указывающие на
46
TeachPro Microsoft FrontPage 2003
ширину столбцов и на высоту строк. Например, эта строка шириной в 313 точек. Ширина столбца справа –171 точка. Ширина столбца посередине, я покажу его, - 170 точек, как здесь указано. Высота верхней строки –55 точек, среднюю строку я уже называл, 313 точек и нижняя строка высотой 37 точек. Размеры столбцов и строк можно изменять. Для этого нужно щелкнуть Стрелку – появляется список команд: Изменить ширину столбца, Авторастягивание столбца, Использовать изображение – распорку столбца. Выберем команду Изменить ширину столбца. Появилось окно Свойства столбца. В этом окне указана ширина столбца –171 точка. Для увеличения значения можно щелкнуть кнопку со стрелкой, указывающей вверх: 172 точки, 173 и т.д. если держать эту кнопку, то значение увеличивается безостановочно. Оставим, например, это значение - 212 точек и нажимаем ОК. Ширина столбца увеличилась так, что мы теперь не видим правой границы таблицы. Отменим последнее действие. И, на этот раз уменьшим ширину столбца. Щелкнем значение или стрелку рядом с ним. Выбираем команду Изменить ширину столбца и уменьшаем значение, нажав кнопку со стрелкой, указывающей вниз, например, до 131 точки. Нажмите ОК. Ширина столбца уменьшилась, соответственно, уменьшилась и ширина всей таблицы. Отменяем действие. Теперь изменим высоту строки. Например, строки со значением 313 точек. Здесь имеется две команды: Изменить высоту строки и Авторастягивание строки. Изменим высоту. На этот раз, появилось окно Свойства строки. Для изменения значения счетчика, можно щелкнуть, непосредственно, в поле, удалить ненужную цифру, я сделал это с помощью клавиши Back Space, и ввести нужную, например, 2. Вместо 313 точек, я установил значение 213. нажимаем ОК. Высота этой строки уменьшилась, но высота всей таблицы осталась неизменной, за счет того, что увеличилась автоматически значение высоты нижней строки. Теперь, нижняя строка 137 точек. Отменяем действие и видим, что нижняя строка 37 точек, а средняя – 313, как и было раньше. Показ размеров столбцов и строк, можно отключить. Для этого нажмите кнопку Показать параметры макета в области задач. Теперь щелкните в таблице. Границы ячеек показаны пунктирной линией, но значений ширины и высоты здесь нет. Для того, чтобы снова показать эти параметры, щелкните ту же самую кнопку. А, теперь, щелкните, например, в левой верхней части таблицы. Параметры исчезли, хотя мы не нажимали кнопку Показать параметры макета, эта кнопку уже включена. Для того, чтобы мы видели эти параметры, нужно подвести указатель мыши к границе таблицы, когда появляется зеленая граница, щелкаем ее левой кнопкой мыши. Параметры опять отображаются на экране. Щелкните теперь в верхней строке. Здесь введем заголовок страницы Психологический клуб. Текст в ячейке мы можем форматировать так же, как это делали тогда, когда никаких ячеек на странице не было. В том числе, мы можем изменить стиль. Этот список мы пока не разбирали. Раскроем его. Здесь имеется несколько стилей текста. Выберите, например, заголовок 2. Для этого стиля заранее определен размер шрифта– пять, 18 пунктов, соответственно, изменился и введенный текст. Для того, чтобы не набирать весь текст вручную опять, перейдем на вкладку Индекс HTM и скопируем текст, например, подзаголовок. Выделив его, нажимаем правую
Глава 1. Веб-страница
47
кнопку мыши на этом выделении, и в списке выбираем левой кнопкой команду Копировать. Теперь переходим на другую вкладку, ставим курсор там, где должен быть этот текст, например, в столбце слева, нажимаем правую кнопку мыши, в списке выбираем команду Вставить. Скопированный текст появился в этом столбце. Снова переходим на другую вкладку и копируем последующий текст. Например, второй и третий абзацы. На вкладке Новая страница, ставим указатель мыши там, где будет этот текст, например, во втором столбце, щелкаем правой кнопкой мыши, выбираем команду Вставить. Текст вставлен в соответствующий столбец. При этом ширина строки сдвинулась. Передвиньте ползунок вверх. Такую же операцию произведем с остальным текстом на странице Индекс. Выделяем его, при нажатой клавише Shift, копируем, переходим на новую страницу, вставляем в третий столбец. На этот раз, изменилась не только высота, но и ширина столбца. Для того, чтобы точно узнать размеры, подведите указатель к границе ячейки, когда ячейка выделяется синим цветом, по ее границам, щелкните левой кнопкой мыши. В результате, мы видим значение - 300 точек на 1033 точки. Закройте Область задач, чтобы освободить пространство для таблицы.
* * * 1.5. Изменение макетной таблицы. Ввод и форматирование текста Для того, чтобы понять, как страница будет выглядеть при просмотре в Интернете, нажмите кнопку Просмотр внизу. Границы ячеек и таблицы самой, в данном случае, не видны. Кроме того, при разрешении экрана 800 / 600 точек, как у меня, довольно большая область остается незанятой справа. Вернемся в режим конструктор. Выделите всю таблицу. Передвинем маркер в правом верхнем углу вправо. Подведите указатель к зеленому маркеру левее. Указатель мыши превратился в двунаправленную стрелку. Передвинем этот маркер правее. Тем самым, мы передвинем границу ячейки. Следующий зеленый маркер - левее. Передвигаем его вправо. Теперь выберем ячейку. На ней так же имеется маркер. Передвинем угловой маркер правее. Ячейку слева выберем. Передвинем левый угловой маркер правее. Щелкните после слов Психологический клуб. Выделения границ больше нет. Просмотрим результат. Теперь текст на странице распределен лучше. Сохраним эту страницу. На экране появляется окно Сохранить как…Вместо имени файла Нов. Стр. 1, напишем, например, «клуб». Название и место сохранения – это папка вебстраницы, пусть остаются без изменений. Нажимаем кнопку Сохранить. Выделите еще раз таблицу. Подведите указатель мыши к левому слева столбцу. Указатель превратился в перекрещивающиеся слева стрелки. Нажмите левую кнопку мыши и, не отпуская ее, ведите мышь вправо. Таким образом, мы переместили столбец правее, не изменяя его размеров. Наведите указатель на левый верхний маркер в этом столбце. Перетащите его левее. Ширина этого столбца – увеличилась. Перейдем в режим просмотра. Изменять таблицу и ячейки, в частности, их размеры, можно с помощью области задач. Нажимаем кнопку Конструктор и откроем Область задач. В Области задач макетные таблицы и ячейки имеется группа Свойства таблицы. В этой области есть поля: Ширина и Высота. Изменим ширину. Удаляем текущее значение и вводим новое,
48
TeachPro Microsoft FrontPage 2003
например, 750 точек , и нажимаем клавишу Enter. Ширина таблицы – изменилась. Закроем Область задач, свободное пространство в области таблицы – увеличилось. Переместите ползунок до конца вверх. Мы можем перетащить правее границу верхней строки и столбца. Для этого подводим указатель к этой границе, когда он превращается в двунаправленную стрелку, перетаскиваем границу. Эту же таблицу можно перетащить с помощью зеленого маркера наверху. Перетащим еще правее границу. Для уменьшения ширины того же столбца, щелкните значение наверху. Выберите команду Изменить ширину столбца, пусть ширина столбца будет равной 300 точкам. Удалим цифры 6, 1, введем 0, 0. Нажмите ОК. После того, как вы добились нужного результата, сохраните работу, и, еще раз, просмотрите результат. Теперь можно переходить к форматированию текста. Это также делается в режиме Конструктор. Например, выделим весь текст третьего столбца, и выровняем его по правому краю. В первом слева столбце, текст так же выделен. И выровняем его посередине. Благодаря применению таблицы, мы по-разному выровняли текст, находящийся на одном уровне. Я » выделю этот уровень. Кусочек текста «Дом, где… выровнен по центру, относительно своего столбца. «Есть такой клуб, где люди… »этот кусок выровнен по левому краю, как и остальной текст в столбце. И в столбце справа, текст выровнен – по правому краю, относительно этого столбца. Благодаря таблице, мы получаем широкие возможности размещения не только текста на странице, но и различных объектов, таких, например, как картинки.
* * * 1.6. Вставка изображения из файла. Применение темы Если какие-либо ячейки созданной таблицы вам не нужны, выделите конкретную ячейку, и на клавиатуре нажмите клавишу Delete. Ячейка удалена вместе с текстом. Если не нужна вся таблица, выделяем эту таблицу, и нажимаем клавишу Delete на клавиатуре. Страница документа чиста, и вы можете начать всю работу сначала. Выберем другой макет в Области задач. Сначала эту область покажем, затем выберем макет, например, вот этот. Копируем текст с другой страницы, переходим на страницу Клуб, вставляем в верхнюю ячейку. Таким же образом, копируем текст из файла Индекс. Переходим в документ Клуб и вставляем текст в ячейку, которая находится ниже. Вот в этом месте. Щелкаем правую кнопку мыши, выбираем команду Вставить. Закройте Область задач. Наша следующая задача Вставка изображения. Установите курсор в том месте, где это изображение будет находиться, например, в этой ячейке. Затем, открываем меню вставка. Подводим указатель к строке Рисунок. В появившемся подменю выбираем команду Из файла. Открылось окно Рисунок. В этом окне раскрыта папка вебстраница. Ниже видно, какие папки и файлы в ней имеются. В данный момент, здесь видна только одна папка - Images, эту папку я создал заранее. Для открытия папки, ее можно дважды щелкнуть. Здесь находится один файл изображения – Портрет сзади. Это он так называется. Для вставки этого файла, нажмите кнопку Вставить в правом нижнем углу. Фотография вставлена в ячейку. Сохраним изменения. Нажмите кнопку Просмотр. Примерно так, страница будет выглядеть в Интернете. Однако, на этом работу над страницей мы не закончили.
Глава 1. Веб-страница
49
Вернемся в режим Конструктора. К созданной странице, мы можем применить тему. Тема – это набор элементов оформления и цветовых схем. Отобразите Область задач. Выбираем в списке Область задач, щелкаем заголовок, в списке выбираем строку Тема. В этой области появился заголовок Тема и, здесь, мы можем выбрать соответствующую тему. Мы видим список недавно использовавшихся тем, а так же все доступные темы ниже. Чтобы их увидеть, воспользуемся ползунком полосы прокрутки. В начале расположено окошко без темы. Далее, различные, заранее заготовленные темы со своими именами. Щелкните, например, тему Вода. Оформление страницы изменилось в соответствии, с темой. Текст, который, по умолчанию, был задан черным, стал белым. Измененный нами текст, остался таким, каким был по цвету. Кроме того, изменился фон таблицы. Мы можем попробовать несколько разных тем, прежде, чем остановимся на одной из них. Щелкните между ползунком и нижней кнопкой со стрелкой. Выберите тему, например, Ирис. Лично мне эта тема нравится. Я закрою Область задач и просмотрю страницу. Фон и тот текст, который я использовал, хорошо сочетаются. Возвращаемся в режим Конструктора. Нажмите кнопку Сохранить. На экран выведено окно Сохранение внедренных файлов. Эти файлы будут внедрены в документ Клуб HTM. Их имена показаны в левом столбце. Расположение на жестком диске в столбце Папка. И последний столбец – Действие. Что мы будем делать с файлами? Сохранять. Все эти файлы используются для добавления темы Ирис. Путь к этим файлам сейчас виден не полностью. Подведите указатель к разделительной линии между заголовками столбцов. Когда указатель превращается в такую стрелку, перетащите границу вправо. Сейчас понятно, что все эта файлы будут помещены в папку веб-страница. Эту папку можно изменить нажатием кнопки Сменить папку. Появилось окно Открытие файла. В списке Папка, я выберу ту папку, в которую хочу сохранить эта файлы. Это, опять же, будет папка Веб-страница. Но я помещу файлы в ту папку, которая находится внутри нее Images, и теперь нажму кнопку Открыть. Изменился ли путь к папке? Перетащим границу влево и вправо. Путь – изменился. Действительно, файлы будут помещены во вложенную папку Images, в папке Веб-страница. Нажимаем кнопку ОК. Документ – сохранен.
* * * 1.7. Фон документа Предположим, вам не нравится оформление данного документа, и вы хотите удалить тему. Выведите на экран Область задач. После щелчка правой кнопкой мыши на панели инструментов появилось меню. В нем щелкаем пункт Область задач. Щелкаем теперь заголовок этой области. В списке команд выбираем Тема. Переходим в раздел Все доступные темы. Здесь, как я уже говорил, имеется окно без темы, щелкните его. Вид документа сразу же изменился. Сохраним это изменение. Закройте Область задач. Фон на этой странице теперь везде белый. Давайте попробуем изменить этот фон. Щелкните страницу правой кнопкой мыши, в любом месте, например, даже в таблице. Появилось контекстное меню. В этом
50
TeachPro Microsoft FrontPage 2003
меню, найдите команду Свойства страницы. Щелкните ее левой кнопкой мыши. На экран выведено окно Свойства страницы. В этом окне есть несколько вкладок. Сейчас открыта вкладка Общие. На этой вкладке указано расположение страницы на жестком диске моего компьютера. Данный документ находится на диске D и далее вы видите, путь к этому файлу. Название здесь то, которое мы задали – Психологический клуб. Перейдите на вкладку Форматирование. Для этого ее нужно просто щелкнуть левой кнопкой мыши. Здесь, в группе Фон, имеется флажок Фоновый рисунок. Установите этот флажок, щелчком мыши в рамке. Доступным стало текстовое поле ниже, в этой же группе. После щелчка мыши, в нем появляется курсор. Здесь вы можете вести путь к файлу Изображение, чтобы сделать его фоном рисунка или нажмите кнопку Обзор и найдите нужное изображение. Я знаю, что у меня на диске изображение находится в папке My files, это - диск D, далее в папке Docs, Веб-страница, Images. Здесь сохранились изображения, которые мы использовали для темы. Кроме того, здесь же находится фотография, которая сейчас расположена на странице. Для того, чтобы увидеть эту фотографию, можно отодвинуть окно Выбрать фоновый рисунок. Нажмите в строке заголовка левой кнопкой мыши, и, удерживая ее, передвиньте мышь вправо. Вот это изображение и есть – Портрет сзади. Для фонового рисунка я использую изображение MyСomp, выделим его одним щелчком мыши и в правом нижнем углу нажмем кнопку Открыть. В текстовом поле появился путь к файлу Изображения. Этот файл называется MyСomp, это его имя, и расширение файла JPG. Нажмите кнопку ОК в этом окне. Программа размножила этот файл, разместив его на странице. Таким образом, мы получили фон страницы, но это изображение слишком яркое и теперь, едва виден текст. Щелкните страницу правой кнопкой мыши. Выберите команду Свойства страницы. Появилось опять окно Свойства страницы, в котором перейдите на вкладку Форматирование. Для того, чтобы удалить фоновый рисунок со страницы, снимите соответствующий флажок в группе Фон. Затем нажмите кнопку ОК. Рисунок - удален. Передвинем ползунок вверх. Фон можно определить не с помощью другого рисунка, а с помощью цвета. Щелкните страницу правой кнопкой мыши. Выберите команду Свойства страницы. В окне Свойства страницы откройте вкладку Форматирование. Под группой Фон, находится группа опций – Цвета. В этой группе расположен список Фон щелкните стрелку справа. Открылся список, состоящий из 16 стандартных цветов, список, включающий цвета документа, т.е. те цвета, которые сейчас используются, а так же команда Другие цвета. Наведите указатель на один из стандартных цветов, например, сейчас указатель наведен на черный цвет. Этот же черный отображается в поле Фон. Сейчас – зеленый. Таким образом, мы видим изменение цвета в поле Фон. Выберем какой-либо из этих цветов, например, светло-серый. Этот цвет появился в поле Фон, нажимаем кнопку ОК. Цвет Фона всей страницы изменился. Для того, чтобы удалить или изменить цвет этого фона, выполняем те же действия: нажимаем кнопку мыши, открываем соответствующую команду, соответствующую вкладку и соответствующий список. Вверху списка находится команда Авто. Щелкните ее. В этом случае, фон будет белым. Посмотрим. Еще раз нажмите правую кнопку мыши, Свойства страницы, вкладка Форматирование. В окне Свойства страницы, раскройте список
Глава 1. Веб-страница
51
Фон. Теперь выберите строку Другие цвета. На экране появилось окно Другие цвета. Щелкните в наборе цветов, тот цвет, который вы хотите использовать для фона. Вот я щелкну, например, этот. Выбранный цвет показан в окне Новый. Нажимаем ОК в этом окне – Другие цвета. Новый цвет появился в поле Фон. Щелкните стрелку здесь. Поскольку, этот цвет мы пока не применили, в Цвета документа он не попал. Нажмите кнопку ОК.
* * * 1.8. Создание эффекта Открытие или закрытие страницы может сопровождаться некоторыми эффектами. Убедитесь в том, что сейчас выбрано представление Конструктор, откройте меню Формат, и в этом меню выберите команду Смена страниц. После выбора команды, появилось окно Смена страниц. В этом окне имеется список События, список Эффектов, под названием Эффект и Длительность в сек. Это текстовое поле. Начнем со списка События. Отройте список. В нем имеются 4 варианта: Вход на страницу, т.е. это открытие страницы, Выход со страницы, а фактически, закрытие страницы, Вход на узел и Выход с узла. Оставим Вход на страницу выбранным. Когда происходит вход на страницу, иначе говоря, ее открытие, применяется следующая опция – Без эффекта. Ниже здесь указаны различные эффекты: Смешать, Прямоугольник внутрь и т.д., весь список можно просмотреть, воспользовавшись, например, ползунком и, выбрав, какой-либо пункт в списке. Например, Случайные вертикальные полосы. Пункты в списке можно не только щелкать, но и перемещать с помощью клавиши Стрелка вниз или Стрелка вниз на клавиатуре. Нажмем стрелку вверх, стрелку вниз. Передвиньте ползунок в самый верх. Выберите, например, Прямоугольник внутрь. Посмотрим, как будет использоваться этот эффект. В поле Длительность щелкните указателем мыши, там появился курсор и введите, например, цифру 2. Длительность эффекта будет 2 секунды. Выбрав, эти возможности, нажимаем кнопку ОК. После чего, сохраняем документ, и для просмотра этого документа можно сделать следующее: откройте меню Файл, в списке команд выберите Просмотреть в обозревателе. При наведении указателя мыши на эту строку, появляется подменю. Выберите в нем верхний пункт. Никакого эффекта мы не увидели, поскольку смены страниц не было. Мы должны открыть какуюнибудь другую страницу, и затем, перейти с нее к документу Клуб. В программе Microsoft Internet Explorer, которая сейчас открылась, щелкните меню Файл, команду Открыть. Вы видите на экране Окно открыть и здесь же, находится текстовое поле Открыть. Для того, чтобы ввести сюда Путь к файлу, можно просто нажать кнопку Обзор и выбрать нужный файл в списке, соответствующей папке. Я выбираю папку Веб-страница и в ней файл Индекс. Открываю его
нажатием кнопки Открыть в правом нижнем углу. Этот путь ведет в строку Открыть. Мы могли бы ввести его вручную, набирая текст на клавиатуре. Нажимаем кнопку ОК. В той же программе Microsoft Internet Explorer открыта новая страница, другой файл, файл под названием Индекс HTML. Вот его имя. Для перехода к предыдущему файлу – Клуб, нажмите кнопку Назад. Теперь мы увидели тот эффект, который назначили, перейдем к следующему файлу. Здесь никакой эффект не был назначен, поэтому мы его и не увидели. Просмотрим еще раз эффект предыдущего документа. Вернемся к окну программы Microsoft Front Page. Для этого наведите указатель мыши на
52
TeachPro Microsoft FrontPage 2003
панель задач, и щелкните соответствующую кнопку. Уже назначенный эффект для документа можно изменить. Откройте меню Формат. Выберите команду Смена страниц в списке. Появилось окно Смена страниц. Вместо события Вход на страницу, выберем, например, событие Выход со страницы. Для этого события выбираем эффект, предположим, Круг наружу. Длительность назначим 4 секунды. Теперь еще раз раскройте список События и выберите команду Вход на страницу. Для этого события эффект остался неизменным – Прямоугольник внутрь, т.е. установки другого события Выход со страницы, не отменяют установки Входа на страницу. Нажмите кнопку ОК. Сохраняем изменения. Чтобы просмотреть изменения в документе, мы можем открыть свернутое окно программы Microsoft Internet Explorer, наведя указатель мыши на панель задач. Здесь щелкаем соответствующую кнопку, для того, чтобы увидеть измененный документ, наведите указатель мыши на эту кнопку, она называется Обновить, и щелкните ее левой кнопкой мыши. Затем нажмите кнопку Вперед, теперь мы видим, какие изменения произошли при смене документа. Это был эффект при Выходе. Теперь просмотрим эффект при Входе. Нажимаем кнопку Назад. Документ открывается, и эффект вы видели какой. Для того, чтобы удалить эффект смены страниц, в режиме Конструктор, откройте меню Формат, выберите команду Смена страниц, выберите то событие, для которого эффект не нужен, например, Выход со страницы. И в списке эффектов, выберите строку Без эффекта. Длительность здесь не нужна, поэтому, выделяем ее и удаляем клавишей Delete. После чего можно нажать кнопку ОК и сохранить изменения. Откройте свернутое окно программы Microsoft Internet Explorer. Нажмите здесь кнопку Назад для перехода к нашему документу. Эффект открытия этого документа произошел. Переходим к следующему документу, т.е., будет закрытие документа – Клуб HTM. Переход произошел мгновенно, никакого эффекта мы не видели. Произошло это потому, что мы назначили для документа Клуб HTM отсутствие эффекта при выходе. Закрываем это окно.
* * * 1.9. Горизонтальная линия Бывают случаи, когда необходимо разделить текст каким-то образом или привлечь внимание к его отдельной части. Разделить текст можно с помощью горизонтальной линии. Поставьте курсор перед словом «кому» в тексте. Откройте меню Вставка, выберите в нем команду Горизонтальная линия. Эта горизонтальная линия появилась перед текстом, где находился курсор. Как эта линия будет выглядеть в режиме просмотра? Щелкните кнопку. Мы отделили текст. Эту линию можно изменить. Перейдите в режим Конструктор. Наведите указатель мыши на линию и щелкните ее дважды. Появилось окно Свойства горизонтальной линии. В данном окне имеется несколько групп опций: первая - Размер, следующая – Выравнивание, ниже – Цвет и флажок – Сплошная линия, а также кнопки: Стиль, ОК и Отмена. В счетчике Ширина, указано значение 100. Внизу установлен переключатель в процентах от ширины окна. Попробуем установить переключатель в точках и нажмем кнопку ОК. Горизонтальная линия в документе – уменьшилась. Теперь ширина ее составляет всего 100 точек. Щелкнем ее дважды. Установите переключатель в % -х от ширины окна. Теперь это снова 100%, но почему тогда линия не занимает всю ширину окна. Отодвиньте это окно вправо. Шириной окна здесь считается ширина ячейки, в которой линия находится, т. е., примерно, это расстояние. Если бы таблицы не было, тогда, действительно линия занимала бы всю ширину окна. Кроме ширины линии, можно задать ее высоту. Сейчас здесь высота 2 точки. Увеличим значение, щелкая стрелку, указывающую вверх на счетчике, например, пусть это будет 10 точек. Нажимаем кнопку ОК. Нажмите
Глава 1. Веб-страница
53 внизу кнопку Просмотр. Мы можем продолжить изменение этой горизонтальной линии. Снова вернемся в режим Конструктор. Выделяем линию двойным щелчком и установим для нее сплошную линию, без заливки и нажмем кнопку ОК. То, что мы получили, видно на экране. Еще раз щелкаем линию, дважды. Снимите флажок Сплошная линия, выберите список Цвет, щелкнув стрелку справа. И выберем какой-нибудь цвет, например, красный. Нажимаем ОК. Опять откройте окно Свойства горизонтальной линии. Установите флажок Сплошная линия. Нажмите ОК. Никаких изменений не произошло. Открываем то же окно снова, уменьшим ширину лини до 50% и выровняем эту линию по левому краю. Подтвержда-
ем изменения. Нажмите кнопку Просмотр. Линия выровнена по левому краю столбца, в котором она находится. Перейдем в режим Конструктор и выровняем эту линию, например, по левому краю, той же самой ячейки. Для этого выбираем переключатель по правому краю. Нажмите ОК. Изменим снова эту линию. Ширину я сделаю равной 80%, высоту равной 2 точкам. Выравнивание пусть будет по центру, цвет – Авто, флажок Сплошная линия – уберем. Нажимаем ОК. Такой вариант пока и оставим.
* * * 1.10. Эффекты анимации Для различных элементов веб-страницы можно назначать эффекты анимации. Выделим, например, какой-либо текст. Предположим, этот абзац. Теперь мы должны вывести на экран панель Эффекты DHTML. Для этого щелкните на панели инструментов правой кнопкой мыши, найдите команду Эффекты DHTML. Появилась панель с тем же названием. В левой части этой панели имеется список, для раскрытия которого, нужно нажать Кнопку со стрелкой. В этом списке перечислено несколько событий. Такие как: щелчок, двойной щелчок, наведение мыши и загрузка страницы. Событие – это действие, приводящее к запуску какого-либо эффекта. Выберем, например, Наведение мыши. После того, как мы включили это событие, Наведение мыши, доступным стал список Применить. Раскроем этот список. Сейчас в списке только один пункт – Форматирование. Эффект Форматирования мы можем применить щелкнув эту строку. После того, как мы выбрали Форматирование, еще правее, стал доступен другой список. Это список – Настройки, мы можем здесь выбрать шрифт или выбрать границу. Выберем Шрифт. После щелчка на экране появилось окно Шрифт. Настройки шрифта мы здесь не будем менять, за исключением одного пункта – установим флажок Все прописные, т.е. все буквы станут заглавными при применении эффекта. Нажимаем кнопку ОК здесь. Окно Шрифт исчезло с экрана, но текст, который мы выделили до этого, теперь заключен в рамку. Наведите указатель мыши на эту рамку. Всплывающая подсказка. Динамический эффект: Форматирование. Рамка, которую мы видим, заключает в себе объект, к которому динамически применяется Форматирование. Закройте панель Эффекты DHTML. Это можно сделать нажатием кнопки Закрыть и перейдите в режим просмотра. В режиме просмотра,
54
TeachPro Microsoft FrontPage 2003
рамки этой мы не видим. Наведите указатель мыши на текст, для которого мы назначили эффект. При наведении указателя на этот текст, все буквы становятся прописными или заглавными. Если убрать указатель мыши, они снова становятся строчными. Вернитесь в режим Конструктора. Назначим какой-либо другой эффект. Выведите на экран окно Эффекты DHTML. Пусть теперь событием будет не наведение мыши, а какое-либо другое. Раскройте список. Выберите, например, Щелчок. Раскройте список Применить. Кроме Форматирования, здесь появилась команда Вылет. Выбираем ее. Настроим эту команду. Вылет выделенного текста может быть налево, как указано в списке, наверх, вниз налево, вниз направо и т. д. Выберем, например, последнюю строку – Вниз направо, по словам. Для того, чтобы просмотреть эффект, необязательно убирать окно Эффекты DHTML с экрана. Просто нажмите кнопку Просмотр. Панель Эффекты DHTML осталась на экране, но теперь ее списки недоступны. Наведите указатель мыши на тот текст, для которого мы назначили эффект. Никакого действия не происходит, потому что, на этот раз, событием мы назначили не наведение мыши, а щелчок. Щелкните в любом месте этого текста. Текст, так сказать, вылетел. В результате этого действия, текст исчез с экрана. Переходим в режим Конструктор. На самом-то деле, текст, конечно, остался на странице. Если данный эффект вам не нравится, вы можете применить другой. Вместо вылета, например, выбрать Форматирование и настроить это Форматирование в списке справа. Например, выберем Границу. В результате, появляется окно Границы и Заливка. Например, вы хотите, чтобы после щелчка мыши, изменилась заливка текста. Тогда перейдем на вкладку Заливка и изменим цвет фона. Для этого , раскройте список Цвет фона, и выберите какой-нибудь цвет, например, голубой. Для подтверждения действия, нажмите кнопку ОК. Посмотрим, как этот эффект будет выглядеть. Щелкните кнопку Просмотр. Теперь щелкните текст. После щелчка мыши, фон текста изменился. Щелкните тот же текст еще раз. Фон текста стал таким, каким был прежде. Возвращается в режим Конструктора. Для удаления эффекта, вы можете нажать кнопку Удалить эффект на панели Эффекты DHTML. Эффект удален. Выделим этот текст еще раз. В списке Событий выберите Наведение мыши. В списке Применить- только одна строка – Форматирование, ее и выбираем. В списке Настройка – выберем команду Выбрать шрифт. Поставьте флажок Видоизменение Подчеркнутый. Нажмите кнопку ОК. Теперь , при таком событии, как Наведение мыши, этот текст должен подчеркиваться. Перейдем в режим Просмотра и проверим, так ли это. Действительно, текст подчеркивается. Однако, такой эффект, применяется для гиперссылок, обычно, поэтому, его лучше удалить, что я сейчас и сделаю. В режиме Конструктора, эффекты можно выделять, либо, по желанию, не выделять. Выберем какое-либо событие, например, Двойной щелчок. Применим эффект Форматирование. В настройке выбрать Шрифт. Установите, например, флажок Скрытый и нажмите кнопку ОК. Сейчас текст выделен и мы видим, что здесь применяется эффект, но это выделение можно убрать, нажав кнопку Выделить Эффекты DHTML. Нажмите ее. Выделения нет. Переходим в режим Просмотра. Наведите указатель мыши на текст, для которого назначен эффект. Ничего не происходит. Щелкните левой кнопкой один раз. Опять никакого действия. Щелкните дважды. Весь текст, для которого назначен эффект, стал невидимым. Возвращаемся в режим Конструктор. Удалим эффект. Для этого сначала выделяем текст, нажимаем кнопку Удалить эффект. Закройте панель Эффекты DHTML.
* * *
Глава 1. Веб-страница
55 1.11. Анимация изображения. Бегущая строка
Добавим эффект анимации такому элементу, как Изображение. Щелкните его. Выведите на экран окно Эффекты DHTML. Раскройте список Событий в окне. Пусть это будет Наведение мыши. Затем, раскройте список Эффектов. Здесь только одна строка – Замена. Ее и выберем. Затем нужно настроить замену. Раскройте соответствующий список. Щелкните единственную команду в этом списке – Выбрать рисунок. Появилось окно Рисунок. Здесь мы должны выбрать то изображение, которое будет заменять изображение, присутствующее на странице. Сначала, найдите нужную папку на своем жестком диске. У меня изображения находятся в папке Images. Среди файлов я выберу файл с именем Портрет. После чего, нажимаю кнопку Открыть. Эффект применен к изображению, хотя, сейчас, мы этого не видим. Эффект должен действовать при наведении мыши на фотографию. Перейдем в режим Просмотра. Панель Эффекты DHTML можно закрыть. Для того, чтобы увидеть эффект, подведите указатель мыши к фотографии. Сразу же фотография сменяется и мы видим то изображение, которое назначили на панели DHTML. Другая фотография будет появляться столько раз, сколько вы подведете указатель мыши к изображению. Перейдите в режим Конструктор. Мы можем, так же, задать такой эффект, как бегущая строка. Для этого нужно написать определенный текст, который вы хотите представить в виде бегущей строки и затем, выделить его. Например, этот текст. Откройте меню Вставка, выберите команду Веб-компонент. Появилось окно Вставка компонента веб-узла. В списке Тип компонента, выбираем Динамические эффекты, они уже сейчас выбраны, справа, выбираем Эффект для этого типа компонента. Сейчас здесь имеется бегущая строка и интерактивная кнопка. Выберите команду Бегущая строка. После чего, нажмите кнопку Готово. На смену предыдущему окну появилось новое – Свойства бегущей строки. В этом окне, понятное дело, мы должны задать свойства. Текст строки указан в поле Текст. Ниже имеются несколько групп опций, такие как: Направление, Скорость, Поведение и т. д. Мы оставим сейчас все настройки - по умолчанию и, просто, нажимаем кнопку ОК. Для того, чтобы увидеть эффект, нажмите кнопку Просмотр внизу. Строка движется справа налево. После того, как она исчезла в левой части, снова появляется в правой и движется в том же направлении. Перейдем в режим Конструктора. В этом режиме, бегущая строка никуда не движется, как видите. Для того, чтобы удалить бегущую строку, ее нужно выделить щелчком мыши и, затем, нажать на клавиатуре клавишу Delete. Строка удалена. Для отмены действия, я нажму кнопку Отменить. Строка возвращена на свое прежнее место. Для того, чтобы изменить свойства, уже имеющейся бегущей строки, выделите ее, щелкните правой кнопкой мыши, в контекстном меню выберите команду Свойства бегущей строки. Появилось окно, которое мы уже видели - Свойства бегущей строки, так и называется. Например, мы можем изменить такое свойство, как повторы. Сейчас здесь установлен флажок Непрерывно. Снимем его. После снятия флажка, активным стал счетчик. В нем указано количество раз и сейчас это - 1. Количество мы можем увеличить, нажав стрелку, указывающую вверх, например. Или, непосредственно, удалить число и ввести какое-то другое число, например, 10 раз, или 3 раза. Для применения изменений, нажмите кнопку ОК. После этого, перейдите в режим Просмотра. Сейчас строка показана первый раз, она передвигается справа – налево, как и раньше. Второй раз она передвигается. Всего должно быть 3 раза, согласно нашим установкам. Это- третий раз. Больше движущейся строки мы не увидим, пока не загрузим страницу заново. Возвращаемся в режим Конструктор.
* * *
56
TeachPro Microsoft FrontPage 2003 1.12. Звуковое сопровождение К созданной веб-странице можно добавить звуковое сопровождение. Щелкните страницу правой клавишей мыши, в меню выберите команду Свойства страницы. Появилось окно Свойства страницы. В этом окне нас интересует вкладка Общие и на этой вкладке, в частности, группа Фоновый звук. Нажмите кнопку Обзор в этой группе. Появилось окно Фоновый звук. По умолчанию, открыта папка Мои веб-узлы. Раскройте список. Поскольку, у меня в папке Мои веб-узлы звука нет, я попробую найти его на диске D. Раскрою папку Docs., затем папку веб-страница и в ней, созданную заранее папку - Sound. Здесь имеется файл с таким же именем – sound. Для его открытия
нажмите кнопку Открыть в правом нижнем углу окна. В поле Расположение появился Путь к файлу. Нажмите кнопку ОК в поле Свойства страницы. Никаких изменений внешнего вида страницы в режиме Конструктора не произошло. Перетащите ползунок вниз. Внизу страницы, так же не видно изменений. Ничего удивительного. Мы должны не видеть, а слышать эти изменения. Нажмите кнопку Просмотр. Мы не только теперь видим страницу и анимацию текста, но и слышим звук, фоновый звук, сопровождающий эту страницу. Перейдите в режим Конструктор. В режиме Просмотра, звук повторялся снова и снова. Для того, чтобы изменить это свойство, щелкните правой кнопкой на странице, выберите команду Свойства страницы. На вкладке Общие мы видим флажок Число повторов Непрерывно. Флажок Непрерывно можно снять. Сразу же активизировался счетчик Число повторов. Если мы оставим значение 0 в этом счетчике, то звукового сопровождения не будет. Увеличим число, щелкнув стрелку, указывающую вверх, например, до двух раз и нажмем кнопку ОК. Посмотрим, а , вернее, послушаем, какие изменения произошли. Перейдем в режим Просмотра. Музыка прозвучала дважды и звучание прекратилось, в соответствии, с нашими настройками. Переходим в режим Конструктор. Имейте в виду, что показанные возможности поддерживаются не всеми обозревателями веб-страниц. Для того, чтобы удалить сопровождение веб-страницы, опять щелкнем правой кнопкой мыши страницу, выберем команду Свойства страницы, в группе Фоновый звук удалите текст из поля Расположение. Затем нажмите ОК. Просмотр. Мы видим, как движется бегущая строка, но звука больше не слышим. Вернемся в режим Конструктора и вернем звук на место. Для этого, выполняем все те шаги, которые сделали ранее. Путь к файлу снова появился в строке Расположение. Флажок Непрерывно – снимем. Установим, например, значение 3. Пусть мелодия повторяется трижды и нажимаем кнопку ОК. Мы можем открыть веб-обозреватель и прослушать фоновый звук там. Щелкните меню Файл. Подведите указатель мыши к строке Просмотреть в обозревателе. Выберите первый пункт Microsoft Internet Explore 6. Изменения не были сохранены. Сохранить изменения и просмотреть текущую версию? Нажимаем Да. Теперь мы видим окно обозревателя Microsoft Internet Explore. Слышим звучание. Это тот фоновый звук, который мы ввели на страницу. Он прозвучал трижды. Затем, в соответствии, с настройками, звучание прекратилось и бегущая строка, так же, исчезла, но два этих эффекта, никак не связаны между собой. Закрываем окно обозревателя. Щелкните текст бегущей строки дважды. Таким образом, мы так же можем открывать окно Свойства бегущей строки. Обратите внимание на число повторов. Их –три. Это число мы ввели сами. Вот почему, я говорю, что звуковой и визуальный эффект между собой не связаны. Нажмите кнопку Отмена.
* * *
Глава 1. Веб-страница
57 1.13. Гиперссылка
Гиперссылка – это связь между веб-страницами или файлами. Создадим гиперссылку. Сначала вводим текст, затем выделяем этот текст. На панели инструментов есть кнопка с изображением земного шара. Она называется Добавление гиперссылки. Нажмите эту кнопку. Появляется окно Добавление гиперссылки. Предположим, вы хотите создать ссылку на вебстраницу. В таком случае, оставляете вариант связи с файлом Веб-страницей. Ссылку можно так же создать: на место, в данном документе, для этого нужно щелкнуть соответствующую кнопку на панели; с новым документом или с электронной почтой. Мы не будем сейчас рассматривать эти возможности, выбираем снова кнопку Файлом Веб-страницей. Текст, который мы ввели в документе, отображается в поле Текст. Это ссылка на страницу. Какую страницу мы хотим открыть щелчком мыши на этом тексте? Это нужно определить с помощью следующих опций. Выбрать папку. Сейчас выбрана папка Веб-страница. Ниже находится окно, в котором указаны файлы и папки, находящиеся в папке Веб-страница. В частности, это документ Клуб, документ index, три папки: Images, Sound и Video. После имени документа Клуб, указано в скобках слово «открытый», т.е. именно этот документ сейчас открыт, следовательно, выдирать этот файл для открытия – нельзя. Он уже открыт. Выберем файл index. При щелчке мыши на тексте Ссылка на страницу, в таком случае, будет открыт этот файл – index.htm. Выбрав его, нажимаем кнопку ОК в этом окне. Снимите выделение текста Ссылка на страницу, обратите внимание, что цвет этого текста изменился, и он стал подчеркнутым. Перейдем в режим Просмотра. Мы слышим фоновую музыку, которую создали ранее, внедрив ее в этот документ, и видим бегущую строку. Для того, чтобы перейти по гиперссылке, нужно ее щелкнуть левой кнопкой мыши, после того, как указатель превратился в руку с указательным пальцем. Я щелкаю эту гиперссылку, и мы видим документ, который выбрали в качестве цели перехода по гиперссылке. Здесь мы можем просмотреть весь текст с помощью полосы прокрутки справа, и затем, вернуться в предыдущий документ. На вкладке указано имя предыдущего документа – Клуб.htm. Каким же образом, его увидеть, если имя уже здесь? Надо, просто, нажать кнопку на панели инструментов, которая называется Обновить. Документ обновлен. Мы увидели эффект загрузки этой страницы, и опять, слышим фоновую музыку и бегущую строку. Переходим в режим Конструктора. Кроме гиперссылки на страницу, мы можем создать ссылку на какой-либо файл, например, на файл Изображение. Нажмите клавишу Enter. Введем текст, например, Фото. Выделим этот текст двойным щелчком мыши, затем, щелкните кнопку Добавление гиперссылки на панели Стандартная. Снова появилось окно Добавление гиперссылки, выбираем здесь папку, здесь уже выбрано – Images. Она находится в папке веб-страница. Для того, чтобы снова открыть Images, достаточно щелкнуть эту папку дважды.
58
TeachPro Microsoft FrontPage 2003
Здесь мы видим список файлов, имеющихся в папке Images. Открытый документ, не находящийся даже в этой папке, указан по-прежнему, вверху списка. Теперь я выберу тот файл, который хочу открыть с помощью перехода по гиперссылке. Предположим, это файл, с расширением JPG, и именем Портрет. После щелчка мыши на этом файле, в строке Адрес, ниже, отображается путь к этому файлу. Он находится в папке Images, и между папкой и именем файла стоит косая черта. Для подтверждения выбора, нажимаем кнопку ОК. Слово Фото так же оказалось подчеркнутым и имеет теперь другой цвет. Перейдем в режим Просмотр. Нажмите слово Фото. Теперь мы видим другую страницу, которая уже не содержит текста, и где нем звукового эффекта, но называется она по-прежнему, Клуб HTM, т.е. сейчас, мы перешли по гиперссылке. Посмотрим, как такой же переход будет выглядеть в веб-обозревателе. Вернемся в режим Конструктор. Откройте меню Файл, наведите указатель мыши на строку Рассмотреть в обозревателе, и выберите какой-нибудь браузер, например, Microsoft Internet Explorer. Программа сообщает, что необходимо сохранить изменения. Соглашаемся с этим предложением. Загрузилось окно программы Microsoft Internet Explorer. Нажмем ссылку Фото. Произошел переход к файлу – Портрет с расширением JPG. Программа загрузила изображение на новую страницу. Для возвращения к предыдущей странице, в браузере нужно нажать не кнопку Обновить, а кнопку Назад. И мы, снова, видим предыдущую страницу. Закройте ее.
* * * 1.14. Изменение гиперссылок В программе Microsoft Front Page 2003 можно изменять уже существующие гиперссылки. Например, можно изменить текст гиперссылки. Вместо Ссылка на страницу, например, написать только слово Страница. Щелкните в этом тексте и удалите ненужный текст. Исправляем слово Страница. Проверим, будет ли работать измененный текст. Щелкаем эту гиперссылку. Появилась страница с заголовком Психологический клуб, которую, мы создавали ранее и на которую направили гиперссылку. Обновим этот документ, Клуб HTM, я имею ввиду. Перейдем в режим Конструктор. Кроме текста, можно изменить и адрес гиперссылки, т.е., то, на какой объект эта гиперссылка ссылается. Выделим, например, слово Фото. Для изменения адреса, можно использовать уже знакомую кнопку Добавление гиперссылки, но я отменю это действие, нажатием кнопки Отмена в окне Изменение гиперссылки, и, просто, щелкнув слово Фото правой кнопкой мыши. В контекстном меню выберем Свойства гиперссылки. На экране появилось окно Изменение гиперссылки, которое мы только что видели. Для того, чтобы ввести новый адрес, можно или ввести текст вручную в строке Адрес, а, проще это сделать, выбрав нужный файл. Например, вместо файла Портрет, я выберу файл City в списке, после чего, нажму кнопку ОК. Со словом Фото никаких явных изменений не произошло. Оно написано тем же шрифтом, того же цвета и так же подчеркнуто. Но адрес, по которому будет совершен переход изменился. Нажимаем Просмотр. И щелкните это слово. Теперь открыто совсем другое изображение. Это фотография одной из городских улиц. Вернитесь в режим Конструктора. Для того, чтобы совершить переход по гиперссылке, необязательно переходить в режим Просмотра. Наведите указатель мыши на какую-либо гиперссылку, например, Страница. Появляется всплывающая подсказка. Для перехода по гиперссылке, нажмите Ctrl и щелкните ее. Нажимаем Ctrl , указатель мыши превратился в руку, с указующим перстом. Щелкните это слово.
Глава 1. Веб-страница
59
Сразу же совершен переход к нужной странице, причем, эта страница, отдельно открыта, что видно потому, что вверху имеется вкладка Индекс. Вкладка Клуб сейчас неактивна. Щелкните ее. Мы попали на страницу документа Клуб. Можно вернуться в документ Индекс щелчком мыши или закрыть совсем этот документ. Итак, мы не знаем, какая фотография скрыта за гиперссылкой Фото. Если навести указатель мыши на это слово, всплывающая подсказка нам так же ничем не поможет. В ней говорится совсем о другом. Перейдем в режим Просмотра, и здесь наведем указатель мыши на слово Фото. В этом случае, подсказки совсем нет. И какая фотография будет открыта, мы не знаем. Вернитесь в режим Конструктор. Для гиперссылок можно назначать подсказки. Выделите текст этой гиперссылки, на панели инструментов нажмите кнопку Добавление гиперссылки. В окне Изменение гиперссылки, которое только что появилось, найдите и нажмите кнопку Подсказка. В ответ, мы видим окно Подсказка для гиперссылки. Здесь только одно текстовое поле, которое называется Текст подсказки. В нем уже установлен курсор. Здесь можно ввести текст, например, Город. Нажимаем кнопку ОК. В окне Изменение гиперссылки то же нажимаем ОК. Выделение текста можно снять, щелкнув где-нибудь в документе. Наведите указатель мыши на текст, для которого мы назначили подсказку. Всплывающая подсказка появилась , но она совсем не та, что мы написали. В режиме Конструктора подсказка дана относительно того, как перейти по гиперссылке из этого режима. Перейдите в режим Просмотра. Музыку я сделаю тише, чтобы она не надоедала. Наведите указатель мыши на слово Фото. Вот в этом случае, появляется всплывающая подсказка со словом Город, введенным нами. Вернитесь в режим Конструктора. Для того, чтобы удалить гиперссылку вместе с текстом, этот текст нужно выделить. Пожалуй, я выделил слишком много. Выделить одно слово удобнее двойным щелчком. Затем нажимаем клавишу Delete. И текст, и гиперссылка исчезли. Отменим это действие. Как оставить текст на месте, но при этом, чтобы он никуда больше не ссылался. Выделяем этот текст. На панели инструментов нажмите кнопку Добавление гиперссылки. Появляется окно Изменение гиперссылки. Для того, чтобы удалить только ссылку, не удаляя самого текста, текст у нас показан в строке Текст, нужно нажать кнопку Удалить ссылку в этом окне. Слово Фото осталось на странице. Однако, оно больше не подчеркнуто, и не выделено другим цветом. Это обычный текст. Последнее действие я так же отменю. В качестве гиперссылки может использоваться не только текст, но и, например, изображение. Нажмите клавишу Enter. Поместим в то место, где сейчас находится курсор, какое-нибудь изображение. Для вставки изображения, как обычно, нажимаем меню Вставка. Наводим указатель на строку Рисунок и выбираем команду Из файла. Открылось окно Рисунок. В данный момент здесь открыта папка Images и ниже, указан список файлов, имеющихся в ней. Выберите файл с расширением gif, которое называется cdrw. Нажмите кнопку Вставить. На странице появилось небольшое изображение. Его можно выделить вот таким щелчком мыши. Перейдем в режим Просмотра. Здесь так же можно щелкнуть это изображение, наводить на него указатель мыши, но ничего, при этом, не будет происходить.
60
TeachPro Microsoft FrontPage 2003
Это просто изображение, а не гиперссылка. Вернитесь в режим Конструктора. Для того, чтобы создать гиперссылку, поступаем. практически, так же, как раньше. Выделяем этот объект, на панели инструментов нажимаем кнопку Добавление гиперссылки, и появляется окно Добавление гиперссылки. В данном окне выберем в соответствующей папке, например, в папке Images, тот файл, который будет открываться при щелчке мышью. Пусть это будет файл с расширением JPG, и с именем cdrw2. Выделив этот файл, нажмите кнопку ОК. Внешне страница не изменилась. Теперь испытаем эту гиперссылку. Чтобы перейти по этой гиперссылке, щелкните кнопку Просмотр, здесь наведите указатель мыши на изображение, указатель превратился в руку. Щелкните этой рукой, а, точнее, левой кнопкой мыши. Щелчок мышью привел к переходу к выбранному нами объекту, а, именно, к изображению нескольких компакт-дисков и дискеты. Перейдите в режим Конструктор.
* * * 1.14. Печать веб-страницы Созданную веб-страницу можно напечатать. Для задания свойств печати, нажмите кнопку меню Файл, выберите команду Печать. Появилось окно с тем же названием Печать. В этом окне имеется несколько групп опций: Принтер, Диапазон печати, Копии и две кнопки – ОК и Отмена. В списке Имя, указано текущее имя принтера. Для того, чтобы просмотреть весь список, щелкните справа Кнопку со стрелкой. В списке один только принтер и то – программный. Для выбора принтера, щелкните соответствующую строку. Ниже указана информация об этом принтере – тип и т.д. Справа – находится кнопка Свойства. Нажмите ее. В результате появилось окно Свойства и, далее, имя принтера, которое мы выбрали. В этом окне имеется три вкладки: Страница, Дополнительно, О программе. Перейдите на вкладку страница, щелчком мыши. Вверху указан размер страницы. Сейчас здесь выбран тип страницы А 4. Ширина и высота этого типа страницы указаны ниже: 21 см и 29, 7 см. Для выбора другого размера страницы нужно раскрыть список и выбрать тип, например, А3. В этом случае, ширина страницы меняется автоматически –29,7, так же автоматически меняется и высота – 42 см. Щелкните список еще раз. Для того, чтобы просмотреть остальные строки списка, передвиньте ползунок. Выберем тип А4. это наиболее распространенный тип страницы. Большая часть печатаемых документов, имеет именно, такой размер. Ниже указана ориентация этой страницы – Книжная, спра-
ва указано как это выглядит, и Альбомная. Изображение справа изменилось после того, как я щелкнул переключатель Альбомная. С остальными вкладками мы сейчас раздираться не будем. Нажмите ОК в этом окне. В группе Диапазон печати, мы выбираем, какие страницы будут напечатаны. Сейчас установлен переключатель Все. Можно выбрать определенные страницы. Для этого выбираем переключатель страницы с…такой-то по такую-то. По какую и с какой, мы указываем в соответствующих полях. Например, с 5-й по 10-ю. Но, для этого, должно быть, как минимум, 10 страниц в документе. У меня только одна, поэтому, такой диапазон не подходит. Я выберу переключатель Все.
Глава 1. Веб-страница
61
Сколько раз печатать одну и ту же страницу, 1-ю, 2-ю, и т.д., указано в группе Копии. Сейчас число копий – 1. увеличить это число можно нажатием кнопки со стрелкой, указывающей вверх на счетчике. Теперь –2 копии. После того, как я установил значение 2, стал активным флажок Разобрать по копиям, хотя, сейчас, он не установлен, галочки там нет. Щелкните в этом прямоугольнике. Когда флажок Разобрать по копиям установлен, сначала будут печататься все страницы, начиная с 1й, и, заканчивая последней. Если число копий указано 2, то, потом, еще раз будут печататься все страницы, с 1-й по последнюю. Снимите флажок. На рисунке показано, что произойдет в этом случае. Сначала, будут напечатаны все страницы №1. Затем, все страницы № 2 и т. д. если страницы нужно напечатать не на бумаге, а виде файла, т.е., в электронном виде, то поставьте флажок Печать файл. После чего, нажмите кнопку ОК. Однако, если вы печатаете на листе бумаги, то этот флажок снимаете и так же нажимаете кнопку ОК. Сейчас я установлю этот флажок, и напечатаю Файл. Появилось окно с сообщением, что данный принтер, не позволяет печатать столь большое число копий. Передвинем это окно вниз. И мы видим, что число копий –2. Две копии этот принтер печатать не может. Хорошо, пусть печатает -1. Нажимаем ОК. Изменим это значение, нажмем Стрелку вниз. После чего, нажимаем ОК в окне Печать. На экран выведено окно Print to file, т.е., Печать в файл. Выбираем папку, в которую будет внесен этот файл, например, папка Мои документы. Имя файла программа уже предложила – Output. Тип файла указан в соответствующем поле. Оставляем все это без изменений и нажимаем кнопку Сохранить. В результате, автоматически открылось окно программы Microsoft Office Document Imaging и в нем уже открыт документ Output с расширением PIN. Получилось две страницы. С помощью этой программы, можно сохранить данные страницы в другом формате. Здесь так же откройте меню Файл, выберите команду Сохранить как…. Появилось окно Сохранить как…. Программа автоматически открыла папку Мои документы, имя файла предложила, она, просто добавила расширение tif к уже имеющемуся имени и расширению. tif – это файл изображения. Если вы хотите сохранить в этом формате, нажмите кнопку Сохранить. Я не хочу, поэтому, нажимаю кнопку Отмена и закрываю эту программу.
* * *
62
TeachPro Microsoft FrontPage 2003
Глава 2. Веб-узел 2.1. Создание веб-узла Кроме отдельной веб-страницы, в программе Microsoft Front Page 2003 можно создать веб-узел. Веб-узел – это группа, связанных веб-страниц. Откройте меню Файл, выберите команду Создать. Справа появилась область задач под названием Создание. Вверху имеется группа опций Создать страницу, она нам сейчас не нужна, а ниже – группа Создать веб-узел и в этой группе, мы должны выбрать нужную нам опцию. Щелкните строку Одностраничный веб-узел. На экран выведено окно Шаблоны веб-узлов. Здесь несколько вкладок: Общие, она сейчас выбрана; Пакеты, SharePoint Services. Вернемся на вкладку Общие. На данной вкладке имеется список различных вариантов создания веб-узлов. Сейчас выбран вариант - Одностраничный веб-узел. Текст под некоторыми значками виден плохо. Если наводить указатель мыши на этот значок, то во всплывающей подсказке, виден весь текст. Можно изменить представление этих значков. Сейчас справа выбрана кнопка Крупные значки. Рядом с ней находится другая кнопка – Список, щелкните ее. В этом случае все типы веб-узлов представлены в виде списка и мы видим весь текст полностью. Справа, под кнопками, имеется группа Параметры. Укажите расположение нового веб-узла. По умолчанию, дан путь в папку Мои веб-узлы. В этой папке программа предлагает создать узел под названием Мой узел 8. Раскройте список. Это можно сделать нажатием на кнопку со стрелкой. В списке указаны те пути, которые уже использовались ранее. Можно, просто, выбрать один из них. Щелкните за пределами списка. Можно, так же, выбрать какой-либо путь, нажав кнопку Обзор. На экран выведено окно Место для нового веб-узла. Программа автоматически открыла папку Сетевое окружение. Если вы собираетесь создавать новый узел сети, то можно использовать эту папку. Я буду создавать на локальном жестком диске, поэтому, раскрою список, выберу диск D, он называется MyFiles и здесь выберу нужную папку – Docs. В папке Docs создам новый каталог. Это можно сделать нажатием кнопки Создать папку. В результате, появилось окно Создание папки. В нем имеется текстовое поле – Имя. Здесь я впишу имя новой папки – Вебузел, после чего нажму кнопку ОК. Новая папка создана и открыта. Мне остается нажать кнопку Открыть в этом окне. Путь к новому веб-узлу показан в поле. Нажмите кнопку ОК для подтверждения этого выбора. Новый веб-узел создан и отображается в программе Microsoft Front Page. В левой части мы видим список папок, входящих в этот веб-узел. Так же, здесь автоматически создан файл Веб-узел. Справа мы так же сейчас видим список папок и этот файл. Это происходит только в том случае, когда выбран весь веб-узел – Корневая папка. Кроме того, можно выбрать файл Index.htm и тогда мы также видим все папки и файл Index.htm, справа. Щелкните в списке папку _private. Мы видим, что в этой папке сейчас ничего нет. Щелкните Images. Эта папка также пуста. Щелкните Index.htm. Как просмотреть содержимое этого файла? Нужно про-
Глава 2. Веб-узел
63
сто щелкнуть его в списке папок или в области, где эти файлы и папки отображаются, справа. Что я и сделаю. После двойного щелчка появилась новая вкладка с именем Index.htm. И внизу видно, что этот документ не содержит никакой информации. Для закрытия этого документа, нужно нажать кнопку Закрыть, справа. Документ Index.htm закрылся, и мы сейчас видим документ Клуб, который был ранее. Документ Клуб также закройте.
* * * 2.2. Импорт файлов Веб-узел я создал, но в нем никакой информации, полезной для пользователя, нет. Откройте, например, файл index. Появилось окно этого файла с вкладкой index.htm. Это окно пустое, текста здесь нет. Закройте его. Мы можем добавить на веб-узел уже готовые веб-документы. Для того, чтобы это сделать, откройте меню Файл, выберите команду Импорт. Появилось окно Импорт. В этом окне имеется список, в котором сейчас нет ни одного пункта. Для добавления файла сюда, нажмите кнопку Добавить файл, справа. Появляется окно Добавление файла в список для Импорта. В списке Папка найдите нужный каталог. Сейчас открыта папка Images, вложенная в папку Веб-страница. Щелкните папку Веб-страница. В этой папке находится документ, который мы создали ранее, с расширением htm. Этот документ прекрасно отображался на локальном компьютере. Однако, в Интернете, могут возникнуть проблемы. Имя этого файла написано по-русски, имена файлов, предназначенных для показа в Интернете, лучше писать латинскими буквами. Поэтому, я создал новую папку. Щелкните список папок, выберите команду docs. Новая папка называется web page. Откройте ее. Здесь также находится файл Index с расширением HTM и, вместо файла Клуб, написанного по-русски, я создал похожий файл, написанный только по-английски - Club, расширение то же по-английски, HTM. Нажмите кнопку
Открыть. В списке файлов, этот файл появился. Для того, чтобы добавить его на веб-узел, нужно просто нажать кнопку ОК. Откройте этот документ, здесь. Документ открыт. Однако, мы не видим фотографий, которые здесь присутствовали и их тоже нужно импортировать. Сначала выберите папку, в которые нужно импортировать фотографии, это – папка Images. Ее имя совпадает с той папкой, которая была создана у нас для веб-документа. Относительное расположение этой папки и файла Club также одинаковое, т.е., и папка, и этот файл находятся в одной папке, в данном случае, эта папка – веб-узел. Итак, выбираем папку Images, откройте меню Файл, после этого, выберите команду Импорт. В окне Импорт, нажмите кнопку Добавить файл и импортируйте изображение. Следите за тем, чтобы их имена, были написаны латинскими буквами. Вследствие того, что нужные изображения внесены в папку Images, фотографии появились на странице Club. И перейдем в режим Просмотра. Мы видим бегущую строку и обе фотографии. При щелчке на фотографии, являющейся ссылкой, мы перешли на другую страницу. Обновим страницу, и видим эффект, который работает при открытии страницы. Щелкните теперь ссылку Страница. Здесь никакого текста нет. Щелкните кнопку Обновить. Теперь щелкните ссылку Фото. Эта ссылка работает нормально. Опять нажимайте кнопку Обновить. Фонового звука мы не слышим при открытии страницы. Отсутствие звука означает, что мы импортировали еще не все файлы. В папке веб-узел должна находиться папка Sound, в которой и находится звуковой файл. Для добавления этой папки в этот веб-узел, нужно нажать кнопку Создать папку. Появилась новая папка и здесь мы должны ввести имя ее. Я напишу слово sound по-английски. Желательно писать эти имена с маленькой буквы. Написав, имя, я нажимаю клавишу Enter.
64
TeachPro Microsoft FrontPage 2003
Папка появилась в списке. Она выделена. В нее нужно импортировать файл. Откройте меню Файл, нажмите команду Импорт. В окне Импорт, нажмите кнопку Добавить файл. Выделите звуковой файл, и нажмите кнопку Открыть. Файл появился в списке, после чего, мы нажимаем кнопку ОК в окне Импорт. Щелкните знак «+» слева от папки Sound. Мы видим тот файл, который находится в этой папке. Щелчок на знаке «-», рядом с папкой, позволяет скрыть содержимое этой папки. Проверим как теперь работает веб-страница. Нажмите кнопку Просмотр, внизу. Теперь мы не только видим все изображения, но и слышим фоновое сопровождение. Нажмите кнопку Конструктор. При просмотре веб-узлов в Интернете, вебобозраватели обращаются, прежде всего, к файлу Index. Обратившись к этому файлу, веб-обозреватель, выведет вам на экран, пустую страницу. Здесь нужно, хотя бы, указать ссылку на страницу Club.HTM для того, чтобы пользователь мог перейти по этой ссылке и увидеть текст. Введем здесь какой-нибудь текст. Например, текст введен. Эти слова: Психологический клуб. Теперь выделите эти слова. Создадим ссылку на их основе. Щелкните кнопку Добавление гиперссылки, на экране появилось окно Добавление гиперссылки. Выбираем в списке документ Club и нажимаем кнопку ОК. Гиперссылка создана. Посмотрим, будет ли она работать. Нажмите кнопку Просмотр и щелкните гиперссылку. Мы видим загрузку страницы Club. Попробуем перейти по какой-нибудь из гиперссылок, имеющихся здесь, например, по этой. Переход произведен успешно. Нажмите кнопку Обновить и мы снова попали на страницу Index. Сохраним ее.
* * * 2.3. Публикация в файловой системе Обычно веб-узел создается на локальном компьютере, затем публикуется в Интернете или в локальной интрасети. Итак, в нашем веб-узле, имеется два документа: index.htm, и Club с расширением HTM. Кроме того, веб-узел содержит несколько папок. В одной из них звуковой файл, в другой – изображение. В папке _private нет ничего. В этом можно убедиться. Щелкнув вкладку Веб-узел. В эту папку можно, например, сохранять черновики. При просмотре веб-узла в Интернете, они доступны не будут. Если вы считаете, что закончили работу над веб-узлом, его можно опубликовать. Давайте закроем открытые документы: Индекс – нажмите кнопку Закрыть справа и Club - тоже закрываем. Публиковать мы будем все, что находится в папке веб-узел. Для начала, откройте меню Вид. В этом меню выберите команду Удаленный веб-узел. Того же результата можно было добиться, нажав кнопку внизу, которая так и называется Удаленный веб-узел. Перейдите в режим Папки и, затем, щелкните кнопку Удаленный веб-узел. Режим Веб-узел открылся, но это еще только начало. Найдите и нажмите кнопку Свойства удаленного веб-узла. На экране появилось окно Свойства удаленного веб-узла. Это окно состоим из трех вкладок: Удаленный веб-узел, Оптимизация HTML, Публикация. Вернитесь на вкладку Удаленный вебузел. На вкладке расположено несколько переключателей, позволяющих выбрать несколько веб-серверов или файловую систему. Для того, чтобы познакомиться с публикацией и с тем, как она исполняется, выберем файловую систему, этот переключатель уже установлен. Внизу имеется поле Расположение удаленного веб-узла. Мы можем оставить тот путь, который здесь уж указан или выбрать другой, нажав кнопку Обзор. Появилось окно Новое место публикации. По умолчанию, открыта папка Сетевое окружение. Раскройте список. Публикацию можно произвести не только в сети, например, в Интернет, но и на локальном диске, например, на диск C. Иначе говоря, во время публикации, файлы и папки будут скопированы в определенную папку на диске C. Давайте создадим отдельную папку для этого, после нажатия кнопки появилось окно Создание папки. В поле
Глава 2. Веб-узел
65 Имя я впишу одно слово – Клуб, по-английски – Club. После чего, нажимаю кнопку ОК. Папка Club открылась в строке Папка, после чего, мы должны нажать кнопку Открыть. Путь к этой папке внесен в строку Расположение удаленного веб-узла. Нажмите кнопку ОК. Программа Microsoft Office FrontPage вывела на экран сообщение: веб-узел отсутствует в C Club. Создать веб-узел в этом месте? Нажмите – Да. Узел – создан. Это - Удаленный веб-узел. Окно, содержащее те папки или файлы, которые имеются в этом веб-узле, находятся ниже. Сейчас здесь две папки. Они созданы автоматически. Это папка _private и папка Images. Путь к папке указан наверху. Это диск C, на котором мы создали папку Club. В нее и будут помещены все необходимые файлы. В левом окне показаны те папки и файлы, которые уже имеются в веб-узле. Путь к этому веб-узлу указан так же наверху. Это – локальный веб-узел. Разумеется, разделение веб-узлов на локальный и удаленный здесь достаточно условное, потому что оба эти узла находятся на жестком диске моего компьютера. Для копирования файлов и папок с локального на удаленный веб-узел, устанавливаем переключатель Локальный на удаленном, он так и был установлен, после чего, нажимаем кнопку Опубликовать веб-узел внизу. Произошел процесс публикации, т.е., копирование файлов с локального на удаленный веб-узел. На удаленном веб-узле, как видите, появились файлы: index, Club. Кроме того, здесь появилась папка Sound, и Images были внесены файлы, в папку отсутствовавшие ранее. Посмотрите так же, что находится в папке Sound. Здесь, как и следовало ожидать, один файл. Это звуковой файл с именем Sound. Перейдем на один уровень вверх. В папке _private ничего нет. Этого так же следовало ожидать. Переходим на уровень вверх. Будем считать экскурсию по папкам оконченной, но для того, чтобы посмотреть, как работает этот удаленный веб-узел, нужно закрыть уже открытый веб-узел. А, какой, у нас сейчас открыт? Это веб-узел, находящийся в папке docs, которая, в свою очередь, расположена на диске D. Для закрытия этого веб-узла, откройте меню Файлы и
выберите команду Закрыть узел. Всё закрыто, кроме самой программы Microsoft FrontPage 2003 для открытия другого веб-узла, снова щелкните кнопку меню Файл и нажмите команду Открыть узел. Появилось окно Открытие веб-узла. Раскройте список папок. Нас интересует диск C. У него есть свое имя– WinXP. Щелкните его. Здесь нас интересует папка Club. Она обозначена соответствующим изображением. Здесь изображен глобус, прямо, на папке. Раскрыв папку, мы можем просто нажать кнопку Открыть. Веб-узел Club появился в окне Microsoft Front Page. Посмотрим, как работают имеющиеся здесь документы. Начнем, разумеется, с документа Индекс. Откройте его двойным щелчком мыши. Это документ, в котором имеется всего одна фраза: Психологический клуб и она же, является гиперссылкой. Перейдите в режим Просмотра. Теперь щелкните эту гиперссылку. Открылась страница Club, на которую ссылалась эта гиперссылка. Мы слышим фоновую музыку и видим бегущую строку и, всё остальное, что было в этом файле. Единственное изменение, которое я внес заранее, это убрал эффект смены фотографии. При наведении указателя мыши на фотографию теперь она сменяться не должна.
* * *
66
TeachPro Microsoft FrontPage 2003 2.4. Бесплатная регистрация веб-сайта
Для того, чтобы опубликовать веб-узел не на жестком диске своего собственного компьютера, а например, в Интернете, можно использовать FTPсервер. Откройте меню Вид. Выберите команду Удаленный веб-узел, затем нажмите кнопку Свойства удаленного веб-узла. На экран выведено окно Свойства удаленного веб-узла. Выберите Переключатель Протокол FTP. После такого щелчка автоматически появилось текстовое поле Расположение удаленного веб-узла и в этом поле, уже имеется текст – ftp:// . Это - начало адреса, по которому программа найдет удаленный веб-сервер. Узнать конец этого адреса, вы можете в организации, предоставляющей место под вебсайты. Или, вы можете получить такой адрес с помощью организации, предоставляющей бесплатные ресурсы для размещения веб-узлов. Нажмите кнопку Отмена. Я покажу, как создать такой адрес с помощью бесплатной службы. Сверните окно программы Microsoft Front Page. Возможность подключения к Интернету у вас уже должна быть настроена. Щелкну дважды значок Connect на рабочем столе, появляется окно Подключение. У меня подключение устанавливается через модем и телефон, указанный здесь, мне сообщил местный поставщик услуг Интернета. Я нажимаю кнопку Вызов, и начинается установка связи с Интернетом. После того, как связь установлена, появляется соответствующее сообщение. Нажмите кнопку Пуск. Выберите строку Интернет, Internet Explorer. Открылось окно программы Microsoft Internet Explore. В строке Адрес, введем адрес бесплатной службы предоставляющей место под веб-узел. После нажатия клавиши Enter, начинается подключение к этой странице. Соответствующая страница в Интернете, открывается, и здесь нужно найти строку Регистрация. Вот это слово. Щелкнуть его левой кнопкой мыши. Начинается переход к соответствующей странице. Вот страница открыта. Здесь нужно указать желаемый адрес электронной почты. Раскройте список справа. Выберем, например, строку Hot box. Слева указываем адрес, который нужно вводить латинскими буквами. Например, я ввел такой адрес. Ниже нужно ввести буквы, которые мы видим на картинке. Далее вводится полное имя. я ввел имя организатора психологического клуба, для которого создал веб-узел. Чтобы увидеть остальные поля, воспользуемся ползунком на полосе прокрутки. В поле Пароль, нужно ввести какой-нибудь пароль, так же, латинскими буквами. Я ввожу этот пароль. Он отображается кружочками. Его нужно запомнить или записать, для того, чтобы в будущем, можно было редактировать свой веб-узел. В следующем поле повторно вводим пароль. Ниже нужно ввести контрольный вопрос, например, … и ответ на него. И ответ, и вопрос, могут быть любыми. Так же, как и пароль, этот ответ, необходимо запомнить. Передвигаем ползунок еще ниже. Выберите язык интерфейса, здесь две возможности: русский или английский. Я оставлю – русский. Затем, нажмите кнопку Зарегистрироваться. Регистрация почтового ящика, персонального сайта проведена. Вот адрес почтового ящика, а это адрес персонального сайта. По этому адресу и будет располагаться тот веб-узел, который мы создали. Здесь два варианта адреса. Кроме того, здесь имеется FTP адрес.
Глава 2. Веб-узел
67
Его мы будем использовать для передачи узла на соответствующий сервер. Эту страницу необходимо сохранить или просто переписать все адреса, приведенные здесь. Для сохранения, откройте меню Файл, выберите команду Сохранить как…и затем, найдите папку на своем жестком диске, в которую будете сохранять эту страницу, например, папка Info. Здесь я создам еще одну папку, и назову ее FTP address. Нажмите кнопку Открыть и затем, кнопку Сохранить. Начинается сохранение веб-страницы. После того, как оно выполнено, окошко сохранения исчезло. Можно отключиться от Интернета. Щелкнув правой кнопкой мыши изображение экранов, я нажимаю левой команду Отключить. Соединение с Интернетом разорвано. У подобных бесплатных служб, есть один существенный недостаток – вы будете вынуждены видеть массу рекламных объявлений, новостей и т.п. если передвинуть ползунок вниз, вы увидите ссылки на различные новости, которые не всегда вам бывают нужны. Кроме того, организация, предоставляющая эти услуги, также не гарантирует, что ваш веб-узел будет всегда доступен через сеть. Поэтому серьезные организации никогда не публикуют серьезные веб-узлы с помощью специальных служб в Интернете.
* * * 2.5. Публикация веб-узла в Интернете Вы получили FTP адрес своего персонального сайта, за определенные деньги, в определенной организации, или создали такой адрес самостоятельно, с помощью бесплатной службы, после чего скопируйте этот адрес. Переключитесь на программу Microsoft Front Page 2003. Веб-узел сейчас открыт в режиме Удаленный веб-узел. В этом режиме нажмите кнопку Свойства Удаленного веб-узла. В окне Свойства Удаленного веб-узла, выберите переключатель Протокол FTP. Щелкните поле Расположение Удаленного веб-узла правой кнопкой мыши. В контекстном меню выберите команду Вставить. Таким образом, вы вставили скопированный FTP адрес в эту строку. Сделав это, нажмите кнопку ОК. На экране появилось диалоговое окно: требуют-
ся Имя и Пароль. В поле Имя вводится та часть FTP адреса, которая указана после косой черты и перед знаком @. Т.е., в данном случае, это Psychoclub. Я его сюда и впишу. Затем щелкну поле Пароль. Сюда нужно ввести тот пароль, который вы использовали при регистрации и запомнили его потом. Я ввожу такой пароль. Здесь он так же отображается символами, которые не позволят тому, кто стоит сейчас за вашей спиной, переписать этот пароль в свой блокнот. Введя эти знаки, нажмите кнопку ОК. На экране появилось окно с сообщением, что не удается открыть FTP – сервер. Ниже указаны возможные причины. Здесь только не упомянуто то, что необходимо установить связь с Интернетом. Прежде чем, пытаться открыть веб-узел и установите связь. Я не буду показывать, как это делается, вы уже видели это, будем считать, что связь уже установлена у вас, после этого нажмите кнопку ОК. Снова появилось окно с требованием ввести Имя и Пароль. Имя здесь уже указано, мы его вводили, а пароль нужно ввести еще раз, что я сейчас и делаю. После чего, нажимаю кнопку ОК. Публикация на удаленном веб-узле, имела место. Адрес этого удаленного веб-узла, указан вверху. Начинается он c букв FTP, список папок и файлов, внесенных на этот веб-узел, указан ниже. Опубликован-
68
TeachPro Microsoft FrontPage 2003
ный веб-узел, мы можем просмотреть с помощью веб-обозревателя. Щелкните на панели задач, страницу, которую мы сохранили после регистрации веб-узла. На этой странице скопируйте адрес персонального сайта в Интернете. Затем запустите программу Microsoft Internet Explore, либо любую другую какая имеется у вас. Щелкните в поле Адрес. Введите сюда скопированный адрес. Затем, нажмите на клавиатуре клавишу Enter. Загружена домашняя страница нашего веб-узла. Здесь имеется фраза – Психологический клуб. Для перехода по ссылке, щелкните ее. Произошла загрузка страницы, мы видим бегущую строку, слышим музыку, сопровождающую эту страницу, можем испытать работают ли ссылки, например, эта. Ссылка привела к начальной странице. Еще раз щелкнем слова Психологический клуб. Страница снова загрузилась. Щелкните ссылку Фото. Здесь произошла загрузка фотографии. Для возвращения к предыдущей странице, нажмите кнопку Назад. И снова загрузка. Теперь, щелкните изображение внизу, так же служащее в виде гиперссылки. Для перехода к предыдущей странице, так же можно нажать кнопку Назад. Закроем это окно. Мы убедились, что веб-узел, который был создан, работает в Интернете. Но для того, чтобы его могли найти и с помощью поисковых машин, данный веб-узел следует зарегистрировать в поисковых системах. Откройте веб-обозреватель, который установлен на вашем компьютере, у меня это Internet Explore, введите адрес поисковой системы, например: www.yandex.ru. Загружается страница этого сайта, страница поисковой системы Yandex открыта. Здесь нужно найти ссылку на страницу регистрации сайтов. Передвиньте ползунок вниз. Щелкните гиперссылку Что еще можно сделать? Мы видим новую веб-страницу на экране, и здесь также поищем соответствующую гиперссылку. Вебмастеру: в этой группе имеется ссылка Добавить сайт. Затем появилась страница Добавление сайта в Yandex, поисковую машину и каталог. В поле Головная страница нужно ввести адрес. Скопируйте этот адрес с сохраненной веб-страницы, созданной при регистрации сайта. Вот этот адрес. И введите его в текстовое поле. Затем нажмите кнопку Добавить. На следующей странице, которая только что загрузилась, имеется сообщение: Ваш URL – далее указан адрес – может быть внесен в нашу базу данных и соответственно проиндексирован по адресу… Это – также адрес нашего сайта. Для того, чтобы адрес был внесен в каталог – вот этот адрес – нажмите кнопку Добавить. На следующей странице – последнее сообщение о том, что указанный веб-узел внесен в базу данных. Закройте окно программы Microsoft Internet Explorer. После индексации вашего веб-узла его сможете находить в Интернете не только вы, но и другие пользователи. Более подробные сведения о том, как работать с веб-узлами в программе Microsoft FrontPage 2003, вы получите на следующих уроках.
* * *
Глава 3. Переустановка и настройка
69
Глава 3. Переустановка и настройка 3.1. Установка и удаление компонентов FrontPage Для того, что бы воспользоваться всеми службами FrontPage, нужно провести не обычную, а полную его установку. Нажмите кнопку Пуск. Выберите команду Панель управления. Щёлкните дважды пиктограмму Установка и удаление программ. Эта пиктограмма позволяет открыть окно, в котором перечислены все установленные программы. Открылось окно Установка и удаление программ. В этом окне щёлкните ту программу, которую следует переустановить. В данном случае Microsoft Office FrontPage 2003. Соответствующий пункт в списке выделен. Что бы просмотреть сведения о данной программе, нужно щёлкнуть ссылку Чтобы получить сведения о поддержке, щёлкните здесь. Открылось окно Поддержка Microsoft Office FrontPage 2003. В окне указан издатель Microsoft Corporation, версия программы и другие сведения. Для переустановки данной версии здесь имеется кнопка Исправить. Однако мы не будем её сейчас использовать, потому что мы используем другую кнопку. Здесь давайте используем кнопку Закрыть. Кроме сведений о поддержке в строке Microsoft Office FrontPage 2003 содержатся другие сведения. Например, размер программы 179 Мб, как часто она используется, когда в последний раз её вызывали. Здесь же находится кнопка Изменить и Удалить. Удалять программу мы не будем. Нажмите кнопку Изменить. Началась подготовка к установке программы. Мы видим окно с подзаголовком Параметры режима сопровождения. В нём три опции: Добавить или удалить, Переустановить или восстановить и Удалить. Последнюю опцию можете использовать, если не желаете больше слышать о программе Microsoft Office FrontPage 2003. Для того, что бы привести FrontPage в исходное состояние, можно использовать вторую опцию, а мы используем первую. Добавление или удаление отдельных компонентов. Нажмите кнопку Далее. В результате отображается окно Расширенная настройка. В списке указана программа Microsoft Office, среди подзаголовков Microsoft FrontPage, общие средства Office и средства Office. Для того, что установить Microsoft FrontPage полностью, щёлкните значок слева от этой надписи. Появился список команд: Запускать с моего компьютера; Запускать всё с моего компьютера; Устанавливать при первом вызове и Компонент недоступен. Команда Запускать всё с моего компьютера используется для установки всех компонентов выбранной программы, щёлкните её. Значок стал совершенно белым, этим он отличается от остальных, которые являются серыми. Кроме цвета отличия заключаются в том, что здесь установлено будет всё. Что бы убедиться, щёлкните знак плюса слева. Белые значки указывают на полностью установленные компоненты. Справка, обычные темы FrontPage, дополнительные темы FrontPage. Описание каждого выбранного компонента даётся
70
TeachPro Microsoft FrontPage 2003
ниже. В правом нижнем углу указано, сколько места на жестком диске требуется для установки выбранных компонентов. Сейчас это 3872 Кб, т. е. около 4-х мегабайт. Хватит ли там места? Сколько места указано ниже – 7180 мегабайт, т. е. места вполне достаточно. С помощью этого же окна мы можем добавить какие-либо средства Office. Щёлкните знак плюса, слева от строки Общие средства Office. Некоторые средства, перечисленные здесь в списке, будут устанавливаться только при обращении к ним уже во время работы с программой. Такие средства обозначены цифрой 1, Устанавливать при первом вызове. Средства уже установленные полностью обозначены белым значком. Средства установленные не полностью – серым. Мы можем добавить или удалить необходимые средства. Щёлкните знак плюса рядом с пунктом Многоязыковая поддержка. В результате мы видим список шрифтов. Щёлкните универсальный шрифт. Этот шрифт включает символы из стандарта Unicode 2.1, о чём говориться в описании внизу. Этот шрифт может пригодиться, щёлкните его значок и выберите команду Запускать с моего компьютера. В результате будет установлен только этот компонент. Имеются в виду компоненты многоязыковой поддержки. Как видите, сирийский шрифт остался не установленным. Щёлкните японский. Мне, например он не будет нужен точно, поэтому я выберу команду Компонент не доступен. Щёлкните стрелку, указывающую вниз на полосе прокрутки справа. Таким образом, мы можем передвигаться вниз и просматривать другие пункты. После того, как все нужные параметры выбраны, нажмите кнопку Обновить, внизу. Начинается обновление программы FrontPage. Мы видим ход выполнения установки. Затем появляется окно Обновление Microsoft Office FrontPage 2003 успешно завершено. Здесь остаётся нажать кнопку ОК. Для закрытия окна Установка и удаление программ используйте кнопку в правом верхнем углу, а так же закройте Панель управления. Переустановка FrontPage 2003 успешно завершена.
* * * 3.2. Добавление кнопки на панель инструментов. Удаление Для того, что бы открыть программу Microsoft Office FrontPage 2003, нажмите кнопку Пуск. Наведите на строку все программы. Подведите указатель к строке Microsoft Office и в подменю выберите пункт Microsoft Office FrontPage 2003. Открывается программа FrontPage 2003, и мы видим её на экране. Внешний вид программы можно настраивать. В частности добавлять кнопки, меню или команды. Давайте добавим кнопку на панели инструментов. Откройте меню Сервис. Затем выберите команду Настройка. Появилось окно Настройка. В данном окне три вкладки, сейчас открыта вкладка Параметры. Так же имеется вкладка Параметры и Панели инструментов. Щёлкните вкладку Команды. На данной вкладке имеется два списка: Категории и Команды. В категории Файл, находятся такие команды как: Создать, Страница, Создать страницу и т. д. Перейдём в категорию правка. Здесь имеются команды: Отменить, Вернуть, Буфер обмена Office и др. Слева нужно выбрать необходимую категорию. Если какая-либо категория не видна, воспользуйтесь полосой прокрутки. Нажмите, например кнопку со стрелкой указывающей вниз, для того, что бы просмотреть другие пункты, или просто перетащите ползунок. Я его перетащу теперь вверх и выберу категорию Файл. Для просмотра команд к нужной категории поступаем аналогично, нажимаем на полосе прокрутки кнопку со стрелкой. Можно делать это несколько раз, не возбраняется. Выберите команду Создать веб-узел, например. Теперь эту команду можно перетащить на ту панель инструментов, на которую захотите. Но, эта
Глава 3. Переустановка и настройка
71
панель должна отображаться на экране в данный момент. Перетащим панель Стандартная. Обратите внимание на то, что при перетаскивании появился плюс под указателем мыши. То место, в которое будет помещена кнопка, обозначена вертикальной чертой на панели инструментов. При передвижении мыши, эта черта так же передвигается. Поместим, например, кнопку здесь. Кнопка Создать веб-узел появилась на панели инструментов Стандартная. Не смотря на то, что мы её притаскивали, она всё равно осталась среди команд. То же самое будет происходить и с другими командами, если мы их будем перетаскивать. По этому не беспокойтесь, не одна из них не потеряется. Теперь закройте окно Настройка. Кнопка, которую мы поместили на панель инструментов, готова к работе. Наведите на неё указатель мыши. Кнопка выделяется и появляется всплывающая подсказка Создать новый веб-узел. Если поразмыслив глубоко Вы решите, что эта кнопка не нужна на панели инструментов, её можно удалить. Для этого опять откройте меню Сервис и выберите команду Настройка. В результате на экране отображается окно Настройка. Когда оно отображается, кнопки на панелях инструментов не функциональны. Можно выделить любую из этих кнопок. Например, ту, которую мы только что поместили туда. Вокруг неё появился квадрат, рамка. Нажмите левую клавишу на этой кнопке на панели инструментов и удерживая эту кнопку мыши ведите мышь вниз, за пределы панели инструментов. Когда под указателем появляется крестик, это обозначает, что можно отпустить мышь. Кнопка с панели инструментов удалена. Нажмите кнопку Закрыть в окне Настройка.
* * * 3.3. Изменение меню На панель инструментов можно добавить не только команду, но и встроенное меню. Откройте меню Сервис, выберите команду Настройка. Появилось окно Настройка. Вкладка команды, должна быть открыта. В поле категории, найдите встроенные меню. Для этого воспользуемся полосой прокрутки. Щёлкните эту строку. Справа в списке команды отображается список команд, относящихся к встроенным меню. На самом деле это целые маню, на что указывает стрелка справа. Выберите, например Файл и перетащите его на панель инструментов. Поместим его, например, здесь, затем закроем окно Настройка и посмотрим, как это меню будет работать. То, что это меню, а не команда обозначено стрелкой здесь. Щёлкните эту кнопку, появился список команд. Он такой же как в меню Файл, т. е. мы, дублировали это меню. Что бы удалить его, так же открываем меню Сервис. Выбираем строку Настройка и выделив эту кнопку перетаскиваем её за пределы панели инструментов. Как только появился крестик, кнопку можно отпустить. Меню исчезло. Не закрывая окна, Настройка перетащим, ползунок в списке Категории вниз и выберем команду Новое меню. В поле Команды имеется только один пункт Новое меню. Перетащим его на одну из отображаемых панелей инструментов, вот сюда например. Это меню мы можем настраивать. Например, изменить его имя. Щёлкните правой кнопкой данное меню. Здесь найдите строку Имя. Щёлкните в поле текстовом, справа от него. Мы можем изменить текст, который указан сейчас как Новое меню. Удалите его с помощью клавиши Backspace, и напишем какое-нибудь другое слово, например «текст» . Для подтверждения изменения текста имени меню, нажмите клавишу Enter на клавиатуре. Теперь это меню имеет название текст. Это меню сейчас не имеет никаких команд, щёлкните его. Как видите поле, которое появилось внизу – пустое.
72
TeachPro Microsoft FrontPage 2003
Для добавления новых команд в это меню следует перетащить их из поля Команды, предварительно выбрав категорию. Выберем, например категорию Правка. В этой категории выберите команду Найти. Для этого можно щёлкнуть между ползунком справа и нижней кнопкой со стрелкой. Мы сразу переходим на несколько команд вниз. Вот команда Найти, выделяем её и перетаскиваем левой кнопкой мыши, прямо на меню текст. Здесь отпускаем. Теперь выделите категорию Формат. Здесь, например, выберем команду Шрифт и так же перетащим её. При наведении указателя мыши на список, появляется горизонтальная черта, указывающая, куда будет команда помещена. Т. о. можно в одно меню собрать все те команды, которые вам чаще всего бывают нужны. Удалим это новое меню. Для этого его нужно перетащить за пределы панели инструментов. Меню удалено. Добавлять команды в меню, можно и другим способом. Нажмите кнопку Упорядочить команду на вкладке Команды. Появилось окно изменение порядка команд. Меню, которое требуется изменить, может быть в строке меню или на панели инструментов. Для этого существуют соответствующие опции Строка меню и Панель инструментов. Щёлкните опцию Строка меню. Справа имеется список всех тех меню, которые есть в этой строке. Закроем его. Все эти меню отображаются вверху. Предположим, Вы хотите изменить меню Формат. Для этого в строке меню раскройте список строк и найдите меню Формат. Вот он, выбираем его. В списке элементы отображаются все те команды, которые имеются в меню Формат. В списке элементы выберите ту команду, над которой будет располагаться новая. Например, границы и заливка. Кнопка добавить служит для добавления новой команды, нажмите её. Появилось окно Добавление команды. В этом окне имеется два списка. Категории и Команды. В списке категории выберите нужную строку, например, Правка. А справа в списке Команды выберите ту, которую хотите вставить. Например, Удалить. Выбрав её, нажмите кнопку ОК. Команда Удалить появилась в списке элементов над командой Границы и заливка, которая была у нас выделена. Расположение относительно других команд мы можем изменить, выбрав команду Границы и заливка нажимаем, например кнопку вверх. Она перешла выше и появилась над командой Удалить. Если ещё раз нажать вверх, то эта команда становится выше команды Список. Щёлкните ещё раз Границы и заливка и нажмите кнопку Вниз. Команда оказалась ниже команды список. Теперь удалим команду Удалить. Её мы поместили сюда ранее. Для удаления нажмите соответствующую кнопку справа. Команда удалена.
* * * 3.4. Амперсант. Копирование значка команды Сейчас на экране мы видим окно Изменение команд. Закроем его и вспомним, как мы его открывали, закроем так же окно Настройка. И так для того, что бы вывести на экран Изменение порядка команд, нужно нажать кнопку меню Сервис, выбрать строку Настройка и в окне Настройка, которое только что появилось нажать кнопку Упорядочить команды на вкладке Команды. В окне Изменение порядка команд нажмите кнопку Изменить выделенный объект. А какой объект у нас сейчас был выделен? Это команда Создать. Значит в отношении этой команды и будут происходить все изменения, которые мы можем совершить благодаря меню, появившемуся после нажатия кнопки Изменить выделенный объект. В списке имеются следующие команды: Сброс; Удалить; Имя и т. д. Вы видите их на экране. Например, нажмите команду Сброс. Если бы мы к команде Создать применили какие-либо изменения, эти изменения были бы сброшены, т. е. изменения не произошли бы. Нажмите ещё раз команду Изменить какой-либо объект.
Глава 3. Переустановка и настройка
73 Теперь нажмите команду Удалить. Как видите команда Создать исчезла из списка элементов. Нажмите внизу кнопку Сброс. Появилось окно с вопросом: « Вы действительно хотите отменить изменения в Файл меню?» Имеется введу меню Файл, потому что команда Создать находится в меню Файл. Мы её удали. Теперь хотим отменить это удаление, поэтому нажимаем ОК. Команда Создать снова появилась в списке элементов. Выберите команду открыть на этот раз и нажмите кнопку Изменить выделенный объект. Обратите внимание на текстовое поле в строке Имя. Здесь перед словом стоит знак амперсанда. Амперсанд указывает на то, что буква, стоящая после него, в данном случае буква «о» будет подчеркнутой. Т. е. команду Открыть можно будет запустить, после того как Вы нажмёте клавишу Alt и нажмёте кнопку «о» на клавиатуре. Продемонстрируем это на практике. Щёлкните за пределами списка, закройте окно Изменение порядка команд и окно настройка. Теперь нажмём клавишу Alt. Автоматически выделилось меню Файл. В нём подчеркнута буква «ф» , нажмите букву «ф» на клавиатуре. Меню Файл открылось. Предположим нам нужна команда Открыть. Здесь подчеркнута буква «о», нажмите букву «о» на клавиатуре. Мгновенно появляется окно Открытие файла. Нажмите кнопку Отмена. При необходимости Вы можете поменять букву, которая запускает определённую команду. Нажмите Сервис, Настройка, Упорядочить команды. Выберите команду Открыть и нажмите кнопку Изменить выделенный объект. Выделите слово Открыть. Предположим, Вы хотите, что бы команда открыть запускалась с помощью нажатия буквы «ы» на клавиатуре. Для этого Амперсант нужно поставить перед буквой «ы». Выделяем его, для того, что бы вырезать выделенный символ можно использовать сочетание клавиш Ctrl + X. Теперь с помощью клавиатуры перемещаемся и устанавливаем курсор перед буквой «ы». Для вставки вырезанного текста можно использовать сочетание клавиш Ctrl + V. Теперь амперсант находится перед буквой «ы». Нажмите клавишу Enter для подтверждения изменений. Обратите внимание на команду. Теперь буква «ы» подчеркнута в слове, т. е. именно эта буква будет запускать команду. Для того, что бы отменить это изменение нажмите внизу кнопку Сброс. Да, мы действительно хотим отменить изменения в меню Файл. Нажимаем ОК в окне. Снова подчеркнута буква «о». Нажмите кнопку Изменить выделенный объект. Следующая команда в списке Копировать значок на кнопке, нажмите её. Ни каких внешних изменений не произошло. Выберите команду, на которой нет значка. Например команду Закрыть и снова нажмите кнопку Изменить выделенный объект. Обратите внимание на то, что после команды Копировать значок на кнопке, есть команда Вставить значок для кнопки, она теперь активна. Нажимаем эту команду. Рядом с командой Закрыть, слева появился тот же самый значок, который имеется для команды Открыть. Мы вставили его сюда с помощью буфера обмена Windows, в который прежде
74
TeachPro Microsoft FrontPage 2003
скопировали значок. Отменим это действие нажатием кнопки Сброс.
* * * 3.5. Настройка значков на командах меню Нажмите кнопку Изменить выделенный объект. Появилось меню. Команды имеющиеся в нём сейчас будут действовать на команду Создать. Щёлкните строку Восстановить значок на кнопке. Никаких изменений не произошло, поскольку значок уже был у этой команды. Щёлкните команду Закрыть и кнопку, Изменить выделенный объект. А теперь выберите кнопку Восстановить значок на кнопке. Команда Закрыть теперь снабжена рисунком. Для отмены изменений нажмите кнопку Сброс и подтвердите своё желание отменить изменения. На этот раз выберите команду Сохранить, как в окне Изменение порядка команд. Изменим этот объект. Наведите указатель на строку Выбрать значок для кнопки, в контекстном меню. Появился список значков, которые мы можем использовать. Щелкните, например изображение сердца. В этом случая команда Сохранить как будет снабжена соответствующим изображением. Ещё раз щёлкните кнопку Изменить выделенный объект и выберите команду Изменить значок на кнопке. Данная команда привела к появлению окна Редактор кнопок. В левой части этого окна мы видим рисунок, то самое изображение сердца, которое мы поместили на команду. Все изображения, которыми украшаются команды в Microsoft FrontPage, имеют размер 16 на 16 точек 16 пикселов. Иначе говоря, присутствующих на экране Вашего монитора. Под рисунками имеются кнопки со стрелками под общим названием Переместить. Ими можно воспользоваться для перемещения рисунка. Например, нажмём стрелку, указывающую вправо, рисунок перемещается в правую сторону. Ещё раз нажмём, когда изображение достигло рамки рисунка, кнопка, указывающая вправо, стала не доступной. Нажмём кнопку указывающую влево. Рисунок перемещается соответственно. Вверх, эта кнопка так же стала не доступной, поскольку рисунок достиг верхнего края и вниз, ещё раз влево. Кроме расположения рисунка, мы можем менять цвет каждой точки. Например, выберем жёлтый в группе цвета и щёлкнем где либо на рисунке, например, здесь. Эта точка пожелтела. Выберем ещё несколько точек этим же цветом. Весь данный участок закрашен желтым цветом. Этот же цвет виден в окне просмотра, находящемся правее и ниже. Здесь так же виден этот желтый цвет. В рамке просмотр указан реальный размер этого изображения. Для того, что бы удалить сделанные изменения, можно нажать в рамке стереть, находящемся в группе цвета. И затем щёлкнуть те точки, которые необходимо стереть, т. е. удалить тот цвет, который мы определили. Таким же образом, щёлкая каждую из этих точек. Правее находится кнопка Очистить, нажмите её. Всё изображение очищено, не только то, что мы определяли, но и то, что было задано заранее. Мы можем определить собственный рисунок, используя цвета. Например, я выберу вот этот тёмно-синий цвет и что-нибудь нарисую, щёлкая каждую кнопку. Вот например знак вопроса. Для подтверждения изменений нажмите кнопку ОК. В сравнении с другими значками, это изображение получилось грубоватым. Мы можем его изменить, нажав кнопку. Изменить выделенный объект, выбрав команду Изменить значок на кнопке. Либо вообще очистить это изображение, что я сейчас и сделаю, после чего нажимаю кнопку ОК. Выберите, например, элемент Поиск файлов, нажмите кнопку Изменить выделенный объект. Далее идёт группа команд, которая начинается со строки Основной стиль. Она сейчас и выбрана. Ниже Только текст,
Глава 3. Переустановка и настройка
75
всегда. Выберите эту команду. Элемент Поиск файлов потерял своё изображение. Здесь остался только текст. Нажмём ещё раз кнопку Изменить выделенный объект и выберем команду Значок и текст. В этом случае значок вернулся на своё место. Ещё раз откроем контекстное меню. Щёлкните команду расположенную ниже, Начать группу. Элемент Поиск файлов вышел из группы, в которую входили Сохранить, Сохранить как и Сохранить всё. И он стал родоначальником новой группы, в которой он сейчас и находится один. Мы можем добавить сюда какую-нибудь другую команду. Например, выберите команду Опубликовать узел, находящуюся ниже и щёлкните справа кнопку Вверх. Теперь это действительно группа, состоящая из двух элементов: Поиск файлов и Опубликовать узел. Сбросим все эти изменения, нажатием кнопки Сброс. Действительно, хотим отменить изменения. Для этого нажимаем кнопку ОК.
* * * 3.6. Перемещение команд и меню. Список шрифтов Меню, команда меню и кнопки на панелях инструментов можно перемещать. Для этого откроем меню Сервис. Выберите команду Настройка. Откройте, например меню Файл. Мы видим все команды, которые присутствуют в этом меню. Предположим команду закрыть нам нужно переместить в Правка. Выделяем эту команду и ведём её к меню Правка. Автоматически открывается меню Правка, в котором мы можем выбрать место, куда поместить эту команду. Например, после слова «вырезать» . Команда закрыть теперь находится между командами Вырезать и Копировать в меню Правка. Чтобы вернуть её обратно в меню Файл проделываем подобные действия. Выбираем команду Закрыть и тащим её к меню Файл. Находим для неё в этом меню место, например после команды Открыть, где и оставляем. Щёлкните меню Файл ещё раз. Можно перемещать не только отдельную команду меню, но и всё меню. Например, переместим окно Справка так, что бы оно находилось между меню Файл и Правка в левой части. Так оно и вышло. Щёлкните теперь кнопку меню Справка. Все команды перешли вместе с этой кнопкой. Вернём её на место. Меню можно перемещать на панель инструментов. Например, переместим меню Окно на панель стандартная. Вертикальная черта показывает, куда будет вставлена это меню. Вот оно и появилось здесь. Его можно открывать и просматривать команды, имеющиеся в данном меню. Я перетащу его на прежнее место. Меню можно не только перетаскивать, но и копировать с одного места на другое. Например, выберите меню Сервис. Нажмите кнопку Ctrl на клавиатуре и перетащите это меню вниз. Вот в это место, например. Как видите, меню осталось и в строке меню и появилось на панели инструментов. Здесь имеются все те команды, которые были в меню Сервис на верху. Для того, что бы это меню теперь удалить с панели инструментов. Выбираем его и перетаскиваем за пределы панели, где и отпускаем. Меню удалено. Аналогичным образом можно перетащить или скопировать кнопки на панелях инструментов. Например, выберем кнопку со знаком вопроса, на панели стандартная и перетащим его на панель форматирования, т. е. ниже. Кнопка переместилась, её можно скопировать на прежнее место при нажатой клавише Ctrl. Теперь у нас имеется две таких кнопки. Нижнюю удалим совсем. Удалена. Теперь в окне настройка, щёлкните вкладку Параметры. В группе настраиваемые меню и панели инструментов, установите флажок Всегда показывать полные меню. После установки флажка становится недоступным флажок Показывать полные меню после короткой задержки. Нажмите кнопку Закрыть в окне Настройка. Откроем какое-нибудь меню, например Таблица. Все команды сразу показаны. Щёлкните меню Файл. То же самое, мы видим все команды этого меню. Ещё раз нажмите меню
76
TeachPro Microsoft FrontPage 2003
Сервис, строку Настройка. На вкладке параметры снимем флажок Всегда показывать полные меню. Обратимся к другим настройкам, которые выполняются на этой же вкладке. Они так и называются Другие. Установим флажок Крупные значки. Нам даже не придется закрывать окно Настройка, что бы увидеть, какие изменения произойдут. Вы видите их уже на экране. Снимите этот флажок. И так флажок крупные значки позволяет увеличить все меню и кнопки на панелях инструментов, в результате чего они становятся очень видны. Для того, что бы понять, что обозначает флажок Отображать название шрифтов тем же шрифтом. Закроем окно настройка. В области список папок нажмите изображение страницы. Тем самым мы создали новую страницу. Откроем её двойным щелчком мыши. Благодаря открытию страницы стал доступным список шрифт, раскройте его. Для этого нужно щёлкнуть стрелку справа. Начертания у каждого из шрифтов перечисленных здесь особенное. Они отличаются явно друг от друга. Для перемещения вниз, щёлкните между ползунком и нижней кнопкой со стрелкой. Благодаря такому представлению мы сразу видим, как будет выглядеть шрифт на странице. Такое представление можно изменить. Нажмите меню Сервис, Настройка. Снимите флажок Отображать название шрифта тем же шрифтом и закройте окно Настройка. Теперь снова откроем список шрифт. Здесь все пункты теперь отображаются одинаково, независимо от того, какой шрифт указан. Вернёмся в окно настройка и восстановим флажок Отображать название шрифтов тем же шрифтом.
* * * 3.7. Всплывающие подсказки Подменю, имеющиеся на панели инструментов, можно перемещать. Например, щёлкните стрелку, рядом с кнопкой цвет текста. Появилось подменю, в его верхней части имеется маркер перемещения, состоящий из множества точек. При наведении указателя мыши на него, указатель превращается в стрелку, направленную в четыре стороны. Нажмите левую кнопку мыши и перетащите подменю вниз, например, до середины экрана и отпустите его здесь. У этого подменю появился свой подзаголовок, Цвет текста и оно теперь перемещаемое. Мы можем переместить его, например, в левую часть экрана и выбирать любые команды, которые нам необходимы здесь. Для закрытия этого набора, щёлкните крестик в правом, верхнем углу окна. Это кнопка закрыть. На других панелях инструментов другие подменю так же можно перемещать. Для того, что бы отразить какую либо из панелей инструментов нажмите кнопку меню Вид. Наведите указатель мыши на строку Панели инструментов и выберите нужную панель, например, Рисование. Эта панель по умолчанию появляется внизу. На этой панели щелкните, например меню Автофигуры. Появляется список команд, в котором перечислены различные фигуры, поддерживаемые программой Microsoft FrontPage. Наведите, например, указатель мыши на строку фигурные стрелки. Появилось соответствующее подменю. Теперь наведите указатель на маркер перемещения этого подменю. Указатель мыши превратился в стрелки направленные в противоположные стороны, во все четыре стороны. Перетащим подменю вверх, до середины экрана. Для того, что бы закрыть его нажмите крестик справа, т. е. кнопку Закрыть. Если Вас не устраивает, что панель рисования находится внизу, а не вверху. Вы можете перетащить её куда захотите. Подведите указатель мыши к маркеру Перемещение, он находится в левой части панели. Нажмите левую кнопку мыши на нём и перетаскивайте панель вверх. Вот эта панель по середине экрана. Теперь можно взяться за строку заголовка, это строка рисования и перетащить панель ещё выше, прикрепив её к панели форматирования. Панель также можно закрепить слева или справа. Перетащим его вниз и оставим в левой части. Если Вам удобно
Глава 3. Переустановка и настройка
77
работать так, то пусть так оно и будет. Можно попробовать перетащить его в правую часть экрана так же за маркер перемещения и оставить здесь. Лично меня больше устраивает вариант внизу, тот, который задан по умолчанию. Продолжим рассмотрение настроек. Нажмите меню Сервис, выберите команду Настройка. Мы ещё не закончили разбор вкладки Параметры. После флажка Отображать название шрифта тем же шрифтом имеется ещё один флажок, Отображать подсказки для кнопок, который сейчас установлен. Снимите его. Автоматически становится не доступным флажок включить в подсказку сочетания клавиш. Давайте снова установим флажок Отображать подсказки для кнопок и посмотрим на эти подсказки в действии. Закройте окно Настройка, наведите указатель мыши на какуюнибудь кнопку. Например, на кнопку Сохранить на панели инструментов стандартная. Здесь имеется всплывающая подсказка сохранить, но сочетание клавиш здесь не указано. Нажмите меню Сервис, Настройка и поставьте флажок Включить подсказки сочетания клавиш. После чего нажмите кнопку Закрыть. И снова подведите указатель мыши к кнопке Сохранить. Теперь здесь не только слово Сохранить во всплывающей подсказке, но и сочетания клавиш Ctrl + S, которое запускает ту же самую команду. Оставим эту настройку в действии. Откройте окно Настройка. Последнее, что есть на вкладке параметры, это эффект при выводе меню, это список эффектов. Сейчас установлен по умолчанию, щёлкните стрелку справа и мы видим несколько вариантов: Случайный выбор; Развертывание; Соскальзывание; Угасание. Выберите, например Развертывание и закройте окно Настройка. А теперь щёлкните какое-нибудь меню, например Таблица. Меню развернулось от верхнего левого края к правому нижнему. Теперь щёлкнем например Вид. Здесь произошло то же самое. Файл, эффект везде одинаковый. Откройте меню Сервис, Настройка и поставьте Эффекты по умолчанию.
* * * 3.8. Настроенная панель инструментов Переключитесь на вкладку Панели инструментов. На данной вкладке перечислены инструменты Microsoft FrontPage 2003. Для просмотра всех панелей в списке щёлкните кнопку указывающую вниз. Те панели , которые в данный момент отображаются, обозначены флажкамигалочками от соответствующих строк. Это строка меню, Рисование, Форматирование и Стандартная. Мы можем снять флажок, например Рисование и тогда соответствующая панель не будет отображаться на экране. Кроме того мы можем создать новую панель. Для этого существует кнопка Создать, справа. Появилось окно Создание панели инструментов. В нём имеется текстовая строка Панель инструментов. По умолчанию введён текст: «Настраиваемая 1». Этот текст можно убрать, с помощью клавиши Backspace и написать какой-нибудь другой текст. Например: «Моя панель». После чего нажимаем кнопку ОК в этом окне. Соответствующая строка появилась в списке панель инструментов. Кроме того, справа от окна Настройка появилась новая панель, «Моя панель» . Содержания у неё сейчас нет. Мы можем добавить сюда, какие-нибудь кнопки, например. Для этого выберите нужную Вам кнопку на панелях инструментов, которые сейчас отображены, например, кнопку Сохранить и перетащите её на новую панель. Это можно сделать принажатой клавише Ctrl, для копирования, а не перемещения панели. Кнопка появилась в моей панели. Кроме того, кнопки можно добавить, перейдя на вкладку Добавить, в окне Настройка.
78
TeachPro Microsoft FrontPage 2003
Выберите здесь категорию Правка и в этой категории найдите какую-нибудь команду, которая Вам нужно вставить. Перетащим эту команду на панель «Моя панель». У нас на панели теперь две кнопки. Для того, что бы поместить туда дополнительную кнопку и расширить панель, выбираем соответствующую команду в списке, например, Удалить. И перетаскиваем эту команду на панель. Кнопка появилась. Таким же образом мы можем добавить туда ещё какие-нибудь кнопки, например из категории Формат. Предположим, пусть это будет команда Стиль. Панель сразу расширилась, вместив всю ширину списка стилей, и теперь мы видим заголовок панели, «Моя панель» , наверху, в строке заголовка. Закройте окно Настройка. Мою панель можно перетащить в любое место экрана или прикрепить к уже имеющимся панелям инструментов. Например, таким образом. Откройте диалоговое окно Настройка. Диалоговым оно является потому, что мы вступаем с программой в диалог, нажимая соответствующие кнопки или команды, и программа реагирует на наши действия. Откройте вкладку Панели инструментов. Найдите новую панель, которая называется «Моя панель» . Выделите эту панель, в результате стала активной кнопка Переименовать и Удалить. Нажмите кнопку Переименовать. На экране появилось окно Переименование панели, с текстовой строкой. Название панели здесь Вы можете изменить. Например: «Не моя панель» . Нажмите кнопку ОК. Название изменилось и в списке панелей инструментов. Кроме того, если панель не нужна, её можно удалить, нажатием кнопки Удалить справа. Программа просит подтверждения удаления, нажимаем кнопку ОК. Панель удалена, она исчезла из списка и исчезла с экрана. В том месте, где она была, её уже нет. Удалять можно только панели созданные пользователем. Встроенные панели, т. е. которые здесь были с самого начала, которые были созданы во время установки программы, удалять нельзя. При их выделении кнопка Удалить не становится доступной. При открытом диалоговом окне Настройка мы можем изменить ширину поля со списком на панели инструментов. Поля со списком здесь такие как, Стиль, в данном случае указан как Обычный, шрифт, размер шрифта. Это может быть нужно в тех случаях, когда не весь текст отображается в поле и часть его мы не видим. Выделим, например, размер шрифта. Подведите теперь указатель мыши к правой границе этой рамки. Указатель превратился в двунаправленную стрелку. Нажмите левую кнопку мыши и не отпуская её перетащите границу вправо, примерно на такое же расстояние, какое занимает ширина этого списка. Поле со списком увеличилось. Закройте окно Настройка, и в этом случая поле остаётся таким, каким мы его определили по ширине. Раскроем список. Ширину уже открытого списка мы изменять не можем. Снова откройте окно Настройка, выделите размер шрифта и перетащите границу в обратном направлении. После чего закройте диалоговое окно настройка.
* * * 3.9. Операции над файлами и папками Создайте новую страницу, нажав кнопку в списке папок, которая называется Создать страницу. Страница создана. По умолчанию программа вставила имя файла «Нов. Стр. 1» Нажмите клавишу Enter. Мы тем самым закрепили имя за страницей. Для того, чтобы переименовать, какую-либо страницу веб-сайта следует выбрать её в списке папок, предположим это «Нов. Стр. 1» , которая только, что создана. Данную страницу щелкните правой кнопкой мыши. В контекстном меню, которое только что появилось, выберите команду Переименовать. С помощью клавиши стрелка влево на клавиатуре перейдём к имени этой страницы, удалим с помощью клавиши Delete и впишем новое имя. New page точка, расширение оставляем прежним, htm. Затем нажмите клавишу Enter. Переименовывать файлы и папки веб-узла следует всегда с использованием указанной процедуры, а не в
Глава 3. Переустановка и настройка
79
проводнике Windows. Таким же образом можно переименовать папку, например images. Щёлкните её правой кнопкой мыши. Выберите команду Переименовать. Щёлкните в текстовом поле и введем, например цифру «1», это уже новое имя. Нажимаем клавишу Enter. Получается папка images 1. Когда файлы и папки переименовываются в списке папок, программа Microsoft Office FrontPage 2003 автоматически обновляет связи между ними, что важно для функционирования сайта. В существующей папке мы можем создать ещё одну папку, которая называется вложенная папка. Для создания вложенной папки щёлкните существующую папку правой кнопкой мыши. Наведите указатель мыши на строку Создать, появилось подменю, в котором выберите команду Папка. Все имена файлов и папок пишите латинскими буквами, при чём вместо пробела используйте черту в нижнем регистре. Я удаляю это имя, которое программа предложила и пишу New folder, после чего нажимаю кнопку Enter на клавиатуре и папка создана. Такая папка будет видна пользователям Интернета. Для того, что бы сделать папку скрытой во FrontPage 2003, щёлкните её правой клавишей мыши, выберите команду переименовать и перед именем папки поставьте знак подчеркивания, после чего нажмите клавишу Enter. С этого момента данная воженная папка является скрытой. Если определённые страницы веб-сайта нужно сделать скрытыми для посетителей веб-узла перетащите таки страницы в скрытую папку, например страницу New page. Щёлкните папку New folder. Для того, что бы увидеть находящийся в ней файл, щёлкните знак плюс, слева от этой папки. Для перемещения файла его можно не только перетаскивать, но и вырезать. Щёлкните файл New page правой кнопкой мыши. В контекстном меню найдите команду Вырезать, затем щёлкните правой кнопкой мыши ту папку, в которую нужно поместить этот файл. Например папку корневую и в контекстном меню выберите команду Вставить. Для вырезания или копирования можно выделять сразу несколько объектов. Например, выделите папку Private, нажмите клавишу Shift и выделите файл New page. При нажатой клавише Shift выделяются все папки и файлы, попавшие в этот интервал. Если нажать клавишу Ctrl на клавиатуре и щёлкнуть какой-либо файл или папку, она будет исключена из выделения. Например, New folder. Её можно снова выделить, так же при нажатой клавише Ctrl. Для того, чтобы вырезать выделенные файлы и папки так же щёлкните их правой клавишей мыши и выберите нужную команду: Вырезать или Копировать. Щёлкните за пределами контекстного меню.
* * * 3.10. Буфер обмена Office Буфер обмена в Microsoft Office – это хранилище различных элементов, скопированных в программах Microsoft Office. Для того, что бы отобразить буфер обмена Microsoft Office, выберите команду Буфер обмена Office в меню правка. Щёлкните меню правка и найдите команду Буфер обмена Office. Справа появилась Область задач Буфер обмена. Для того, что бы внести в этот буфер элементы, их нужно скопировать на каких либо страницах. Например, откроем документ club.htm. Скопируем, например изображение. Для этого щёлкните его левой кнопкой мыши, затем откройте меню Правка и выберите команду Копировать. В буфере обмена появился первый элемент. Выделим теперь какой-либо текст. Щёлкните перед текстом «Есть такой клуб», затем нажмите клавишу Shift и щёлкните в конце этого текста. Что бы скопировать текст можно использовать соответствующую кнопку на панели инструментов, она так и называется Копировать. Второй элемент появился в буфере обмена. Элемент появившейся позже, отображается в списке на верху. Щёлкните правой кнопкой мыши второе изображение на странице club. В контекстном меню выберите команду Копировать. Ещё один элемент
80
TeachPro Microsoft FrontPage 2003
появился в буфере обмена. Буфер обмена включает не более 24 элементов. Если Вы добавить 25 элемент, то программа сначала удалит первый, в данном случае это изображение, а затем вставит 25, если он 25-й на самом деле. А у нас всего пока три элемента. Создадим новую страницу, нажав соответствующую кнопку в списке папок. Назовём эту страницу, например copy и откроем её. Теперь в эту страницу вставим скопированные в буфер обмена элементы. Это можно сделать поочередно. Вставим, например, сначала текст. Для этого просто щёлкнем его. Текст вставлен. Я переведу курсор на новую строку нажатием клавиши Enter и вставлю в это место второй элемент, например картинку, которую я скопировал первой. Изображение вставлено. Вставить его можно было и другим способом. Нажмите кнопку Отменить на панели инструментов. Наведите указатель мыши на этот элемент в буфере обмена. Справа появляется кнопка со стрелкой, щёлкните её. Появилось меню, состоящее из двух пунктов: Вставить и Удалить. Сейчас удалять этот элемент не будем, нажмём кнопку Вставить левой кнопкой мыши. Результат получился тот же самый, изображение вставлено на страницу. Если Вы щёлкните какой-либо элемент в буфере обмена правой кнопкой мыши, появится то же самое контекстное меню, состоящее из пунктов Вставить и Удалить. Можно вставлять элементы не по одному, а сразу все. Для этого в области буфер обмена имеется кнопка Вставить все, щёлкните её. Все элементы вставлены на данную страницу. При чём первым вставлен элемент, который был скопирован раньше. Затем текст и уже потом второе изображение. Для того, что бы просмотреть или изменить параметры буфера обмена, нажмите внизу, в области Буфер обмена кнопку Параметры. Появляется меню, состоящее из нескольких пунктов, при чём большая часть из них уже выбрана. Это: Показывать состояние около панели задач при копировании; Показать значок Буфера обмена Office на панели задач; Собирать данные без отображения буфера обмена Office, этот пункт сейчас не выбран; Открывать буфер обмена при двойном нажатии Ctrl + C и последний пункт – Автоматическое отображение буфера обмена Office. Если Вы нажимаете сочетание клавиш Ctrl + C, а затем ещё раз сочетание клавиш Ctrl + C, т . е. дважды копируете какой-либо элемент, Буфер обмена открывается автоматически.Посмотрим, как это выглядит в действии. Нажмите кнопку Закрытие буфера обмена. Выделите, например, слово «Люди» в тексте. Нажмите сочетание клавиш Ctrl + C и ещё раз то же самое сочетание клавиш. Буфер обмена появился автоматически и слово люди в него скопировано. Для того, что бы буфер обмена не появлялся сам по себе, можно изменить параметры. Снимите флажок Автоматическое отображение буфера обмена Office и флажок Открывать буфер обмена Office при двойном ном нажатии Ctrl + C. Сколько мы не будем нажимать сочетание клавиш Ctrl + C, буфер обмена не будет появляться. Тем не менее, скопированные элементы мы сможем собирать, если установим флажок Собирать данные без отображения буфера обмена Office. Однако я сейчас сниму этот флажок и установлю два верхних флажка. Т. о. будут действовать настройки по умолчанию. Теперь посмотрим, как удаляются элементы из Буфера обмена Office. То же слово «люди», например. Наводим на него указатель мыши, щёлкаем стрелку справа и выбираем команду Удалить. Если элементов много, а удалить надо все, для этого нажмите кнопку Очистить все, находящуюся выше. Буфер обмена пуст, о чём свидетельствует следующее сообщение. Имейте в виду, что буфер обмена, может содержать от 4 до 8 Мб данных, в зависимости от объема оперативной памяти компьютера, поэтому добавление новых элементов может быть прекращено, даже если число их не достигло 24.
* * *
Глава 4. Создание веб-узлов
81
Глава 4. Создание веб-узлов 4.1. Шаблон одностраничного веб-узла Для того, что бы начать создание веб-узла в программе Microsoft Office FrontPage 2003, откройте меню Файл и выберите команду Создать. Появилось область задач Создание. В программе FrontPage 2003 имеются шаблоны веб-узлов, которыми мы можем воспользоваться для создания своего узла. Для этого щёлкните ссылку Шаблоны веб-узлов в группе Создать веб-узел. На экране появилось окно Шаблоны веб-узлов. В нем имеется три вкладки. Вкладка Общие, Пакеты и вкладка Share point services. Перейдите на вкладку Общие. Большую часть узлов перечисленных на этой вкладке мы можем создать на локальном жестком диске, т. е. На своём компьютере. Начнём с одностраничного веб-узла. Выделите значок его. В правой части окна имеется описание данного шаблона. В текстовом поле находящемся выше мы должны ввести путь к папке, в которой будет располагаться новый веб-узел. Вместо того, что бы вводить его в ручную, можно нажать кнопку Обзор и просто найти нужную папку в окне Место для нового веб-узла. Я помещу этот узел в папку Мои Для этого можно выбрать документы. соответствующую кнопку на панели адресов. Узел я назову My site. Сначала, нужно создать соответствующую папку для него. Это можно сделать нажатием кнопки Создать папку, и здесь введу имя о котором я сказал. Здесь, это в окне для создания папки, которое только что появилось. Введя имя нажимаем кнопку ОК. Папка создана, теперь остаётся нажать кнопку Открыть. Полный путь к папке указан теперь в строке. Укажите расположение нового веб-узла, убедившись, что путь указан правильно, нажмите кнопку ОК. Веб-узел создан. В списке папок, находящемся слева, мы видим корневую папку, рядом с которой указан путь к нашему веб-узлу. При наведении указателя мыши на строку, появляется всплывающая подсказка. Как мы и заказывали, программа создала одностраничный веб-узел, иначе говоря, здесь одна страница. Она называется index и имеет расширение htm, а так же программа создала две папки: images и private, это произошло автоматически, как и создание файла index. Для того, что бы посмотреть содержание этого файла, можно открыть его двойным щелчком мыши. Содержания нет, по крайней мере, нет содержания, отображаемого сейчас на экране, хотя программа уже внесла определённый код на эту страницу. При желании этот код можно увидеть, нажав кнопку с разделением внизу или кнопку Код. Вернитесь к представлению Конструктор. Что увидит пользователь, если мы представим эту страницу в Интернете. Это можно увидеть нажав кнопку Файл, подведите указатель мыши к строке Просмотреть в обозревателе и выберите первый обозреватель, Microsoft Internet Explorer, шестая версия. Вот, что увидит пользователь – пустую страницу, закройте её. Папку с нашим веб-узлом можно найти и через проводник Windows. Для этого щёлкните кнопку Пуск и в открывшемся меню выберите команду Мои документы. Папка My site, содержащая только что созданный веб-узел отображается в каталоге мои документы. Её можно здесь открыть двойным щелчком мыши. Здесь мы видим те же самые папки и то же файл – index и папки private и images. Закройте проводник Windows. Теперь в программе Microsoft FrontPage закройте страницу index. Для того, что бы закрыть весь веб-узел, нужно открыть меню Файл и выбрать команду Закрыть узел. И только после этого следует создавать новый веб-узел, если это нужно. Если же Вы начнёте создавать второй вебузел, не закрыв первый, то программа FrontPage раскроется во втором окне. Посмотрим, как это будет выглядеть. Сначала откроем уже созданный веб-узел. Щёлкните кнопку меню Файл. Выберите команду Открыть
82
TeachPro Microsoft FrontPage 2003
веб-узел. На экран выедено окно, Открытие вебузла. В директории Мои документы щёлкните папку My site и нажмите кнопку Открыть в правом нижнем углу. Узел открыт, теперь создайте новый сайт, для этого можно использовать панель инструментов. Рядом с кнопкой Создание новой, обычной страницы, находится стрелка, щёлкните её. Открылось меню, в котором выберите команду Вебузел. На экране появилось окно Шаблоны веб-узлов. Создадим ещё один одностраничный веб-узел. Посмотрим, какой путь находится в строке справа, щёлкните эту строку. Программа автоматически добавила к тому имени, которому я ввел цифру два. Получилось My site 2 и этот второй сайт будет создан в папке My documents (Мои документы), пусть так оно и будет. Я нажимаю кнопку ОК. Новый узел создан. Подведите указатель мыши к панели задач. Щёлкните кнопку, указывающую на программу Microsoft Office FrontPage 2003. Здесь две одинаковых строки. Мы можем переходить от одного окна к другому. Это два открытых окна программы FrontPage. Сейчас я перешёл на тот сайт, который был создан первым, щёлкну кнопку ещё раз и выберу тот, который сейчас находится выше в списке. Это My site 2. Соответствующее имя появилось в строке заголовка. Закроем это окно. Теперь откроем меню Файл для сайта My site и выберем команду Закрыть узел. Окно самой программы осталось на экране, но узел закрыт.
* * * 4.2. Шаблон веб-узла проекта и вебузла технической поддержки Для создания узла FrontPage 2003 используем шаблоны, встроенные в программу. Щёлкните кнопку Создание на панели инструментов. Выберите команду Веб-узел. На экран выведено окно Шаблоны веб-узлов. Одностраничный узел мы уже создали и даже не один, а целых два. Следующий, это веб-узел группы Share point. На локальном диске своего компьютера мы его создать не можем, для создания этого веб-узла нужно подключение через сеть. Эту возможность мы разберём позже. Следующий шаблон Веб-узел проекта. Далее укажем расположение этого нового веб-узла. Программа добавила цифру 3 к слову M « y site» . Это имя мы можем оставить без изменений или ввести какое-либо другое. Я удалю это имя нажатием клавиши Delete и введу, например слово Project. После чего нажму кнопку ОК. Веб-узел с именем Project создан. Узел содержит целый набор папок. Для выделения их можно использовать клавишу Shift и щёлкнуть её удерживая например папку Images. В таком случае мы выделили все папки имеющиеся на этом узле. Для просмотра файлов, которые здесь есть можно использовать полосу прокрутки. Нажмём нижнюю кнопку. В шаблоне этого узла уже имеются уже многие элементы, в частности в папке Images, которая сейчас выбрана, есть четыре изображения, имеющих расширение Gif. Щёлкните папку Themes, которая находится выше. Здесь имеется вложенная папка Compass и файл с расширением Inf. Поскольку перед именем папки Themes стоит символ подчеркивания, папка будет скрытой. Для того, что бы просмотреть страницы в обозревателе, выберите домашнюю страницу, это файл Index, рядом с именем изображен домик, что бы легче было найти этот файл. Откройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе и выберите Microsoft Internet Explorer, например. Домашняя страница открыта и отображается на экране. Сюда уже внесено определённое содержание, которое мы в программе FrontPage должны будем заменить на своё. Слева находиться панель ссылок, по которым мы можем переходить. Например, щёлкните ссылку Участники. Мы перешли на страницу Участники, которая имеет имя Members. Если Вы работаете над каким-нибудь проектом, возможно, Вам понадобится именно такой веб-узел, который содержит списки участников, план действий, архив, средство поиска,
Глава 4. Создание веб-узлов
83
средство для обсуждения каких-либо вопросов, список контактов. Щёлкните, например, ссылку План. На страницах этого веб-узла предусмотрены переходы не только с помощью ссылок расположенных слева, но и ссылок, которые находятся внизу страницы. Например, перейдём на страницу Архив, щёлкнув ссылку внизу. Страница архива открыта, она имеет имя Archive. Перетащите ползунок прокрутки вниз. Щёлкните, например ссылку Контакты. На этой странице указаны сведения, которые позволяют связаться с участниками данного проекта. Разумеется, здесь сведения так же Вы будете менять на свой. Закроем программу Microsoft Internet Explorer. Перейдём к следующему шаблону, встроенному во FrontPage, но сначала закроем этот веб-узел. В меню Файл выбирайте Закрыть узел. Нажмите сочетание клавиш Ctrl + F1, появилась область задач. Щёлкните её заголовок. Мы видим список возможностей, в котором выберите строку Создание. Область Создание открыто. Выберите ссылку Другие шаблоны веб-узлов. Снова на экране появилось уже знакомое нам окно Шаблоны вебузлов. Щёлкните значок Веб-узел технической поддержки. В описании, справа, сказано, что узел предназначен для производителей программного обеспечения. Поэтому назовём этот узел Support, введём это слово в текстовом поле, вверху. Но перед этим надо удалить имя Project 2, для подтверждения нажмите кнопку ОК. Все необходимые для этого узла папки и файлы появились на экране. Посмотреть страницы этого узла мы можем прямо в окне программы Microsoft FrontPage, как и любого другого узла, в принципе. Щёлкните дважды файл Index. На экране появилась страница Веб-узел технической поддержки, это домашняя страница данного узла. Нажмите кнопку Просмотр внизу. На эту страницу так же внесён текст, который может быть на узле технической поддержки. Естественно его нужно будет менять. Кроме того, слева имеется ряд ссылок, по которым можно переходить. Например, щёлкните ссылку Предложение. На экране мы видим страницу Предложение. Здесь есть не только текст и ссылки, но и например, список под названием Категория. Переместите ползунок вниз. Кроме того, здесь имеются текстовые поля и кнопки, позволяющие отправить данные. Для перехода к другим страницам здесь так же имеются ссылки внизу, например, ссылка Новости. Нажав её мы попали на страницу новостей. Новости в той или иной форме нужно всегда помещать на страницы любого веб-узла. Если Ваш веб-узел не обновляется, пользователи перестанут его посещать. Закроем этот веб-узел.
* * * 4.3. Шаблон личного веб-узла и форума Продолжим рассмотрение шаблонов веб-узлов. Откройте меню Файл, щёлкните команду Создать. В области задач Создание выберите Другие шаблоны веб-узлов. На экране отображается окно Шаблоны веб-узлов. На вкладке Общие щёлкните Личный вебузел. Согласно описанию справа, на этом узле должно быть описание Ваших увлечений. Здесь должны содержаться фотографии и ссылки. Дадим этому веб-узлу имя. Например, вместо Support 2 напишем Personal и нажмем кнопку ОК. На экране появился список папок и файлов, присутствующих в таком веб-узле. Посмотрим, как по представлению корпорации Microsoft такой веб-узел должен выглядеть. Откройте домашнюю страницу. Посмотрим, как этот узел выглядит в веб обозревателе. Нажмите меню файл, нажмите на строку Просмотреть в обозревателе и выберите первый пункт. Вверху находится заголовок страницы «Добро пожаловать», ниже текст и ссылки. Для просмотра нижней части страницы, нажмите кнопку на полосе прокрутки. Здесь так же имеется изображение. Передвиньте ползунок вверх и рассмотрим из каких страниц состоит сайт. Слева имеется панель переходов. Домашняя страница, та которую мы просматриваем сейчас, далее ссылка О себе, щёлкните её. При-
84
TeachPro Microsoft FrontPage 2003 мерное содержание этой страницы здесь указано, перейдём к ссылке Увлечение. Как говорится на странице, здесь можно разместить описание Ваших хобби, замыслов и увлечений. Следующая ссылка – Избранное. Здесь можно разместить другие гиперссылки на другие веб-узлы, следующая ссылка Фотографии. Подзаголовок страницы Мои фотографии. Это звучит несколько странно на мой взгляд, учитывая то, что здесь фотография кота. Просмотрим нижнюю часть страницы. Ещё более интересно, что здесь изображение попугая. Щёлкните ссылку Обратная связь, слева. На странице Обратная связь отражена просьба сообщить своё мнение о веб-узле. Это мнение можно ввести в текстовом виде в соответствующие поля, а затем нажать кнопку Отправить. Закройте Веб обозреватель. Ознакомившись с этим шаблоном перейдём к следующему. Перед этим закроем данный веб-узел. Нажмите стрелку для открытия окна шаблонов и выберите команду веб-узел. Следующий шаблон, это на самом деле вовсе не шаблон, а мастер веб-узла обсуждений, выделите его. Мастер отличается от шаблона тем, что нам будет предложен набор шагов, приводящих к созданию определённого веб-узла, но содержание этого веб-узла как и в остальных шаблонах будет предложено заранее. Обсуждениями в Интернете чаще считается форум, более распространяемое слово для этого понятия. Щёлкните в строке, где указан путь к веб-узлу. Вместо Personal 2 введём другое имя, Personal 2 удаляем. Пусть таким именем будет слово «Forum» . Нажмите кнопку ОК. На экран выведено окно мастеа веб-узла обсуждений. Мастер задаст нам несколько вопросов и конечный вид форума будет зависеть от ответов. В этом окне никаких вопросов нет, переходим к следующему нажатием кнопки Далее. В новом окне нам необходимо выбрать элементы. Такой элемент, как форма новой статьи должен быть внесён обязательно. Поэтому снять этот флажок мы не можем. Даже если очень сильно будем по нему щёлкать. Далее мы сами должны определить, должен ли форум содержать оглавление, в скобках указано, что это желательно. Но, если мы не считаем так, можем снять флажок и в этом случае оглавления не будет. Тем не менее установим его. Должен ли быть на форуме поиск по тексту каких либо слов. Этот флажок определяет будет ли такой поиск, он называется Форма поиска. Далее цепочки обсуждений. Этот флажок так же можно снимать или устанавливать. При установленном флажке ответы будут добавляться к статьям. И последний флажок Страница подтверждения, оставляем его на месте и нажимаем кнопку Далее. На данном окне можно ввести название форума, по умолчанию введено слово «Обсуждение». Его можно удалить и написать что-нибудь другое, например, «Форум». Все статьи будут храниться в отдельной папке, имя папки указано ниже. Изменять его я не буду. Нажмите Далее. В следующем окне мы можем выбрать подходящий набор полей для формы отправки сообщения. В этот набор могут входить Тема заметки: Тема, категория заметки и Тема, продукт, заметки. Установим тот пункт, который был по умолчанию – Тема заметки. Переходим к
Глава 4. Создание веб-узлов
85
следующему окну. В следующем окне оставляем без изменений настройку, согласно которой все желающие смогут принять в обсуждении участие. Нажмите Далее. Способ сортировки сообщений тоже можно оставить без изменений. Страница оглавления будет использоваться в качестве домашней. Да или Нет, оставляем Да. Какие данные должны отображаться для найденных документов. Только Тема, или Тема и размер документа, или Тема, размер и дата создания документа и последний вариант Тема, размер, дата и оценка. По умолчанию был выбран третий вариант, пусть он и будет у нас. Нажмите Далее. Документы веб-узла обсуждений могут содержать рамки. Что такое рамки, мы будем изучать в дальнейшем. Сейчас можно подчеркнуть то, что при наличии рамок можно будет одновременно рассматривать и оглавление и статьи. У нас есть несколько вариантов выбора: страницы могут быть без рамок; они могут быть с рамками, если возможно; или оглавление будет выше текущей статьи; или оглавление рядом с текущей статьёй. По умолчанию был выбран второй вариант. Использовать рамки если возможно и обычные страницы в противном случае. Нажмите кнопку Далее. Мастер получил все ответы. Для создания веб-узла обсуждения нажмите кнопку Готово. Веб-узел создан и мы можем открыть и добавить домашнюю страницу. Нажмите кнопку Просмотр. Для перехода к другим страницам мы можем использовать ссылки. Текст и вообще оформление этого шаблона веб-узла, как и в принципе любого шаблона, мы можем изменять по своему усмотрению. И в результате можно получить достаточно оригинальный, измененный до неузнаваемости веб-узел.
* * * 4.4. Импорт веб-узла Щёлкните в окне Шаблоны веб-узлов значок Мастер импорта веб-узла. Определите имя этого веб-узла. Я удалю имя предложенное программой и введу, например, слово Imported. Данный веб-узел будет создан на основе другого веб-узла, которой мы определим в процессе работы. Нажмите ОК. На экран выведено диалоговое окно Мастер импорта веб-узлов. Сначала, определим способ получения файлов. Щёлкните первую опцию. Серверные расширения FrontPage или службы Share point services. Благодаря этой опции мы можем получать файлы с сервера сети, на котором установлены службы Share point. Ниже находится опция протокол WebDAV, ещё ниже протокол FTP и в самом низу протокол HTTP. Предпоследняя опция – Файловая система, выберем её. При выборе этого переключателя файлы будут импортироваться из папки на локальном компьютере или в локальной сети, не в Интернете. Программа уже предложила путь к папке. Я знаю, что нужный веб-узел, тот узел, который я буду импортировать, находится не здесь. Что бы найти его нужно нажать кнопку Обзор, справа. На экран выведено диалоговое окно Новое место публикации. Сейчас открыта папка Мои документы, а меня интересует диск D « ». Открыв его, я ищу здесь новую папку. Узел, который мне нужен так и называется Веб-узел. Выделив его я нажимаю кнопку Открыть. Путь к узлу показан в строке. Определив эти настройки нажмите кнопку Далее. На экран выведено окно Выбор расположения конечного веб-узла. Расположение локальной копии, т. е. копии импортируемого узла, показано в соответствующем поле. Это поле сейчас не активно, потому что установлен флажок Добавить текущий веб-узел. Т. е. узел будет добавлен в папку Imported. Что бы этого ни произошло, можно снять флажок. Тогда это поле становится активным. Для поиска другого расположения можно воспользоваться кнопкой Обзор. На экране появляется окно Новое место публикации, в котором Вы можете выбрать нужный каталог. Я здесь нажму кнопку Отмена и установлю флажок Добавить на текущий веб-узел. Нажмите
86
TeachPro Microsoft FrontPage 2003 Далее. Все ответы, требовавшиеся мастеру для импорта – получены. Нажимаем Готово. Открылся список папок. Сейчас выбрано представление Удалённый веб-узел. В левой части окна мы видим создаваемый веб-узел, а в правой имеющийся вебузел, из которого и будут импортироваться файлы и папки. Импорт – означает копирование каких-либо данных в программу. В данном случае в программу Microsoft FrontPage. Если говорить более конкретно, то копироваться будут файлы Club и Index. В данном представлении это так же называется – Публикация. Стрелочка, указывающая влево означает публикацию выбранных файлов с удалённого веб-узла на локальный веб-узел. Выделим при нажатой клавише Shift оба файла. Обратите внимание на то, какой переключатель выбран уже внизу. Публикация будет происходить с Удалённого на Локальный диск. Удалённость , понятное дело, здесь условная, поскольку оба диска находятся на локальном компьютере. Нажмите кнопку Опубликовать вебузел. Публикация произошла. Иными словами произошёл импорт веб-узла, находившегося на диске «D» на диск C « » в указанную нами папку. Имя появившегося веб-узла – Imported, в чём можно убедиться, наведя указатель мыши на корневую папку в списке папок. Во всплывающей подсказке это слово отображается. Перейдём в режим представления папки. Откройте домашнюю страницу, нажмите кнопку Просмотр. Перейдём по ссылке Психологический клуб. Открылась страница Club и мы видим ту страницу, которую создавали ранее. Перейдём в режим Конструктор.
* * * 4.5. Шаблон узла для подключения к базе данных и корпоративного веб-узла Откройте диалоговое окно Шаблоны веб-узлов с помощью кнопки на панели инструментов. Выберите команду Веб-узел. Окно Шаблоны веб-узлов открыто. Щёлкните значок Мастер интерфейса базы данных. Этот значок позволяет начать создание веб-узла, позволяющего подключиться к базе данных. Изменим имя веб-узла, вместо Imported я напишу «DB», т. е. Date Base (База данных) и нажму кнопку ОК. На экран выведено диалоговое окно Мастер интерфейса базы данных. Оставим все настройки в этом окне по умолчанию и нажмём кнопку Далее. Если Вы оставить хотите все настройки по умолчанию, то просто нажмите кнопку Готово, не переходя по кнопке Далее. На экран выведено окно, в котором говорится, что для продолжения необходимо ввести одно и то же значение в поля пароль и подтверждение. Нажимаем кнопку ОК. И так в текстовом окне пароль нужно ввести какой-либо пароль, например, я туда поставлю цифру «1», она отображается звёздочкой. Цифру «1» поставлю и в поле подтверждения. Она то же отображается как звёздочка. Снова нажимаем кнопку Готово. Веб-узел создан и домашняя страница автоматически открыта. Заголовок её – Интерфейс базы данных. Этот заголовок я выделил щелчком, при нажатой клавише Shift. Мы можем просмотреть другие, уже открытые страницы этого веб-узла. Страница Login с расширением ASP, страница Submission_form с таким же расширением и
Глава 4. Создание веб-узлов
87 страница Results_page. В списке папок отображаются папки и файлы присутствующие на данном веб-узле. Закроем этот веб-узел. Нажимаем кнопку меню Файл, выбираем команду Закрыть узел. Ещё раз откроем диалоговое окно, содержащее шаблоны вебузлов. Осталось два значка: Мастер корпоративного веб-узла и Пустой узел. Разберёмся с оставшимся мастером. Для начала назовём этот узел как-нибудь, вместо DB2, что-нибудь другое. Например, Corporate. Для запуска мастера создания этого веб-узла нажмите кнопку ОК. Появилось диалоговое окно Мастер создания корпоративного веб-узла, нажмите Далее. Какие страницы будут включены в этот корпоративный узел мы определяем в данном окне, домашняя страница обязательна, снять флажок здесь мы не можем. Далее Новости, Продукты и услуги, Оглавление, Обратная связь и Форма поиска. Пусть всё это остаётся, нажимаем Далее. Какие разделы будут на домашней странице указано в следующем окне. Здесь может быть Вступление, флажка по умолчанию нет, Предназначение, Профиль организации, так же нет флажка и Контактные сведения. По умолчанию вносятся только Контактные сведения и Предназначения организации. Нажимаем Далее, ни чего не изменив здесь. В следующем окне определяется содержание страницы Новости, по умолчанию в неё включены изменения на веб-узле. Так же можно установить флажки Информационные сообщения и Статьи и Обзоры. Снимите два последних флажка. Пусть всё остаётся так, как пока предлагает программа. Нажмите Далее. На следующей странице указывается, сколько страниц будет создано для продуктов и услуг. По умолчанию и там и там стоит цифра 3«,» так и оставим. Нажимаем кнопку Далее. В появившемся окне, можно указать, какие дополнительные элементы будут отображаться для каждого продукта и для каждой услуги. Для продукта, это его изображение, цена и форма запроса данных. Для каждой услуги список возможностей, предложений и форма запроса данных. Не зависимо от того, какие флажки мы здесь поставим, каждая страница будет включать название, краткое описание и перечень выгод, получаемых потребителем. Переходим к следующему окну, в нём указано содержание формы Обратная связь. Что должен ввести пользователь при составлении отзыва? Полное имя, должность и т. д. Часть флажков здесь установлена. Оставим настройки, сделанные по умолчанию и перейдём к следующему окну. Здесь так же ни чего не меняем. Переходим, нажав кнопку Далее в следующее окно, в котором определяются параметры представления страницы оглавления. Ни чего не меняем и здесь, идём дальше. В появившемся окне мы можем определить: какие элементы будут вверху и какие внизу страницы. Такие как эмблема организации, этот флажок сейчас не установлен, название страницы и т. д. Нажмите кнопку Далее. В данном окне можно определить: будет ли отображаться значок в стадии разработки, если страницы не закончена. По умолчанию установлена опция Да. Переходим в следующее окно. Здесь показано, как будут использоваться полное и краткое название организации, и её почтовый адрес. Оставляем всё без изменений,
88
TeachPro Microsoft FrontPage 2003
нажимаем кнопку Далее. В отображаемом сейчас окне мы можем ввести номер телефона организации, заменив тот, который сейчас показан, номер факса, электронную почту веб-мастера и электронный адрес для общей почты. Я ничего менять не буду, нажму кнопку Далее. Мастер получил все ответы, которые ему были нужны для создания корпоративного вебузла. В этом окне имеется только один флажок. Показать задачи после загрузки веб-узла, имеется введу представление задачи. Кнопка этого представления имеется внизу. Что бы это представление не открывалось автоматически после загрузки, нужно снять флажок. Нажмите кнопку Готово. Корпоративный веб-узел появился перед нашими глазами, мы видим все его папки и файлы. Начнём просмотр с домашней страницы, откроем её в программе Microsoft Internet Explorer. Вверху страницы отображается несколько ссылок. Ниже заголовок, затем основной текст. Ссылки так же есть слева, щелкните, например Новости. На этой странице помещаются изменения происходящие на веб-узле. Перейдите по ссылке Продукты, вместо слов названия продукта 1 надо будет подставлять конкретное название. То же самое относится к остальным продуктам. Для перехода к конкретному продукту его нужно щёлкнуть и программа переносит нас на соответствующую страницу, в данном случае это продукт 2. Вместо слова продукт может быть что угодно, например, холодильник. На всех страницах веб-узла предусмотрена возможность перехода к домашней странице. Для этого нужно просто щёлкнуть ссылку Домашняя. Предусмотрена также связь посетителей веб-узла с его создателями. Щёлкните ссылку Обратная связь . Посетитель может ввести свои заметки и другие данные, после чего отправить их создателям сайта. Имеется так же оглавление и форма поиска. Благодаря этой форме можно найти какое-нибудь слово или фразу на веб-узле. Закройте программу Веб обозреватель.
* * * 4.6. Пустой веб-узел В списке шаблонов щёлкните Пустой веб-узел, укажите его расположение. Щёлкните перед именем, которое предложила программа, удалите его. Я напишу сюда слово Empty, т. е. пустой. Это и будет имя веб-узла. Нажимаем ОК. Узел создан, здесь есть папки Private и Images, но они пустые. Ни домашней страницы, ни каких либо других страниц здесь нет. Щёлкните корневую папку. Создав пустой веб-узел мы должны добавлять сюда страницы самостоятельно, для этого можно воспользоваться кнопкой в списке папок, которая называется создать страницу. После щелчка на этой кнопке появляется первая страница, по умолчанию она имеет имя индекс и расширение Htm и обозначена изображением домика, это домашняя страница, нажмите клавишу Enter. Для открытия страницы можно нажать Enter ещё раз. Смыслового содержания на странице нет. В этом ещё раз можно убедиться. Для создания новой страницы опять нажмите кнопку в области список папок. Следующая страница по умолчанию имеет другое имя, оно сейчас выделено и при желании мы можем его изменить, а желание такое должно быть. Щёлкните перед именем, после точки. Заменим русские буквы на латинские. Заменив, нажмите Enter. Данная страница так же пуста, в чём не трудно убедится, щёлкнув дважды. Страница открыта и вот её вкладка. Закройте страницу, закройте так же страницу Index. Создавать новые страницы можно и другим способом. Щёлкните правой клавишей мыши в области Список папок. Появилось контекстное меню, в нём наведите указатель мыши на строку Создать. Мы видим подменю, состоящее из таких пунктов как: Пустая страница; Текстовый файл; список Share point; Папка; Дочерний узел. Мы можем щёлкнуть тот пункт, который позволяет создать обычную Htm страницу, т. е. пункт Пустая страница. Новый файл появился в
Глава 4. Создание веб-узлов
89 списке. Замените русские буквы на латинские и нажмите клавишу Enter. Щёлкните корневую папку в области Список папок. На веб-узел нужно добавлять не только пустые страницы с помощью кнопки список папок, но и шаблоны страниц. Для этого щёлкните стрелку, рядом с кнопкой Создание Новой обычной страницы. Появилось меню, в нём выберите команду страница. На экран выведено окно Шаблоны страниц. На вкладке общие щелкните какой-нибудь шаблон. Например, Коллекция фотографий. В этом шаблоне уже имеется содержание. В образце показано, что есть в этом содержании. Здесь имеются уже некоторые фотографии. Щёлкните кнопку ОК, в диалоговом окне. Новая страница открыта, при чём в представлении с разделением. Щёлкните представление конструктор. Щёлкните нижнюю кнопку на полосе прокрутки. Это позволяет просмотреть фотографии имеющиеся здесь. На вкладке указано имя данного документа, предложенное программой. Мы можем сохранить эту страницу в созданный нами веб-узел. Обратите внимание на то, что в списке папок эта страница не появилась. Её надо сохранить сюда, так сказать, в ручную. Нажмите меню Файл, выберите команду Сохранить как. В диалоговом окне Сохранить как программа сама предложила папку Empty, т. е тот узел, который сейчас открыт и мы можем сохранить страницу в эту папку. Изменим имя файла на Photos. Название оставим то, которое предложило программа, коллекция фотографий. Нажмите кнопку Сохранить. На экран выведено диалоговое окно, Сохранение внедрённых файлов. Страница Коллекция фотографий содержит внедрённые файлы, изображения в формате JPG, они все сейчас выделены. Мы можем сохранить их все например в папку Images. Для этого нажмите кнопку в диалоговом окне Изменить папку. Появилось окно Смена папки. В нём щёлкните папку Images и нажмите ОК. Имя этой папки появилось в столбце Папка. Для подтверждения нажмите ОК в диалоговом окне Сохранение внедрённых файлов. Был создан файл Photos с расширением Htm, сейчас он открыт. Кроме того, программа автоматически внесла в список папок новую папку под названием Photo gallery. Её содержание можно просмотреть, щёлкнув знак плюс, слева. Здесь имеется вложенная папка, рядом с ней так же знак плюс. Щёлкните его. Теперь мы видим какие файлы находятся в папке. Щёлкните знак минус и второй знак минус. Кроме того программа внесла файлы изображений в папку Images, как мы и просили её. Щёлкните знак минус рядом с ней. Разбираться с коллекциями фотографий мы будем позже. Будем считать, что веб-узел создан. Щёлкните файл Index, откроем его в обозревателе, для этого открываем меню Файл, наводим на строку Просмотреть в обозревателе и выбираем Microsoft Internet Explorer. Этот документ открыт. Он имеет имя Index. Ни какого содержания здесь нет, поэтому мы не можем переходить с этой страницы не посредственно на другую страницу веб-узла. Для того, что бы открыть её здесь, нам нужно внести имя файла. Посмотрим ещё раз, какие имена файлов там есть. Щёлкните кнопку программы Microsoft FrontPage на панели задач. Например, мы можем открыть файл Photos. Вернёмся в браузер. В место имени Index,
90
TeachPro Microsoft FrontPage 2003
напишем Photos. Нажмите Enter для перехода. На экране появилась страница Коллекция фотографий. Такой способ перехода крайне не удобен и с тем как создавать переходы между страницами мы познакомимся позже.
* * * 4.7. Создание узла в панели Переходы. Часть 1 Закройте страницу с коллекцией фотографий. Веб-узел можно создавать с помощью представления Переходы, кнопка для его вызова находиться внизу. Сначала удалим все те страницы, которые мы создали ранее, начиная со страницы Index и заканчивая страницей Photos. Вместе с ними удалим и папку Photo gallery. Нажмите клавишу Delete на клавиатуре. Программа FrontPage 2003 вывела на экран диалоговое окно – Подтверждение удаления. Программа спрашивает, действительно ли мы хотим удалить домашнюю страницу, нажимаем кнопку Да. Домашняя страница удалена. В списке папок её уже нет. Теперь программа спрашивает, хотим ли мы удалить страницу new page. Такое же окно она будет выводить каждый раз, для подтверждения удаления следующих файлов, поэтому вместо нажатия кнопки Да, нажмите Да для всех, что бы удалить все страницы сразу. Проверьте, не осталось ли какихнибудь файлов в папках Private и Images. В области просмотра веб-узла содержится фраза, в этой папке нет файлов. Щёлкните папку Images. Здесь файлы есть, выделим их все. Начнём с верхнего и при нажатой клавише Shift щёлкнем нижний. Все файлы выделены. Нажмите Delete. Снова на экран выведено диалоговое окно Подтверждение удаления. Внизу перечислены элементы, которые будут удаляться. Нажмём кнопку Да, для всех. Все эти файлы удалены. Сейчас в списке папок у нас только то, что появляется при создании шаблона под названием Пустой. Я напомню, где этот шаблон был, щёлкните стрелку на панели инструментов для открытия списка шаблонов. Нас интересуют шаблоны вебзлов. Такой список папок, который Вы сейчас видите, мы получали с помощью пустого веб-узла, вот этого шаблона. Нажмите кнопку Отмена в диалоговом окне Шаблоны веб-узлов. Перейдите в представление Переходы. Для создания домашней страницы щёлкните правой кнопкой мыши в области Переходы. Появилось контекстное меню, наведите указатель мыши на строку создать. Появилось подменю, в котором две команды: Верхняя страница и Пользовательская панель ссылок. Щёлкните команду верхняя страница. В области переходы появился значок домашней страницы, в нём имеется изображение домика и слова «домашняя страница». Эти слова будут отображаться в браузере на верху. Щёлкните эти слова. Щелчок позволил выделить этот текст. Мы можем заменить его на какой-нибудь другой, например, Главная. Не смотря на изменения названия имя этого файла осталось прежним – Index. Давайте удалим этот файл и попробуем создать его по-другому. Его можно выделить в области Переходы. Нажмите клавишу Delete. Появилось окно Удаление страницы. В нём нажмите ОК, для удаления этой страницы с веб-узла и в диалоговом окне Подтверждение удаления нажмите кнопку Да. Страница удалена. Для создания страницы можно использовать кнопку в области переходов, которая называется Новая страница. Нажмите эту кнопку. В области переходов появился значок этой страницы, щёлкните его. Для того, что бы эта страница появилась в списке папок физически, щёлкните представление папки внизу. Страница добавлена в этот веб-узел. Вернёмся в представления Переходы. Щёлкните кнопку Новая страница. Появился значок с текстом «новая страница 1» , он соединён с домашней страницей линией и находится под этой домашней страницей. Щёлкните новую страницу 1. Текст названия этой страницы можно изменить, предварительно нужно его щёлкнуть и затем вписать другой текст, например Услуги. Щёлкните за пределами этой страницы. Аналогичным образом можно создавать другие страницы. Щёлкаем
Глава 4. Создание веб-узлов
91
кнопку Новая страница. В области переходов появилась Страница с названием Верхняя страница 1, она не связана с уже созданными страницами ни как. Это произошло потому, что мы не выделили при создании новой страницы ни одной из существующих страниц. Тем не менее её можно включить в структуру этого веб-узла. Можно просто перетащить страницу вниз. При перетаскивании появляется пунктирная линия, указывающая, куда будет подсоединена страница. Сейчас это связь с домашней страницей. Если опустить её ещё ниже, то связь будет со страницей услуги, т. е. новая страница будет дочерней по отношению к странице Услуги. Поднимите её выше на уровень страницы Услуги и отпустите здесь. Изменим её название. Пусть это будет например страница товары. Нажмите Enter, тем самым мы подтвердили изменение названия. Для того, что подсоединить новую страницу прямо к домашней, щёлкните домашнюю страницу. Мы её выделили. Теперь нажмите кнопку на панели инструментов Переходов для создания страницы. Новая страница автоматически подключена к домашней. Изменим её название, пусть это будет например Контакты, щёлкните за пределами страницы.
* * * 4.8. Создание узла в панели Переход. Часть 2 Ещё один способ подключения новой страницы к домашней – щёлкнуть её правой кнопкой мыши. Появилось меню, в котором наведите указатель мыши на строку Создать и выберите команду Страница. Новая страница появилась и она уже подключена к домашней. Изменяем её название. Пусть это будет, например, страница Ссылки. Применим изменения. Для страницы Ссылки можно создать дочерние страницы. Прямо на ней щёлкните правой кнопкой мыши. Наведите указатель на строку Создать и выберите команду страница. Новая страница создана. Сейчас не будем изменять её название, создадим ещё одну, тем же способом. Команда Создать и команда Страница. Теперь у страницы Ссылки две дочерних страницы, она сейчас выбрана, что можно подтвердить щелчком на этой странице. Создадим для неё дочернюю, теперь нажатием кнопки на панели инструментов, в области Переходов. Результат то же самый. У страницы Ссылки появилась третья дочерняя страница, вот она. Щёлкните Представление папки. Все эти страницы появились в списке. Не смотря на то, что веб-узел мы создавали в области переходов, переходов сейчас на странице нет. Для проверки этого щёлкните дважды файл Index. Как видите здесь нет указаний ни каких на переходы к другим страницам. То же самое относится и к другим страницам. Щелкните, например контакты, дважды. Здесь также пусто, Ссылки и здесь ничего нет. Переходы мы будем создавать позже. Закройте уже открытые страницы. Перейдите в область Переходы. Открывать и просматривать страницы можно отсюда. Щёлкните, например, товары дважды. Страница товары открыта. Область переходов можно увидеть и в левом окне, там где сейчас список папок. Внизу имеется кнопка Переходы, нажмите её. Здесь страницы отображаются в виде значков. Например, значок Услуги, Товары и т. д., и рядом со значками название каждой страницы, но не имя файла. Имена файлов мы видим здесь когда нажимаем кнопку Список папок, внизу. Закройте страницу Товары. Когда мы давали название каждой из страниц, например, той же странице Товары в области переходов, программа автоматически изменяла имя этого файла. Например, изменим, название новой страницы 1, щёлкните её. Щёлкните в названии. Например, напишите слово «Магазин» и нажмите клавишу Enter на клавиатуре. Произошло изменение названия. Щёлкните теперь представление папки. Как видим изменение имени файла не произошло, изменилось только название, поскольку файл уже присутствовал на веб-узле. Вернитесь в область переходы. Создадим новый файл. Щёлкните страницу Ссылки
92
TeachPro Microsoft FrontPage 2003 правой клавишей мыши,наведите указатель на строку Создать и выберите команду Страница. В структуре появилась страница четыре. Назовём её например Салон. Т. е. мы изменили название сразу, ещё до внесения этой страницы в веб-узел. Здесь её пока нет. Но она появится как только мы щёлкнем область папки. Обратите внимание на то, что название Салон, которое мы ввели с большой буквы, а имя файла так же салон – с маленькой. Т. е. программа сама позаботилась об имени файла. Вместо имени Нов. Стр. 4, как можно было предполагать в соответствии с тремя предыдущими файлами. Она ввела то имя, которое мы дали в названии документа. Мы должны в ручную заменить все имена файлов, которые написаны по-русски – латинскими буквами. Начнём с файла услуги. Его можно выделить, щёлкнуть ещё раз, теперь выделилось имя. Если щёлкнуть ещё раз, то выделение будет снято, просто появляется курсор. Удаляем слово Услуги и пишем вместо него по-английски, например, Services. Подтверждаем изменения нажав клавишу Enter. Имена точно так же можно менять и в области список папок. Например, файл Контакты. Можно щёлкнуть его ещё раз левой кнопкой мыши и тогда имя выделяется или щёлкнуть этот файл правой кнопкой мыши и выбрать команду Переименовать. Опять имя выделилось, изменим его на Contacts. Подтвердим изменения. Изменения происходят синхронно, и в списке папок и в списке справа, где отображаются файлы и папки веб-узла.
* * * 4.9. Переименование, удаление вебузла. Открытие страниц Созданный веб-узел можно переименовать. Щёлкните кнопку меню Сервис и выберите команду Параметры узла. На экране появилось окно параметры узла. Оно содержит несколько вкладок. Нас интересует сейчас вкладка Общие. В ней имеется текстовое поле Имя веб-узла. Для изменения имени можно удалить существующее имя, например, с помощью клавиши Backspace и ввести новое. Например, я по-английски введу слово Training, для подтверждения изменений нажмите кнопку Изменить, в диалоговом окне и затем кнопку ОК. Имя веб-узла изменилось, это видно на вкладке веб-узел. Вот это слово. А так же можно навести указатель мыши в области Список папок, на имя этого вебузла. Во всплывающей подсказке оно появляется. Для удаления веб-узла щелкните правой кнопкой мыши корневую папку в списке папок. Появляется контекстное меню, в нём выберите команду Удалить. На экран выведено окно Подтверждение удаления. Программа предлагает два варианта: Удалить с веб-узла только данные FrontPage, оставив все прочие файлы и папки; и Полностью удалить этот веб-узел. Предположим, Вы хотите выбрать второй вариант, щёлкнув переключатель, нажмите кнопку ОК. Веб-узел удалён, в этом можно убедится щёлкнув кнопку Открыть на панели инструментов. Появилось окно, открытие файла. В этом окне естественно видны не только файлы, но и папки, и среди них папки Training нет, а именно этот веб-узел был у нас до того как мы его удалили. Нажмите кнопку Отмена. Для открытия веб-узла
Глава 4. Создание веб-узлов
93 щёлкните меню Файл и выберите команду Открыть веб-узел. Появилось окно открытие веб-узла. В настоящее время открыта папка Corporate, если нужна другая, выберите её в списке папок. Я щёлкаю папку, например Мои документы и в ней выберу другой узел, который мы раньше создавали, например, my site. Для открытия нужно нажать кнопку Открыть. Для открытия конкретной страницы её можно дважды щёлкнуть в списке папок или на вкладке вебузел. Например, откроем файл Index. Файл открыт, появилась его вкладка. Закройте её. Ту же самую операцию можно сделать двойным щелчком в списке папок на этом файле. Закройте опять этот файл. Ещё один способ открытия – щёлкнуть документ правой кнопкой мыши. Появляется контекстное меню, в нём выберите команду Открыть, она находится в самом верху списка. Документ открылся, напишем, чтонибудь в нем. Например, слова «Это домашняя страница». Когда на странице происходят изменения, рядом с её именем на вкладке появляется звёздочка. Сохраним документ, звёздочка исчезла. Когда страница открыта, как сейчас, на её изображении в списке папок мы можем увидеть карандаш. Закройте страницу. Карандаш исчез. Щёлкните на вкладке веб-узел данную страницу правой кнопкой мыши. Снова мы видим то же самое контекстное меню, наведите указатель мыши на вторую строку сверху: Открыть с помощью. Появилось подменю, в котором указаны варианты открытия. Мы можем открыть страницу во FrontPage, как html, или во FrontPage открыть её как текст. Мы можем открыть её в программе Блокнот, в программе Internet Explorer. Выберем, например этот пункт. Страница открылась в указанной программе, закройте её. Щёлкните ещё раз имя правой кнопкой мыши. Ещё один вариант открытия, в новом окне, это третий пункт в контекстном меню. Щёлкните его. На первый взгляд ни чего не изменилось. На самом деле это второе окно Microsoft FrontPage, на что указывает цифра два в строке заголовка. То, что это второе окно, можно увидеть глядя на панель задач. Сейчас здесь две кнопки Microsoft FrontPage, вторая нажата. Закроем это окно. Вы видите, что программа Microsoft FrontPage осталась на экране. Это мы видим первое окно. Цифры 1 правда здесь нет. Из имеющейся страницы мы можем создать новую с помощью контекстного меню. Щёлкните, это 4 пункт меню, сверху. Так и называется создание из имеющейся страницы. Выберите его. Веб страница открылась, но это не файл Index. На вкладке указано имя Нов. стр. 1. Но содержание её то же, что было в Index. Мы можем сохранить эту страницу в нашем веб-узле, нажав кнопку Сохранить. В окне Сохранить как автоматически предложена папка My site. Это то веб-узел, который сейчас открыт. Мы можем выбрать имя файла. Например, введём такое и изменим название страницы. Вот так например. Нажмите кнопку ОК в окне Название страницы. После чего в окне Сохранить как нажмите кнопку Сохранить. В списке файлов мы видим новую страницу это файл New с расширением htm. Теперь можно изменить содержание этой страницы. Для ускорения сохранения страниц можно использовать сочетание клавиш. Откройте меню Файл и здесь это сочетание можно увидеть – Ctrl + S. Щёлкните за пределами
94
TeachPro Microsoft FrontPage 2003
списка. Нажмите сочетание клавиш Ctrl + S для сохранения данной страницы. Страница сохранена, её можно закрыть. После закрытия на значке пропал Карандаш, который там был во время работы над страницей.
* * * 4.10. Вкладки. Отображение тегов HTML Для добавления существующей веб-странице к открытому веб-узлу щёлкните кнопку Переходы. В структуре переходов этого веб-узла отображается пока только один файл – Index. Для добавления веб страницы New в веб-структуру её нужно перетащить из области Список папок. Поместите её под файлом Index. То же самое действие можно было произвести другим способом, щёлкните добавленную страницу и удалите её. Подтвердите удаление, при этом выберите опцию позволяющую удалить страницу только из структуры переходов, но не вообще из узла. Эта опция уже выбрана, нажмите кнопку ОК. Из структуры страница удалена, но в списке папок осталась. Теперь выделите в области Структура переходов страницу, которой теперь нужно подсоединить другую страницу. Здесь у нас только одна страница Index. На панели инструментов в этой области щёлкните кнопку с изображением глобуса и цепью. Нажатие кнопки Добавить существующую страницу приводит к появлению диалогового окна Добавление гипер ссылки. В этом окне мы можем выбрать файл, который нужно добавить. Это сейчас файл New. Выделив его нажмите кнопку ОК. Вернитесь в представление папки. Откройте оба файла, которые здесь есть: Index и New. Для перехода от одного файла к другому можно просто нажимать их вкладки. Сейчас активна вкладка New, щёлкните вкладку Index. Для перехода к веб-узлу можно щёлкнуть и его вкладку. Здесь мы видим все папки и файлы, имеющиеся в узле. Другой способ перехода от одного документа к другому: откройте меню Окно. В этом меню перечислены открытые документы. Первая это Веб-узел, который сейчас уже открыт, щёлкните строку Index. Открылась вкладка Index и мы видим содержание страницы. Откройте меню окно ещё раз. Щёлкните третий пункт New. Это документ New с расширением htm и ещё один способ перемещения от одной вкладки к другой, это нажать сочетание клавиш Ctrl + Tab. Нажмите указанное сочетание клавиш. Открылась вкладка Index. Нажмите ещё раз сочетание клавиш Ctrl + Tab, мы перешли на вкладку Веб-узел, ещё раз нажмите, это опять вкладка New. Вы уже знаете, как отобразить html код открытой страницы. Для этого нужно нажать кнопку либо с разделением внизу и тогда нижняя часть окна отображается, так как она будет выглядеть в обозревателе, а верхняя содержит код. Либо можно нажать кнопку Код и тогда мы видим полностью весь код страницы. Вернитесь к представлению конструктор. Для того, что бы увидеть теги языка html прямо в режиме конструктор, откройте меню Вид и в этом меню выберите команду Показать теги. В результате теги появляются на странице. Для тех кто знает что такое теги объяснять этого не нужно, а для тех кто не знает скажу, что объяснения будут в дальнейшем в этом курсе. Щёлкните представления с разделением внизу. Хочу только отметить, что эти теги обозначают начало и конец абзаца в тексте и тот же тег виден в коде страницы. Завершающий тег абзаца в тексте и этот же тег в коде. Для того, что бы отменить показ тегов в режиме конструктора откройте меню вид ещё раз и снова щелкните строку Показать теги. Перейдите в режим конструктор. Тегов больше нет здесь.
* * *
Глава 4. Создание веб-узлов
95 4.11. Импорт содержимого в открытый веб-узел Закройте веб-страницы. Мы можем добавить вебсодержимое, т. е страницы, тексты, изображения существующий веб-узел, который сейчас открыт. Для этого выберите папку в которую хотите добавить это содержание, например, Images. Вы знаете, что определённые картинки есть на другом веб-узле. Мы можем использовать функцию Импорт для копирования этих изображений в открытый веб-узел. Щёлкните меню файл и выберите команду Импорт. Открылось окно, которое называется Импорт. В этом окне нажмите кнопку Добавить файл или добавить папку, в зависимости от того, что нужно добавить. Я нажму первую кнопку. На экране появилось окно Добавление файлов в список для импорта. В этом окне выберите папку, в которой находится изображение. Например, пусть это будет папка Personal. Открыть её можно нажатием кнопки Открыть, в правом нижнем углу или просто двойным щелчком на этой папке. Здесь откройте папку Images, так же двойным щелчком и выберите нужное изображение. Например, My cat. Откройте его. Это изображение добавлено в список. Что бы произвести импорт, нажмите кнопку ОК. Программа показала на вкладке веб-узел содержимое вкладки Images. Это файл My cat с расширением Jpg. Щёлкните корневую папку в списке папок. Откройте меню Файл ещё раз и снова нажмите команду Import. Теперь нажмите не кнопки Добавить файл или Добавить папку, а кнопку с веб-узла. Появилось окно Мастер импорта веб-узла, начало. С ним мы уже знакомы. Выберите переключатель Файловая система и нажмите кнопку Далее. Программа вывела на экран предупреждение, что не удаётся импортировать веб-узел. Нажмите ОК. Это означает, что мы не правильно указали путь к веб-узлу. Для его поиска нажмите кнопку Обзор справа. Появилось диалоговое окно Новое место публикации. Теперь мы можем выбрать конкретный веб узел, который хотим импортировать. Пусть это будет например Personal. Нажмите кнопку Открыть. Путь задан, нажмите Далее. В следующем окне нужно выбрать расположение. Программа предлагает добавить содержание на текущий веб-узел. Соглашаемся с этим и нажимаем Далее. Остаётся нажать кнопку Готово, что мы и сделаем. Программа FrontPage открыла представления Удалённый веб-узел. Мы можем выбрать в окне Удалённый веб-узел те файлы, которые хотим переместить на открытый узел. Нужные файлы и папки можно выбрать в этом окне. Если при нажатой клавише Shift щёлкнуть, например, файл Interest, то в сферу выделения попадет и файл Index. Такой файл уже имеется в локальном веб-узле. Программа поставила рядом с ним знак вопроса. Что бы не копировать файл с удалённого веб-узла нажмите клавишу Ctrl и щёлкните файл Index в удалённом веб-узле. Выделите остальные нужные файлы и папки при нажатой клавише Ctrl. Папку Images можно исключить, если она не нужна. Передвиньте ползунок вниз, с помощью кнопки справа. Щёлкните так же файл Photos при нажатой клавише Ctrl. Для того, что бы
96
TeachPro Microsoft FrontPage 2003
опубликовать выделенные файлы нажмите кнопку, которая называется Опубликовать выбранные файлы с удалённого веб-узла на локальный веб-узел. Я пока этого делать не буду и скажу, что для того, что бы опубликовать все файлы можно просто нажать кнопку внизу – Опубликовать веб-узел. Я этого делать не буду и нажму кнопку, которую указал ранее. Начинается копирование файлов и папок. Копирование закончено, перейдите в представление папки. Т. о. мы импортировали файлы и папки с другого веб-узла и при этом оставили файлы и папки, которые были у нас прежде. В частности это файл Index, откройте его, файл New, папка Images. Что бы увидеть её содержимое щелкните вкладку веб-узел. Здесь находится изображения My cat, которое мы импортировали ранее.
* * * 4.12. Применение темы к странице После создания веб-узла с помощью шаблона FrontPage мы можем изменить внешний вид этого узла, используя тему. Щёлкните стрелку рядом с кнопкой Открыть. Появилось меню состоящее из двух пунктов: Открыть и Открыть узел. Выберите нижний пункт. На экране появилось диалоговое окно Открытие веб-узла. В этом окне открыта папка Corporate, это один из веб-узлов, созданных на основе шаблона. Перейдите на один уровень вверх с помощью соответствующей кнопки в окне. Мы попали в папку Мои документы. Здесь перечислены все веб-узлы, которые мы создавали на основе шаблонов. Выберем какой-нибудь из них, например, Personal. Для открытия веб-узла нажмите кнопку Открыть. В списке папок веб-узла, найдите и откройте файл Index. С помощью тем можно изменить стиль основного текста, заголовков, размер шрифта, автоматически добавить рисунки, например в фон, изменить цвет гипер ссылок, изменить внешний вид панелей ссылок, фоновый цвет страницы. Что бы освободить дополнительное место на экране закройте область Список папок, затем откройте меню формат и выберите команду Тема. Появилась область задач Тема. Сейчас к веб-узлу применена тема под названием Небо. После щелчка на строке Текущая тема открылся список с настройками. Для закрытия его щелкните минус, слева. Ниже находится раздел выбрать тему, который делится в свою очередь на несколько подразделов. Тема веб узла используемая сейчас. Для того, что бы видеть надпись на разделе полностью, перетащите левую границу области задач ещё левее. В каждом подразделе имеются окошки в которых изображено то, как будет выглядеть страница с применением темы. Это страница Небо. При наведении указателя на окошко появляется всплывающая подсказка и кнопка со стрелкой, справа. Перейдём ниже, следующий подраздел недавно использовавшейся темы. Если Вы не использовали прежде ни каких тем, то в этом разделе ни чего не будет. Щёлкните между ползунком и нижней кнопкой на полосе прокрутки. Далее идёт подраздел Все доступные темы. Первое окошко без темы. Затем идут различные темы, начиная с темы под названием Арктика. Щёлкните ещё раз на полосе прокрутки. Здесь довольно много тем. Перетащите ползунок вниз. В нижней части списка находится окошко Установка дополнительных тем. Переместимся в начало списка, щёлкая на полосе прокрутки. Постарайтесь запомнить, как выглядит сейчас веб-страница, затем примените тему, например, Арктика. Для применения достаточно щёлкнуть её левой кнопкой мыши. Теперь для того, что бы лучше видеть страницу, перетащите левую границу области задач вправо. Основное содержание веб-страницы осталось без изменений, в частности содержание текста. Например, «Добро пожаловать на мой веб-узел» и т. д. В то же время изменился цвет фона, цвет текста, цвет гипер ссылок, оформление панели переходов. Щёлкните на полосе прокрутки справа от страницы. Применим какую-нибудь другую тему, например тему Весна. Щёлкните её. Кроме всего прочего
Глава 4. Создание веб-узлов
97
изменился и вид маркеров в тексте. Посмотрим, как они будут выглядеть, если применить ещё одну тему. Выберем её, например, Волны. Вид маркеров изменился, кроме того, изменились и другие элементы на странице. Хотя, я повторяю, смысловое содержание осталось прежним. Не изменился даже прогноз погоды. Особенно заметными стали изменения гипер ссылок слева, к тому же мы получили новый фон страницы.
* * * 4.13. Применение темы к веб-узлу На странице Index С расширением Htm применена тема волны. Перейдите в область просмотр. Примерно так будет выглядеть страница веб-обозоевателе в Интернете. С помощью панели ссылок перейдите на страницу О себе. Внешний вид этой страницы такой, каким он был при создании веб-узла. Щёлкните кнопку Конструктор. Откроем страницу О себе. С начала для этого нужно щёлкнуть вкладку веб-узел. Страница О себе имеет имя About me. Откроем её двойным щелчком мыши. К данной странице мы так же можем применить тему щелчком мыши. Тема – Волны. Изменения произошли, что хорошо видно, но сейчас закроем эту страницу. Программа спрашивает, сохранить ли изменения внесённые в страницу About me, нажмите кнопку Нет. Закройте так же страницу Index и тоже не сохраняйте изменения. Теперь на вкладке веб-узел выберем две эти страницы About me и Index. Наведите указатель мыши на строку Текущая тема в области задач. Всплывающая подсказка говорит, что это тема Небо и что эта тема применяется по умолчанию ко всему веб-узлу. Для того, что бы применить тему к выбранным страницам достаточно щелкнуть тему Волны, например. Наведите опять указатель на текущую строку Тема. Теперь это волны, выберите какую-нибудь другую страницу, например Interest. Выясним, что сказано в теме во всплывающей подсказке. Это тема Небо, откройте данную страницу, щёлкните вкладку веб-узел и откройте, например, страницу Index. И так на странице Index применена тема Волны, на странице Interest – тема Небо. Т. о. мы можем изменять темы не открывая страниц, а просто выбирая их на вкладке веб-узел. Перейдите на вкладку Index с помощью сочетания клавиш Ctrl + Tab, закройте её. Закройте так же вкладку Interest. Снова выберем два файла Index и About me. Это делается при нажатой клавише Ctrl. В области задач щёлкните на полосе прокрутки, между нижней кнопкой и ползунком. Применим, например, тему Газета, но теперь уже не щелчком мыши на этом эскизе. Наведите указатель мыши на это окошко. Справа появилась кнопка со стрелкой, щёлкните её. Мы видим меню, в нём несколько пунктов. Применить как тему по умолчанию, Применить к выделенным страницам, а также Настройка. Команда Удалить сейчас не доступна. Для того, что бы применить тему газета к страницам About me и Index нужно выбрать команду Применить к выделенным страницам, нажмите её. Посмотрим, что получилось на примере страницы About me. Вы видите эту страницу, щёлкните вкладку вебузел и теперь откройте Index, тоже двойным щелчком мыши. Эта страница так же изменена, согласно новой теме. Закройте их. Прокрутите ползунок вниз. Выберем тему движение, для всего веб-узла. Для этого нужно опять навести указатель мыши на окошко и щёлкнуть стрелку. В меню выберите команду Применить как тему по умолчанию. На экране появилось окно, в котором сказано: «Применение к веб-узлу в виде темы используемой по умолчанию приведёт к изменению атрибутов форматирования, однако отдельно оформленные страницы не изменятся. Применить тему?» У нас два варианта Нет и Да. Нажмите Да, изменения проведены, посмотрим, что получилось. Начнём с файла, который указан в списке последним – Photo. Оформление, применённое к этой странице, отображает идею движения. Возьмем, к примеру, ссылку Фотографии. Изображение кнопки как бы
98
TeachPro Microsoft FrontPage 2003 смазанное, такое бывает на фотографиях, где запечатлено движение или чего-либо подобного. Щёлкните вкладку Веб-узел. Следующая страница Interest, здесь тема та же. Вернитесь на вкладку Вебузел, файл Index. Мы применили тему Движение, ко всему веб-узлу. Однако на странице Index, почему-то тема не изменилась. Дело в том, что настройки темы, примененные по умолчанию ко всему веб-узлу не перекрывают настроек сделанных к отдельным страницам заранее. Щёлкните вкладку Веб-узел. Заранее мы так же определили тему файла About me, откроем его. Здесь тоже тема Газета, а не тема Движение. Вернитесь на вкладку Веб-узел. Темы файлов Favorite и Feedback мы заранее не меняли, следовательно, они должны содержать тему Движение. Откроем файл Favorite. Действительно, к этой странице применена тема Движение.
* * * 4.14. Тема: яркие цвета, активные рисунки и фоновый рисунок Откройте файл Index. Сейчас к нему применена тема Газета. Выберите тему Компас. В строке текущая тема щёлкните знак + « .» Тем самым мы раскрыли список настроек, которые сейчас сделаны: Яркие цвета – нет; Активные рисунки –Да; Фоновый рисунок – Да. Это означает, что активные рисунки и фоновый рисунок применены в системе, а яркие цвета нет. В этом списке настройки мы изменить не можем. Однако можно изменить внизу, где имеются флажки: яркие цвета, активные рисунки и фоновый рисунок. Где на данной странице находится фоновый рисунок. Это закруглённые линии, вот одна из них, вот другая, а вот третья. Мы можем убрать эти рисунки, сняв флажок Фоновый рисунок. На странице тем не менее ни каких изменений пока не произошло. Чтобы эти изменения были, щёлкните ещё раз эскиз темы Компас. Теперь фонового рисунка мы не видим. Флажок Яркие цвета используется для того, что сделать тему более яркой, более цветастой так сказать. Щёлкните в прямоугольнике, слева от строки Яркие цвета. Изменений на самой странице нет, но в эскизе мы уже видим изменения. Текст, обозначенный здесь, приобрёл другой цвет. Для того, что бы увидеть это нужно вернуть настройку. Снимите настройку Яркие цвета и обратите внимание на эскиз при этом. Цвет на нём изменился. Поставьте флажок и примените эту тему к странице. Изменился цвет так же и на странице теперь. Для того, что бы посмотреть, как действует настройка Активные рисунки нужно применить другую тему, поскольку здесь на данной странице ни каких рисунков темы нет. Вернём настройки темы Компас к прежнему состоянию, т. е. сними флажок Яркие цвета, и установим флажок Фоновый рисунок, а файл Index закройте. Изменения сохранять не нужно. Откройте на вкладке веб-узел, например, файл Interest(увлечения). Здесь тема содержит целый набор рисунков. Рисунок есть и в заголовке и на каждой из гипер ссылок. Кроме того, рисунки служат в качестве маркеров в тексте. Снимите флажок Активные рисунки. Когда мы снимаем или устанавливаем флажки Активные рисунки; Фоновый рисунок и Яркие цвета, это действует на все темы, которые есть во FrontPage. Найдите в области задач тему Движения. Щёлкните её. Представление рисунков на странице изменилось. Рисунки теперь кажутся более плоскими. Установите флажок Активные рисунки и примените это изменение, теперь они кажутся более выпуклыми и изменился их цвет. Закройте страницу не сохраняя изменений. Для того, что бы понять, применять ли яркие цвета к странице, не обязательно её открывать, применять тему и затем смотреть, устраивают ли Вас эти изменения. Сейчас у нас ни какая страница не открыта. Наведите указатель мыши на эскиз темы Движение. Щёлкните кнопку. В меню, которое сейчас появилось, нажмите команду Настройка. На экран выведено диалоговое окно Настройка темы. В этом окне мы можем заранее просмотреть, как будет выглядеть страница при изменении настроек. Внизу
Глава 4. Создание веб-узлов
99
имеется строка Использовать при просмотре и здесь все те флажки, с которыми мы только что познакомились. В окне просмотра показана не реальная страница, которая выделена сейчас, а лишь образец страницы. Чтобы просмотреть её всю, можно нажать кнопку на полосе прокрутки справа. Имеется так же горизонтальная полоса прокрутки. Кроме того Вы можете растянуть это окно. Возьмитесь, например, за правый нижний угол окна, это можно сделать, когда указатель превращается в двунаправленную стрелку и растяните окно в правый нижний угол. Передвинуть всё окно в другое место экрана можно взявшись за другую строку заголовка. Попробуем, например, установит флажок яркие цвета. Изменения, которые произошли на странице мы сразу видим в образце. Снимите флажок. В частности изменился цвет текста в списке и цвет гипер ссылки. Снимите флажок Активные рисунки. Цвет рисунка, которые были заданы в теме не изменился.. Установите его снова и снимите флажок Фоновый рисунок. Фон исчез на образце. Что бы ни использовать сделанные изменения, нажмите кнопку Отмена в этом окне.
* * * 4.15. Применение цветовой схемы Для того, что бы открыть область задач Тема мы использовали меню Формат и в этом меню выбрали команду Тема. Закройте область задач. Открыть область задач тема можно и другим способом. Откройте меню Вид и выберите команду Область задач. То же самое можно было сделать сочетанием клавиш Ctrl + F1. Закройте область Тема и нажмите это сочетание клавиш. Область задач с заголовком Тема открыто. Заголовок здесь может быть и другим, щёлкните его. Например выберите команду Приступая к работе. Если открыта такая область задач, не составит труда открыть и тему. Щёлкните заголовок ещё раз и выберите Тема. Давайте сменим тему страниц Добро пожаловать и о себе. Щёлкните тему движение. Просмотрим результат на примере файла Index. Тема применена к этой странице. Мы можем изменить цветовую схему любой темы, имеющийся во FrontPage. Цветовая схема – этот тот набор цветов, который присутствует в теме. Наведите указатель на эскиз темы Движение и щёлкните кнопку. В меню выберите команду Настройка. На экране появилось окно Настройка темы. Для изменения цветовой схемы этой темы, т. е. темы движение. Щёлкните кнопку Цвета в этом окне. Мы по-прежнему видим заголовок Настройка темы, но представление окна изменилось, это попрежнему тема Движение, и по-прежнему мы видим образец. Но, в левой части окна появилось три вкладки: Цветовые схемы, Цветовой круг и Другой. Щёлкните вкладку Цветовые схемы. С помощью этой вкладки мы можем изменить сочетание цветов, которое применяется к теме Движение. У каждой схемы есть своё название, например, схема автомобильная. Здесь преобладают серые и жёлтые тона, что показано в образце на вкладке Цветовые схемы. Тот же набор цветов мы видим на образце страницы. Глядя на сочетание цветов, на вкладке Цветовые схемы, можно сразу заранее определить какая схема Вам больше подойдёт. Мне, в настоящий момент, например, нравится сочетание цветов Декорация. Для выбора этого сочетания надо щёлкнуть слово Декорация. Но, то как выглядит образец страницы мне не нравится совершенно, поэтому я попробую какую-нибудь другую цветовую схему. Можно просмотреть остальные щёлкнув на полосе прокрутки. Выберем, например, схему Каскад, здесь у страницы будет тёмно-синий фон, он обозначен на вкладке Цветовые схемы, вот эти квадраты. Выберем такую цветовую схему, где фон должен быть белым. Например, схема Набекрень. Кроме выбора цветовой схемы можно выбрать, какой должна быть палитра. Обычные цвета, переключатель находится внизу и он сейчас выбран, или яркие цвета. Выберите этот переключатель. Представление изменилось на образце страницы. Я вернусь к представлению Обычные цвета. Теперь разберёмся, что представлено на образце страницы. Здесь мы видим кнопки, ниже
100
TeachPro Microsoft FrontPage 2003
маркированный список. Каждый уровень здесь будет обозначен своим маркером, верхний таким, следующий таким и далее этот маркер. Ниже показано, какой будет горизонтальная линия, вот она. Перейдите ниже с помощью полосы прокрутки. Гиперссылки с текстом будут выглядеть так. Если Вы наведёте указатель мыши на одну из таких гипер ссылок, она поменяет свой цвет и будет выглядеть так. Нажмите нижнюю кнопку на полосе прокрутки. Далее отображается то, как будет выглядеть заголовки. Это заголовок стиля один. Ниже находится стиль заголовка два и т. д. Ещё ниже показан образец обычного текста и гипер ссылки. Что ещё отображается на образце? Кнопки глобальных переходов и переходы по вертикали. Щёлкните в этом окне вкладку Цветовой круг, весь спектр цветов здесь представлен в виде круга и точкой обозначено то место, которое соответствует цветовой схеме. Щёлкните в этом круге другое место, например, здесь. Тем самым мы выбрали другую цветовую схему. Вернитесь на вкладку Цветовые схемы. Здесь выбрана строка Другой, теперь.
* * * 4.16. Применение и изменение цветовой схемы Выберите опять какую-нибудь из перечисленных тем, например Винегрет и перейдите на вкладку Цветовой круг. Яркость данной цветовой схемы можно изменить помощью ползунка в этом окне на данной вкладке. Перетащите его, например, в крайнюю правую позицию. Круг стал совершенно белым. В таком случае цветовая схема, примененная к теме Движения, будет выглядеть так, как показано справа, некоторые ссылки стали совсем невидимыми, заголовки тоже. Смените Яркость – перетащите ползунок в левую крайнюю позицию. Изменения справа отобразились. Нажмите кнопку Отмена в этом окне. Несмотря на то, что мы убрали окно с экрана оно опять здесь и имеет название Настройка темы, на самом деле это два разных окна. Щелкните еще раз кнопку Цвета. Второе окно Настройка темы опять появилось на экране. Если ни одна из цветовых тем перечисленных вас не устраиваем, тогда перейдите на вкладку Другой. На этой вкладке можно определить цвет каждого элемента цветовой схемы. Здесь имеется список Элемент, раскройте его. Вы видите целый набор элементов, сейчас выбран Быстрые ссылки, давайте изменим цвет этого элемента. Откройте список Цвет, который находиться правее и выберите один из 16 заранее определенных цветов, например темно-синий. Еще раз откройте список, выберите например красный. Очевидно, вы заметили, как изменяются надписи на быстрых ссылках. Это слова «Назад», «Домой», «Вверх», «Далее». При наведении указателя мыши на такие ссылки они будут изменяться соответственно. Вот ссылка «Назад» например, сам текст остается красным, а рисунок изменяется. Раскройте еще раз список Элемент, выберите, к примеру, Заголовок 1. Текущий стиль заголовка мы видим справа, измените его цвет. Сначала откройте список Цвет, если не один из стандартных 16-ти цветов не подходит, щелкните кнопку Другие цвета. Выберите нужный цвет, например вот такой темно-зеленый. Этот цвет отобразился в окне Новый, текущий цвет показан ниже. Шестнадцатеричное значение этого зеленого цвета показано в текстовом поле Значение, вы можете вручную его изменить. Например, вместо нулей в начале поставьте цифры 6«6» и нажмите Enter. Тем самым мы определили опять текущий цвет. Возможно, наиболее часто употребляемые цвета стоит запомнить, что бы без труда опять водить их здесь. Если новый цвет вас не устраивает так же, то нажмите кнопку Другой. Появилось окно Цвет, здесь перечислены основные цвета, сейчас выбран белый, но вы можете выбрать тот который вам больше по вкусу, вот такой, например. С помощью ползунка на палитре можно его изменить. Перетащите ползунок, например, вверх до середины. Все изменения отображаются внизу, в прямоугольнике показано, какой цвет мы
Глава 4. Создание веб-узлов
101
сейчас получили. Вы можете добавить его в набор цветов нажатием кнопки Добавить в набор. Добавленный цвет появляется в разделе Дополнительные цвета, вот он. Для того, чтобы применить его нажмите кнопку Ok. Новый цвет появился в области Новый. Что бы использовать полученный цвет нажмите Ok в окне Другие цвета. В результате всех этих манипуляций мы изменили Стиль заголовка 1. мне например не нравиться, как отображается Активная гиперссылка, вот она здесь изображена. Найдем ее в списке, пусть она будет, например бирюзового цвета. В результате мы изменили на Активную гиперссылку, а Стиль заголовка 1, потому что в списке Элемент он и был. Сначала нужно выбрать элемент, передвинем, ползунок вверх, нажав верхнюю кнопку на полосе прокрутки, выберите элемент Гиперссылка (активная). А вот теперь следует выбрать цвет бирюзовый. Гиперссылка изменилась соответственно. Нажмите Ok в этом окне. По сути дела мы создали новую цветовую схему, поэтому нам нужно нажать кнопку Сохранить как в окне Настройка темы. Появилось окно Сохранение темы, программа уже ввела текст « Копия движение». Иначе говоря, мы сохраняем не только цветовую схему, но и тему к которой она применена. Напишем сюда, например «Моя тема», нажмите кнопку Ok. В окне Настройка темы так же нажмите Ok. В области задач новая тема появилась, она называется так, как мы ее и назвали - «Моя тема» . Ее можно применить к выбранным старицам щелчком мыши
* * * 4.17. Пипетка для изменения цветовой схемы темы Чтобы продолжить изменение темы, которую мы назвали «Моя тема», наведите указатель мыши на эскиз, щелкните кнопку, выберите команду Настройка. Рассмотрим еще одну возможность настройки цветовой схемы, но сначала уменьшим размер диалогового окна Настройка темы. Наведите указатель мыши, например, на левый верхний угол этого окна, затем перетащите его приблизительно к центру экрана. Несмотря на то, что я отпустил мышь в центре, диалоговое окно уменьшилось только до определенного размера, дальнейшее уменьшение невозможно. Отодвинем его вправо. Нажмите кнопку Цвета, попытаемся уменьшить так же окно Настройка темы, которое сейчас появилось. Наведите указатель мыши на его левую границу. Указатель превратился в двунаправленную стрелку, перетащим ее вправо до центра экрана и отпустим. Никаких изменений не произошло. Наведите указатель мыши на нижнюю границу этого окна и перетащите ее к центру. Окно несколько уменьшилось. Для изменения цветовой схемы темы щелкните вкладку Другой. Выберите нужный элемент, пусть остается Быстрые ссылки. Для него выберем цвет. Кроме стандартных цветов в меню появились другие цвета, в частности красный, его мы определили, выполняя действия в предыдущем уроке. Щелкните кнопку Другие цвета. Появилось окно, которое называется Другие цвета. Здесь имеется кнопка, которая позволяет выбрать любой цвет с экрана, с ее помощью можно, например, скопировать цвет рисунка, который сейчас открыт на экране. Нажмите кнопку Выбрать. Вместо указателя мы теперь видим изображение пипетки. Передвиньте мышь влево. Сейчас пипетка нацелена на серый фон диалогового окна. В окошке Новый отображается именно этот цвет. Наведите, например, на какой либо из цветов – черный, в окошке Новый отобразился этот цвет. Предположим, для элемента быстрые ссылки вам нужен такой же цвет, который используется в строке заголовка диалоговых окон. Наведите на эту строку пипетку, в окне Новый теперь отображается именно этот цвет. Или если вам нужен цвет, который используется на рисунке панели гиперссылок на открытой странице, передвиньте пипетку туда. Сейчас она наведена на этот рисунок и в окне Новый появился этот цвет. Для того, чтобы его использовать нужно просто щелкнуть левой
102
TeachPro Microsoft FrontPage 2003
кнопкой мыши. Пипетка превратилась в обычный указатель мыши, теперь можно нажать кнопку Ok. Мы получили цвет для быстрых ссылок. Чтобы применить изменения нажмите кнопку Ok в этом окне. Если тема, которая сейчас рассматривается, была создана нами, мы можем ее сохранить в измененном виде, для этого просто нажмите кнопку Сохранить в окне Настройка темы. Изменения сохранены. Сохранять, таким образом, темы встроенные в программу Front Page невозможно их нужно сохранять только под новым именем как мы и сделали в прошлый раз, нажмите кнопку Ok. Кроме цветовой схемы мы можем изменять рисунки, применяемые в теме. Наведите указатель мыши на эскиз Моя тема, щелкните кнопку, выберите команду настройка. В окне Настройка темы, которое только что появилось, нажмите кнопку Графика. В новом окне Настройка темы мы видим список элементов – графических элементов, откройте его. Здесь перечислены такие кнопки как «вверх» , «вперед», « домой», « назад» , кнопки глобальных переходов, маркированный список и т.д. Сейчас мы видим ниже имя рисунка для кнопки «вверх». Чтобы подобрать для этой кнопки новый рисунок нажмите кнопку Обзор. В окне Открытие файла найдите папку и нужный файл, нажмите кнопку Открыть. Кнопка «вверх» изменилась в правом окне, щелкните на полосе прокрутки, вот эта кнопка. Теперь найдем рисунок для второго поля – Изменившийся рисунок. Нажмите кнопку Обзор, в окне Открытие файла найдите нужный файл. Для его открытия можно нажать кнопку Открыть или щелкнуть его дважды. Вы видите, что у нас получилось два почти одинаковых рисунка. Можно изменить один из них, например Рисунок. Выберем, например этот и откроем его. Рисунок явно не подходит по размеру - он слишком большой. Следовательно, нужно заменить и этот рисунок. Выберем другой. Теперь рисунки похожи, но размер их отличается, в большинстве случаев это недопустимо. В учебных целях пока оставим этот рисунок здесь и выберем вкладку Шрифт. На вкладке Шрифт можно определить, как вы уже догадались, шрифт текста присутствующего на данной кнопке. Сейчас используются для нее шрифты Arial, Helvetica, выберем какой-нибудь другой, например Courier New. Откройте список Начертание, это может быть Обычный шрифт, Курсив, Полужирный или Полужирный курсив, выберем Курсив. На кнопках, над которыми мы работаем, шрифт стал наклонным. Мы можем так же изменить его размер, вместо 8 пунктов определим, например 12. Соответственно размер шрифта увеличился. Далее список Выровнять по оси Х, раскройте его. Сейчас выбран вариант По центру, выберем Влево. Текст сместился к левому краю. Кроме того можно выровнять по оси Y, сейчас выбрано значение По середине, а мы выберем значение Вверх например. Текст сместился по оси Y. Такие же изменения можно применить для любого другого элемента. Выберем, например Кнопки глобальных переходов. Установим шрифт Courier New, увеличим размер, установим например 14 пунктов. Вы видите, на сколько увеличился шрифт на кнопках глобальных переходов. Изображение для этих кнопок можно удалить совсем, как и для любых других. Нажмите вкладку Рисунок и удалите текст, который имеется в текстовом поле, после чего нажмите кнопку Ok. Щелкните еще раз кнопку Графика. Найдем в списке элементов Кнопки глобальных переходов, от них осталось, как говорится, «одно название». В этом окне нажмите Отмена, в окне Настройка темы тоже Отмена. Появилось окно: «Сохранить изменения темы «Моя тема» ?,» отвечайте Нет.
* * *
Глава 5. Работа с текстом
103
Глава 5. Работа с текстом 5.1. Ввод и копирование текста Основное смысловое содержание веб-узла обычно заключено в том тексте, который внесен на веб-станице, хотя конечно существуют сайты, где главное картинки. Но если вам есть, что сказать научитесь вводить текст. Настоятельная рекомендация начинающим веб-дизайнерам: «Вводите текст в шаблоны». Сейчас вы на экране видите страницу, имеющую имя index. Введем сюда текст, заменив тот текст, который предложила нам программа. Например, поставьте курсор в строке «Добро пожаловать на мой веб-узел». Для этого достаточно ее щелкнуть и затем нажать клавишу Home на клавиатуре. Курсор оказался в самом начале строки. Для того, чтобы удалить эту фразу ее можно всю выделить. Нажмите клавишу Shift и щелкните в конце предложения, оно выделилось. Чтобы заменить этот текст своим, просто начните вводить его с клавиатуры. Я ввел текст, который является заголовком раздела. Переход к основному тексту можно осуществить без участия мыши. Просто нажмите клавишу Стрелка вниз на клавиатуре. Теперь опять нажмите клавишу Home и курсор в начале абзаца. Для выделения текста можно использовать не только указатель мыши, но и клавиши на клавиатуре. Нажмите клавишу Shift и удерживая ее нажмите Стрелку вправо. Таким образом, мы выделили первую букву. Еще раз нажмите Стрелку вправо – вторая буква, нажмите и удерживайте эту клавишу – выделяется текст. Для того, чтобы выделять текст быстрее нажмите сочетание клавиш Ctrl+Shift и удерживая две эти клавиши нажимайте Стрелку вправо. Таким образом, можно выделять текст сразу целыми словами. Нажмите и удерживайте клавишу Стрелка вправо – текст выделяется гораздо быстрее. Выделив текст его можно сразу же удалить нажатием клавиши Delete и затем ввести на это место свой текст. Старайтесь ввести текст так, чтобы он занимал то место, которое было изначально отведено для этого абзаца, чтобы не нарушить общую картину. Если же вы видите, что не один из шаблонов Front Page вам не подходит, создайте новый веб-узел, чем мы сейчас и займемся. Сначала нужно закрыть тот веб-узел который сейчас находиться на экране. Откройте меню Файл и щелкните строку Закрыть узел, от сохранения изменений откажитесь. Этот узел закрыть, откройте новый. Для этого щелкаем меню Файл, затем команду Создать. В области задач Создание, которое в результате появилось, щелкните строку Одностраничный веб-узел. Появилось диалоговое окно Шаблоны веб-узлов, значок одностраничного веб-узла уже выбран, остается лишь нажать кнопку Ok. Но сначала нужно проверить в какое место программа предлагает сохранить веб-узел и его название. Вместо e«mpty2» я введу другое имя, путь это будет «training» , затем нажмем кнопку Ok. Познакомимся подробнее с тем, как вводить текст на страницу и как его форматировать. Откройте страницу «Index», список папок сейчас можно закрыть. Текст можно ввести с помощью клавиатуры или если он набран уже, гделибо скопировать его от туда и поместить на
104
TeachPro Microsoft FrontPage 2003
страницу. Я открою текст с помощью кнопки Открыть, в списке Папка найду необходимую папку – это папка Club и в ней мне нужен файл «club» , откроем его. Текстовое содержание, которое нам нужно можно скопировать. Выделив его, щелкнем правой кнопкой мыши и выберите команду Копировать. Затем перейдите на другой веб-узел. Вставить скопированный текст можно так же использую правую кнопку мыши, в контекстном меню выберите команду Вставить. Заголовок мы скопировали. Вместо такого копирования и вставки можно использовать перетаскивание. Для этого нужно расположить оба окна программы Microsoft Front Page на экране. Щелкните кнопку Свернуть в окно, сделайте так, чтобы окно программы занимало примерно половину экрана. Разверните второе окно, пусть оно так же занимает вторую половину экрана. Выделите тот текст, который нужно скопировать. Этот текст бегущей строки если помните. Если мы просто подведем указатель мыши к нему и нажмем левую кнопку, и начнем вести мышь влево, то под указателем появляется пунктирный прямоугольник и, отпустив левую кнопку мыши, мы получим этот на новой странице. Но с предыдущей станицы он исчезнет. Нажмите кнопку Отмена в том окне. Мы отменили перемещение текста, в то же время этот текст на новой странице остался. Каждый раз нажимать кнопку Отмена в таких случаях не обязательно. Можно не перетаскивать текст, удаляя его со страницы, а перетаскивать копируя. Выделите следующий абзац. Нажмите клавишу Ctrl, держите ее и перетащите выделенный текст на новую страницу, отпустите левую кнопку мыши. Текст скопирован. На странице Club.htm он остался. Таким же образом можно скопировать остальной текст. Завершив эти действия, закройте то окно, из которого мы копировали данные. Изменения сохранять не нужно. Разверните оставшееся окно на весь экран.
* * * 5.2. Вкладка Шрифт в окне Шрифт В водной части курса мы уже знакомились с тем как форматировать текст с помощью панели форматирования. Для работы с текстом существуют и другие возможности. Откройте файл index. Тот текст, представление, которого вы хотите изменить нужно предварительно выделить, например, щелкните перед словом «только» и после слова «избранным», при нажатой клавиши Shift. Затем откройте меню Формат и в появившемся меню щелкните команду Шрифт. На экране появилось диалоговое окно Шрифт, здесь мы можем изменять вид выделенного нами текста. В окне Шрифт имеется две вкладки Шрифт и Межзнаковый интервал. Перейдите на вкладку Шрифт. На этой вкладке расположено несколько списков. Первый из них тоже называется Шрифт, здесь перечислены имена шрифтов имеющихся в системе. Сейчас выделен Courier New, он применяется к выделенному тексту. Для применения к выделенному тексту другого шрифта найдите его, пусть это будет, например Arial. Внизу в образце сразу изменился вид текста. Правее от списка шрифт находиться список Начертание. Сейчас начертание шрифта Обычное, мы можем выбрать из трех других вариантов: Курсив, Полужирный и Полужирный курсив. Установим Полужирный. Еще правее находится список Размер. Сейчас применяется третий размер или 12 пунктов, примените например пятый. Сделав эти изменения, посмотрим, чего мы добились. Нажмите кнопку Применить внизу и для того, чтобы просмотреть этот результат можно либо закрыть окно Шрифт либо отодвинуть его вниз, что я сейчас и сделаю. Результат вы видите. Снова подниму это окно вверх. В поле Цвет показан текущий цвет шрифта. Раскройте список. В нем указаны Стандартные цвета, имеющиеся в программе Front Page, Другие цвета, мы уже использовали красный, и Цвета открытого документа – сиреневый, сиреневый цвет используется в третьем абзаце. Вы можете применить к выделенному тексту или один из этих цветов или выбрать еще один цвет, щелкнув кнопку Другие
Глава 5. Работа с текстом
105
цвета. С этим окном мы уже знакомились, повторяться не будем. Применим какой-либо цвет из числа стандартных, бирюзовый например. Нажмите кнопку Ok, щелкните перед текстом. Чего мы добились видно на экране. Выделите еще раз эти два слова с помощью клавиатуры. Я сделал это при нажатых клавишах Ctrl+Shift, нажимая клавишу Стрелка вправо. Откройте меню Формат, команду Шрифт. Под списком Цвет находиться группа Видоизменение. Рассмотрим возможности, которые здесь имеются. Поставьте флажок, Подчеркнутый щелчком левой кнопки мыши. Изменения отобразились в образце. Зачеркнутый, поставьте этот флажок. Далее Надчеркнутый. Обращайте внимание на изменения. Если убрать флажок Зачеркнутый получится довольно интересный вид. Нажмите Ok. Снимите выделение. Рассмотрев хорошенько результат, снова используйте клавиатуру для выделения этих двух слов. Теперь я использовал клавишу Shift и Стрелку вправо. Откройте меню Формат, щелкните команду Шрифт. Установите флажок Надстрочный. Я отодвину окно влево. Нажмите Применить. Текст приподнялся по вертикали. Установим Подстрочный. Обратите внимание, что флажок Надстрочный автоматически был снят. Нажмите кнопку Применить. Текст опустился ниже строки. Снимите флажок Подстрочный. Установите Малые прописные. Применить. Нажмите кнопку Ok, чтобы лучше рассмотреть этот текст. Выделим еще раз его и откроем окно Шрифт. Снимите все флажки, нажмите кнопку Применить. Далее установим флажок Первые прописные и посмотрим что получилось. Этот флажок позволяет сделать все первые буквы слов заглавными. Установите флажок Скрытый, и просмотрим результат. Никаких изменений мы сейчас на странице не видим. Нажмите кнопку Ok. И перейдите в режим Просмотр. А вот теперь ясно, что текст стал действительно скрытым. Перейдите в режим Конструктор. Снова откроем окно Шрифт. Снимите оба флажка, становите флажок Пример, нажмите кнопку Применить, затем кнопку Ok. Такой текст используется в примерах. Идем дальше. Снимаем флажок Пример и устанавливаем Определение, затем просматриваем результат. Программа сделала шрифт наклонным. Щелкните теперь флажок Переменная, Применить. Такой шрифт используется для переменных в коде. Клавиатура, Применить. Это представление текста, в котором имитируется ввод текста с клавиатуры. И последний флажок Код. Применить. Представление текста похоже на предыдущее. Нажмите кнопку Ok.
* * * 5.3. Межзнаковый интервал. Абзац Выделите предложение «Только избранным». Щелкните меню Формат, пункт Шрифт. Открылось окно Шрифт, щелкните вкладку Межзнаковый интервал. На вкладке Межзнаковый интервал имеется список Интервал, список Положение, счетчик На, а так же образец находящийся внизу. В списке Интервал задается расстояние между символами теста, откройте его. Выберите значение Разреженный. В счетчике На появилось значение 1 точка, чтобы сделать расстояние между символами еще больше, можно использовать стрелку указывающую вверх на счетчике. Теперь это расстояние 2 точки и т.д. Нажмите кнопку Ok чтобы просмотреть результат. Слова «Только избранным» растянулись по горизонтали. Откройте окно Шрифт еще раз, вкладку Межзнаковый интервал. Вместо того, чтобы увеличивать расстояние между символами, мы можем наоборот их уплотнить. Раскройте список Интервал и выберите строку Уплотненный, нажмите кнопку Применить. Отодвинем вниз окно. Текст так уплотнился, что он стал не читаемым практически. Установим в счетчике значение 1. Поднимите окно Шрифт и нажмите кнопку Ok. Теперь уплотнение не такое сильное, как было прежде и
106
TeachPro Microsoft FrontPage 2003 текст можно прочитать. Откройте меню Формат – Шрифт – Межзнаковый интервал. С помощью списка Положение мы можем сместить выделенный текст по вертикали. Сейчас он установлен По линии шрифта. Откройте список и выберите например По линии подстрочных знаков, затем нажмите Ok. Верхняя часть выделенного текста оказалась на нижней линии остального шрифта. Откройте окно Шрифт еще раз. На вкладке Межзнаковый интервал откройте список Положение и выберите строку По линии надстрочных знаков. Нажмите Ok. Теперь наоборот нижняя линия выделенного текста выровнялась по верхней линии остального шрифта. Для того, чтобы вернуть текст в прежнее положение нажмите кнопку Отменить на панели инструментов и еще раз. Если нужно сделать текст таким же, как остальной текст на странице, выделите нужный текст, нажмите кнопку на панели инструментов Формат по образцу. И затем с помощью кисти выделите текст, который нужно вернуть в прежнее состояние. Для того, чтобы изменить оформление целого абзаца нужно щелкнуть в нем, выберу я например вот этот абзац, затем открыть меню формат и выбрать команду Абзац. На экране появилось диалоговое окно Абзац, в нем одна вкладка – Отступы и интервалы. Верхний список Выравнивание, сейчас Выравнивание установлено По умолчанию. Раскройте список. По умолчанию текст выравнивается По левому краю, хотя этот вариант мы можем задать и явно. Но в этом случае ничего не изменится в тексте, поэтому раскройте список еще раз и выберите к примеру По правому краю, теперь нажмите кнопку Ok. Абзац, в котором находился курсор, выровнялся по правому краю, вот этот абзац. Посмотрим, как его еще можно выровнять. Раскройте меню Формат, выберите команду Абзац и откройте список Выравнивание. Выберем вариант По центру, нажмите Ok. Для отмены изменений нажмите кнопку Отменить. И еще раз. Вернемся к форматированию абзаца. В группе отступ мы можем назначить расстояние от текста до левой границы страницы. Это можно сделать с помощью счетчика слева, сейчас оно равняется 1 точке. Поставьте курсор после цифры 1и введите еще 00. В образце внизу мы можем видеть, какие изменения произошли с текстом. Нажимаем кнопку Ok. Теперь те же самые изменения произошли реально, пустое пространство слева это и есть отступ. Займемся продолжением изменения оформлением абзаца. Давайте, определим так же отступ справа, пусть он тоже равен 100 точкам. Изменения так же произошли в образце, сделаем так же отступ первой строки, пусть он будет равен 200 точкам. Нажмите копку Ok. Результат понятен, я думаю, без комментариев. Откройте меню Формат, щелкните команду Абзац. В группе Интервал можно определять расстояние по вертикали между строк. Счетчик Перед определяет расстояние между первой строкой абзаца и предыдущим текстом. Нажмите и удерживайте верхнюю стрелку. Видно в образце как изменяется расстояние от первой строки до предыдущего текста. Сейчас оно равно 94 пункта. Нажмите кнопку Ok. Расстояние между первой строкой абзаца, в котором находиться курсор и
Глава 5. Работа с текстом
107
предыдущим текстом увеличилось. Можно изменить расстояние и между последней строкой абзаца и последующим текстом. Откройте меню Формат, щелкните команду Абзац. Увеличьте интервал После, пусть он так же равняется 94 пикселям, то есть точкам. Введем это значение с клавиатуры, нажмите Ok. Теперь это расстояние не только сверху, но и снизу тоже. Посмотрим, что еще мы можем сделать с абзацем. Можно задать интервал между строк внутри абзаца. Откройте список. Здесь выбор следующий: Одинарный – это значение сейчас выбрано, Полуторный и Двойной. Щелкните Двойной и нажмите кнопку Ok. Мы получили увеличенное расстояние между строк в самом абзаце. Отмените несколько последних изменений. Для этого нужно щелкнуть стрелку рядом с кнопку Отменить. Воспользуйтесь нижней кнопкой на полосе прокрутки в списке. Отмените изменения до строки Формат по образцу.
* * * 5.4. Списки Создавая нумерованные и маркированные списки, мы использовали кнопки на панели инструментов Нумерация и маркеры. Списки можно создавать и другим способом. Щелкните на полосе прокрутки между ползунком и нежней кнопкой. Выделите первый список. Щелкните в его начале, нажмите Shift и щелкните в конце. Теперь нажмите кнопку Нумерация. Тем самым мы убрали список. Выделите этот текст еще раз, нажмите меню Формат и здесь выберите команду Список. На экран выведено диалоговое окно Список, в нем 3 вкладки: Графические маркеры – 1 вкладка, затем Обычные маркеры и Нумерация. Вернитесь к вкладке Графические маркеры. Благодаря данной вкладке мы можем представить текст разбитым на абзацы, в начале каждого из которых будет маркер. Маркером в принципе может быть небольшое изображение, в данном случае на образце показан прямоугольник. При этом рисунок можно использовать из текущей темы, то есть заданный по умолчанию для этой темы или задать свой рисунок, для этого служит переключатель Задать свой рисунок. Если на странице не используется тема, то нужно выбрать именно этот переключатель – Задать рисунок. После того как он выбран становиться доступным текстовое поле, сюда можно ввести путь к файлу или найти его с помощью кнопки Обзор находящейся ниже. В ответ появляется окно Выбор рисунка. В данном окне найдите папку, в которой находятся изображения, которые вы будет использовать в качестве маркеров. У меня они в папке Images и я выберу последний файл, и нажму кнопку Открыть в окне. В диалоговом окне список нажмите кнопку Ok. Перед каждым новым абзацем появился маркер, это графическое изображение. Щелкните в конце текста. Для добавления нового пункта списка нужно просто нажать клавишу Enter. В начале новой строки так же появился маркер, сюда мы можем ввести текст. Например, точку в предыдущем предложении следует, заменить на запятую. Список можно создавать и так сказать на пустом месте. Щелкните перед абзацем в списке основных задач. Откройте меню Формат, выберите команду Список, нажмите переключатель Задать рисунок, кнопку Обзор и выберите например изображение b«lack» . Откройте его. Путь к этому файлу появился в текстовом поле. Нажимаем Ok. Изображение появилось на той строке где находился курсор. Сюда вводим текст, я скопирую текст, который уже имеется ниже. При нажатой клавише Ctrl перетащу его наверх, таким образом, я его скопировал. Теперь щелкните в конце этого текста и нажмите клавишу Enter. Маркер автоматически появился на второй строке. Отмените эти изменения. Еще раз выделим текст, перед которым уже установлены маркеры. Откройте меню Формат, выберите команду Список. В диалоговом окне Свойства списка перейдите на вкладку Обычные
108
TeachPro Microsoft FrontPage 2003
маркеры. Здесь маркеры можно задавать как символы, а не как графические изображения. Выберем, например этот вариант. Нажмите кнопку Ok. Графические маркеры заменены обычными. Щелкните еще раз меню Формат и команду Список. Перейдите на вкладку Нумерация. Благодаря этой вкладке мы можем сделать список нумерованным, а не маркированным, при чем выбрать вариант нумерации: в виде обычных цифр, в виде римских или в виде букв. Выберите арабские цифры. С какой цифры начинается нумерация мы можем определить с помощью счетчика Начать с. Нажмите например верхнюю стрелку. В этом случае нумерация начнется с цифры 2. Нажмите Ok в этом окне. Изменения произошли на этой странице, отмените их. Если в списке есть несколько уровней, то нижние уровни можно сделать свертывающимися. Выделите текст, начиная от слов «сплотить носителей эго» и заканчивая словами «Почувствовать вкус жизни». Увеличьте для них отступ, с помощью соответствующей кнопки на панели инструментов. Один щелчок по этой кнопки привел к появлению абзацев на этом уровне без маркеров или номеров. Щелкните эту кнопку еще раз. Теперь мы получили список нижнего уровня с маркерами. Щелкните элемент списка более высокого уровня, правой кнопкой мыши. В контекстном меню вберите команду Свойства списка. На экран выведено диалоговое окно Свойства списка. На соответствующей вкладке установите флажок Включить свертывание структуры, а затем подтвердите выбор нажатием кнопки Ok. Для проверки работы развертывающегося списка нужно перейти в режим Просмотра. Щелкните верхнюю строку в списке- список свернут. Щелкните маркер еще раз – он развернулся. Точно так же можно щелкать и в тексте верхней строки. Перейдите в режим Конструктор. Отменим изменения. Кроме тех списков, которые мы уже изучили, имеется возможность создавать списки определений. Щелкните на свободном месте на странице. Откройте список Стиль на панели инструментов. Затем выберите пункт Определенные термины. Введите термин, например слово «эго», нажмите клавишу Enter на клавиатуре. Программа создала новый абзац, одновременно сместив курсор вправо. Здесь можно написать определение слова «эго». Например, такое определение –« я». Опять нажмите клавишу Enter. В следующем абзаце курсор уже установлен без отступа, можно писать следующий термин, например, «жизнь» , опять нажимаем клавишу Enter. И здесь нужно ввести определение. Дальше можно продолжать в том же духе. Если список определений вы хотите поместить в конце, выделите его, далее можно вырезать его с помощью соответствующей кнопки на панели инструментов, это кнопка Вырезать или просто перетащить текст вниз. Кроме того можно использовать правую кнопку мыши, в контекстном меню нажмите кнопку Вырезать. Затем найдите место в конце, куда вы будете ставить курсор, нажмите клавишу Enter, еще раз Enter. Для того, чтобы переместить влево курсор, чтобы не было отступа нажмите на панели инструментов кнопку Уменьшить отступ. Для ввода текста можно использовать опять правую кнопку мыши, выберите команду Вставить. Список определений появился в конце страницы. Для того, чтобы термины отличались от определений, выберите термин двойным щелчком мыши и выделите его полужирным. То же самое можно сделать со словом «жизнь».
* * * 5.5. Стили Стиль это набор характеристик форматирования примененных к тексту, изображениям или таблицам, имеющимся на странице. Предположим, вы еще не выделяли подзаголовок и заголовок, и они написаны обычным шрифтом. Вот таким образом. Щелкните в любом месте, например заголовка и щелкните список Стиль. На
Глава 5. Работа с текстом
109 экране появился набор стилей. Сейчас применен Стиль обычный, он выделен. Вы можете выбрать один из заранее определенных заголовков, например Заголовок 1. Текст в абзаце, в котором имеются слова «Психологический клуб» автоматически был отформатирован. К ним применен шрифт Times New Roman, размер 6 –24 пункта, полужирный – все это программа сделала сама. Щелкните в строке «Дом, где сбываются мечты», раскройте список стилей еще раз. Для того абзаца где сейчас находиться курсор выберем Заголовок 2 например. Этот текст так же изменился, к нему тоже применен шрифт Times New Roman, но размер уже не 6, а 5 –18 пунктов и он тоже выделен полужирным. Все стили, которые вы видели в списке, встроены в программу Microsoft Front Page. Знак абзаца стоящий слева от текста обозначает, что этот стиль применяется к абзацу. Вместе с FrontPage поставляется один стиль, применяемый к знакам, слева от него имеется буква “a”, он позволяет отменить пользовательский стиль знаков, если таковой имеется. Для создания собственного стиля откройте меню Формат и найдите команду Стиль. На экран выведено диалоговое окно Стиль. В этом окне нажмите кнопку Создать. Появилось окно Создание стиля. В окне Имя для выбора нужно ввести имя нового стиля, это имя не должно содержать пробелов. Я введу, например слово «Важно». В списке Тип стиля нужно выбрать к абзацу будет применяться стиль или к знакам, я оставлю к абзацам. Чтобы определить характеристики нового стиля щелкните кнопку Формат. Появился список Шрифт, Абзац и т.д. Выберем команду Шрифт. На экран выведено диалоговое окно Шрифт. Прежде всего, я определю имя шрифта, пусть это будет, например Arial, Начертание – Полужирный, Размер – 18 пунктов и к тому же пусть он будет подчеркнутым. Можно определить и цвет, красный например. Затем нажмите кнопку Ok. В окне создание стиля появился образец созданного нами стиля, кроме того, здесь появилось и описание. В частности здесь указано Font-family: Arial, то есть шрифт Arial, font-size – размер шрифта 17 и т.д., то есть все то, что мы сейчас определили. Нажмите кнопку Ok. Теперь мы видим диалоговое окно Стиль, и в нем появился пункт Важно, это стиль который мы только что создали, он принадлежит к числу пользовательских стилей. Кроме того, есть встроенные стили – Теги HTML, их мы видели, когда это окно было только открыто. Два из этих стилей мы уже применяли, вот Заголовок 1, он обозначен буквами H1 и Заголовок 2 – H2. Нажмите в этом окне кнопку Ok. Используем только что созданный стиль к какому-нибудь абзацу, например к этому. Откройте список стилей. Пользовательские и встроенные стили находятся вместе в одном списке. Вот появился стиль Важно, нажмем его. Стиль применен ко всему абзацу. Как мы и определили в стиле текст стал красного цвета, он имеет размер 18 пунктов, выделен полужирным и подчеркнут. Одно только не сходиться шрифт. Вместо Arial здесь установлен шрифт Courier New. Дело в том, что этот шрифт был задан заранее, явно, пользователем, поэтому стиль не смог перекрыть эту установку. Для отмены изменений нажмите кнопку Отменить на панели инструментов. В этом тексте
110
TeachPro Microsoft FrontPage 2003
шрифт не изменялся явно в заголовке и в подзаголовке, поэтому здесь стиль будет применяться полностью, если мы его применим. Раскройте список стиль и выберите стиль Важно. Подзаголовок изменился, здесь все те настройки, которые мы определили для стиля, в том числе имя шрифта Arial. Щелкните еще раз абзац, который начинается со слов «Я много лет» . Применим опять стиль Важно. Если вам непременно нужно чтобы здесь был шрифт Arial, выделите весь текст, раскройте список Шрифт и выберите шрифт Arial. Теперь мы явно задали этот шрифт. Отмените все изменения, до Изменения таблицы стилей. Тот стиль, который мы только что определили, может применяться только к открытой станице, в частности к файлу index имя его, как вы видели, присутствуем в списке стилей. Создайте новую страницу нажатием кнопки Создание новой обычной станицы. Вот вкладка страницы, которая только что была создана, но еще не сохранена. Раскройте список стилей, здесь стиля Важно нет, имеются только встроенные стили. Закройте эту страницу, а так же закройте область задач.
* * * 5.6. Изменение и удаление стиля Созданный пользователем стиль можно изменить. Для этого нужно открыть тот веб-узел, над которым вы работали в прошлый раз. Наведите указатель мыши на строку Последние узлы. Если стиль был создан, для станицы входящей в один из перечисленных здесь узлов выберите этот узел. Затем откройте страницу, к которой относится созданный вами стиль. У меня это файл index. При открытой странице щелкните в меню кнопку Формат и выберите команду Стиль. Вы видите на экране диалоговое окно Стиль. В списке Стили, находятся стили, которые создали вы или стили которые были встроены в программу Front Page. Переключаться между пользовательскими и встроенными стилями можно с помощью списка, который находится ниже. Щелкните, например строку Теги HTML. Сейчас в списке стили мы видим встроенные стили программы Front Page. Переключитесь снова на пользовательские. Если стилей несколько выберите его щелчком мыши и затем нажмите кнопку Изменить. Появилось окно Изменение стиля. Имя стиля я оставлю прежним, а Стиль изменю. Щелкните список. Сейчас у нас выбран Абзац, то есть стиль применяется ко всему абзацу, в котором находится курсор. Щелкните Знак. В этом случае стиль будет применяться к выбранным знакам. Нажмите Ok в этом окне и Ok в окне Стиль. Теперь выберем какой-нибудь текст, к которому будет применен стиль, например слово «красные» . Откройте список стилей, внизу находится стиль Важно, который мы сейчас определили для знаков. Слева находится символ “a”, обозначающий, что стиль будет применяться к знакам, а не к целому абзацу. После щелчка мыши на этой строке мы видим изменения в тексте, слово «красный» изменилось. Для того чтобы увидеть форматирование щелкните его, это слово. Теперь вы видите, что шрифт у этого слова Arial, размер 18 точек, выбрана кнопка Полужирный, а так же кнопка Подчеркнутый. Стиль применен не к отдельному абзацу, а к отдельному слову. Выделите еще несколько слов, например перед буквой «и» щелкнем и в конце этого предложения. Теперь откройте список стилей, выберите Важно. Все это предложение оформлено в едином стиле. Отмените последние изменения. Изменим стиль еще раз. Откройте меню Формат, выберите строку Стиль. Для изменения своего стиля нажмите кнопку Изменить, теперь кнопку Формат. В стиль мы можем включить форматирование абзаца. Щелкните команду Абзац. Выберите список Выравнивание и в нем определите, например по центру. Установите отступ Слева или Справа или и там и там. Отступ для первой строки, Интервал – Перед текстом, После текста, Между слов, Между строк. Нажмите Ok. Выберем
Глава 5. Работа с текстом
111
применения стиля не к знаку, а ко всему абзацу. После чего щелкните Ok и в окне стиль тоже Ok. Откройте список стилей и выберите только что измененный стиль. Для того чтобы увидеть весь абзац воспользуйтесь полосой прокрутки. Текст теперь не только красный, подчеркнутый и полужирный, но еще и распределен по центру, увеличилось в соответствии с новыми настройками расстояние между строками, расстояние между первой строкой и предыдущим текстом и между первой строкой и последующим текстом. Если созданный вам стиль вам не нравиться его можно опять или изменить или совсем удалить. Откройте меню Формат, выберите команду Стиль. В списке пользовательских стилей выберите нужный, сейчас он один только, стиль Важно и нажмите кнопку Удалить. Программа не стала спрашивать подтверждения, а сразу удалила этот стиль, в чем можно убедиться когда вы откроете список пользовательские стили. Этого стиля больше нет. Нажмите кнопку Ok. Поскольку стиля нет, вид предложения изменился опять, стал таким как был прежде.
* * * 5.7. Внешняя таблица каскадных стилей Стиль можно не только встроить в определенную страницу веб-узла, как мы это сделали дл страницы index, но и создать отдельный файл, в котором определить стиль. И затем можно будет подключать этот файл со стилем к любым другим страницам. Щелкните стрелку рядом с кнопкой создание новой страницы. Выберите команду Страница. Появилось окно Шаблоны страниц. В этом окне перейдите на вкладку Таблица стилей. С помощью значков находящихся здесь можно создать пустую страницу, это Обычная таблица стилей или заранее определенные страницы, такие как Город, Горошины, Капсулы и т.д. При выборе конкретного значка справа появляется описание. В данном случае это таблица стилей с текстом и заголовком Arial, краснооранжевыми гиперссылками и светло-зеленым фоном. На самом деле таблицы стилей к обычным таблицам не имеют никакого отношения, они просто определяют оформление текста. Как это происходит, рассмотрим на примере. Щелкните значок Поэтическая, обратите внимание на описание, текст будет со шрифтом Book Antiqua, фон страницы будет белым. Нажмите кнопку Ok. На экране появилась новая страница, она имеет расширение css. Оно составлено из начальных букв слов cascade style sheet, то есть таблица каскадных стилей. Таблица каскадных стилей - это информация позволяющая применять одинаковое оформление к различным страницам веб-узла. Рассмотрим пример. Передвиньте ползунок вниз. На данной странице мы видим имена заголовков, с которыми уже сталкивались H1, H2 и т.д. Для всех этих заголовков определен шрифт, по-английски font-family, у него имеются значение Book Antiqua, Times New Roman и Times, именно такие виды шрифта могут применяться на страницах к которым будет подключена таблица каскадных стилей. Кроме того, для заголовка 1 –H1, определяется цвет. Значение этого свойства указано после двоеточия, вот это значение, какой именно цвет определяется цифрами 204,153 и 00, мы выяснять сейчас не будем, программа это и так прекрасно поймет. Сейчас наша задача сохранить эту страницу. Нажмите кнопку Сохранить на панели инструментов. На экран выведено диалоговое окно Сохранить как, в списке Папка по умолчанию открыт текущий веб-узел training. Введите имя файла внизу, я удаль предложенное программой имя и введу свое, например style, расширение менять нельзя, это таблица каскадных стилей. Нажмите кнопку сохранить. Новое имя отображается на вкладке. Щелкните вкладку Веб-узел. В списке файлов и папок мы видим файл таблицы каскадных стилей. Посмотрим, изменилась ли, например, страница index благодаря таблице каскадных
112
TeachPro Microsoft FrontPage 2003
стилей. Откройте файл index. Изменений форматирования текста никаких не произошло. Для того, чтобы изменения были нужно подключить таблицу каскадных стилей к странице index, при этом не обязательно чтобы она была открытой, давайте ее закроем. Можно так же закрыть и страницу style. В списке папок веб-узла выберите страницу, к которой вы хотите подключить таблицу каскадных стилей. Сейчас у нас только одна такая страница index, я ее выделил, теперь нажмите меню Формат. Выберите команду Связи с таблицами стилей. На экран выведено диалоговое окно Связать с таблицей стилей. Прежде всего, здесь мы можем выбрать ко всем страницам применять таблицу каскадных стилей или к выделенным. Для всех щелкните переключатель Все страницы, переключатель Выделенные страницы нужно выбирать в том случае если вы хотите применить таблицу каскадных стилей только к выделенным таблицам. В данном случае не важно, какой переключатель мы выберем, потому что страница у нас одна – index. Теперь нажмите кнопку Добавить. На экране появилось окно Выбор таблицы стилей. Файл, содержащий таблицу каскадных стилей можно найти с помощью списка Поиск папки. Раскройте этот список. Сейчас здесь только один пункт, он и выбран. Однако, чтобы поискать другой файл на своем компьютере можно воспользоваться кнопкой в правом нижнем углу окна. Эта кнопка называется Выберите файл на вашем компьютере, щелкните ее. Появляется окно Выбор файла, с которым вы уже знакомы. Здесь можно поискать нужный файл. Нажмите кнопку Отмена. Сейчас открыта папка, в которой и находится файл index и файл style, который мы создали недавно. Этот файл мы и будем использовать. Выбрав его, нажмите кнопку Ok. В диалоговом окне Связать с таблицей стилей появился новый файл – style.css. Выделенная страница будет связана с этим файлом. Нажмите кнопку Ok. Посмотрим, как отразилась установленная связь на файле index.htm. Раскройте его. Представление текста на странице файла index довольно ощутимо изменилось. Стал другим цвет заголовка, это заголовок 1, заголовка 2 и остального текста. Текст, цвет, которого был определен нами заранее явно, не изменился, этот текст я выделил. Кроме того, изменился шрифт, там, где он был определен заранее, он так же не изменился это Courier New. Но вот, например, в заголовке 1 шрифт стал Book Antiqua, в заголовке 2 то же самое и в тексте, начинающемся со слов «есть такой клуб» так же шрифт Book Antiqua. Давайте посмотрим, что произойдет, если отменить связь файла index с таблицей каскадных стилей. Для того, чтобы сделать это щелкните меню Формат и выберите команду Связи с таблицами стилей. Выберите в списке файл с таблицей стилей. Стали активными кнопки Удалить и Изменить. Изменять файл мы не будем, попробуем его удалить. Нажмите кнопку. Файл удален из списка, подтвердите это изменение нажатием кнопки Ok. Сразу же произошли изменения в файле index, поскольку связи с таблицей каскадных стилей больше нет, настройки стали такими, какими были приняты ранее.
* * * 5.8. Применение внешней таблицы стилей Создадим новую html страницу, введем в нее текст, применим встроенные стили Front Page и затем используем к этой странице таблицу каскадных стилей. Щелкните кнопку для создания новой страницы. Область задач Макетные страницы и ячейки, которая появилась автоматически, закройте. Теперь я введу на эту страницу текст, например следующий. Текст введен. Теперь отформатируем его встроенных стилей Front Page. «Спе-
Глава 5. Работа с текстом
113 цифика клуба», раскроем список Стиль и назначим этому тексту Заголовок 1, например. Текст отформатирован согласно стилю. Щелкните в следующем абзаце. Для этого абзаца назначим другой стиль, например Заголовок 3. Такой же стиль примените к абзацу, где имеется слово «разнонаправленность» . Следующие несколько абзацев сделаем маркированным списком. Для этого выделим, щелкните перед словом «йога» и при нажатой клавише Shift слов «бизнес» . Откройте список Стиль и выберите Маркированный список. Программа отформатировала эти абзацы согласно встроенному стилю Маркированный список. Следующий абзац пусть станет Заголовком 3. Нажмите на полосе прокрутки нижнюю кнопку. Выделите 2 следующих абзаца, откройте список Стиль и этим абзацам назначьте тоже стиль, Маркированный список. И последний абзац, переведите на него курсор с помощью клавиши на клавиатуре. Для этого абзаца оставим стиль Обычный. Следующий шаг сохранение файла. В окне Сохранить как показана папка Training, в нее и будем сохранять файл. Введем имя файла. При нажатой клавише Shift нажмите клавишу Home – мы выделили весь текст, начиная от курсора. Нажмите Delete – текст удален и введите новое имя файла, например details. Нажмите кнопку Сохранить. Теперь закройте обе открытых страницы. Выделите файл details, свяжем его с таблицей каскадных стилей style. Я снова выделю файл details и для того, чтобы создать связку нажмите меню Формат, выберите команду Связи с таблицами стилей. Появилось окно Связать с таблицей стилей. Нам нужно связать таблицу стилей с файлом details, который сейчас и выделен, поэтому оставляем переключатель Выделенные страницы выбранным. Нажмите кнопку Добавить. В окне Выбор таблицы стилей, которая только что появилась, выберите нужный файл с таблицей каскадных стилей и нажмите кнопку Ok. Имя файла появилось в списке, для подтверждения нажмите кнопку Ok. Теперь посмотрим, как изменился и изменился ли файл. Внешний вид текста резко отличается от того, что видели. Теперь оформление, например заголовка 1 соответствует тому, как этот заголовок оформлен в таблице каскадных стилей. Заголовок 3, вот он указан в списке, для него применяется шрифт Book Antiqua, размер 4, полужирный, цвет у него так же отличается. Такое же оформление у всех остальных заголовков 3. Щелкните обычный текст в подзаголовке «комплектность». У него так же изменился цвет, шрифт стал Book Antiqua, размер 12 пунктов. При всем при этом оформление страницы index осталось без изменений. Давайте в этом убедимся. Откройте эту страницу, и вы видите, что никаких изменений не произошло с текстом. Закройте эту страницу. Страницу details так же закройте. Создадим новый файл таблицы каскадных стилей с помощью шаблона. Для этого щелкните нужную стрелку на панели инструментов и выберите команду Страница. В диалоговом окне Шаблоны страниц щелкните вкладку Шаблоны страниц. Выберем, например такой шаблон как Капсулы. Для создания страницы щелкните Ok. На экране появилась новая страница с расширением css,
114
TeachPro Microsoft FrontPage 2003
сохраним ее. В окне Сохранить как введем новое имя, например capsule, нажмите кнопку Сохранить. У страницы появилось имя capsule, закройте ее. В списке папок и файлов веб-узла выберите страницы, к которым надо применить данный стиль. Пусть это будут обе страницы и index и details. Щелкните меню Формат и выберите строку Связи с таблицами стилей. На экран выведено диалоговое окно Подтверждение обновления связей с таблицами стилей. Если мы нажмем кнопку Продолжить, то все ссылки на таблицы стилей будут перезаписаны. Нажмите кнопку Отчет о связи с таблицами стилей. Веб-узел открылся в представлении Отчеты, а не папки. Здесь перечислены файлы, имеющиеся на веб-узле. Файл index не имеется связи с таблицами стилей, а файл details связан с файлом style. Сначала давайте эту связь удалим. Щелкните меню Формат, выберите команду Связи с таблицами стилей. В окне Связать с таблицей стилей щелкните имя файла и нажмите кнопку Удалить, затем нажмите Ok. Связь исчезла. Предположим нам нужно связать оба файла с новым стилем. Выделив их, щелкните меню Формат, выберите команду Связи с таблицами стилей. В окне Связать с таблицей стилей нажмите кнопку Добавить и в окне Выбор таблицы стилей щелкните файл capsule, после чего нажмите Ok, и еще раз Ok. Оба этих файла и details и index связаны с одной и той же таблицей каскадных стилей, заключенной в файле capsule. Верните в представление Папки и щелкните файл index дважды. Этот текст оформлено согласно новому стилю. Вернитесь на вкладку Веб-узел и откройте файл details. Таким образом, как видите, с помощью таблиц каскадных стилей можно добиваться единообразия страниц веб-узла.
* * * 5.9. Знак разрыва строки и знак абзаца Поскольку стиль с именем style не используется не на одной странице веб-узла этот файл можно удалить. Нажмите клавишу Delete. Программа просит подтверждение удаления, нажмите кнопку Да. Файл удален. Создайте новую обычную страницу, это можно сделать с помощью сочетания клавиш Ctrl+N. Страница создана, автоматически появилась область задач Макетные таблицы и ячейки, ее нужно закрыть. И в новую страницу введем текст. Если он уже имеется в одном из приложений Office, то его можно скопировать, например, из файла Microsoft PowerPoint. Я открою этот файл, который у меню свернут и его кнопка находится на панели задач. Скопируем заголовок открытого слайда. С помощью клавиши Shift щелкните в конце строки, она выделалась, щелкните правой кнопкой мыши и выберите команду Копировать. Вернемся в окно программы Front Page. Вставить скопированный текст можно с помощью панели инструментов. Текст вставлен причем форматирование его такое же, каким было на слайде в программе Power Point. Внизу справа появилась кнопка, наведите на нее указатель мыши. Кнопка называется Параметры вставки, щелкните ее. Мы видим меню, состоящее из 2-х пунктов: сохранить исходное форматирование и Сохранить только текст. Исходное – это форматирование, которое было в программе PowerPoint. Этот переключатель сейчас выбран. Выберите переключатель Сохранить только текст. Вид текста изменился, сейчас мы получили текст в обычном стиле, но кнопка осталась - кнопка Параметры вставки. Для того, чтобы убрать ее с экрана просто нажмите клавишу Enter на клавиатуре. Одновременно с переводом строки исчезла и кнопка. Для того, что бы снова переключиться на программу PowerPoint нажмите и удерживайте клавишу Alt и нажимайте клавишу Tab, до тех пор, пока не найдете программу PowerPoint. Сейчас она выведена на окне, и я отпускаю клавишу Alt. На
Глава 5. Работа с текстом
115
экране появился слайд, и я скопирую остальной текст, имеющийся на нем. Щелкните выделенный текст правой кнопкой мыши и выберите команду Копировать. Переключаемся на Front Page с помощью сочетания клавиш. Теперь сюда вставим скопированный текст, можно использовать для этого правую кнопку мыши и команду Вставить левой кнопкой. Программа опять предложила сохранить форматирование, которое было в исходном документе. Наведите указатель на кнопку справа внизу, щелкните ее и выберите команду Сохранить только текст. Текст приобрел обычный вид. Отформатируем его согласно встроенным стилям Front Page. Щелкните заголовок «наши ведущие» . Раскройте список стилей и щелкните Заголовок 2, например. Теперь выделим остальной текст, это можно сделать перетаскиванием мыши. Представим этот текст как маркированный список. Раскройте список стилей и выберите Маркированный список. Отображение текста на странице изменилось, но маркер мы видим только один, перед словом «профессионализм». Хотя, казалось бы, маркеры должны были стоять перед каждым абзацем, например перед абзацем «современный подход». Причина в том, что программа посчитала весь текст одним абзацем. Почему это произошло? Причина в том, что после каждой строки нет знака абзаца. Чтобы увидеть есть он или нет нажмите на панели инструментов кнопку Отобразить все знаки, на ней нарисован знак абзаца. В тексте, который имеется на странице только два знака абзаца, после заголовка и после всего текста. При просмотре в Интернете или при печати текста эти знаки будут не видны, как и знаки разрыва строки, здесь их несколько. Вот первый, вот следующий т.д. Такие знаки позволяют начать новую строку, но при этом программа считает, что новая строка принадлежит к тому же абзацу, что и предыдущая, то есть все это один абзац. Для того, чтобы удалить знак разрыва нажмите клавишу Delete. Между точкой и словом «современный» теперь никаких знаков нет, и они приблизились вплотную друг к другу. Нажмите клавишу Enter. Появился знак абзаца, и теперь программа считает строку «современный подход» новым абзацем, поэтому поставила перед ней маркер. Подобным образом можно заменить в ней все знаки разрыва на знаки абзаца. Для того чтобы скрыть знаки снова нажмите кнопку Отобразить все знаки. Сохраните страницу. Дадим ей имя trainers, например, название оставим без изменений «наши ведущие» . Программа прочитала заголовок страницы и предложила его в качестве названия. Нажмите кнопку Сохранить. После слов «наши ведущие» я вставлю дополнительный текст. Щелкните в конце этой строки и нажмите клавишу Enter. После нажатия этой клавиши программа присвоила новому абзацу стиль Обычный, это произошло автоматически. Вставляю текст. Я добавил 2 коротких абзаца, чтобы лучше донести смысл страницы до пользователя. Для того, чтобы сохранить изменения достаточно нажать кнопку Сохранить.
* * * 5.10. Границы для текста К уже введенному на страницу тексту можно добавить границы. Выделите текст,например, щелкните перед словом «профессионализм» и при нажатой клавише Shift после слов «и вообще» . Текст мы выделили. Теперь откройте меню Формат, выберите строку Границы и заливка. На экран выведено диалоговое окно Границы и заливка, в нем имеется 2 вкладки: Граница, которая сейчас открыта и Заливка. Щелкните вкладку Граница. В левой части имеется группа опций Тип. Здесь имеются такие варианты как По умолчанию, Рамка и Другая. Сейчас выбран вариант По умолчанию, для того чтобы выбрать другой вариант щелкните эскиз слева, например Рамка. Автоматически справа выделилась строка Сплошная в списке Стили. Еще правее находится образец сплошной рамки. Кроме сплошной могут быть и другие стили, например Точечная. На образце отображается,
116
TeachPro Microsoft FrontPage 2003 как этот стиль будет выглядеть на странице. Еще имеется стиль Пунктир, Двойная, Желобок и т.д. Выберем, к примеру, такой стиль как Пунктир. Как будет выглядеть рамка, мы видим на образце. Кроме того, мы можем изменить цвет рамки. Для этого имеется список Цвет ниже. Здесь мы видим список 16 стандартных цветов, а так же список другие цвета, красный мы уже использовали, поэтому он сюда попал. Выберем какой-либо из Стандартных цветов, например синий. Рамка в образце изменилась. Ниже находится список Ширина. Сейчас обозначена ширина как 3 точки, мы можем увеличить или уменьшить значение с помощью кнопок. Увеличим, 4, 5. Еще ниже на вкладке Граница находится группа Поля. Здесь имеются такие опции как Левое, Правое, Верхнее и Нижнее. Увеличим левое поле, например до 6 точек. Такое расстояние будет от текста до левой границы рамки. И правое увеличим тоже до 6. Верхнее и Нижнее оставим без изменений. Нажмите кнопку Ok. Вокруг выделенного текста появилась рамка, ее можно изменить. Снова выделим тот же самый текст, откройте меню Формат и щелкните команду Границы и заливка. На экране снова появилось диалоговое окно Границы и заливка. Давайте уменьшим толщину рамки. Для этого нужно использовать счетчик Толщина. Для уменьшения нажмите кнопку со стрелкой указывающей вниз. 4 точки, 3, 2, 1. Уменьшим так же левое и правое поле, это можно сделать, непосредственно вводя цифры в поле. Удалим цифру 6 и введем 1 и то же самое для правого поля. Кроме того, мы можем назначить заливку для этой рамки. Щелкните вкладку Заливка. Здесь можно определить Заливку, Цвет фона и Цвет текста. Раскройте список Цвет фона, пусть он будет серым. В образце справа показано, как он будет выглядеть. Раскройте список Цвет текста. Текст сделаем темно-синим. Щелкните кнопку Ok в окне Границы и заливка. Щелкните за пределами этого текста. Полученный результат вы видите на экране. Изменим границы еще раз. Выделяем текст, открываем меню Формат, щелкаем строку Границы и заливка. Теперь в группе Тип выберите переключатель Другая. Обратите внимание на группу Образец. Рядом с образцом находятся кнопки, все они сейчас нажаты. Для того, чтобы отжать их все сразу щелкните тип По умолчанию. Цели мы добились. Теперь опять выберите вариант Другая. Никаких изменений в образце не произошло. С помощью переключателя Другая мы можем назначить стороны рамки самостоятельно. предположим мы хотим, чтобы верхняя была Точечной. Выберете Стиль – Точечная и нажмите кнопку, на которой нарисована верхняя граница рамки. В образце такая граница появилась. Нижнюю границу вы, предположим, хотите сделать пунктирной, щелкните стиль Пунктир. А теперь нажмите кнопку указывающую на нижнюю границу. В образце нижняя граница стала пунктирной. Левая предположим должна быть с углублением. Щелкните Углубление и выберите кнопку с левой границей. Правая граница наоборот должна быть с возвышением. Щелкните стиль Возвышение и нажмите последнюю кнопку. Для того чтобы увидеть результат на странице нажмите кнопку Ok.
* * *
Глава 5. Работа с текстом
117 5.11. Вставка символа
Рассмотрим, как можно вводить на страницу символы, которых нет на вашей клавиатуре. Создайте новую страницу. Закройте область задач. Теперь я введу текстовое содержание. Часть текста я ввел, теперь мне нужны недостающие символы. Поставьте курсор там, где должен быть введен символ, у меня это 3-я строка. Откройте меню Вставка и выберите команду Символ. На экран выведено окно Символ. В этом окне, прежде всего, следует определить, какой шрифт вы будете использовать для конкретного символа. Сейчас показан Times New Roman. Раскройте список. Здесь можно выбрать шрифт, который вам нужен, для этого достаточно щелкнуть соответствующую строку. Выберите, например Comic Sans MS. Начертание символов представленных в таблице изменилось. Таблица находится под списком Шрифт. Для просмотра всех символов имеющихся в таблице воспользуйтесь полосой прокрутки справа. Обратите внимание на то, что русских символов здесь нет. Для того, что бы их увидеть нужно, использовать кириллицу. Сменить кодировку можно с помощью списка внизу, найдите в этом списке Кириллицу (дес.). Щелкните несколько раз кнопку на полосе прокрутки. Теперь мы видим русский алфавит, как большие буквы, так и маленькие. Под таблицей символов находится ряд символов использовавшихся ранее. Для более быстрого поиска символа можно выбирать его здесь, если он часто используется. Меня как раз интересуют здесь 3 символа следующие подряд друг за другом. Когда вы выделяете символ щелчком мыши, внизу появляется его название, в данном случае EURO SIGN – знак евро. Его код обозначен в специальном поле. При щелчке в этом поле программа автоматически показала нам верхнюю левую букву в списке. Еще раз выберите знак евро и для вставки этого символа на страницу, нажмите кнопку Вставить. Знак появился на странице. Для ввода следующего символа его так же нужно выделить, это символ фунтов стерлингов и нажать кнопку Вставить. Этот символ так же появился на странице. Следующий символ японская йена, вставим его так же. Кроме того, меня интересует так же знак доллара, скажите, кого он не интересует, он находится в начале списка. Вставим его так же. Для рубля никакого особенного знака нет, поэтому сейчас закроем окно Символ нажатием кнопки Закрыть. Между символами нужно расставить пробелы. Щелкните после знака евро и нажмите на клавиатуре клавишу пробела, переместите курсор вправо с помощью клавиатуры, опять пробел и повторите операцию. Далее напишем просто «рубли». Ниже я введу дополнительный текст, для этого сделаем новый абзац и я пишу следующее. После чего снова делаю новый абзац и здесь нужно ввести еще несколько символов. Снова откройте меню Вставка и выберите команду Символ. На экран выведено диалоговое окно Символ. Мне нужен, например знак французского франка. Просмотрим таблицу. Среди имеющихся знаков такого символа нет. Чтобы найти его все же раскройте список кодировок внизу и выберите Unicode. Эта кодировка включает в себя 65536 знаков, в отличии от кодировки ASCII которая включает 256
118
TeachPro Microsoft FrontPage 2003
знаков. При выборе кодировки Unicode на верху становится доступным список Набор, раскройте его. Для того чтобы просмотреть весь список нужно воспользоваться полосой прокрутки. Найдите здесь денежные знаки, более точное название строки Денежные единицы, выберите ее. Мы как раз попали на знак французского франка. В левом нижнем углу окна написано FRENCH FRANC SIGN. Нажмите кнопку вставить. Знак французского франка появился на странице. Еще один знак, который может мне пригодиться это песеты, вот он. Вставьте его так же. Теперь закройте окно символ. Между франками и песетами сделаем пробел. Теперь я добавлю текст внизу, для этого сделаю новый абзац, и текст будет следующим. И самое главное, что нужно сделать, это сохранить страницу. Имя этого файла будет естественно «money» , название пусть остается «чем платить?», нажмите кнопку Сохранить в этом окне.
* * * 5.12. Поиск текста на странице Бывают случаи, когда вам нужно найти какоенибудь слово или фразу в тексте. Откройте страницу, например index. Откройте меню Правка и в этом меню найдите команду Найти, а когда нашли щелкните ее. На экран выведено диалоговое окно Поиск и замена. Здесь имеется 3 вкладки: Найти, Заменить, Теги HTMl. Сейчас нас интересует вкладка Найти. Здесь находится текстовое поле, в котором нужно ввести слово или фразу, которую вы желаете найти. Удалите слов «психологический», введем например слово «эго». Для того, чтобы поискать это слово на текущей странице, нажмите в правом нижнем углу этого окна Найти далее. Программа обнаружила слово «эго» и выделила его, при этом окно Поиск и замена не исчезло с экрана. Если необходимо вы можете продолжить поиск нажав кнопку Найти далее. Программа нашла еще одно слово «эго» в тексте и выделила его так же. Еще раз нажмите кнопку Далее. Программа вывела на экран окно, в котором написано «поиск в документе завершен» , это означает что больше слово «эго» в тексте не попадается. Нажмите кнопку Ok. Затем кнопку Закрыть. Для того, чтобы начать поиск с начала вернитесь в начало этого текста, для этого можно нажать сочетание клавиш Ctrl+Home. Курсор находится перед словами «психологический клуб» в заголовке. Для того чтобы вывести на экран окно поиска необязательно нажимать меню Правка, можно воспользоваться кнопкой на панели инструментов. Она называется Найти, в скобках вы видите сочетание клавиш, которое позволяет вывести то же самое окно. На этот раз введем в поле Найти слово «клуб» и начнем поиск «клуб» нажатием кнопки Найти далее. Это первое слово «клуб» в тексте, Найти далее, отодвиньте окно в сторону. Сейчас выделено следующее слово «клуб», которое попалось в тексте, далее, снова отодвиньте окно на этот раз вверх. Мы видим 3-е слово «клуб» , 4- е, 5-е. На этом поиск в документе завершен, Ok. Программа 5 раз показала слово «клуб» в тексте. Теперь щелкните перед абзацем, начинающимся со слов «я много лет была отличницей». Это можно делать, не закрывая окно, Поиск и замена. В группе Параметры поиска изменим настройки. Страницы поиска, остается Текущая страница, Направление изменим. Программа искала слово везде, а теперь давайте выберем переключатель Вниз. После этого попытаемся найти слово «клуб» еще раз, нажмите кнопку Найти далее. Одно слово найдено, второе, на этот раз программа показывает нам окно Проведем поиск FrontPage до конца страницы. Программа дважды показывала нам слово «клуб», нажмите Ok. Еще раз поставьте курсор перед словами «я много лет была». Определим поиск в предыдущем тексте, для этого щелкнем переключатель Вверх и нажмите кнопку Найти далее. На этот раз программа ищет слово «клуб» не после слов «я много лет была отличницей» , а перед ними. Одно слово она
Глава 5. Работа с текстом
пробелы.
119 нашла, при чем выделила сочетание букв «клуб» в слове «клубе». Снова нажмите кнопку Найти далее, еще одно слово «клуб» найдено, Найти далее и еще одно, всего 3. Выберите переключатель Везде в группе Направление, а в группе Дополнительно поставьте флажок Только слово целиком. И попробуем теперь поискать это слово, нажмите кнопку Найти далее. 2-е слово найдено, 3-е, 4-е и снова 1-е. На этом поиск в документе завершен, Ok. Отодвиньте диалоговое окно влево. Слово «клубе» , которое имеется в тексте, на этот раз программа не нашла, ведь мы поставили флажок Только слово целиком. Она искала целое слово «клуб» , но не слово «клубе», « клуба» и т.д. Снимите этот флажок, отодвиньте окно вправо. Вместо слова «клуб» опять . И в группе Дополнительно напишем слово «эго» поставьте флажок Учитывать регистр. Курсор поставьте перед словами «психологический клуб», теперь нажмите кнопку Найти далее. Одно слово «эго» найдено, но мы знаем, что в тексте 2 таких слова. Еще раз нажмите кнопку Найти далее. Программа второе слово не нашла и вывело на экран окно в котором сказано: «поиск в документе завершен». Нажмите Ok. Почему она не нашла второе слово? Нажмите кнопку Закрыть. Передвиньте ползунок вниз. Второе слово «Эго» написано с большой буквы, это уже другой регистр, а мы в условиях поиска задали значение Учитывать регистр. Щелкните кнопку Найти еще раз. Снимите флажок Учитывать регистр. В текстовом поле Найти введите фразу «в списке» , эту фразу мы сейчас будем искать, нажмите кнопку Найти далее. Такая фраза найдена, еще раз нажмите кнопку Найти далее. Больше этой фразы нет в тексте, нажмите Ok. Предположим в тексте между словами «в» и «тексте» на один пробел, а несколько. Добавим пробелы, кроме того, добавим табуляцию с помощью клавиши Tab на клавиатуре. А в поле Найти в окне Поиск и замена текст для поиска оставим без изменения. Нажмите кнопку Найти далее. Программа сообщает: «Поиск в документе завершен», то есть она не нашла словосочетания в списке. Нажмите Ok. Поставьте в группе Дополнительно Не учитывать пустое пространство. Этот флажок позволит программе считать пробелы и табуляции единым пустым пространством. Нажмите кнопку Найти далее. На этот раз она нашла словосочетание в списке. Снимите флажок, закройте это окно и удалите лишние
* * * 5.13. Поиск текста на веб-узле Поиск текста можно осуществлять не только на отдельной странице веб-узла, но и на всем этом веб-узле. На панели инструментов нажмите кнопку Найти. На экран выведено диалоговое окно Поиск и замена. Для поиска по всему узлу так же используется вкладка Найти. В списке Найти введем нужное слово, например слово «клуб». В группе Параметры поиска задайте параметры. Подгруппа Страницы поиска – сейчас доступны 2 переключателя Выбранные, он сейчас как раз и выбран и Все. Щелкните переключатель Все. В группе Дополнительно пока никаких флажков ставить не будем. Нажмите кнопку Найти на веб-узле. Вхождение слово «клуб» программа перечислила внизу. Передвиньте диалоговое окно вверх, чтобы их увидеть. На странице Наши ведущие, это файл trainers, найдено одно слово «клуб» . Для того чтобы его увидеть щелкните эту строку дважды. Открылась страница Trainers, при этом диалоговое окно Поиск и замена по-прежнему на экране. Слово «клуб» выделено, оно найдено в слове «клубе», поэтому программа выделила первые 4 буквы. В группе Параметры поиска программа отметила переключатель Текущая, то есть сейчас поиск производиться на текущей странице.
120
TeachPro Microsoft FrontPage 2003 Нажмите кнопку Найти далее. На экран выведено новое диалоговое окно Перейти к следующей странице, где указано что проверка этой страницы завершена. Мы можем нажать кнопку Следующая страница, при этом закрыть страницу, если установлен флажок. Следующее слово «клуб» найдено в файле details, на самом деле это так же часть слова «клуба» . Мы можем опять нажать кнопку Найти далее, чтобы просматривать следующие вхождения слова «клуб» или в параметрах поиска давайте выберем переключатель Все. Внизу автоматически появляется список. Передвиньте окно вверх. Рядом с первыми двумя строка в списке появился в место красного желтый кружок. Перетащите границу этого столбца вправо, чтобы увидеть его заголовок. Заголовок этого столбца Состояние. Там где стоит красный кружок, мы страницы еще не просматривали. Для того чтобы осуществлять поиск только на открытых страницах, а открыта у нас сейчас страница Details, щелкните переключатель Открытые в списке Старины поиска и затем нажмите кнопку Найти. Исчезли страницы, которые были отмечены как содержащие слово «клуб» и осталась только страница Специфика клуба. Если мы снова выберем переключатель Все и нажмем кнопку Найти на веб-узле, то эти страницы опять появляются. Для того, чтобы увидеть вхождение слова «клуб» на странице Index, щелкните дважды эту страницу. Программа опять самостоятельно выбрала переключатель Текущая в группе Страницы поиска и открыла нужную страницу. Нажмите кнопку Найти далее. Поиск производится на текущей странице, то есть в файле Index. Давайте изменим Направление поиска, например Вверх и теперь нажмите кнопку Найти далее. Перед словом «клуб» во фразе «Психологический клуб» больше вхождения слова «клуб» естественно нет, поэтому программа вывела на экран окно с текстом: «Проведено поиск FrontPage до начала страницы». То есть больше слова «клуб» не найдено, Ok. Нажмите переключатель Вниз и теперь кнопку Найти далее. Опять ничего не найдено, поскольку курсор находится в конце страницы. Нажмите Ok и убедитесь в том, что курсор находится в начале. Щелкните перед словами «Психологический клуб» на странице. Теперь мы можем произвести поиск повторно. Сейчас программа опять находит те же слова «клуб», которые мы уже видели. Изменим условия поиска с помощью группы Дополнительно. Установите флажок Учитывать регистр и в разделе Страницы поиска выберите переключатель Все. Теперь нажмите кнопку Найти на веб-узле. Программа опять обнаружила одно слово «клуб» в файле Наши ведущие, одно в файле Специфика клуба. В поле Найти измените слово, вместо строчной буквы «к» напишите заглавную. И теперь попробуем найти такое слово с Учетом регистра. Ни одного вхождения слова клуб с заглавной буквой «К» не найдено. Снимите флажок Учитывать регистр и установите флажок Только слово целиком. Теперь нажмите кнопку Найти на веб-узле. Именно слово «клуб», а не «клуба» , « клубе» и т.д. найдено в 4-х местах, но на одной из страниц, на странице Index. Щелкните ее дважды. Сейчас мы видим первое вхождение, Найти далее, следующее
Глава 5. Работа с текстом
121
вхождение, снова нажмите кнопку Найти далее, это 3-е слово «клуб» и еще раз кнопку Найти далее, 4-е слово «клуб». 5- го программа не нашла, да и не должна была найти. На экран выведено окно: Проверка всех страниц завершена. Поставьте флажок Закрыть эту страницу и нажмите кнопку Назад в список. Как работает флажок Не учитывать пустое пространство мы уже разбирались, повторяться не будем. При поиске текста на всем веб-узле его так же можно устанавливать. Нажмите кнопку Закрыть, закройте так же и файл details.
* * * 5.14. Поиск и замена Программа Front Page позволяет выполнять не только такое действие как поиск текста, но и замену его. Нажмите кнопку меню Правка, раскройте его полностью, здесь найдите строку Заменить. На экран выведено диалоговое окно Поиск и замена, то же самое окно можно было вывести на экран с помощью сочетания клавиш. Не закрывая этого окна, щелкните меню Правка. Мы видим что рядом со строкой Заменить указано сочетание клавиш Ctrl+H, его можно использовать для того чтобы отобразить это окно. От окна поиска это окно отличается только тем, что здесь сейчас открыта вкладка Заменить, а не вкладка Найти. Щелкните вкладку Заменить. На этой вкладке имеется кроме поля Найти еще и поле Заменить на. В левом поле мы вводим то слово, от которого хотим избавиться, например, вместо слова «клуб» введите например слово «тренинг». В правом поле Заменить на введите то слово которое должно стоять вместо слова «тренинг», которое будет удалено. Предположим, пусть это будет «занятие». В разделе Параметры поиска мы так же можем определить опции, как мы это делали раньше. Сейчас здесь установлен флажок Только слово целиком. Давайте его снимем и определим, что программа должна искать слово «тренинг» на всех страницах веб-узла, для этого щелкните переключатель Все. Внизу появились две новые кнопки: Заменить все, она сейчас доступна и выделяется при наведении на нее указателя мыши и кнопка Заменить, которая пока не доступна. Кнопка Найти на веб-узле сохранилась в неизменном виде. Нажмите ее. Программа обнаружила два вхождения слова «тренинг» на вебузле, а конкретно в файле detail и файле index, по одному слову в каждом. Для того чтобы увидеть найденное слово «тренинг» в файле Специфика клуба – details щелкните эту строку дважды. Сейчас найденное слово не видно, очевидно окно Поиск и замена его закрывает, попробуем нажать кнопку Найти далее. На экране появилось окно Перейти к следующей странице, не будем нажимать кнопки Следующая страница или назад в список, нажмите кнопку Закрыть в правом верхнем углу этого окна. Программа решила, что мы согласились с ее предложением закрыть страницу и вернуться в список. Она отметила первую строку как просмотренную как просмотренную, щелкните ее дважды. Отодвиньте диалоговое окно вниз. Те буквы которые мы ввели в поле Найти, выделены на странице, они обнаружены в слове «тренингов». Для того чтобы заменить найденное слово на слово «занятие» , поднимите диалоговое окно выше, и нажмите кнопку Заменить, которая теперь доступна. Снимите флажок Сохранить и закрыть эту страницу, нажмите кнопку Назад в список. Отодвиньте окно вниз, чтобы увидеть, что получилось в тексте. Программа действительно заменила сочетание букв «тренинг» на слово «занятие», я говорю сочетание букв, потому что буквы находились в слове «тренингов» и окончание «ов» осталось на месте. Следовательно, исправить недочет мы должны вручную. Люди пока еще не придумали программ, которые бы правильно склоняли слова. Введите вместо слова «занятиеов» слово «занятий», для этого щелкните перед буквой «е» , удалите 3 последние буквы и введите букву «й». Закончив с этим делом, недоступным пониманию программы, передвинь-
122
TeachPro Microsoft FrontPage 2003
те диалоговое окно вверх. Перейдем к следующему файлу index. Для этого дважды щелкните соответствующую строку в списке. Если вы видите что чаще всего повторяется слово «тренингов», а не «тренинг», добавьте окончание в поле Найти и в поле Заменить на используйте соответствующий падеж, например «занятий». Затем нажмите кнопку Найти далее. Теперь выделено все слово «тренингов». Для того чтобы удалить его и вставить на его место слово «занятий» нажмите кнопку Заменить. Слово заменено, появилось диалоговое окно Проверка страниц Закончено. Снимите флажок Сохранить и закрыть эту страницу, нам пока не нужно ее сохранять. И затем закройте это окно, закройте так же окно Поиск и замена. Отменим изменения сделанные на страницах. В место слова «занятий» пусть остается «тренингов». Теперь можно окно index закрыть. На странице details так же отменим изменения. Теперь закройте и эту страницу. Для того чтобы открыть окно Поиск и замена можно воспользоваться и кнопкой на панели инструментов – кнопкой Найти. Но тогда придется переключиться на вкладку Замена ,в окне Поиск и замена. Впишите окончание, к слову «тренинг» добавьте окончание «ов». А вместо «занятия» введите «занятий». Для того чтобы выполнить поиск и замену на всех страницах веб-узла щелкните переключатель Все в группе Страницы поиска и если вы уверены в том, что после автоматический замены не придется вносить исправления, нажмите кнопку Заменить все. Программа вывела на экран предупреждающее сообщение: «Операцию замены после завершения нельзя отменить. Продолжить?», нажмите кнопку Да. После того как замена была осуществлена, программа вывела список тех файлов, в которых эта замена была сделана. Раскройте файл Специфика клуба. Отодвиньте окно вниз. Вместо слова «тренингов» , здесь уже имеется слово «занятий» . Выделите его двойным щелчком мыши. Отменить это действие нельзя, как видите кнопка Отменить недоступна сейчас. Если вы хотите заменить это слово, вы можете сделать это либо вручную, либо опять с помощью окна Поиск и замена. А я сделаю по-другому. Выделю слово «тренингов» в поле Найти и скопирую его с помощью контекстного меню. Затем вставлю вместо слова «занятий» , так же с помощью правой кнопки мыши. Передвиньте окно Поиск и замена вверх. Щелкните кнопку Назад в список. Еще один файл, в котором была произведена замена это index, раскроем его. Для того чтобы просто найти слово «занятий» в этом фале я скопирую это слово и введу его в поле Найти, вместо слова «тренингов» . После чего нажмем кнопку Найти далее. Слово «занятий» найдено, заменим его на слово «тренингов» . Для этого я ввел это слово в поле Заменить на и теперь можно просто нажать кнопку Заменить. Программа сообщает: «Проверка всех страниц завершена. Пусть флажок Сохранить и закрыть эту страницу будет установлен, нажмите кнопку Назад в список. Поскольку в файле detail замену я произвел вручную, а не с помощью окна Поиск и замена, программа не сохранила изменения в этом фале и не закрыла его. Поэтому я закрываю окно Поиск и замена и сохраню файл details вручную, после чего закрою и его.
* * * 5.15. Регулярные выражения: . и * Для поиска того текста правописание, которого вы точно не знаете, можно использовать Регулярные выражения. Нажмите кнопку Найти на панели инструментов. На экран выведено диалоговое окно Поиск и замена. В поле Найти сейчас введено слово «тренингов», это слово мы искали последним. Список всех тех слов,
Глава 5. Работа с текстом
123 которые мы искали можно открыть, щелкнув, кнопку справа, она указывает вниз, эта кнопка. Нажмите ее. Появился список, состоящий из нескольких слов «тренингов», « тренинг» , « клуб» и т.д. Все эти слова мы искали в прошлый раз. Над этой кнопкой находится еще одна и стрелка на ней указывает вправо. Щелкните верхнюю кнопку. Раскрылся еще один список, но теперь здесь не те слова, которые мы искали ранее, а специальные знаки. Верхняя строка Любой знак. Сейчас не будем выбирать ни одну из этих строк, щелкните еще раз в поле найти. Поставьте курсор перед буквой «и» и удалите ее. Предположим, вы не знаете, как слово написано в тексте «трененгов» или «тренингов». Для того чтобы программа искала слово, с любым знаком в этом месте щелкните еще раз кнопку справа, указывающую вправо и выберите верхнюю строку – Любой знак. В том месте, где находился курсор, вставлена точка. Мы получили регулярное выражение, то есть образец, составленный из обычных и специальных знаков. Специальный знак здесь сейчас один. Попробуем найти на веб-узле слово «тренингов», для этого выделите в разделе Параметры поиска переключатель Все. Обратите внимание на то, что в группе Дополнительно программа сама уже поставила флажок Регулярное выражение. Когда такой флажок стоит, флажок Не учитывать пустое пространство становится недоступным. Теперь нажмите кнопку Найти на веб-узле. В списке, который появился в нижней части окна Поиск и замена представлен список файлов, в которых найдено слово «тренингов». Щелкните дважды верхний файл. Отодвиньте окно Поиск и замена вниз. Попробуем теперь изменить само слово «тренингов» на странице. Щелкните его, удалите букву «и» и введите, например букву «е» «трененгов». Перетащите окно Поиск и замена выше. Попробуем теперь найти это слово. Опять выберете переключатель Все в Параметрах поиска, передвиньте окно Поиск и замена еще выше и нажмите кнопку Найти на веб-узле. Несмотря на то, что вместо слова «тренингов» мы написали «трененгов» программа нашла это слово опять. Щелкните дважды строку Специфика клуба. Переместите вниз окно Поиск и замена. Теперь программа выделила слово «трененгов». Посмотрим, какие еще мы можем использовать символы. Следующая строка сверху Ноль или больше. Прежде чем применять этот символ, давайте изменим слово «тренингов» в тексте. Вместо буквы «е» напишем «и». Сохраните изменения на странице передвиньте окно Поиск и замена выше. Щелкните в поле Найти там где стоит точка. Удалите эту точку, теперь щелкните стрелку справа – Регулярные ворожения. В списке выберите второй пункт слева – Ноль или больше. Звездочка означает любое повторение количества символа стоящего перед этой звездочкой или отсутствию этого символа. Вставим сюда символ «и» и еще раз «и». Убедитесь в том, что курсор на странице стоит в начале. Нажмите кнопку Найти далее в окне Поиск и замена. Отодвиньте вниз окно Поиск и замена. В поле Найти мы ввели символ «и» который отсутствует в слове «тренингов» реально, здесь имеется только одна буква «и» . Введем в поле Найти какой-нибудь другой символ
124
TeachPro Microsoft FrontPage 2003
вместо «и», например букву «р». Передвиньте окно вверх, щелкните в начале страницы и нажмите кнопку Найти далее в окне Поиск и замена. Отодвиньте окно вниз, слово опять выделено. То есть программа нашла его, несмотря на лишнюю букву «р» в поле найти. Это указывает на то, что звездочка позволяет находить слово, несмотря на то, что мы ввели лишний символ. Выделите букву «р» и перетащите ее на место после звездочки. Щелкните на странице в начале, перетащите окно вверх и щелкните кнопку Найти далее. На этот раз программа не нашла слово «тренингов». Нажмите кнопку Ok. Дело в том, что звездочка этот символ действует на тот символ, который находится перед ней, а не после нее. Удалите букву «р». Чтобы не перетаскивать каждый раз окно Поиск и замена передвиньте его левее и на полосе прокрутки нажмите нижнюю кнопку, теперь немного опустите окно Поиск и замена. Так чтобы была видна кнопка Найти далее и в то же время слово «тренингов». В этом слове добавим несколько букв «и» . Перед звездочкой в поле найти может находиться не только символ, который реально отсутствует в тексте, это была у нас буква «р», но и символ, который в тексте повторяется несколько раз. Например, буква «и» которую мы ввели 5 раз. Щелкните до слова «тренингов», нажмите в окне Поиск и замена кнопку Найти далее. Слово «тренингов» с 5 буквами «и» выделено в тексте. Теперь в поле Найти удалим несколько букв с слове «тренингов». Для этого поставьте курсор перед звездочкой и удалите, например 4 буквы, оставим например первую букву «т». Для того чтобы программа могла найти любую комбинацию символов в тексте щелкните кнопку Регулярные выражения и выберите первую строку Любой знак. Сочетание символов точка и звездочка позволят найти в слове любую комбинацию символов. Щелкните перед словом «тренингов», теперь в окне Поиск и замена нажмите кнопку Найти далее. Слово «тренингов» с 5 буквами «и» опять выделено.
* * * 5.16. Регулярные выражения: + @ # [ ] и | В окне Поиск и замена щелкните кнопку Регулярные выражения. В списке обратите внимание на 3-ю строку сверху Один или больше. В поле Найти введите слово «танцы». Предположим, вы хотите найти такое слово, а на самом деле в тексте сделали ошибку и ввели вместо одной буквы «а» две, таким образом. Установите курсор в начале текста и щелкните в окне Поиск и замена кнопку Найти далее. Программа сообщает, что поиск в документе завершен. Нажмите Ok. Слово «танцы» не найдено. Если вы подозреваете, что по ошибке могли ввести несколько букв «а», поставьте курсор после буквы «а» в поле Найти, щелкните кнопку Регулярные выражения и выберите знак + Один или больше. Перед знаком + может находиться несколько одинаковых символов в тексте. Нажмите кнопку Найти далее. Слово «танцы» на этот раз найдено. Исправьте слово «танцы» в тексте. Теперь поищем слово «разнонаправленность», при чем это слово в тексте на страницы напишем не правильно. Удвоим, например букву «н» в части «направленность» . Вместо буквы «а» вставим букву «о». Лично я еще и не такие ошибки видывал. Теперь слово «разнонаправленность» введите в текстовом поле Найти в окне Поиск и замена. Предполагая, что слово неправильно написано именно в этом месте, после второй буквы «н» , поставьте здесь курсор и щелкните кнопку Регулярные выражения. Выберите третью строку сверху Один или больше на тот случай если две предшествующих буквы «н» будет стоять перед плюсом, а может быть какойнибудь грамотей поставит в тексте 3 буквы «н». Давайте добавим еще одну букву «н» в слово «разнонаправленность» на странице, так будет даже лучше. Теперь щелкните после знака + в текстовом поле в диалоговом окне. Здесь теперь находится курсор. Вполне вероятно, как вы предполагаете буква «а» будет так же
Глава 5. Работа с текстом
125
неправильно написана. Поэтому удалите ее, щелкните кнопку Регулярные выражения и выберите Любой знак, то есть точку в списке. Нажмите кнопку Найти далее. Программа FrontPage позволила найти слово «разнонаправленность» написанное в тексте не правильно. Регулярные выражения так же могут быть полезны, когда вы ищите имена или названия организаций, которые не подчиняются общим правилам, я имею в виду правила орфографии. Удалите символ + и точку в поле Найти. Щелкните кнопку Регулярные выражения, выберите строку Минимально ноль или больше. После введенного знака вставьте букву «а» , знак @ соответствует одному или нескольким одинаковым символам, стоящим перед ним. Нажмите кнопку Найти далее. Программа не нашла слова «разнонаправленность» . Нажмите Ok. На самом деле у нас буква «о», а не «а» в тексте. Исправим, это если мы знаем что неправильно написано слово и нажмите кнопку Найти далее еще раз. Теперь это слово обнаружено, щелкните в начале текста на странице. Предположим, мы не знаем, какая буква написана в тексте. Удалите «о» после знака @, нажмите кнопку Регулярные выражения и выберите строку Любой знак. Попытаемся теперь найти это слово. Нажмите кнопку Найти далее. Слово найдено. Теперь предположим, что вы знаете только начало слова «раз» например и конец его, 3 последних буквы «сть» . Удалите в поле Найти все остальное. Нажмите на кнопку Регулярные выражения, выберите строку Минимально один или больше. После букв «раз» появился знак, этот символ означает что буква «з» может встречаться один или несколько раз в слове. Для того чтобы несколько раз в слове встречался любой знак, а не только буква «з», поставьте перед тем знаком, который мы только что ввели точку. Для этого нажмите на кнопку Регулярные выражения и выберите первую строку Любой знак. Теперь в окне поиск и замена нажмите кнопку Найти далее. Слово «разнонаправленность» к тому же неправильно написанное программа опять обнаружила. Я исправлю слово «разнонаправленность» в тексте. Теперь займемся, например словом «специфика». Предположим вместо буквы «е» я введу букву «я». Есть люди, которые говорят и так «спяцифика» , возможно некоторые из них так и пишут. В поле Найти в диалоговом окне введите слово «специфика». Подозрения о неправильном написании слова могут быть разные, например «спицифика», « спяцифика»,« спюцифика» и т.д. Для того, что бы не гадать используем еще одно регулярное выражение. Букву «ю» я удалил, теперь я нажму на кнопку Регулярные выражения и выберу строку Любой знак из набора. В том месте, где был курсор появились квадратные скобки, в них нужно ввести символы один из которых будет использоваться в тексте. Например «ю, я, е, и» может быть «о», может быть «а» , а может быть даже «у». Теперь нажмите кнопку Найти далее. Несмотря на всю написанную глупость, программа нашла слово в тексте. Еще одно полезное регулярное выражение Или. Предположим, вы не знаете, как написано в тексте «акцент на будущее» или «акцент в будущее» . В окне Поиск и замена пишем слова «акцент в будущее» например, затем нажмите на кнопку Регулярные выражения и выберите строку Или. После текста, который мы ввели, появилась вертикальная черта, далее пишем «акцент на будущее» это второй вариант который мы предполагаем. Щелкните в начале странице и в окне Поиск и замена нажмите кнопку Найти далее. Программа естественно нашла фразу «акцент на будущее» .
* * *
126
TeachPro Microsoft FrontPage 2003 5.17. Проверка орфографии на странице Для проверки того, правильно ли написаны слова на какой-нибудь странице веб-узла, откройте эту веб-страницу. Я открыл страницу Details. Неправильно написанные слова подчеркнуты красной волнистой линией. Например, щелкните правой кнопкой слово «спяцифика» , которое подчеркнуто. Появилось контекстное меню, вверх удается правильно написанное слово «специфика» . Щелкнув это слово, мы заменим неправильно написанное на правильно написанное слово. Подчеркивание исчезло, отмените это действие. Подчеркивание снова появилось, щелкнем еще раз правой кнопкой это слово. Следующая строка в контекстном меню Пропустить все, если щелкнуть эту строку, то все слова «спяцифика» написанные через букву «я» программа проверь не будет и подчеркивание исчезнет. Так оно и случилось. Отмените это действие. Нажмите правую кнопку мыши на этом слове. В контекстном меню больше нет правильного варианта написания, программа попрежнему пропускает это слово. Изменим его вручную. Следующее слово в тексте подчеркнутое красной волнистой линией это «ёга», щелкните его правой кнопкой мыши. Программа дала нам целый список вариантов, которые мы можем использовать для замещения слова, но среди них нет ни одного правильного, которое нам нужно. Имеются так же строки Пропустить все, которую мы уже использовали для другого слова и Добавить в словарь, щелкните эту строку. Подчеркивание исчезло, и слово «ёга», написанное через букву «ё» в начале, добавлено в словарь именно так, как оно написано. Поэтому программа считает в данном случае слово написано правильно и больше его не подчеркивает. Придется теперь исправить его вручную. Слово «ёга» исправлено. Щелкните правой кнопкой мыши слово «апслуживание» . Появилось контекстное меню, на верхней строке никаких вариантов нет, о чем и свидетельствует надпись Нет вариантов. Исправим первую букву этого слова, вместо «а» напишем «о» . Щелкните слово еще раз правой кнопкой мыши. Теперь программа поняла, что это слово «обслуживание» и вторая буква должна быть «б», а не «п». Щелкните верхнюю строку. Слово исправлено. Для проверки правописание можно использовать другое средство. Откройте меню Сервис и выберите строку Орфография. На Экране появилось диалоговое окно Орфография. Это же окно можно было вызвать простым и более быстрым способом. Нажмите кнопку Отмена. Щелкните в начале текста, для чистоты эксперимента, так сказать. И затем на панели инструментов нажмите кнопку, на которой имеется 3 буквы abc. Эта кнопка Орфография, в скобках показана горячая клавиша, позволяющая запустить ту же самую функцию, F7. После нажатия кнопки снова появляется окно Орфография. Закройте его нажатием кнопки Закрыть в правом верхнем углу окна. Теперь нажмите на клавиатуре клавишу F7. Результат тот же, выведено окно Орфография на экран. Одновременно программа просмотрела текст, начиная с первых
Глава 5. Работа с текстом
127
слов, и нашла неправильно написанное слово. Она вывела его в строке Нет в словаре, это слово «регианальная» . В строке Заменить на введено то же самое слово, дело в том, что никаких правильных вариантов программа не нашла в своем словаре. Это можно понять глядя на список Варианты, где указано Нет предложений, поэтому замену нужно ввести в строке Заменить на самостоятельно. Исправьте это слово. Закончив исправления, нажмите кнопку Заменить, которая находиться правее. Слово в тексте заменено. Одновременно программа начала поиск неправильно написанных слов и нашла следующее неправильно написанное. В словаре нет слова «атдыхающих» . В стоке Заменить на так же появилось слово написанное не правильно после того как я щелкнул строку Нет в словаре. А теперь щелкну правильный вариант в списке, который находиться ниже, это слово «отдыхающих». В строке Заменить на появилось оно. Если вы предполагаете, что в тексте имеется несколько неправильно написанных слов «атдыхающих», надо заменить их все одним нажатие кнопки Заменить все. Больше на данной странице неправильно написанных слов нет, поэтому программа вывела нам на экран сообщение, проверка орфографии закончена, нажмите Ok.
* * * 5.18. Проверка орфографии на выбранных страницах и веб-узл Для того чтобы начать проверку орфографии на нескольких выбранных страницах веб-узла, сначала нужно эти страницы выбрать. Например, щелкните страницу details и страницу trainers при нажатой клавише Ctrl. Тем самым мы выделили две страницы. На панели инструментов нажмите на кнопку Орфография. На экран выведено окно Орфография. В группе Проверить орфографию имеется 2 переключателя: На выбранных страницах, он сейчас выбран и На всем веб-узле. Щелкните переключатель На выбранных веб-страницах, затем справа нажмите кнопку Начать. Окно Орфография осталось на экране, но внизу появился список, это список страниц, в которых найдены ошибки. В частности это страницы Специфика клуба и Наши ведущие, в обоих файла найдено по 3 ошибки. Передвиньте ползунок вправо с помощью правой кнопки. Слова с ошибками перечислены в соответствующем столбце. В строке Состояние указано, что найдено 6 слов с ошибками на 2 страницах, проверено страниц 2 из 2, то есть все выбранные. Нажмите левую кнопку на полосе прокрутки. Для того, чтобы открыть страницу и начать проверку орфографии, щелкните соответствующую строку в этом окне дважды. Таким образом, мы открыли страницу details. На экране уже имеется диалоговое окно Орфография. В словаре нет слова «спицифика» через букву «и» написанного. В списке возможных вариантов только один – «специфика». Программа предлагает заменить этим, словом то слово, которое введено в тексте. Если вы не желаете, заметь это слово правильным то можете нажать кнопку Пропустить. Слово «спицифика» , написанное через букву «и», осталось на странице. Сразу же программа нашла следующее, неправильно написанное слово –« комплексностъ» и предложила правильный вариант. Чтобы его вставить нажмите кнопку Заменить. Следующее, неправильно написанное слово «разнонаправленнность» - одна лишняя буква «н». Заменим его. Следующее, «пазитивная»- вместо буквы «о» в тексте стоит буква «а» , так же заменяем это слово. После проверки всего текста программа спрашивает: «Перейти к следующей странице?». У нас два варианта: перейти с помощью кнопки Следующая страница и при этом сохранить и закрыть страницу details благодаря флажку или нажать кнопку Назад в список. Выберем кнопку Следующая страница. Открылось окно trainers и в нем сразу же найдено неправильно написанное слово. Заменим его на предложенный программой вариант.
128
TeachPro Microsoft FrontPage 2003
Следующее, неправильно написанное «сообразительностъю», после проверки варианта предложенного программой согласимся с ним и нажмем кнопку Заменить. Далее «характиристики», так же слово неправильно написано, заменяем его. И последнее слово «воабще». Проверка всех страниц завершена, оставляем флажок Сохранить и закрыть эту страницу и нажимаем кнопку Назад в список. Страница закрыта. Сейчас мы видим окно Орфография. Желтые кружки показывают, что мы уже проверяли эти страницы. Откройте еще раз страницу Специфика клуба. Поскольку мы пропустили слово «сицифика», не исправив его, программа снова указывает на ошибку. На этот раз заменим слово. Больше ошибок нет, можно вернуться назад в список, нажмите кнопку. Для того чтобы проверить орфографию на всех а не только на выбранных страницах выберите переключатель На всем веб-узле. Кроме того в группе Параметры поставьте флажок Добавлять задачу для каждой страницы с ошибками. Этот флажок мы могли выбрать и раньше когда проверяли орфографию только на выбранных страницах. Затем нажмите кнопку Начать. Программа нашла на веб-узле еще 2 страницы с неправильно написанными словами это Index и Чем платить. В первом фале 5 ошибок, во втором 2. Слова с ошибками так же перечислены. Для того чтобы начать исправление ошибок мы можем двойным щелчком открыть соответствующий файл, например Index. Нажмите кнопку Отмена и в окне Перейти к следующей странице нажмите кнопку Назад в список. К каким последствиям приводит флажок Добавлять задачу для каждой страницы с ошибками. Закройте окно Орфография нажатием кнопки Закрыть. Перейдите в представление Задачи. После того как мы выбрали флажок, о котором я вас сказал, в списке задач появились 2 строки: Задача исправление слов с ошибками, во второй строке то же самое. К какому файл относится каждая из этих задач указано, в столбце Сопоставлено, это файл index и файл Чем платить. В столбце Описание указаны слова с ошибками: Отминен, Вазможный, Психалагический и т.д. Состояние каждой из этих задач Не запущено, слева для наглядности установлен красный кружок.
* * * 5.19. Проверка орфографии через представление Задачи. Тезаурус Щелкните дважды строку Исправление слов с ошибками в столбце Задача. Появилось диалоговое окно Сведения о задаче. Здесь находится Имя задачи – Исправление слов с ошибками, Исполнитель – это имя пользователя, с каким файлом она сопоставлена, в данном случае это файл money, завершена она или нет – Нет, в данном случае, Кем изменена, Кем создана. Справа указана Важность, здесь переключатели Высокая, Средняя, Низкая. Оставьте переключатель Средняя выбранным. Описание Задачи дано внизу, здесь указаны слова с ошибками: «отминен» и «вазможные» . Для начала выполнения этой задачи, то есть для исправления слов нажмите кнопку Запустить в этом окне. В результате файл money открыт и на экран выведено диалоговое окно Орфография. Как в нем работать, мы уже знаем. Например, в словаре нет слова «отминен», программа предлагает 2 варианта «отманен» и «отменен». Выбираем второй вариант и нажимаем кнопку Заменить. Следующее неопознанное программой слово «вазможные» , если вы считаете что слово написано правильно, то можно добавить его в словарь с помощью кнопки Добавить, но я этого делать не буду, «рука не поворачивается» . Нажму кнопку Заменить. Проверка орфографии окончена, о чем сообщает соответствующее окно, нажмите в нем кнопку Ok. Сохраните файл, при этом появляется окно, в котором говориться что эта страница была открыта из представления задач, пометить задачу как завершенную, нажмите кнопку Да. Теперь страницу money можно закрыть. В списке задач первая задача действительно пока-
Глава 5. Работа с текстом
129
зана как завершенная, о чем свидетельствует слово Завершена и зеленый кружок слева от него. Аналогичным образом проверим файл index, запускаем его двойным щелчком мыши. В окне Сведения о задаче нажмите кнопку Запустить. Соответствующий файл открыт. Для слова «Психалагический» написанного через две буквы «а» у программы нет вариантов, поэтому заменяем его вручную, заменяем буквы и нажимаем кнопку Заменить. Слово «сопственную» есть в словаре, и программа предложила замену. Следующее неизвестное слово «усстают» написанное через две буквы «с» . Передвиньте диалоговое окно выше. Слово «усстают» выделено, далее в тексте будет еще одно слово «усстают» в котором так же имеется две буквы «с» . Для того чтобы не заменять каждое слово по отдельности нажмите кнопку Заменить все. Оба слова «устают» заменены. Далее программа выделила слово «отлишницей», очевидно кто то написал его по аналогии со словом «булошная» , нажмите кнопку Заменить. Продолжаем проверку слов. Проверка орфографии закончена, нажмите кнопку Ok. Сохраните файл, это можно сделать с помощью почитания клавиш Ctrl+S. В ответ появляется окно, с сообщением что: «эта страница была открыта из представления задач. Пометить задачу как завершенную?» . Нажмите Да и закройте файл index. В представлении Задачи обе строки помечены зеленым кружочком – задачи завершены. Можно опять перейти в представление Папки. Откройте из этого представления, например файл details. Еще раз исправим слово «специфика», пусть оно будет написано через букву «и» . Программа сразу же подчеркнуло слово красной волнистой линией. Это благодаря тому, что включена автоматическая проверка орфографии. При необходимости ее можно отключить. Откройте меню Сервис - Параметры страницы. На экране появилось окно Параметры страницы. На вкладке Общие, которая сейчас открыта, имеется раздел Орфография. Здесь сейчас установлен флажок Автоматически проверять орфографию. Кроме того, ниже имеется рамка, которая сейчас пуста и ниже текст «Скрыть орфографические ошибки во всех документах» . Установите этот флажок и нажмите кнопку Ok. Получается так, что проверка орфографии осуществляется, но ошибки скрыты, слово «спицифика» красной волнистой линией не подчеркнута. Для того, что бы эта линия опять появилась, снова щелкните кнопку меню Сервис, выберите строку Параметры страницы. В окне Параметры страницы на вкладке Общие уберите флажок Скрыть орфографические ошибки во всех документах. Нажмите кнопку Ok. Линия снова появилась. Щелкните слово правой кнопкой мыши и в контекстном меню выберите команду Специфика. Слово заменено. Сохраним изменения. Предположим, вы хотите найти синонимы или антонимы для слова «назад». Выделите его в тексте, откройте меню Сервис, в этом меню выберите команду Тезаурус. Тезаурус, в данном случае, – это электронный словарь. В окне Тезаурус, которое только что появилось на экране, указано слово, для которого нужно найти синонимы – « назад». Заменить программа предлагает словом «вспять» , синоним найден только один. Значение слова «назад» указано ниже в списке Значения, это «обратно». Для слова «назад» программа нашла и антонимы, щелкните строку ниже. Антоним для слова назад – слово «вперед» . Щелкнем предыдущее значение «обратно». Если вы хотите заменить слово «назад» синонимом «вспять» нажмите справа кнопку Заменить. Слово заменено, нажмите отмену. Закроем файл details.
* * *
130
TeachPro Microsoft FrontPage 2003
Глава 6. Гиперссылки 6.1. Создание гиперссылки на новый документ Как создавать гиперссылки вы уже знаете, рассмотрим этот вопрос подробнее. Откройте файл Index двойным щелчком мыши, нажмите нижнюю кнопку на полосе прокрутки. Обратите внимание на то, что программа подчеркнула слово «подход», после него нет пробела. Поставим этот пробел. Теперь поставьте курсор в самом конце текста, здесь будет гиперссылка на новый документ, то есть на документ, который мы создадим в процессе создания гиперссылки. На панели инструментов Стандартная нажмите кнопу Добавление гиперссылки. На экран выведено диалоговое окно Добавление гиперссылки. Для того чтобы добавить гиперссылку на новый документ на панели слева щелкните кнопку Новый документ. В области справа появилось несколько полей. Вверху находится текстовое е поле под названием Текст, щелкните в нем. Введем например слово «Глоссарий». Ниже поле Нового документа, щелкните в этом текстовом поле. Здесь нужно ввести имя латинскими буквами, пусть это будет Glossary. Ниже указан путь к файлу, который сейчас создается, но будет сохранен в папке Training. Путь можно изменить если щелкнуть кнопку Изменить справа. В этом случае на экран выводится окно Создать документ и в нем список папок. По умолчанию открыта папка, в которой мы создаем свои файлы , то есть веб-узел Training. Файл Glossary будет создан на том же уровне что и остальные документы веб-узла. Я оставлю все без изменений, нажму кнопку Отмена. Справа от текстового поля Текст находится кнопка Подсказка, нажмите ее. Появилось диалоговое окно Подсказка для гиперссылки. Введем текст подсказки в поле, например «Ссылка на глоссарий» , ошибку надо исправить здесь. Нажмите кнопку Ok. Подсказка, которую я ввел в окне Добавление гиперссылки, никак не отображается, но если еще раз нажать кнопку Подсказка, то мы эту подсказку увидим снова в диалоговом окне Подсказка для гиперссылки. Нажмите кнопку Отмена. Ниже находится группа Когда вносить правку в новый документ. Здесь два переключателя Позже и Сейчас. Переключатель Сейчас уже выбран, так и оставим, нажмите кнопку Ok. Новый файл создан и открыт и имя у него Glossary, расширение htm. Файл Index При этом изменился на что указывает звездочка после имени файла. Щелкните вкладку этого файла. На странице ссылка появилась и называется она Глоссарий. Для того чтобы перейти по этой гиперссылке в представление Конструктор, нужно нажать клавишу Ctrl, указатель превращается в руку, и теперь при нажатой клавише Ctrl можно щелкнуть гиперссылку. Таким образом, мы перешли на файл Glossary. Вернитесь на вкладку Index. Щелкните дважды слово «Глоссарий», удалите это слово нажатием клавиши Delete. Таким образом, мы удалили гиперссылку, но файл Glossary остался. Вернитесь на вкладку Index. Нажмите на панели инструментов кнопку Добавление гиперссылки. На
Глава 6. Гиперссылки
131
экран снова выведено диалоговое окно Добавление гиперссылки, и курсор находится в поле Имя нового документа. Напишем здесь слово «Glossary», затем знак подчеркивания и цифру 1. Текст Glossary_1 автоматически появился в поле Текст, удалите его, при этом имя нового документа не удалилось. Подсказку писать не будем, поскольку документ Glossary_1 я все равно потом буду удалять. Нажмите кнопку Ok. Файл Glossary_1 создан и документ этот открыт, щелкните вкладку Index. Здесь никакой ссылки на файл Glossary_1 нет. Для того чтобы она была, опять нажмите на панели инструментов кнопку Добавление гиперссылки. На этот раз на панели слева нужно выбрать Файл, веб-страницей, эту кнопку и выбрать файл Glossary_1 в списке. Затем нажмите кнопку Ok в этом окне. Программа ввела на страницу Index текст, который сама и предложила Новая страница_0. Для перехода по этой гиперссылке можно нажать клавишу Ctrl, навести указатель на ссылку и щелкнуть. Открылся документ Glossary_1, закройте его. Сохраните изменения в файле Index, закройте его тоже и файл Glossary тоже можно закрыть. Теперь в списке папок и файлов веб-узла выделите Glossary_1 и удалите его. Подтвердите удаление в окне Подтверждение удаления. Файл удален. Теперь откроем файл Index. Щелкните между ползунком и нежней кнопкой на полосе прокрутки. Нажмите клавишу Ctrl и щелкните ссылку. Программа вывела на экран диалоговое окно: «Ошибка сервера, на этом веб-узле нет файла с URL адресом Glossary_1.htm», нажмите Ok. Не работающие гиперссылки следуют удалять самостоятельно. Выделите эту гиперссылку и удалите ее нажатием клавиши Delete. Сохраните изменения. Для того чтобы создать гиперссылку с помощью уже введенного текста на странице, выделите этот текст. Например, слова «Смотрите продолжение… » вместе с многоточием после них, я выделил этот текст с помощью нажатой клавиши Shift. Затем нажмите на панели инструментов кнопку Добавление гиперссылки. На экран выведено окно Добавление гиперссылки. Связывать этот текст мы будем с уже имеющейся страницей, то есть соответствующая кнопка уже нажата. Выберите файл, это файл Glossary. Текст гиперссылки уже введено в поле наверху, это «Смотрите продолжение… » с многоточием. Напишем подсказку, нажмите кнопку справа от текстового поля. Напишем следующий текст, «ссылка на словарик». Для подтверждения нажмите кнопку Ok. В окне Добавление гиперссылки тоже нажмите кнопку Ok. Щелкните после выделенного текста. Ссылка создана. Перейдите в режим Просмотр. Прокрутите страницу, щелкнув между нижней кнопкой на полосе прокрутки и ползунком. В представлении Просмотр не нужно нажимать клавишу Ctrl, чтобы перейти по гиперссылке, просто наведите на нее указатель мыши и щелкните. Страница Glossary не имеет никакого содержания, поэтому мы не видим никакого текста. Для того чтобы увидеть ту страницу которая обозначена на вкладке на самом деле, Index, нажмите кнопку Обновить на панели инструментов. Вернитесь в режим Конструктор. Перейдем по гиперссылке от сюда при нажатой клавиши Ctrl. Теперь файл Glossary открылся отдельно, как отдельная страница.
* * * 6.2. Создание закладки Файл Glossary следует отредактировать, прежде всего, изменим его название. Щелкните файл правой кнопкой мыши. В контекстном меню выберите команду Свойства. На экране появилось окно Свойства. На вкладке Общие имеется поле Название. Введите в нем вместо «Новая страница_0» слово «Словарик». Нажмите кнопку Применить, сразу же это название изменилось в представлении папок веб-узла. Нажмите кнопку Ok в диалоговом окне. Теперь откройте этот файл двойным щелчком мыши. Из файла Index нужно перенести сюда часть текста. Щелкните вкладку веб-узел и откройте файл Index. Перейдем в конец страницы с помощью нажатия сочетания клавиш Ctrl+End. Щелкните
132
TeachPro Microsoft FrontPage 2003 перед словом «словарик» и после слова «действительность». Скопируйте все это с помощью кнопки на панели инструментов. Перейдите на страницу Glossary. Сюда вставим скопированный текст, с помощью кнопки Вставить на панели инструментов. Слово «эго» и его определение я перенесу в конец текста. Для этого можно использовать перетаскивание. После слов «реальная действительность» поставьте курсор и нажмите клавишу Enter. Добавим сюда слово «тренер» например, нажмите Enter еще раз. Курсор переведен на следующую строку, где будет находиться определение термина. Напишем, например «ведущий», хотя это определение не научное. Расстояние между словом «ведущий» и словом «эго» слишком большое, нажмите клавишу Delete. Слово «тренер» я выделю полужирным. Таким же образом можно добавить в словари еще ряд слов, ряд терминов и их определений. Словарик я создал, весь он не помещается на экране, для его просмотра следует воспользоваться полосой прокрутки. Для быстрого перехода к определенному месту в длинном документе можно использовать закладки. Закладка это место, в документе отмеченное определенным образом и позволяющая быстро осуществлять переход к нужному месту. Щелкните нижнюю кнопку на полосе прокрутки. Для того чтобы иметь возможность быстро переходить к слову «интеллект» , щелкните перед ним. Здесь установлен курсор, откройте меню Вставка, в этом меню найдите команду Закладка. Щелкните ее. На экране появилось диалоговое окно Закладка, здесь имеется текстовое поле Имя закладки, в котором нужно ввести имя. Я введу Имя по-английски i«ntellect» , для тех, кто изучал французский, поясню, что это переводится на русский как «интеллект». Ниже мы видим поле Другие закладки на этой странице, это поле пустое закладок пока нет, посему недоступны кнопки справа Очистить и Перейти. Нажмите в диалоговом окне Закладка кнопку Ok. Перед словом «Интеллект» появился специальный значок, указывающий на закладку, на нем нарисован флажок. Переместите ползунок вверх. В таком положении слово «интеллект» мы уже не можем видеть. Для быстрого перехода к закладке в режиме Конструктор программы Front Page можно использовать то же самое диалоговое окно Закладка. Нажмите кнопку меню Вставка, выберите команду Закладка. Закладка Intellect появилась в списке Другие закладки на этой странице, справа активизировались кнопки Очистить и Перейти, после того как я щелкнул соответствующую строку. Нажмите кнопку Перейти для перехода к этой закладке в тексте. Слово «интеллект» появилось на экране, оно в самой нижней части страницы, вместе с закладкой находящейся слева от него. Для того чтобы убрать закладку можно так же использовать окно Закладка. Выберите закладку Intellect и щелкните кнопку Очистить. Закладка удалена, и окно исчезло автоматически. Для создания закладки можно не просто поставить курсор, в каком то месте текста, а выделить часть текста, например то же самое слово «Интеллект» . Я выделил его двойным щелчком мыши и теперь опять открою меню Вставка, в котором выберу строку Закладка. Появилось
Глава 6. Гиперссылки
133
диалоговое окно Закладка. Имя закладки здесь уже указано, это то слово, которое мы выделили –« Интеллект» , написано по-русски. Я ничего здесь менять не буду и просто нажму кнопку Ok. Когда мы создаем закладку для выделенного текста, значок закладки не появляется, зато под выделенным текстом появляется пунктирная линия, она и указывает на закладку. Вернитесь в начало этой страницы с помощью сочетания клавиш Ctrl+Home. Теперь попробуем выполнить переход к закладке. Для этого снова нужно открыть меню Вставка и щелкнуть команду Закладка. На экране окно появилось, выберите строку со словом Интеллект, нажмите кнопку Перейти. Слово Интеллект появилось на экране в нижней части страницы. Для того чтобы иметь возможность снять выделение с этого слова, нажмите кнопку Ok в окне Закладка и теперь щелкните слово «Интеллект». Перейдите в режим Просмотр. Попробуем перейти к закладке здесь, откройте меню Вставка. Как видите строка Закладка в этом режиме не доступна. Вернемся в режим Конструктор. Посмотрим можно ли переходить к закладке в веб-обозревателе. Откройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе и в списке обозревателей щелкните тот который вам нужен, например Microsoft Internet Explorer. На экране появилось окно: «Изменения не были сохранны, сохранить изменения и просмотреть текущую версию?», нажмите кнопку Да. Файл Glossary был сохранен с изменениями и затем открыт в окне программы Microsoft Internet Explorer. Среди инструментов этой программы, которые мы можем видеть в меню нет возможности для перехода к закладке. Как же тогда ее использовать? Об этом вы узнаете в следующем уроке.
* * * 6.3. Создание гиперссылки на закладку на текущей странице И так вас заинтересовал вопрос о том, как переходить в программе Microsoft Internet Explorer или в каком-нибудь другом веб-браузере к закладке. Сейчас этот браузер можно закрыть. Программа Microsoft Front Page попрежнему на экране. Щелкните после слова «словарик». Для перехода к закладке нужно создать гиперссылку. Например, напишем здесь слово «интеллект» , чтобы отделить его от терминов нажмите клавишу Enter. Изменим, стиль слова «интеллект», поставив курсор, на это слово откройте список Стиль. В место Определенный термин выберите строку Обычный. Теперь выделяем это слово двойным щелчком мыши. После того как слово выделено щелкните на панели инструментов кнопку Добавление гиперссылки. На экран выведено диалоговое окно Добавление гиперссылки. Сейчас слева выбрана кнопка Связать с файлом, веб-страницей, выберите кнопку Местом в документе. После нажатия указанной кнопки вверху мы видим строку Текст, в которой написано слово, которое мы выделили, это слово «интеллект». Ниже находится список который озаглавлен Выберите место в документе. Верхняя строка Закладки. В списке закладок пока только одна Интеллект, щелкните ее. С помощью кнопки Подсказка мы можем определить, какая будет всплывающая подсказка при наведении указателя мыши на гиперссылку. Напишите здесь, например «ссылка на слово интеллект» , после чего нажмите кнопку Ok. В окне Добавление гиперссылки так же нажмите Ok. Щелкните после слова «интеллект», оно теперь является гиперссылкой. Для переходя по гиперссылке нажмите клавишу Ctrl и, удерживая ее щелкните слово «интеллект» . Таким образом, мы перешли к закладке Интеллект и можем увидеть определение этого слова. Посмотрим, как все это будет выглядеть в представлении Просмотр. Щелкните слово «интеллект» уже не нажимая клавишу Ctrl. Программа сразу открыла ту часть страницы, в которой находится слово «интеллект» . Теперь посмотрим, как все это будет выглядеть в обозревателе. Откройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе, выберите первую строку. Изменения следует сохранить, для этого нажмите кнопку Да в
134
TeachPro Microsoft FrontPage 2003
появившемся окне. Сейчас на экране вы видите окно программы Microsoft Internet Explorer и вверху слово «интеллект» , которое является гиперссылкой, щелкните ее. Мы перешли к слову «интеллект» оно сейчас на экране. Таким же образом можно создать гиперссылки для всех остальных терминов. Закройте окно программы веб-обозревателя. В окне Front Page перейдите в режим Конструктор. Передвиньте ползунок вверх, и теперь я создам список слов, которые будут служить в качеству гиперссылок, и начну с «алкоголизма». Действия те же самые. Я выбираю слово двойным щелчком мыши, затем открываю окно Добавление гиперссылки, в котором определяю к какой закладке нужно выполнить переход. Поскольку только одна сейчас закладка Интеллект, предварительно нужно назначить закладки для всех терминов, поэтому нажмите кнопку Отмена здесь. Выделите слово «алкоголизм», откройте меню Вставка, выберите команду Закладка. Имя закладки программа ввела автоматически, это то слово, которое мы выделили «алкоголизм», нажмите кнопку Ok. Слово «алкоголизм» подчеркнуто, теперь можно сделать к нему гиперссылку. Выделяем верхнее слово и снова нажимаем кнопку на панели инструментов, где и выбираем соответствующую закладку. Можно ввести подсказку: «переход к термину алкоголизм», нажмите кнопку Ok. В окне Добавление гиперссылки тоже Ok. Вот и создана вторая гиперссылка на закладку. Перейдите в режим Просмотр и опробуйте эту гиперссылку. Слово появилось вверху. Подобным образом можно создать закладки для всех остальных терминов, а затем гиперссылки на них, что я сейчас и сделаю в режиме Конструктор. Список гиперссылок получился довольно длинным. Как его можно сжать? Щелкните перед словом «алкоголизм», затем перетащите, ползунок вниз найдите последнюю гиперссылку и при нажатой клавиши Shift щелкните после нее. Весь текст выделен. Теперь откройте меню Формат и выберите команду Абзац. На экран выведено диалоговое окно Абзац, которое позволит нам уменьшить расстояние между строк. В группе Интервал щелкните счетчик Перед, верхнюю кнопку. В счетчике появился 0. То же самое сделайте в строке После. Щелкните верхнюю кнопку счетчика, здесь тоже 0. между строк Одинарный интервал, нажмите кнопку Ok. Перетащите ползунок вверх. Теперь все эти слова выглядят компактно. Сохраните изменения и откройте страницу веб-обозревателя, это Internet Explorer. Веб-обозреватель открыт. Например, давайте посмотрим, как объясняется термин Диагноз, для этого щелкнем гиперссылку. Программа перенесла нас в ту часть страницы, где термин Диагноз имеется, и здесь мы можем прочитать определение этого слова. Для перехода назад, щелкните Назад на панели инструментов Explorer. Мы снова оказались в начале страницы. Закройте веб-обозреватель.
* * * 6.4. Создание гиперссылки на закладку в другом документе На одну и ту же закладку можно создать сколь угодно много ссылок. Щелкните на полосе прокрутки между нижней кнопкой и ползунком. Например, для термина Группа имеется объяснение, в котором есть слово «интеллектом», выделите это слово двойным щелком мыши. Нажмите на панели инструментов Стандартная кнопку Добавление гиперссылки. Среди закладок найдите слово Интеллект, выделите его, нажмите кнопку Ok. Это слово теперь будет служить в качестве гиперссылки. Перейдите в область Просмотр. Переместите вниз ползунок. К термину Интеллект можно будет переходить не только с помощью гиперссылки в списке наверху, но и в конкретном случае щелкнув слово «интеллектом» например. Щелкните его. Слово «интеллект» выведено на экран. Если бы после термина Эго были еще другие термины, то слово «интеллект» было бы выше, в том месте, где сейчас находится термин Влюбленность. Перейдите в начало страницы и щелкните слово «влюб-
Глава 6. Гиперссылки
135 ленность» в списке. Гиперссылка привела к появлению этого слова как термина на экране. Сохраните изменения. Можно создавать гиперссылки на закладки не только в текущем документе, но и в другом документе. Например, откройте документ Index, щелкните вкладку. Щелкните на полосе прокрутке. Здесь выделите двойным щелчком термин «эго» . Откройте окно Добавление гиперссылки. На экран выведено диалоговое окно Добавление гиперссылки и в нем сейчас выбрана кнопка Местом в документе. Щелкните кнопку Файлом, вебстраницей. Нам нужно направить эту ссылку на файл Glossary, который находится в этом веб-узле. Кроме того, нам нужно конкретно выбрать определенную закладку в этом файле, поэтому нажмите справа кнопку Закладка. На экране появилось диалоговое окно Выбор места в документе. Здесь перечислены закладки на указанной нами странице, выберите здесь закладку Эго. Кнопка Ok после этого стала активной, щелкните ее. В поле Адрес после имени файла Glossary.htm появилась закладка Эго. Нажмите кнопку Ok. Создана гиперссылка для ее проверки нажмите кнопку Просмотр. Перетащите ползунок вниз и щелкните ссылку Эго. Программа открыла в том же окне файл Glossary, при чем представила нам ту часть страницы, где находится закладка Эго. Выше этот текст просто не может быть, поскольку дальше текста нет. Нажмите кнопку Обновить на панели инструментов. Мы опять видим в этом окне файл Index. Подобным образом можно создать следующую гиперссылку здесь, потому что здесь так же имеется термин «жизнь». Выделите его двойным щелчком мыши. Для того чтобы создать гиперссылку нужно перейти в режим Конструктор, щелкните кнопку Конструктор внизу. Теперь можно выделить слово «жизнь» и создавать гиперссылку. Она тоже будет указывать на файл Glossary, его нужно выделить в списке в окне Добавление гиперссылки. После чего нажмите кнопку Закладка справа и выберите нужную закладку, это здесь так же слово «жизнь». Нажмите кнопку Ok. Адрес на закладку в файле Glossary так же указан в поле Адрес, нажмите Ok. Сохраните изменения в файле Index и перейдите к документу Glossary. Здесь можно задать подзаголовки разделов. Поскольку у нас сейчас здесь два основных раздела, первый это термины и второй их толкование. здесь Щелкните перед словом «алкоголизм», перейдите в режим Конструктор и затем перетащите ползунок вверх. Создадим подзаголовки двух разделов. Первый будет Термины, нажмите клавишу Enter. Верните курсор на предыдущую строку и здесь введите заголовок раздела – Термины. Назначьте этому слову стиль Заголовок 4. Затем щелкните после списка терминов и здесь напишите слово «толкование» . Назначьте этому слову стиль Заголовок 4, тоже. Для того чтобы сместить его влево на панели инструментов нажмите кнопку Уменьшить отступ. Для слов «термины» и «толкования» так же можно назначить закладки для того, чтобы потом можно было переходить к началу каждого из этих разделов. Для создания закладки можно использовать сочетание клавиш, которое указано в списке –
136
TeachPro Microsoft FrontPage 2003
Ctrl+G. Давайте сделаем это, щелкните сейчас за пределами списка. Выделите слово «термины» еще раз и нажмите сочетание клавиш Ctrl+G. Появилось диалоговое окно Закладка. Слово «термины,» которое мы выделили указано в текстовом поле. Нам остается нажать кнопку Ok. Таким же образом выделите слово «толкование». Нажмите сочетание клавиш для вызова окна Закладка и тоже нажмите кнопку Ok в этом окне. И так мы создали еще 2 закладки.
* * * 6.5. Создание гиперссылки на страницу в Интернете Прежде, чем закрывать файл Glossary, я напомню, как связать его с таблицей каскадных стилей. Сейчас он открыт. Откройте меню Формат и выберите команду Связи с таблицами стилей. Появилось окно Связать с таблицей. В нем установлен переключатель Выделенные страницы. Нажмите кнопку Добавить справа. В окне Выбор таблицы стилей выберите файл Capsule, затем нажмите кнопку Ok. В окне Связать с таблицей стилей тоже Ok. Внешний вид страницы Glossary изменился в соответствии с таблицей каскадных стилей. Теперь сохраните изменения и закройте эту страницу. Рассмотрим, как создавать гиперссылки на страницы, расположенные, на других узлах в Интернете. Откройте файл Index двойным щелчком, перейдем в конец этой страницы с помощью сочетания клавиш Ctrl+End. Щелкните перед словом «словарик», нажмите клавишу Enter. Здесь будет у нас гиперссылка на другой веб-узел. На панели инструментов нажмите кнопку Добавление гиперссылки. На панели адресов слева в окне Добавление гиперссылки должен быть выбран вариант Файлом, веб-страницей, так оно и есть сейчас. Правее от списка Папка имеется несколько кнопок, это кнопка На один уровень вверх, Интернет и Поиск файла. Нажмите кнопку Интернет. В результате открылся веб-обозреватель, используемый по умолчанию, в данном случае Microsoft Internet Explorer. С его помощью можно найти страницу в Интернете, которая нас интересует. Если вы уже знаете адрес страницы, то введите его в поле Адрес, если вам нужно найти какой-либо веб-узел используйте поисковую машину, например Yandex. Если подключение к Интернету уже установлено, то нажмите кнопку Переход. Загружается веб-станица Yandex. В строке поиска введите искомую фразу, например «Психологические клубы в России» и нажмите кнопку Найти. Среди результатов поиска выберите тот, который вас заинтересовал. Например, вот этот: «Комитет по делам молодежи Ставропольского края» , я его щелкну. Страница этого веб-узла открыта, нажмите сочетание клавиш Alt+Tab и откройте FrontPage. Адрес страницы, которую мы посетили, появился в поле Адрес, а название страницы в поле Текст на верху, это и будет текст гиперссылки, нажмите кнопку Ok. Гиперссылка создана и помещена на страницу Index, она будет находиться в новом разделе. Щелкните после слова «тренингов» и нажмите клавишу Enter. Раздел будет называться Серьезные организации. Назначим для этой строки свой стиль – Заголовок 3. Затем создадим ссылку в этом разделе, которая будет направлять пользователя на страницу, содержащую целый ряд подобных ссылок. Щелкните после слов «Будущее России», нажмите клавишу Enter. Здесь напишем слово «еще… » и многоточие. Теперь выделите это слово вместе с многоточием, нажав клавишу Shift и удерживая ее клавишу Home. Весь этот текст выделился, для него назначим гиперссылку. Появилось диалоговое окно Добавление гиперссылки. Поскольку документа для гиперссылок у нас не предусмотрено создадим новый документ для нового окна. На панели адресов щелкните кнопку Новым документом. Имя нового документа пусть будет Links, то есть «ссылки». В разделе Когда вносить правку в
Глава 6. Гиперссылки
137
новый документ щелкните Позже. Напишите подсказку, для этого нажмите кнопку Подсказка. В окне Подсказка для гиперссылки введем текст, например, «ссылки на другие веб-узлы», нажмите в этом окне кнопку Ok. В окне Добавление гиперссылки тоже щелкните Ok. Еще одна гиперссылка создана, но файл не открылся, хотя файл на который она ссылается, создан на веб-узле. Щелкните вкладку Веб-узел. Это файл Links, программа ввела самостоятельно его название – Новая страница 0. Изменим это, щелкнув файл правой кнопкой мыши, выберите команду Свойства. И в окне Название введем, например «различные организации», после чего следует нажать кнопку Ok. Изменения названия произошло. На вкладке Index имеется звездочка, что указывает на то, что файл не сохранен пока. Можно не открывать этот файл, а просто нажать кнопку меню Файл и в списке выбрать команду Сохранить все. Файл Index сохранен, звездочка исчезла.
* * * 6.6. Создание гиперссылки на электронный адрес. Эффекты Гиперссылка может указывать не только на вебузел, отдельную страницу веб-узла, но и на адрес электронной почты. Откройте, например страницу Index. Нажмите клавишу Enter для создания нового абзаца. Поскольку курсор стоял после слова «еще» , абзац создан после этого слова. Введем здесь заголовок раздела «контакты». Этот заголовок должен относиться к стилю 3, раскройте список стилей. Выберите Заголовок 3. Нажмите опять клавишу Enter. На новой строке у нас будет ссылка на адрес электронной почты. На панели инструментов Стандартная нажмите кнопку Добавление гиперссылки. Сразу же на экране появилось окно Добавление гиперссылки. Слева в этом окне нажмите кнопку Электронной почтой. Справа появились следующие поля: текстовое поле под название Текст, ниже поле Адрес электронной почты, в нем сейчас установлен курсор, далее Тема и Недавно использовавшиеся адреса электронной почты. Щелкните еще раз в поле Адрес электронной почты, курсор здесь находился по умолчанию. Сюда нужно ввести адрес электронной почты, который вы должны знать заранее. Адрес электронной почты всегда пишется латинскими буквами. Такой адрес я ввел, программа автоматически подставила впереди текст mail to – отправить по направлению к, затем стоит двоеточие, которое автоматически тоже вставлено программой и далее адрес, который ввел я. Одновременно программа сама скопировала текст, который я ввел, в поле Текст. В этом поле теперь вы можете изменить текст. Давайте удалим его с помощью клавиши Backspace. И введем другой текст, например фамилию и инициалы человека, адрес которого я указал в поле Адрес электронной почты. Ввожу фамилию, тему, если желаете тоже можно ввести сразу. Щелкните в поле Тема, например Переписка. Для данного адреса электронной почты можно назначить всплывающую подсказку. Щелкните кнопку Подсказка справа. Введем текст подсказки в диалоговом окне Подсказка для гиперссылки. Например, я напишу Email, то есть электронная почта. Теперь нажмите кнопку Ok в этом окне, в окне Добавление гиперссылки тоже нажмите Ok. После слова «контакты» в новом абзаце появилась фамилия Семенов и инициалы. Для того чтобы проверить работу этой гиперссылки нажмите кнопку Просмотр внизу, переместите вниз ползунок и наведите указатель мыши на гиперссылку указывающую на адрес электронной почты. Мы видим всплывающую подсказку E-mail, которую ввели тогда в окне, щелкните эту гиперссылку. После щелчка на этой гиперссылки запустилась почтовая программа, и мы видим новое сообщение, в котором уже введен адрес получателя и темы данного сообщения – Переписка. Такая тема теперь будет у всех сообщений, создаваемых посредством щелчка по гиперссылке Семенов. Остается ввести текст письма и
138
TeachPro Microsoft FrontPage 2003
отправить его адресату. Перейдите к представлению Конструктор. Нажмите клавишу Enter, создайте гиперссылку на новую страницу. В окне Добавление гиперссылки для этого щелкните кнопку Новым документом. Файл будет носить имя Emails. В поле Текст поставьте курсор и удалите Emails и введите слово «еще» , поставьте многоточие. Теперь нажмите на кнопку Подсказку справа. Сюда я введу дополнительный текст, который будет отображаться в виде всплывающей подсказки. Например, такой: «другие почтовые адреса» . В этом окне щелкните кнопку Ok. Чтобы иметь возможность позже править документ, а не сейчас нажмите переключатель Позже. Затем нажмите в этом окне кнопку Ok. Сохраните изменения. На веб-узле должен был появиться новый файл, проверьте это. Файл появился и имя у него Emails, название Новая страница 0. Это название мы сейчас изменим. В контекстном меню выберите команду Свойства. В окне Свойства на вкладку Общие щелкните в поле Название. Удалите название, предложенное программой, и введем свое название, например Почта. Нажмите кнопку Ok. Название изменилось. Мы можем назначить эффекты для всех гиперссылок на странице, щелкните вкладку Index. Затем щелкните страницу правой кнопкой мыши, в контекстном меню выберите команду Свойства страницы. Появилось диалоговое окно Свойства страницы, в нем выберите вкладку Дополнительно. На этой вкладке имеется такая группа опций как Стили. В этой группе выберите флажок Включить эффекты выделения гиперссылок. Флажок установлен, одновременно стала доступной кнопка Стиль выделения, нажмите ее. На экран выведено диалоговое окно Шрифт. Сейчас здесь уже назначен стиль выделения, в частности указан Цвет - Красный и Начертание – Полужирный. Отмените это действие. В окне Свойства страницы нажмите кнопку Ok. Перейдите к представлению Просмотр. В этом представлении переместите, ползунок вниз и наведите указатель мыши на какую-нибудь из гиперссылок, например Семенов. Гиперссылка при наведении на нее указателя мыши приобрела красный цвет, кроме того буквы так сказать «пожирнели», то есть они стали полужирными. Перейдите в режим Конструктор, щелкните страницу правой кнопкой мыши. Выберите команду Свойства страницы. В окне Свойства страницы выберите вкладку Дополнительно. На этой вкладке щелкните кнопку Стиль выделения. Изменим какую-нибудь настройку, например Начертание шрифта. Вместо Полужирный назначим обычный. Для этого на полосе прокрутки щелкните верхнюю кнопку и выберите строку Обычный. Теперь нажмите кнопку Ok в этом окне. И в окне Свойства страницы тоже Ok. Перейдите в режим Просмотр, щелкните на полосе прокрутки, наведите указатель мыши на ту же гиперссылку Семенов. Теперь она стала красной, но буквы не стали полужирными. Наведите на какую-нибудь другую гиперссылку, которая находится ниже, например Еще. Здесь то же самое, то есть настройка действует на все гиперссылки имеющиеся на странице.
* * * 6.7. Изменение цвета шрифта гиперссылок Мы можем задавать цвет шрифта гиперссылок, попробуем это сделать. Откройте, например файл Glossary – Словарик. Гиперссылки, которые здесь имеются, сейчас морковного цвета. Мы можем изменить цвет гиперссылок, но для этого сначала нужно отменить связь данной страницы с таблицей каскадных стилей. Закройте текущую страницу. Выделите все страницы htm веб-узле, для этого нужно щелкнуть первую и при нажатой клавише Shift последнюю. Все страницы выделены. Откройте меню Формат, выберите команду Связи с таблицами
Глава 6. Гиперссылки
139
стилей. Появилось окно Подтверждение обновления связей с таблицами стилей. Программа предупреждает, что в результате этой операции все ссылки на таблицы стилей выбранных страниц будут перезаписаны, продолжить? Давайте посмотрим какие страницы связаны с таблицей стилей, нажмите кнопку Отчет о связях с таблицами стилей. Веб-узел открылся в представлении Отчеты и здесь мы видим выбранные страницы. Связи с таблицами каскадных стилей имеются у файла Details, Glossary, я щелкну его при нажатой клавише Ctrl, Index, Money и файл Trainers. Выбрав данные страницы, я еще раз выбираю меню Формат и выбираю команду Связи с таблицами стилей. На этот раз появилось диалоговое окно Связать с таблицей стилей. Я уже выделил те страницы, которые с таблицами каскадных стилей связаны, поэтому оставляю переключатель Выделенные страницы. Затем выберу файл Capsule, это файл таблицы каскадных стилей и удалю его, нажмите кнопку Удалить справа. После чего в этом окне щелкните Ok. Связи всех выделенных страниц с таблицами стилей удалены. Вернемся в представление Папки. Сам файл Capsule физически с веб-узла не удален, мы удалили только связи с ним. Откройте файл Glossary. Без использования таблицы каскадных стилей цветовая гамма этой страницы выглядит по-другому. Откроем эту страницу в вебобозревателе. Ссылки как вы видели вообще-то синего цвета, но когда по ним уже переходили, они становятся фиолетового цвета, как на этой странице. Закройте веб-обозреватель. Ту же картину мы увидим, если щелкнем представление Просмотр. Ссылки, по которым осуществлялся уже переход здесь фиолетового цвета. Для того чтобы изменить цвет шрифта гиперссылок вернитесь в режим Конструктор, щелкните страницу правой кнопкой мыши. В контекстном меню выберите команду Свойства страницы. На экран выведено диалоговое окно Свойство страницы и открыто оно на вкладке Общие. Щелкните вкладку Форматирование. На этой вкладке имеется группа Цвета. Изменим, цвет шрифта гиперссылки и гиперссылки, по которой переход уже осуществлялся. Щелкните в списке Гиперссылка на кнопке со стрелкой. Появился список цветов. Верхний это список Стандартные цвета. Сейчас для гиперссылок используется синий цвет, поэтому выберем какой-нибудь другой, например темно-зеленый. После щелчка мыши этот цвет отображается в поле Гиперссылка. Просмотренная ссылка, раскройте этот список. Для ссылки, по которой переход уже осуществлялся, выберем например красный цвет, он есть в группе другие цвета. Выполнив эти настройки, нажмите кнопку Ok. Окно Свойства страницы закрыто. Одновременно цвет всех гиперссылок изменился, нажмите кнопку Просмотр. Щелкните, например гиперссылку Влюбленность, которая сейчас зеленого цвета. Мы перешли по гиперссылке. Гиперссылка переход, по которой был произведен красного цвета. Перейдите в режим Конструктор. Щелкните страницу правой кнопкой еще раз. Выберите команду Свойства страницы, Форматирование. На этой вкладке в группе Цвета, вернемся к настройкам, которые используются по умолчанию. Гиперссылка, выберите опцию Авто, Просмотрена ссылка, такую же опцию выберем, затем нажмите кнопку Ok. Цвет гиперссылок снова стал синим как и прежде.
* * *
140
TeachPro Microsoft FrontPage 2003
Глава 7. Панели переходов и объявления. Проверка гиперссылок 7.1. Создание общих границ на основе переходов Общие границы – это средство, позволяющее добавить средства навигации на все страницы вашего веб-узла. Команда Общие границы находится в меню Формат. Откройте это меню. Вы видите, что команда Общие границы сейчас недоступна. Для того, чтобы сделать ее доступной, щелкните за пределами этого меню, затем раскройте меню Сервис. В этом меню выберите строку Параметры страницы. Появилось диалоговое окно Параметры страницы. В этом окне выберите вкладку Разработка. У меня она уже выбрана. На этой вкладке установите флажок Общие границы. Затем подтвердите это изменение нажатием кнопки OK. Теперь нажмите кнопку меню Формат, раскройте это меню полностью и щелкните команду Общие границы, которая теперь стала доступной. На экран выведено окно Общие границы. Здесь имеется группа опций Применить. Сейчас выбран переключатель Ко всем страницам. Ниже находится переключатель к выбранным страницам, но он в данный момент недоступен. Чтобы он был доступен, нужно было выбрать некоторые страницы веб-узла. Давайте это сделаем. Нажмите кнопку Отмена в окне Общие границы. Выберите, например, файл index и все нижние файлы, включая trainers. Я сделал это при нажатой клавише Shift. Теперь опять раскройте меню Формат. В этом меню выберите команду Общие границы. Снова мы видим на экране диалоговое окно Общие границы. Переключатель К выбранным страницам стал доступен, но выбран сейчас Ко всем страницам. Если вы хотите добавить общие границы только к выбранным, щелкните нижний переключатель. Я хочу сделать так, чтобы все страницы моего веб-узла выглядели одинаково, поэтому выбираю переключатель Ко всем страницам. Под двумя переключателями, о которых я уже сказал, находится эскиз страницы, и справа от него – несколько опций. Сверху, Слева, Справа и Снизу. Выбирая их, можем определять, где будут общие границы. Поставьте флажок Сверху, например. При выборе флажка Сверху становится доступной опция Включить кнопки переходов. Сейчас мы ее ставить не будем. Установите флажок слева. Здесь также становится доступной опция Включить кнопки переходов. При установке флажков на эскизе появляется пунктирная линия, указывающая, где будет находиться общая граница. Нажмите кнопку OK. Диалоговое окно исчезло с экрана, а в списке файлов и папок веб-узла появилась папка borders. То есть границы. Откроем какойнибудь файл, чтобы посмотреть, произошли ли изменения с ним. Например, Index. Файл действительно изменился. Сверху и слева появились границы, и в них – текст: Примечание: Эта граница появляется на всех страницах веб-узла. Замените этот текст своим. Для того, чтобы заменить этот
Глава 7. Панели переходов и объявления. Проверка гиперссылок
141
текст, наведите на него указатель мыши. Указатель превращается в значок, на котором изображено нечто прямоугольное, и сверху – рука с указующим перстом. Щелкните текст, появившийся на границе. Весь этот текст выделился. Для того, чтобы заменить его, просто начните вписывать свой текст. Сейчас я напишу, например, Общая граница. Когда я начал писать, текст исчез, который ввела программа, и появился мой текст. После того, как общие границы уже созданы, их можно изменить. Раскройте меню Формат и щелкните команду Общие границы. Мы снова видим диалоговое окно Общие границы. Давайте также установим флажки Включить кнопки переходов под флажком Сверху и под флажком Слева. В образце показано, как будет примерно выглядеть страница с этими опциями. Нажмите кнопку OK. На экран выведено окно, в котором сказано, что при изменении параметров верхней или левой общей границы будет перезаписано любое содержимое, добавленное в эти страницы. Нажмите кнопку Да. Текст в верхней и левой границе действительно изменился. Вверху проявилось имя файла – index.htm. Ниже – совет: Измените свойства этой панели для отображения на ней гиперссылок. Такой же совет имеется в левой границе. Для того, чтобы на этой панели автоматически появлялись гиперссылки, нужно сначала настроить структуру переходов веб-узла. Перейдите на вкладку Веб-узел. Выберите представление Переходы. Переходы, как видите, мы еще не определили. Поэтому раскройте меню Вид и выберите строку Список папок. Выделите файлы слева, которые необходимо включить в структуру переходов. Это такие, как details, emails, glossary и т.д. до конца. Я выбрал их при нажатой клавише Shift. Поскольку файл index уже есть в структуре, щелкните его при нажатой клавишу Ctrl. Все остальные можно перетащить в область Переходы. Все эти файлы соединены с файлом index, который является родительским по отношению к ним. Чтобы увидеть их все, можно пользоваться полосой прокрутки снизу или уменьшить масштаб отображения. Для этого в правом верхнем углу окна переходов раскройте список Масштаб. Выберите, например, строку 75%. Теперь мы видим все страницы, включенные в веб-узел.
* * * 7.2. Изменение общих границ Вернитесь к файлу index, который сейчас открыт. В левой области общей границы автоматически появились гиперссылки. Они указывают на те страницы, которые были включены в структуру переходов и связаны с файлом index. При этом текст, который был здесь указан, исчез. Он звучал так: Измените свойства этой панели для отображения на ней гиперссылок. Но тот же текст остался в верхней общей границе, и никаких гиперссылок здесь нет. В чем же дело? Наведите указатель мыши на гиперссылки слева. Мы опять видим значок с рукой и указующим перстом. Щелкните дважды. На экран выведено окно Свойства панели ссылок. Здесь имеется две вкладки – Общие, которая сейчас открыта, и Стиль. Вернитесь ко вкладке Общие. Группа опций здесь называется Добавляемые ссылки. Внизу имеется эскиз, показывающий на связи между страницами веб-узла и на то, какие гиперссылки будут отображаться. Домашняя страница обозначена значком. Справа имеется несколько переключателей. Это – Уровни гиперссылок. Сейчас выбран переключатель Дочерний уровень. Передвиньте это окно вправо. Ссылки, которые мы видим на странице, такие, как Специфика клуба, Почта и т.д., являются дочерними по отношению к файлу index. Так мы определили в структуре переходов. Поэтому и выбран переключатель Дочерний уровень. Внизу объясняется значение значков, которые приведены в образце. Это – страницы размещения панели ссылок. Это – связанные с панелью ссылок страницы. Далее – домашняя страница. И последнее –
142
TeachPro Microsoft FrontPage 2003 Другие страницы. Выберите среди переключателей какой-нибудь другой, например, Дочерние страницы домашней. Это будет более правильно, поскольку страница index – домашняя в нашем случае. Нажмите кнопку OK. Список гиперссылок не изменился, изменилось только их представление. Появились квадратные скобки. Щелкните дважды этот список. Мы снова видим окно Свойства панели ссылок. Щелкните вкладку Стиль. Здесь указан список стилей, которые можно выбирать. Сейчас выбран стиль, в котором каждая ссылка заключается в скобки. Мы можем выбрать другой стиль. Например, предыдущий. Стиль, в котором ссылки разделяются знаком вертикальной черты. Нажмите кнопку OK. Здесь разделения нет, поскольку ссылки расположены по вертикали. Оставим их в таком виде пока. Щелкните дважды в верхней границе на тексте. Мы снова видим окно Свойства панели ссылок, но на этот раз уровень выбран другой. Это – переключатель тот же уровень. Напоминаю, что страница index- домашняя, и на том же уровне других страниц нет, потому что домашняя страница веб-узла может быть только одна. Поэтому в верхней области не отображаются гиперссылки. Выберите здесь также переключатель Дочерние страницы домашней и нажмите кнопку OK. В верхней общей границе появился набор гиперссылок. Повторяю, что программа ввела их автоматически на основе структуры переходов, которую мы создали ранее. Несмотря на то, что мы указали дочерние страницы, среди них появилась и гиперссылка на домашнюю. Почему это произошло? Щелкните дважды гиперссылки. Как видите, здесь выбран переключатель Дочерние страницы домашней. Но справа еще имеется группа Дополнительно, и в этой дополнительной группе установлено два флажка – Домашняя страница и Родительская страница. Это – не одно и то же. Родительская страница – это страница, находящаяся на один уровень выше, с которой связана текущая страница. А домашняя страница – это верхняя страница сайта по уровню, т.е. страница index. Хотя в нашем случае так совпало, что домашняя и родительская – практически одно и то же. У нас всего два уровня – файл index – это верхний уровень, и все остальные страницы – это более низкий уровень. Нажмите кнопку OK в окне Свойства панели ссылок. Попробуем перейти по какой-либо гиперссылке, например, Словарик. Наведите на это слово указатель мыши. Для перехода по гиперссылке нажмите Ctrl и щелкните это слово. Файл glossary открылся. Здесь автоматически также имеются верхняя общая граница и левая. При этом файл, который сейчас открыт, в списке ссылок указан другим цветом. Перейти по нему невозможно, даже если нажимать клавишу Ctrl. Потому что эта страница уже открыта. А вот страница Домашняя стала доступна. Наведите на нее указатель мыши. Нажмите Ctrl и щелкните эту гиперссылку. Таким образом, мы перешли к файлу index снова. Щелкните вкладку файла glossary. Ссылки на странице glossary также заключены в квадратные скобки. Щелкните дважды эти ссылки. Выберите вкладку Стиль. В окне Свойства панели ссылок открыта вкладка Стиль, и здесь мы
Глава 7. Панели переходов и объявления. Проверка гиперссылок
143
видим различные стили. Давайте выберем какойлибо из них. Например, тот из них, при котором гиперссылки разделены вертикальной чертой. Внизу указана ориентация и внешний вид гиперссылок по горизонтали или по вертикали. В образце показано, как изменяется вид гиперссылок. Оставим переключатель По горизонтали выбранным. Нажмите OK. Теперь гиперссылки разделены вертикальной чертой. Над гиперссылками в левой области границы имеется слово словарик. Оно введено сюда автоматически программой. При создании общей верхней границы программа вводит сюда название файла – не имя файла, а именно название. Выберите его двойным щелчком мыши. Появилось диалоговое окно Свойство объявления на странице. Здесь перечислены такие два свойства, как рисунок и текст. Сейчас выбран переключатель Рисунок, а мы выберем Текст. Внизу находится текст объявления – словарик. Программа сама ввела его сюда, взяв название этого файла. Теперь нажмите кнопку OK. Внешний вид страницы никак не изменился. Еще раз выберите словарик двойным щелчком мыши. Текст объявления можно изменить. Фактически объявление – это заголовок страницы Вы можете ввести заголовок такой, какой пожелаете. Например, «список терминов» . « Словарик» удаляем, а «список терминов» пишем. Нажмите кнопку OK. Текст соответственно изменился.
* * * 7.3. Добавление панели ссылок на основе структуры переходов Общие границы, как я уже сказал, создаются для всех страниц веб-узла. В этом можно убедиться, открыв поочередно такие страницы. Щелкните details, например. Дважды. Эта страница открыта. Вверху мы видим объявление, т.е. заголовок страницы, - Специфика клуба. Ниже находится панель переходов, которая содержит гиперссылки на другие страницы. В том числе, здесь указана страница Специфика клуба, но она недоступна, поскольку эта страница сейчас открыта. Панель переходов находится и слева, в общей границе. Здесь также имеются все те страницы, которые перечислены выше, кроме домашней. Страница Специфика клуба недоступна и здесь. Откройте в области Список папок страницу emails. Название этой страницы автоматически стало заголовком или, как говорится, объявлением. Общие границы те же – верхняя и левая. Такие же общие границы вы найдете и на других страницах веб-узла, например, links, money и trainers. Обратите внимание на то, что когда открыто столько страниц, что их вкладки не помещаются на экране, одна из вкладок становится как бы разорванной, и справа появляются стрелки, позволяющие перемещать эти вкладки вправо или влево. Сейчас доступна стрелка, указывающая вправо. Щелкните ее. Когда мы переместили вкладки вправо, становится доступной, наоборот, левая кнопка – Прокрутить влево. Щелкните. Выберите, например, вкладку links. Очень часто на веб-узлах панели гиперссылок бывают не только сверху и слева, но и снизу. Для того, чтобы одновременно добавить такую панель сразу на все страницы, откройте меню Формат и выберите команду Общие границы. Мы снова видим диалоговое окно Общие границы, с которым уже работали. Щелкните флажок Снизу. Программа показала, что снизу появляется общая граница. Флажка Включить кнопки переходов для этого флажка нет. Внизу имеется кнопка Свойства границы. Посмотрим, что она позволяет делать. При нажатии этой кнопки появляется диалоговое окно Свойства границы. Вверху – список Граница. Здесь показаны те границы, которые уже выбраны – Сверху, Слева и Снизу. Щелкните Снизу. Далее идет группа опций Фон. Фон мы можем определить для той границы, которая выбрана в списке Граница. Установите флажок Цвет. При этом становится доступным список, находящийся
144
TeachPro Microsoft FrontPage 2003 правее. Раскройте его. Сейчас выбрано Авто – эта опция. Ниже имеются стандартные цвета – все те 16 цветов, которые мы уже видели не раз. Ниже – Другие цвета, где выбран красный. И еще ниже – ссылка Другие цвета. При нажатии этой кнопки появляется диалоговое окно Другие цвета, с которым мы также знакомы. Нажмите кнопку Отмена. В качестве фона можно использовать рисунок. Щелкните флажок. Здесь можно ввести в текстовом поле путь к рисунку и задать его имя либо выбрать его на жестком диске своего компьютера. Для этого нажмите кнопку Обзор. Поиск можно выполнять на жестком диске, но только в текущей папке именно на том узле, где вы сейчас работаете. Я не буду искать здесь никаких изображений, нажму здесь кнопку Отмена. Выберите цвет в списке. Например, серый. Светло-серый цвет. Нажмите кнопку OK. В окне Общие границы тоже нажмите OK. На странице links появилась общая граница. Внизу. Здесь имеется примечание – Смежная нижняя граница. Щелкните другую вкладку, например, money. Переместите вниз ползунок с помощью кнопки. Такая же граница появилась в файле money. Щелкните trainers. Переместите ползунок вниз. И здесь есть эта граница. Щелкните glossary. Перетащим вниз ползунок. Мы видим и здесь общую границу. Одним словом, граница появляется на всех страницах веб-узла. Вернитесь на вкладку links. Мы можем и в эту границу добавить панель ссылок, основанную на структуре переходов. Но это уже нужно сделать, так сказать, вручную. Откройте меню Вставка, выберите команду Панель ссылок. На экран выведено окно Вставка компонента веб-узла. Сейчас. Выбрана строка Панели ссылок в списке Тип компонента. Справа указано, какие бывают панели ссылок. Панель с пользовательскими ссылками, Панель со ссылками назад и вперед, Панель, основанная на структуре переходов. Выбрав эту строку, нажмите на кнопку Далее. Появляется новое окно Вставка компонента вебузла, в котором перечислены стили панелей, которые мы можем применить. Выберем панель, в которой имеются вертикальные линии в качестве разделителей. Щелкните этот стиль. Нажмите кнопку Далее. В следующем окне Вставка компонента веб-узла показаны панели, на которых ссылки расположены горизонтально и вертикально. Выберем горизонтальное расположение. Кнопка Далее стала недоступной, поскольку это – последнее окно. Нажмите кнопку Готово. В ответ программа автоматически вывела на экран диалоговое окно Свойства панели ссылок. Кроме того, она автоматически выбрала переключатель Дочерний уровень. В группе Дополнительно флажки не установлены. Для того, чтобы иметь возможность перейти на домашнюю страницу, установите этот флажок. Соответствующая ссылка будет добавлена на панель ссылок. Выберите вкладку Стиль. Как видите, здесь показан выбор, который мы произвели. Это – ссылки, разделенные знаками вертикальной черты. Выполнив такие настройки, нажимаем OK. Дочернего уровня у страницы links нет, поэтому внизу появилась только одна гиперссылка – Домашняя. Ее мы выбрали явно среди
Глава 7. Панели переходов и объявления. Проверка гиперссылок
145
Дополнительных. Щелкните дважды эту гиперссылку. Мы снова видим окно Свойства панели ссылок. Вместо дочернего уровня мы должны выбрать тот уровень, на котором находятся и другие гиперссылки. А фактически они находятся на одном уровне со страницей links. Выберите тот же уровень. Нажмите кнопку OK. Программа добавила еще ряд ссылок на панель. При этом ссылка Различные организации недоступна, поскольку эта страница сейчас и открыта. Примечание можно и удалить. Щелкнув его, нажмите клавишу Delete на клавиатуре. На других веб-страницах того же уровня назначена такая же панель ссылок, в чем можно убедиться, щелкнув соответствующие вкладки, например, money. Вы видите такую панель. Trainers – здесь тоже такая же точно панель. Еще мы здесь должны назначить левую панель с гиперссылками. Щелкните дважды эту панель. Выберите переключатель Тот же уровень. И нажмите OK. Панель ссылок появилась на странице. Перейдите на страницу links. И здесь появилась эта же панель. details. И здесь панель имеется.
* * * 7.4. Изменение панели ссылок К существующей панели ссылок, основанной на структуре переходов, можно добавить гиперссылку на внешнюю страницу, не принадлежащую веб-узлу. Для этого откройте представление Переходы. Это можно сделать в области Список папок, например. И щелкните правой кнопкой мыши соответствующий файл. Например, Различные организации. В контекстном меню выберите команду Добавить существующую страницу. На экран выведено диалоговое окно Добавление гиперссылки. В этом окне следует нажать кнопку Файлом, веб-страницей. Она уже нажата. И ввести внешнюю веб-страницу. Если она находится в Интернете, можно для этого использовать кнопку Интернет. Если эта страница уже просматривалась вами, то она может находиться в списке Адрес внизу. Здесь она имеется – www.microsoft.com. Выбрав эту страницу или какуюто другую, нажмите кнопку OK. Новая страница появилась в представлении Переходы. Она связана со страницей Различные организации. Щелкните правой кнопкой мыши в области Переходов. В контекстном меню выберите строку Применить изменения. Закроем открытые страницы. На экран выводится окно: Сохранить изменения указанного файла? Нажмите кнопку Да. Я закрою и остальные страницы. В области переходов веб-узла появилась новая страница. Здесь мы видим, что страница Microsoft является дочерней по отношению к странице Различные организации. Откройте файл links в области Список папок. Как видно, на панели ссылок страница Microsoft не появилась. Щелкните эту панель дважды. На экран выведено окно Свойства панели ссылок. На вкладке Общие выбран переключатель Тот же уровень. Для того, чтобы увидеть страницу Microsoft на панели ссылок, нужно выбрать Дочерний уровень, а не тот же. Выбрав этот уровень, нажмите кнопку OK. На панели осталось 2 ссылки – Домашняя – она была выбрана явно – и страница Microsoft. Если вы хотите, чтобы страница Microsoft отображалось наряду с остальными страницами веб-узла на этой панели ссылок, вернитесь к панели Переходы. Щелкните вкладку Веб-узел и сделайте так, чтобы страница Microsoft была в одном ряду с остальными страницами. Ее нужно просто перетащить вверх и отпустить. Перейдите на вкладку страницы links. Ссылка на веб-узел Microsoft исчезла из панели ссылок. В то же время, она появилась на других панелях ссылок – в верхней и в левой. Выберите двойным щелчком панели ссылок слева. Открылось окно Свойства панели ссылок. Дело в том, что в этом окне выбран тот же уровень. Данный переключатель позволяет показывать все ссылки, находящиеся на одном уровне. Нажмите кнопку OK.
146
TeachPro Microsoft FrontPage 2003
Для того, чтобы исключить данную страницу из панели ссылок, нужно перейти в область переходов и щелкнуть конкретную страницу правой кнопкой мыши. Я выбрал Microsoft. Появляется контекстное меню, в котором имеется строка Включено в панели ссылок. Щелкните эту строку. Тем самым мы исключили эту строку из панели. Нажмите правую кнопку мыши на Microsoft еще раз. Как видите, теперь значок Включено в панели ссылок не нажат. Сохраните изменения в файле links. Microsoft – точнее, ссылка на Microsoft - исчезла из панели ссылок. И слева, и вверху. Перейдите на вкладу Веб-узел. Исключенная из панелей ссылок страница закрашена серым цветом. Таким же образом можно исключить и любую другую. Например, страницу Почта. Щелкните ее здесь правой кнопкой мыши и нажмите команду Включено в панели ссылок. Эта страница также окрасилась в серый цвет. Откройте ее с помощью области Список папок. Это – страница e-mails. Ссылки на страницу Почта здесь нет. Щелкните в области переходов страницу Почта правой кнопкой мыши и нажмите команду Включено на панели ссылок. Тем самым мы ее включили. Сохраните изменения этого файла. Страница Почта появилась в списке ссылок.
* * * 7.5. Создание пользовательской панели ссылок Кроме добавления панели ссылок, основанной на структуре переходов, можно добавлять пользовательскую панель ссылок. Откройте, например, файл money. Поместите курсор в том месте, где должна быть пользовательская панель ссылок. Я установлю курсор в конце текст и нажму клавишу Enter. И еще раз Enter. Затем нажму клавишу стрелка Вверх, и в этом случае между курсором и панелью ссылок, созданной на основе структуры переходов, получился пробел. Итак, новая панель ссылок будет там, где сейчас находится курсор. Откройте меню Вставка, выберите строку Панель ссылок. Появилось диалоговое окно Вставка компонента веб-узла. В списке компонента уже выбрана строка – Панели ссылок. Тип панели указывается справа. Мы можем выбрать панель с пользовательскими ссылками здесь, точнее, она уже и выбрана. Остается нажать на кнопку далее внизу. В окне Вставка компонента веб-узла появились стили панели. Сейчас здесь выбрана опция Использовать тему страницы. У нас никакая тема не применяется к страницам пока что. Поэтому прокрутим список вниз и выберем вот этот стиль, например, в котором ссылки разделяются знаками вертикальной черты. Нажмите кнопку Далее. Ориентация панели ссылок – Горизонтальная или Вертикальная. Выбираем Горизонтальную. И нажимаем кнопку Готово. Теперь мы видим окно Создание панели ссылок, в котором мы видим только одно текстовое поле под названием Имя. Имя панели программой уже предложено. Это Новая панель ссылок. Чтобы изменить его, нужно ввести свой текст. Например, Моя панель. Нажмите кнопку OK. В окне Свойства панели ссылок мы видим 2 вкладки – Общие и Стиль. И на вкладке Общие сейчас имеется список Существующие. Раскройте его. В списке только одна строка – Моя панель. Это именно то имя, которое мы только что ввели. Под этим списком выпадающим находится список Ссылки. Здесь сейчас ничего не выпадает и вообще ничего нет. Для того, чтобы что-то появилось, нужно нажать справа кнопку Добавить ссылку. Теперь появляется диалоговое окно Добавить на панель ссылок. При нажатой кнопке Файлом, вебстраницей в левой части этого окна, справа мы видим список папок и файлов, имеющихся на веб-узле. Веб-узел, как я надеюсь, вы помните, называется training. Для того, чтобы добавить в список какиелибо ссылки, нужно выбрать соответствующие файлы в списке. Я выберу, например, details, после чего нажму кнопку OK. Список Ссылки теперь преобразился. В нем появилась строка details.htm. При сильном желании мы ее можем сразу же удалить, нажав
Глава 7. Панели переходов и объявления. Проверка гиперссылок
147
кнопку Удалить ссылку, но я этого делать не буду. Я нажму кнопку добавить ссылку еще раз. Появилось опять окно Добавить на панель ссылок. Выбираю следующий файл, который меня интересует – emails. И опять нажимаю кнопку OK. Emails тоже появился в списке Ссылки. Таким же образом нужно добавить и все остальные ссылки, которые нужны. После добавления ссылок можно изменить любую из них, например, glossary. Для изменения нажмите кнопку Изменить ссылку. На экран выведено окно, которое так и называется. – Изменить ссылку. В этом окне можно, например, изменить текст ссылки. Вместо glossary.htm я, например, напишу Словарь. И нажму кнопку ОК. Строку со ссылкой можно перемещать вверх или вниз с помощью соответствующих кнопок справа. Вот я переместил вверх строку Словарь, еще вверх. Она оказалась в начале списка. Можно переместить ее и вниз нажатием кнопки Вниз. Кроме того, можно добавить на свою собственную панель, которая называется в данном случае Моя панель, еще и домашнюю страницу. А если веб-узел состоит из нескольких уровней, то можно добавить и родительскую страницу, т.е. ту, которая находится на 1 уровень выше и связана с соответствующей ссылкой. Снимите флажок Родительская страница. Подтвердите сделанные настройки нажатием кнопки OK в окне Свойства панели ссылок. В файле money, в том месте, где находился курсор, появилась панель ссылок. Кроме того, в области переходов мы видим новую панель, которая называется Моя панель. Я ее так сам назвал. Для сохранения всех изменений откройте меню Файл и выберите команду Сохранить все. Изменения сохранены. То, что добавилась в области переходов Моя панель, не означает, что добавились файлы. Щелкните внизу кнопку Список папок. Как видите, и файлы, и папки остались прежние на веб-узле. Щелкните справа вкладку Веб-узел. Нажмите в области Переходы правой кнопкой мыши. В контекстном меню наведите указатель мыши на строку Масштаб. Выберите вместо 75 процентов 50. Теперь мы видим одновременно обе панели переходов. И ту, которая создавалась автоматически, и ту, которая была создана нами вручную. Вернитесь к файлу money, щелкнув соответствующую вкладку.
* * * 7.6. Добавление гиперссылки на пользовательскую панель Пользовательская панель ссылок, которую мы создали в файле money, содержит те ссылки, которые мы определили, а также ссылку, которая имеет текст Добавление ссылки. Перейдите в режим Просмотр. Перетащите вниз ползунок. Строки Добавление ссылки здесь нет, т.е. она отображается в представлении Конструктор и служит исключительно для создания новых ссылок. Перейдите в режим Конструктор. Наведите указатель мыши на стрелку Добавление ссылки. Указатель превратился в руку. Щелкните эту ссылку. В экране появилось диалоговое окно Добавить на панель ссылок. Это же окно можно вызвать другим способом. Нажмите кнопку Отмена. Наведите указатель мыши на другие ссылки имеющиеся на панели. Мы видим значок и всплывающую подсказку. Для перехода по гиперссылке нажмите Ctrl и щелкните ее. Ctrl нажимать не будем. Просто наведите указатель на эти ссылки щелкните дважды. На экран выведено окно Свойства панелей ссылок. В этом окне имеется кнопка Добавить ссылку. Нажмите ее. Появилось то же самое окно Добавить на панель ссылок, которое мы недавно видели. Для того, чтобы создать на панели ссылок новую гиперссылку, вы можете выбрать ее в списке папок. Если эта ссылка находится в Интернете, можно нажать кнопку Интернет и когда появится окно программы Microsoft Internet Explorer, и будет установлено подключение к Интернету, найти нужную страницу. Сейчас я закрою это окно. Если вы уже посещали эту страницу, раскройте список Адрес и здесь найдите нужную страницу. Текст, который введен в текстовом поле наверху, можно изменить.
148
TeachPro Microsoft FrontPage 2003
Удалим первые несколько букв, Microsoft оставим, и удалим три последние буквы и точку. Вначале я напишу Сайт Microsoft. Затем нажмите ОК. В окне Свойства панели ссылок, на вкладке Общие, в списке Ссылки, появился новый пункт Сайт Microsoft. Изменить эту ссылку можно нажав кнопку Изменить ссылку и тогда появляется окно Изменить ссылку. Нажмите кнопку Отмена в нем. А в окне Свойства панели ссылок нажмите кнопку ОК. Гиперссылка сайт Microsoft появилось среди других ссылок на панели ссылок. Для того, чтобы изменить ее расположение, щелкните ее дважды и мы снова видим диалоговое окно Свойства панели ссылок. Предположим, вы хотите чтобы эта строка, эта ссылка находилась в списке последней. Для этого нажмите кнопку Вниз, еще раз, до тех пор, пока, она не окажется на нужном вам месте. И затем нажмите кнопку ОК. Изменение произведено. Ссылка Сайт Microsoft оказалась последней в списке. Добавление ссылки, не в счет. Нажмите кнопку Просмотр. Переходы по этой ссылке ни разу не осуществлялись, поэтому она синего цвета, в отличие, от остальных ссылок, которые имеют красный цвет. Вернитесь к представлению Конструктор. Для того, чтобы удалить какую-нибудь ссылку, дважды щелкните на панели ссылок, выберите ненужную вам ссылку, например, money – деньги, кому они вообще нужны? Нажмите кнопку Удалить ссылку. В списке она исчезла. Нажмите кнопку ОК. Для того, чтобы удалить домашнюю страницу из этой панели, опять дважды щелкните панель, и просто снимите флажок Домашняя страница, который находится справа. Для удаления еще какой-нибудь страницы, ее нужно выделить, и нажать кнопку Удалить ссылку. И того, должно остаться четыре ссылки на панели. Нажмите кнопку ОК. Если посчитать оставшиеся ссылки, то их, действительно четыре. Ссылка Добавление ссылки – не в счет. Надписи на панели ссылок можно изменить не только после двойного щелчка, но и в представлении Переходы. Щелкните вкладку веб-узел. Перейдите в представление Переходы здесь. Нас интересует пользовательская панель ссылок. Конкретно давайте изменим надпись на странице Сайт Microsoft. Для этого щелкните ее правой кнопкой мыши и в контекстном меню выберите команду Переименовать. Текст, находящийся на значке этой страницы, выделен, щелкните в нем. Внутри появился курсор. Мы можем удалить предыдущий текст, нажатием клавиши Backspace. Затем нажмите Enter. Вернитесь к странице money. Вы видите, что здесь надпись уже изменилась : просто Microsoft, а не Сайт Microsoft. Диалоговое окно Свойства панели ссылок, можно вызывать не только двойным щелчком на этой панели, но и щелкнув ее правой кнопкой мыши. В этом случае, появляется контекстное меню, в котором нужно выбрать команду Свойства Панель ссылок. Диалоговое окно Свойства панели ссылок появляется на экране. Нажмите в нем кнопку Отмена.
* * * 7.7. Создание панели ссылок Далее и назад Панель с пользовательскими ссылками мы добавили на страницу money и научились изменять ее. Появилась ли такая же панель на остальных страницах веб-узла. Откройте, например, страницу trainers – Наши ведущие. Опустите вниз ползунок с помощью кнопки. Как видите, здесь такой панели ссылок нет. Есть только ссылки, созданные на основе структуры переходов. Щелкните после последнего слова в тексте, нажмите клавишу Enter. У нас получился новый пункт маркированного списка. Чтобы его сделать немаркированным, нажмите на панели форматирования соответствующую кнопку. Теперь сюда вставим пользовательскую панель ссылок. Откройте меню Вставка, выберите команду
Глава 7. Панели переходов и объявления. Проверка гиперссылок
149
Панель ссылок. Появилось диалоговое окно Вставка компонента веб-узла. В нем уже выбран пункт Панели ссылок в списке Тип компонента. Типы панелей ссылок перечислены справа. Сейчас нас по-прежнему интересует панель с пользовательскими ссылками. Нажмите кнопку Далее. Программа предлагает выбрать стиль панели. Найдем нужный стиль. Выберите этот стиль. Нажмите кнопку Далее. Ориентация пусть остается горизонтальная. Нажмите Готово. На экране мы видим диалоговое окно Свойства панели ссылок. Мы можем либо выбрать существующую панель, это Моя панель, либо создать новую . нажмите кнопку Создать. Я напишу в окне Создание панели ссылок свой текст. Вместо слово Новая, напишу слово Вторая. Нажмите ОК. Добавим сюда ссылки. Для этого нажмите кнопку Добавить ссылку. В окне Добавить на панель ссылок выберите нужные файлы details, например. Нажмите ОК. Снова нажмите кнопку Добавить ссылку. Еще какойнибудь файл выберем, например, links. Нажмите ОК. И достаточно. В окне Свойства панели ссылок щелкните кнопку ОК. В том месте, где находился курсор, появилась Новая панель ссылок. Откройте еще какой-нибудь файл emails. Здесь тоже нет пользовательской панели ссылок. Установим курсор после фамилии. Нажмите клавишу Enter и для создания панели, проделаем те же действия. Открываем меню Вставка. Выбираем команду Панель ссылок. В окне Вставка компонента вебузла все оставляем так как есть. Нажмите кнопку Далее. Выбираем тему. Переходим далее. Ориентацию оставляем без изменений и нажимаем Готово. В диалоговом окне Свойства панели ссылок, которое сейчас появилось, откройте список Существующие. Теперь у нас две пользовательские панели, которые называются: Моя панель и Вторая панель ссылок. Можно вы брать любую из них, например, Моя панель. Нажмите кнопку ОК. В месте нахождения курсора появилась панель, в которой четыре гиперссылки. Для того, чтобы сохранить изменения во всех файлах, которые мы открывали, раскройте меню Файл и выберите кнопку Сохранить все. Звездочки на вкладках исчезли. Все эти документы сохранены. Кроме тех панелей, о которых уже было сказано, существуют панели, позволяющие переходить от одной страницы к другой. Откроем, например, файл details. Переведите ползунок вниз на полосе прокрутки. Поставьте курсор в конце текста и нажмите клавишу Enter. Здесь у нас будет новая панель. Нажмите кнопку меню Вставка. Выберите команду Панель ссылок. В диалоговом окне Вставка компонента веб-узла на этот раз мы выберем такой тип панели, как панель со ссылками назад и вперед. Такая панель позволяет переходить назад и вперед от одной страницы к другой внутри одного веб-узла. Нажмите кнопку Далее. Как и для других панелей, нам необходимо выбрать стиль этой панели. Ищем нужный стиль и выбираем его, после чего нажмите кнопку Далее. Выбираем ориентацию. Нажимаем кнопку Готово. На экран выведено диалоговое окно Свойства панели ссылок. Для создания панели ссылок с кнопками вперед и назад нажмите кнопку Создать.
150
TeachPro Microsoft FrontPage 2003
Появилось окно Создание панели ссылок. Введем имя, например. Вперед и назад. Нажмите кнопку OK. Поле ссылки, находящиеся внизу, пустое. Для добавления ссылки нажмите кнопку Добавить ссылку. В результате на экран выведено окно Добавить на панель ссылок. Выберем первый файл. Details, например. Нажмите кнопку OK. Снова нажимаем кнопку Добавить ссылку. Выбираем следующий файл и т.л. На странице эти ссылки отображаться не будут, но переход от одной странице к другой будет осуществляться в той последовательности, какая задана здесь в поле Ссылки. Нажмите кнопку OK. В том месте на странице, где находился курсор, появилась новая строка. Это – слово Далее, затем + и слова Добавление ссылки. Перейдите в режим Просмотр. Передвиньте ползунок вниз. Нажмите ссылку Далее. В результате совершен переход к следующей странице, которая называется Почта и должна иметь имя e-mails. Нажмите на панели инструментов кнопку Обновить. Посмотрим эту страницу в веб-обозревателе. Откройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе. Затем выберите команду Microsoft Internet Explorer. Программа предлагает сохранить изменения. Нажмите кнопку Да. Страница открыта в веб-обозревателе. Внизу нажмите кнопку Далее. Совершен переход к файлу e-mails. Однако здесь, внизу, нет панели инструментов, в которой были бы кнопки Далее и Назад. Для того, чтобы она была, ее следует сюда поместить во FrontPage.
* * * 7.8. Добавление панели Далее и назад на несколько страниц Для удаления панели ссылок, которую мы создали ранее, щелкните ее, нажмите кнопку Delete на клавиатуре, затем откройте меню Вставка. Выберите команду Панель ссылок. В списке Выберите тип категории нужно выбрать Панель со ссылками назад и вперед, после чего нажать кнопку Далее. Выбираем стиль панели. Переходим к следующему окну, затем нажимаем кнопку Готово. В диалоговом окне Свойства панели ссылок должен быть выбран пункт Вперед и назад. Так оно и есть. Это – панель ссылок, которую мы сделали в прошлый раз. Нажмите кнопку OK. На странице появилась панель ссылок, в которой имеются слова Назад и Далее. Перейдите к следующему файлу - trainers. Здесь производим аналогичные действия, т.е. удаляем ту панель, которая сейчас имеется, и вводим новую панель с помощью меню Вставка. После того, как я проделал все необходимые действия, внизу появилась панель ссылок, в которой имеется только одно слово – Назад, и плюс слова Добавление ссылки, которые отображаться на странице не будут. Почему так произошло? Щелкните вкладку e-mails. Здесь имеются слова Назад и далее. Щелкните вкладку details. Здесь – только слово Далее. Перейдите в режим Конструктор на этой странице. Для того, чтобы прояснить этот вопрос, щелкните дважды слово Далее. На экран выведено диалоговое окно Свойства панели ссылок. В списке Существующие выбрана текущая панель ссылок. Внизу в списке Ссылки перечислены все те файлы, на которые эти гиперссылки направлены. И первым в списке является файл details, поэтому для него кнопки Назад быть не может, от него можно перейти только вперед к следующему файлу emails. Что касается файла trainers, то здесь не может быть, наоборот, ссылки Далее, а может быть только ссылка Назад, которая будет указывать на файл money. Нажмите кнопку ОК. Щелкните файл trainers. Здесь так и есть – имеется только ссылка Назад. И когда мы ее щелкнем в вебобозревателе, то попадем на файл emails. Я уже, кажется, говорил, что последовательность файлов можно изменять. Щелкните дважды слово Назад. Выберите файл trainers, переместите его вверх с помощью кнопки Вверх, после чего нажмите кнопку ОК. На панели ссылок страницы trainers появилась гиперссылка Далее. Опять щелкните панель ссылок
Глава 7. Панели переходов и объявления. Проверка гиперссылок
151
дважды. Что будет, если установить флажок Домашняя страница? Нажмите ОК. Слово Домашняя появилось между ссылками Назад и Далее, поэтому пользователю легко будет перейти к домашней странице, не щелкая Назад или Далее несколько раз. При этом отсчет можно начать именно с Домашней страницы. Щелкните дважды панель ссылок. Нажмите кнопку Добавить ссылку, выберите файл index в списке в окне Добавить на панель ссылок. Подтвердите свой выбор нажатием кнопки ОК. Файл index появился в списке. Переместите его вверх, после чего подтвердите изменения. Раз уж мы ввели Домашнюю страницу в список, нужно будет поместить соответствующую панель ссылок и на этой странице. Переместите ползунок вниз, щелкнув на полосе прокрутки. Установим панель ссылок Вперед и Назад в конце текста. Для вставки панели опять же следует использовать меню Вставка. После того, как необходимая панель ссылок вставлена во все документы, сохраните изменения с помощью меню Файл, нажмите команду Сохранить все в этом меню, после чего проверим, как действуют эти панели. Выберите файл index. Отсчет должен начаться с него. Откроем этот файл в веб-обозревателе. Веб-обозреватель открыт. Внизу находится ссылка Далее. Щелкните ее. Следующий файл - details. Внизу также находится панель ссылок. Здесь тоже щелкаем Далее. Следующая страница - Почта, где мы опять нажимаем Далее. Следующее: Список терминов. Также нажимаем Далее. Следующая страница - Различные организации. Далее. Наши ведущие. Далее. Чем платить. Это - последняя страница в списке. Гиперссылки Далее здесь нет. Мы можем только вернуться назад или нажать ссылку Домашняя, и в этом случае сразу попадаем на файл index. Закройте веб-обозреватель.
* * * 7.9. Форматирование панелей текстовых ссылок После того, как вы закончили создание панелей и ссылок на веб-страницах, следует проверить их. Откройте, например файл Glossary. Панели ссылок, которые находятся здесь в общих границах, отображаются нормально. Переместим вниз ползунок, щелкнув на полосе прокрутки. Панель ссылок, которая введена внизу, также отображается, кроме того, отображается и панель ссылок, введенная в общей границе внизу. Теперь откроем файл index - Домашнюю страницу. Панелей ссылок вверху и слева здесь нет. Виден только текст, введенный программой FrontPage. Переместим ползунок вниз. Панель ссылок, введенная в нижней общей границе, имеется. Имеется также и панель ссылок Далее, Назад. Следовательно, нужно исправить ошибку, допущенную в отношении панелей ссылок вверху и слева. Щелкните дважды текст, указывающий на панель вверху. Открылось диалоговое окно Свойства панели ссылок. Для верхней панели на всех страницах используется тот же уровень. Страниц, находящихся на том же уровне, что файл index, здесь нет и быть не должно. Родительский уровень для файла index не подходит, поскольку родительского уровня нет для этого файла. Назад и Далее у нас уже используются. Этот вариант также не подходит. Дальше дочерний уровень. Его можно использовать для отображения ссылок на домашней странице, но в этом случае исчезнут панели ссылок на всех остальных страницах веб-узла, потому что у них дочерних страниц нет. Ниже переключатель Глобальный уровень. На этом уровне панель ссылок будет содержать указания на страницы, находящиеся на одном уровне с домашней страницей. И последний переключатель - Дочерние страницы домашней. В этом случае панели ссылок должны отображаться как на домашней странице, так и на страницах, являющихся дочерними по отношению к ней. Нажмите кнопку ОК в этом окне. Панель ссылок появилась на
152
TeachPro Microsoft FrontPage 2003
домашней странице. Проверим, не исчезла ли панель на других страницах. Щелкните вкладку Glossary. Переместите ползунок вверх. Панель ссылок здесь имеется. Откроем, например, файл Details. Здесь также никаких проблем с панелью ссылок не произошло. Вернитесь к файлу Index. Щелкните дважды панель ссылок слева. Для этой панели также выберите Дочерние страницы домашней и нажмите кнопку ОК. Здесь тоже появились ссылки. Щелкните вкладку Details и вкладку Glossary. Проверка показывает, что мы можем изменять формат панели ссылок, на которой используется текст. Для этого щелкните панель, например, верхнюю. Затем раскройте меню Формат. И выберите команду Шрифт. На экран выведено диалоговое окно Шрифт. Здесь можно задать необходимые параметры. Например, изменим название самого шрифта. Выберите, например, Comic Sans MS. Измените также размер. Щелкните верхнюю кнопку на полосе прокрутки и выберите второй размер. После этого нажмите кнопку ОК в данном диалоговом окне. Те же изменения можно было произвести с помощью панели инструментов Форматирование. Выбрать имя шрифта и размер. Щелкните ещё раз панель ссылок. Изменим какиелибо параметры с помощью панели Форматирование. Например, Выравнивание. Пусть будет выравнивание по левому краю. Отмените это действие. Сделаем шрифт наклонным. Для этого используется кнопка Курсив. Отмените действие. Мы можем использовать для форматирования все доступные инструменты. Форматирование панели изменилось и на других страницах одновременно. Щелкните, например, вкладку Index. Вы видите, что здесь также уже используется второй размер и имя шрифта - Comic Sans MS. То же самое относится к файлу Details, например, и ко всем остальным файлам этого веб-узла. Откройте, например, Money. Здесь тот же шрифт и тот же размер. Измените также панель ссылок слева. Для этого давайте используем панель инструментов Форматирование. Раскройте список шрифтов и выберите Comic Sans MS, список Размер – второй. Изменения произведены как на этой странице, так и на остальных, поскольку эта панель общая для всех страниц. Мы можем изменять название страниц на панели ссылок, основанной на структуре переходов, то есть, например, на панели вверху и на панели слева. Откройте меню Сервис. Выберите команду Параметры узла. На экран выведено диалоговое окно Параметры узла. В нем щелкните вкладку Переходы. На этой вкладке введены по умолчанию определенные страницы. Например, изменим название домашней страницы. Напишем, например, Главная. Нажмите кнопку Применить в этом окне и кнопку ОК. Программа автоматически заменила слово Домашняя на слово Главная на панели ссылок. Щелкните, например, вкладку Details. Здесь также слово Домашняя заменено на Главная. Откройте меню Сервис ещё раз, выберите команду Параметры узла, перейдите на вкладку Переходы. Под названиями страниц находится кнопка По умолчанию. Щелкните ее. Изменения, которые вы произвели на этой вкладке, отменяются, и вводятся те слова, которые определены по умолчанию. Нажмите кнопку ОК. Главная заменено на Домашняя.
* * * 7.10. Графические кнопки на панели ссылок и в объявлении Откройте страницу Links - Различные организации. На этой странице веб-узла, как и на всех остальных страницах, используются текстовые гиперссылки. Это относится как к панели ссылок в общих границах, которые находятся сверху, слева и внизу, так и к панели ссылок, которую мы создавали сами, то есть в настроенной пользовательской панели. Но ссылки могут быть не только текстовые, но и графические. Для того, чтобы создать графические ссылки автоматически, нужно использовать темы на страницах. Нажмите сочетание клавиш Ctrl+F1. Появилась область задач Приступая к работе. Щелкните заголовок. В меню выберите строку Тема. Открыта область задач Тема. В списке тем выберем какую-нибудь тему, например Движение. Наведите указатель мыши на эскиз. Появилась кнопка. Щелкните ее. В списке вариантов выберем строку Применить как тему по умолчанию. Программа спрашивает Применить тему? Нажмите кнопку Да. Как и предупредила программа в своем окне, это привело к изменению форматирования страницы. Закройте область задач Тема. Представление страницы изменилось согласно настройкам темы. Щелкните Объявление, то есть заголовок этой страницы, сейчас это различные организации дважды. В результате двойного щелчка появилось диалоговое окно
Глава 7. Панели переходов и объявления. Проверка гиперссылок
153
Свойства объявления на странице. В свойствах два переключателя Рисунок и Текст. По умолчанию выбран рисунок. Если мы выберем текст, щелкните этот переключатель и нажмем кнопку ОК, то вид страницы изменится. Рисунок, который был на месте объявления, исчез, хотя текст остался. Двойным щелчком выберете Объявление снова. В окне Свойства объявления на странице выберите переключатель Рисунок. Мы можем изменить текст объявления, например, вместо Различные организации напишем Серьезные организации. Нажмите кнопку ОК. Как видите, текст изменился, и теперь на странице появился рисунок в том месте, где находится объявление. Вид панели ссылок мы также можем изменить. Выберите верхнюю панель ссылок двойным щелчком мыши. На экран выведено диалоговое окно Свойства панели ссылок. На вкладке Общие ничего менять не нужно в данном случае. Щелкните вкладку Стиль. Используемый сейчас стиль – это тема страницы. Мы можем выбрать другие графические изображения для кнопок переходов на панели ссылок, здесь их достаточно большое количество. Щелкните, например, этот стиль. Нажмите кнопку ОК. Изменения есть. Щелкните панель ссылок двойным щелчком опять, перейдите на вкладку Стиль в окне Свойства панели ссылок. Выберите предыдущий стиль, например. Нажмите кнопку ОК. Панель ссылок выглядит совершенно не так, как можно было себе представить. Выберите ее двойным щелчком мыши. В окне Свойства панели ссылок откройте вкладку стиль и перетащите ползунок вверх. Щелкните Использовать тему страницы, затем нажмите кнопку ОК. Теперь у страницы именно тот вид, который и был запрограммирован заранее. Для того, чтобы отменить применение темы к веб-страницам узла, откройте меню Формат, выберите команду Тема. Найдите эскиз без темы, наведите на него указатель мыши, щелкните кнопку, выберите строку Применить как тему по умолчанию. В окне, которое появилось, щелкните кнопку Да. С этого момента тема на веб-узле не используется. Закройте область задач. Для того, чтобы использовать графику на панелях ссылок, выберите двойным щелчком, например, верхнюю панель. В окне Свойства панели ссылок щелкните вкладку Стиль, выберите какой-либо стиль, например этот, после чего нажмите кнопку ОК. На панели ссылок появились графические кнопки. Если текст не помещается на какую-либо кнопку, как, например, в данном случае, измените текст в области переходов. Для этого в области Список папок щелкните кнопку Переходы, выберите нужную страницу правой кнопкой мыши. В контекстном меню щелкните команду Переименовать. Вместо слов Серьезные организации я напишу просто Организации. Нажмите Enter на клавиатуре. Сохраните файл. В окне Подтверждение сохранения нажмите кнопку Да. Надпись на кнопке изменилась. Теперь она помещается в отведенное ей место.
* * * 7.11. Создание панели ссылок в представлении Переходы Настраиваемую панель ссылок можно создать в режиме переходы веб-узла. Щелкните вкладку Вебузел, затем выберите представление Переходы. В этом представлении уже мы можем увидеть несколько панелей, тех, которые создали ранее. Для создания новой панели ссылок, можно использовать кнопку, которая имеется в области Переходы и называется Создать пользовательскую панель ссылок. Нажмите эту кнопку. Появился эскиз новой панели, причем он соединен с другой панелью. Это произошло вследствие того, что данная панель была выбрана. Щелкните новую панель. Для удаления нажмите клавишу Delete на клавиатуре. Программа просит
154
TeachPro Microsoft FrontPage 2003 подтверждение действия. Нажмите кнопку ОК. Щелкните в пустом месте области переходов, чтобы снять выделение эскиза. Теперь снова нажмите кнопку Создать пользовательскую панель ссылок. Перетащите ползунок вправо до упора. Новая панель ссылок теперь ни к чему не привязана. Сейчас она называется Новая панель ссылок 2. Для того, чтобы переименовать ее, нажмите правую кнопку мыши, в контекстном меню выберите команду Переименовать. Прямо на эскизе появилось текстовое поле, в котором можно изменить название панели. Я напишу слово Переходы. Для подтверждения нажмите клавишу Enter. Для добавления страниц в эту панель, щелкните ее правой кнопкой мыши, в меню выберите команду Добавить существующую страницу. На экран выведено диалоговое окно Добавление гиперссылки. Выберите в нем нужный файл, например Details. Нажмите кнопку ОК. На панель переходов добавлена страница Специфика клуба. Для добавления страниц можно использовать и перетаскивание из области Список папок. Например, перетащите файл Money на эту панель. Отпустим. Теперь панель содержит две гиперссылки, на файл Специфика клуба и на файл Чем платить. Перетащим сюда же, например, ещё и файл Links, который сейчас открыт. В результате панель содержит 3 гиперссылки. Для того, чтобы остальные панели не мешали, при создании новой панели, нажмите кнопку Просмотреть только поддерево. Кроме того, можно менять и ориентацию страниц. Для этого служит кнопка Книжная/альбомная. Нажмите эту кнопку. Мы получили следующее представление страниц. Панель ссылок при этом слева. Перейдите на вкладку Links. Попробуем применить эту панель на странице. Установите курсор в каком-нибудь месте текста, например, здесь. Сюда мы и поместим новую панель. Откройте меню Вставка, выберите строку Панель ссылок На экран выведено диалоговое окно Вставка компонента веб-узла. Выбираем тип панели Панель с пользовательскими ссылками и переходим далее. В следующем окне можно либо использовать тему страницы, если она имеется, а в данном случае ее нет, либо какие-нибудь кнопки. А также можно использовать текстовые ссылки, что мы делали ранее. Нажмите кнопку Далее. Здесь выбираем ориентацию и нажимаем кнопку Готово после этого. В диалоговом окне Свойства панели ссылок раскройте список Существующие. В этом списке появилась новая панель, которую мы только что создали в области переходов. Она называется Переходы. В этой панели три ссылки, которые мы создали в той же области. Сейчас можно добавить или удалить любую ссылку. Нажмите вкладку Стиль. На этой вкладке уже выбран тот стиль, который мы определяли во время работы мастера. Вернитесь на вкладку Общие. В окне свойства панели ссылок нажмите на кнопку ОК. В том месте на странице, где находился курсор, появилась панель ссылок. Вот я ее сейчас выделил, а теперь снял выделение. Здесь также плюс - Добавление ссылки. Эти слова видны не будут при просмотре страницы, а мы можем без труда добавлять ссылки, если необходимо. Щелкните эту строку. Сразу появилось диалоговое окно Добавить на панель ссылок.
Глава 7. Панели переходов и объявления. Проверка гиперссылок
155
Например, добавим файл Index. Нажмите кнопку ОК. Программа добавила кнопку для файла Index, и при нажатии на эту кнопку мы будем переходить к указанному файлу. Сейчас на странице Links, в частности, уже созданы несколько панелей ссылок. Поэтому следует решить, какие из них нужны, а какие нет и лишнее удалить, а оставшиеся отредактировать, чем я и займусь. Начну с верхней панели. Вы уже знаете, как осуществлять редактирование. Панель нужно выбрать двойным щелчком мыши. Все это мы уже делали, поэтому повторяться я не буду, и просто покажу результат своей работы. После редактирования страница Links, в частности, выглядит следующим образом. Здесь осталось три панели, причем две из них находятся в общих границах и одна из них пользовательская. Выберите нижнюю панель двойным щелчком мыши. Открылось диалоговое окно Свойства панели ссылок. Панель, которую мы выбрали, называется Вперед и назад. Остальные панели, которые находятся в списке, больше не нужны. Их можно будет удалить. Но удаление можно произвести не в этом окне, а в области переходов. Нажмите кнопку Отмена. Слева сейчас как раз и открыта область переходов, и панель Вперед и назад мы видим. Для удаления остальных панелей их можно выделять в этой области, нажмите клавишу Delete. На экране появилось окно Удаление панели ссылок. Программа просит подтверждение удаления. Нажмите кнопку ОК. Точно так же можно поступить со второй панелью ссылок. Нажимаем Delete, и в окне Удаление панели ссылок кнопку ОК. Есть ещё и панель Переходы. Ее тоже следует удалить. ОК. Итого в области переходов осталось две панели: одна настраиваемая Вперед и назад, и вторая, созданная на основе структуры переходов. Эта панель позволяет создавать панели ссылок в общих границах. В данном случае наверху и слева. Кроме изменения панели ссылок, я удалил также некоторые гиперссылки, которые были на странице и указывали на веб-узлы в Интернете, и добавил другие ссылки, найдя их в Интернете. Это - веб-узлы, имеющие отношение к психологии.
* * * 7.12. Проверка гиперссылок Для того, чтобы отобразить список папок слева, щелкните внизу кнопку Список папок. Закройте файл Links. Для того, чтобы просмотреть все гиперссылки, откройте представление Гиперссылки. Все гиперссылки сейчас отображаются в области вебузел. Это гиперссылки, исходящие от файла Index, причем одна из них, в данном случае, указывает на адрес электронной почты. Он обозначен изображением конверта. Остальные обозначены изображениями веб-страниц. Рядом с большинством из них находится знак +. Щелкните его. От файла Money так же исходит целый ряд связей, соединяющих его с другими веб-страницами. В том числе со страницей Index. То есть, попав на страницу Money, тоже можно перейти на страницу Index, которая указана у нас сейчас в центре. После щелчка на знаке +, он превратился в -. Мы можем щелкнуть его ещё раз, для того, чтобы свернуть все открывшиеся гиперссылки. Гиперссылки следует проверять, поскольку некоторые из них могут указывать на удаленные файлы, причем на удаленные не только на веб-узле у вас, но и в Интернете. Поскольку многие веб-узлы в Интернете время от времени закрываются. Наиболее простой способ: откройте файл Index, например. Кстати, текст этого файла следует ещё изменять, потому что объявление Index с расширением htm выглядит странно. Оно здесь вместо заголовка. Для проверки гиперссылок вручную откройте меню Файл и откройте веб-обозреватель. Файл Index открыт в веб-обозревателе. Теперь остается щелкать по ссылкам и проверять, работают ли они. Например, нажмите кнопку Специфика на верхней панели. Переход осуществлен. Почта, и так далее.
156
TeachPro Microsoft FrontPage 2003 Если ссылок очень много, то такие щелчки можно осуществлять часами, днями или даже неделями. Поэтому в программе FrontPage предусмотрены другие возможности для проверки гиперссылок. Закройте веб-обозреватель. Откройте меню Вид, наведите указатель мыши на строку Отчеты. Появилось подменю, состоящее из нескольких строк. В нем наведите указатель мыши на строку Ошибки. Здесь тоже появилось подменю. Найдите в нем меню Гиперссылки и щелкните ее. Программа после этого щелчка автоматически открыла вкладку веб-узел в представлении Отчеты и вывела на экран диалоговое окно Отчеты, в котором сказано, что FrontPage может автоматически проверить гиперссылки на вашем вебузле. Выполнить такую проверку немедленно? Нажмите кнопку Да. В списке отчетов для четырех гиперссылок появилось указание на неработающие гиперссылки. При этом обратите внимание на то, что все они указывают на внешние страницы, на страницы, находящиеся в Интернете. Программа не смогла их проверить, потому что подключения к Интернету в этот момент не было. Убедитесь в том, что в веб-обозревателе снят флажок Автономная работа. Щелкните кнопку Пуск и выберете Вебобозреватель. У меня в данном случае Internet Explorer. Откройте меню Файл и снимите флажок Работать автономно. Веб-обозреватель можно закрыть. Затем установите подключение к Интернету. После того, как соединение установлено, выберите в списке отчетов те ссылки, которые вас интересуют (можно это сделать при нажатой клавише Shift, щелкните их правой кнопкой мыши. В контекстном меню выберите команду Проверить гиперссылку. Началась проверка. Состояние ОК. Слева появилась птичка зеленого цвета, указывающая на то, что гиперссылка работает. Перейдите к представлению гиперссылки. Здесь можно просмотреть все ссылки ещё раз, и я замечаю, что от файла Index исходит гиперссылка на веб-сайт, которую я удалил в файле Links. Для того, чтобы удалить такую же гиперссылку в файле Index, его нужно выбрать двойным щелчком мыши. Эта страница открывается после двойного щелчка. Здесь нужно найти эту гиперссылку. Для удаления гиперссылки ее следует выделить и нажать на клавиатуре клавишу Delete. На ее место нужно вставить другую гиперссылку. Нажмите кнопку Добавление гиперссылки на панели инструментов. Появилось диалоговое окно Добавление гиперссылки. Поскольку мне нужно добавить гиперссылку, находящуюся в Интернете, я могу нажать кнопку Интернет, и открывается программа веб-обозреватель. Если нужный мне узел уже посещался, его можно найти с помощью с помощью кнопки Журнал. Слева открывается область Журнал. В данном случае выбрана строка Сегодня. Я ее щелкну. Появился список веб-узлов, которые посещались сегодня. Для того, чтобы иметь возможность их просматривать, не подключаясь к Интернету, раскройте меню Файл и выберите строку Работать автономною. В списке я вижу сайт psychology. Щелкнув его, я открыл список страниц, которые посещались на этом веб-узле. Щелкну строку. Соответствующая страница
Глава 7. Панели переходов и объявления. Проверка гиперссылок
157
открылась в окне справа. Теперь я могу нажать сочетание клавиш Alt+Tab для перехода к программе Microsoft FrontPage. Страница, которую я сейчас только что открывал, появилась в строке адрес. www.psyhology.ru. В поле Текст следует ввести текст, который будет отображаться для перехода по гиперссылке. Я напишу здесь просто слово Психология. Нажмите кнопку ОК в этом окне. В результате в подразделе Серьезные организации появилась новая ссылка Психология. Для сохранения всех изменений откройте меню Файл и выберите команду Сохранить всё. Перейдите на вкладку веб-узел. Программа уже обновила гиперссылки, заменив предыдущую страницу новой. Это веб-узел psychology. При наведении указателя мыши на каждый из значков в списке гиперссылок появляется всплывающая подсказка. В данном случае это внутренняя гиперссылка. Наведите на веб-узел psychology указатель мыши. Это внешняя гиперссылка, то есть находящаяся за пределами веб-узла.
* * * 7.13. Работа в представлении Гиперссылки В центре всех связей, представленных в области Веб-узел сейчас, находится файл Index. Щелкните его правой кнопкой мыши. Появилось контекстное меню. Рассмотрим, какие здесь имеются команды. Команда Переместить в центр сейчас недоступна, как и команда Проверить гиперссылку. Далее есть доступная команда Открыть. Щелкните ее левой кнопкой мыши. Эта команда позволяет открыть и просмотреть веб-страницу Index. Перейдите обратно на вкладку Веб-узел. Щелкните файл Index еще раз правой кнопкой мыши. Следующая строка Открыть с помощью. Наведите на нее указатель мыши. Справа здесь имеется стрелка, что указывает на наличие подменю. Подменю открылось. В этом подменю несколько пунктов, позволяющих открыть страницу в разном виде и с помощью различных программ. Первые и вторые пункты – это программа FrontPage. Отличие в том, что в первом случае страница будет открыта в формате html. Щелкните эту строку. Мы получили такое же представление страницы Index, как и прежде. Вернитесь на вкладку веб-узел. Снова щелкните файл Index правой кнопкой мыши, Открыть с помощью, теперь выберем второй пункт FrontPage открыть как текст. Представление получилось аналогичное. Закройте этот файл. Для того, чтобы открыть эту страницу именно как текст, нужно начать сначала, то есть при закрытом файле Index щелкнуть его эскиз правой кнопкой мыши, навести указатель на строку Открыть с помощью и в подменю выбрать строку FrontPage открыть как текст. В этом случае мы видим код страницы. Если текст не помещается на экране по горизонтали, то можно воспользоваться полосой прокрутки, находящейся внизу для просмотра этого текста. Обратите внимание на то, что на этой странице вместо понятного текста, написанного русскими буквами, имеются какие-то непонятные символы. Это означает, что страница открыта в неправильной кодировке. Щелкните ее правой кнопкой мыши. В контекстном меню выберите команду Кодировка. Появилось диалоговое окно Кодировка текстового файла. В списке Перезагрузить текущий файл как. Выберите другую кодировку. Нас интересует Кириллица. Её и выбираем. Справа имеется кнопка Перезагрузить. Нажмите на нее. Теперь вместо абракадабры мы видим понятный текст. Закройте данную страницу. Щелкните файл Index правой кнопкой мыши. Наведите указатель мыши на строку Открыть с помощью. Выберите третью команду Notepad, что означает Блокнот. Теперь страница открыта в отдельном окне программы Блокнот. Закройте ее. Выберите страницу правой кнопкой мыши. Открыть с помощью. Четвертый пункт в подменю позволяет запустить программу Internet Explorer и просмотреть страницу в
158
TeachPro Microsoft FrontPage 2003
ней. И последний – это выбрать программу. Появляется окно Приложения. Вверху указан файл, который мы открываем Index.htm. В списке мы видим программы, в которых можем открыть данную страницу. Рекомендуемые: FrontPage, Notepad, Internet Explorer. Ниже находятся другие программы. Нажмите кнопку Отмена. Откройте контекстное меню для файла Index. Следующая команда в этом меню Открыть в новом окне. Выбрав данную команду, мы открыли второе окно программы Microsoft FrontPage, в чем можно убедиться, взглянув на строку заголовка. Здесь имеется цифра 2. Закройте это окно. Снова выберите файл Index правой кнопкой мыши. Далее идет команда Создание из имеющейся страницы. Щелкните ее. Появилась новая, пока не сохраненная страница, и вверху указание Добавьте эту страницу в структуру переходов для отображения на ней объявления. Мы не будем добавлять ее в структуру переходов. Я ее просто закрою. Щелкните файл Index правой кнопкой мыши. Следующая строка Просмотр в обозревателе. В обозревателе мы уже просматривали. Далее идет команда удалить. Удалять мы также не будем. И последняя команда Свойства. Щелкните ее. В результате на экран выведено окно Свойства, эти свойства указаны для файла Index. На вкладке Общие указано название Index. Мы можем изменить это название и ввести сюда слова Психологический клуб. Нажмите кнопку Применить. И кнопку ОК. Теперь откройте файл Index двойным щелчком мыши. Изменим Объявление, то есть заголовок этой страницы. Выберите его двойным щелчком мыши. Появилось окно Свойства объявления на странице. Текст объявления изменим. Здесь также напишем Психологический клуб. Нажмите кнопку ОК. Соответственно такую же фразу, находящуюся ниже можно удалить с помощью клавиши Delete. И ещё раз нажмите Delete, чтобы поднять текст выше. Сохраните файл. Для подтверждения сохранения нажмите кнопку Да.
* * *
Глава 8. Предварительный просмотр
159
Глава 8. Предварительный просмотр 8.1. Просмотр в различных браузерах Для просмотра веб-страницы в обозревателе щелкните эту страницу, например, Links, откройте меню файл, наведите указатель мыши на строку Просмотреть в обозревателе. Появилось подменю, первый пункт его мы уже использовали не раз. Ниже находится пункт Microsoft Internet Explorer 6, а в скобках указаны размеры 640х480 точек. Это разрешение экрана. Для того, чтобы увидеть, как ваша веб-страница будет выглядеть на мониторах с таким разрешением, щелкните эту строку. Страница открыта в веб-обозревателе. Это страница Links. При таком разрешении практически вся страница видна. Можно лишь немного подвинуть ползунок вправо. Щелкните ссылку Домашняя на панели ссылок. По ширине помещается и домашняя страница, а вот чтобы увидеть весь текст, придется передвигать ползунок, который расположен вертикально. Закройте окно веб-обозревателя. Кроме того, мы уже не раз просматривали веб-страницы в режиме просмотра. Для этого страницу нужно сначала открыть. Например, откройте страницу Links. Внизу появляется кнопка Просмотр. Щелкните ее. Таким образом, можно просматривать как будет выглядеть страница. Вернитесь в режим конструктор. В этом режиме имеется ещё одна возможность просмотра веб-страниц с различным разрешением экрана. Откройте меню Вид. Раскройте его полностью. В нижней части меню Вид имеется строка Размер страницы, наведите на нее указатель мыши. Появляется подменю. Текущий размер страницы указан в строчке наверху. Ниже дано ещё несколько вариантов размера. Например, 640х480 точек по умолчанию, 640х480 развернуто и так далее. Щелкните пятый пункт. 1024х768 точек. Теперь для того, чтобы просмотреть всю страницу по ширине, нужно переместить ползунок, который находится внизу, в горизонтальном положении. Я переместил его щелчком мыши на полосе прокрутки. Изменим размер страницы. Откройте меню Вид, подведите указатель к строке Размер страницы и выберите текущий размер страницы. Параметры размера страницы, которая сейчас открыта, можно добавлять в соответствии не только со стандартными размерами экранов, но и собственные. Откройте ещё раз меню Вид, размер страницы. Внизу имеется команда изменить размер страницы. Щелкните ее. На экран выведено окно изменения размеров страниц. В нем перечислены стандартные размеры окон: 640х480, 800х600, 1024х768. Для настройки нового размера нажмите кнопку Добавить. Появилось окно Размер страницы. Здесь имеются поля Ширина, Высота и Описание. Зададим ширину страницы в пикселях. Щелкните в этом поле. Я введу, например, значение 400. Затем щелкните в поле Высота, и здесь пусть будет 400. Щелкните в поле Описание, например, Новая. Закончив ввод символов, нажмите кнопку ОК. Описание Новая появилось в списке. Нажмите кнопку ОК в окне изменения размеров страницы.
160
TeachPro Microsoft FrontPage 2003
Для просмотра этой страницы с новыми размерами опять откройте меню Вид. Наведите указатель мыши на строку Размер страницы, и выберите пункт с описанием Новая 400х400. Страница изменилась по ширине в соответствии с новыми настройками. Для того, чтобы увидеть ее всю по высоте, воспользуйтесь полосой прокрутки справа. Для того, чтобы получить прежнее представление этой страницы, в меню Вид наведите указатель мыши на Размер страницы и выберите текущий размер страницы. Для того, чтобы удалить новые настройки, в меню Вид выделите опять Размер страницы и щелкните нижнюю команду Изменить размер страницы. Выбрав в списке нужный размер, в данном случае Новая, можно удалить этот размер, или изменить его при необходимости. Нажмите кнопку Изменить. Появилось то окно, в котором мы вводили размеры. Нажмите кнопку Отмена. Для удаления этого размера выделите его ещё раз и нажмите кнопку Удалить. Эти размеры удалены. Нажмите ОК. Посетители вашего веб-узла могут пользоваться не только вебобозревателем Microsoft Internet Explorer, но и таким распространенным, как Netscape Navigator. В меню Файл этого обозревателя нет, поскольку он не установлен в системе. Установим его сначала, а затем снова откроем это меню. Процесс установки Netscape Navigator я показывать не буду. Во время установки веб-обозревателя или нескольких вебобозревателей программа Microsoft FrontPage должна быть закрыта. Установив эти обозреватели, откройте программу. Веб-узел, над которым мы работали, открыт автоматически. Раскройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе. Программа FrontPage автоматически вносит установленные вебобозреватели в подменю. Это касается основных обозревателей, имеющихся на рынке в данный момент. В частности здесь установлены Navigator и Opera. Нажмите четвертый пункт - Netscape Navigator. Домашняя страница веб-узла открылась в окне программы Netscape. Чтобы развернуть ее во весь экран, нажмите кнопку Развернуть. Для просмотра всей страницы в этой программе так же используется полоса прокрутки. Закройте программу Netscape. Теперь выберем другую страницу, например, Links. Откройте меню Файл, Просмотреть в обозревателе, и выберите обозреватель Opera. Так будет выглядеть страница Links в этом обозревателе. Закройте его тоже. Для подтверждения выхода из этого обозревателя нажмите кнопку ОК в этом окне.
* * * 8.2. Настройка браузеров Откройте меню, наведите указатель мыши на строку Просмотреть в обозревателе, в подменю внизу щелкните строку Изменить список обозревателей. На экран выведено диалоговое окно Изменение списка обозревателей. В этом окне имеется список обозревателей, который запускается в режиме просмотра нескольких обозревателях. Снимите, например, флажок для обозревателя Opera. Нажмите кнопку ОК в этом окне. Откройте меню Файл, наведите указатель на строку Просмотреть в обозревателе. Щелкните строку Просмотр в нескольких обозревателях. Открыто два обозревателя Netscape и Explorer. Закройте их. Раскройте ещё раз меню Файл, в строке Просмотреть в обозревателе открывается подменю. Щелкните Изменить список обозревателей. Установите флажок для Opera и нажмите кнопку ОК. Проделайте те же действия для открытия обозревателей. В меню Файл, Просмотреть в обозревателе и команда Просмотр в нескольких обозревателях. На этот раз страница Links открылась во всех трех веб-обозревателях, установленных в системе: Netscape Opera и Microsoft Internet Explorer. Закроем их все поочередно. Откройте меню Файл, Просмотреть в обозревателе.
Глава 8. Предварительный просмотр
161
Если среди обозревателей, указанных в подменю, вы не нашли какой-то обозреватель, который установили в системе, то нажмите команду Изменить список обозревателей. В окне Изменение списка обозревателей нажмите Добавить. Появилось диалоговое окно Добавление обозревателя. Здесь два текстовых поля: Имя и Команда. В поле Имя введите название обозревателя, в поле Команда – путь к нему. Для ввода пути можно использовать кнопку Обзор. В результате появляется диалоговое окно Добавление обозревателя, с помощью которого можно найти путь к обозревателю, установленному в системе. Он должен иметь расширение exe или com. Я никаких браузеров больше не устанавливал, поэтому нажимаю кнопку Отмена в этом окне. В окне Добавление обозревателя тоже нажимаю Отмена. Рассмотрим, какие ещё есть опции в окне изменения списка обозревателей. Здесь имеются флажки, в которых указано разрешение экрана. 800х600, 640х480 точек, а так же 1024х768. Этот флажок сейчас недоступен, потому что в данный момент разрешение экрана у меня установлено 800х600 точек. Программа FrontPage отображает здесь только разрешение, которое равно или менее того, которое установлено реально. Для того, чтобы перед просмотром сохранить страницу, которую вы хотите просмотреть, можно установить флажок Автоматически сохранять страницу перед просмотром. Если вы не хотите, чтоб изменения сохранялись автоматически – снимите его. Я нажимаю здесь кнопку Отмена, не сделав никаких изменений. Для того, чтобы определить, какие средства будут поддерживаться при просмотре вебстраниц, откройте меню Сервис, выберите команду Параметры страницы. На экране появилось диалоговое окно Параметры страницы. Откройте вкладку Разработка, если она ещё не открыта. На этой вкладке имеется группа Обозреватели. Здесь мы можем определить, какие обозреватели и какие средства могут использоваться при просмотре страниц. Откройте список Обозреватели. Здесь имеются несколько пунктов: Только Microsoft Internet Explorer, Только Netscape Navigator и Internet Explorer и Navigator, и последний - это настройка. Выберите третий пункт сверху. Справа стал доступен список версий обозревателей. Откройте его. Выберите строку Обозреватели версий 3 и более поздних. В результате выбора этой опции, был снят флажок Сценарии Visual Basic Script, флажок CSS (каскадные таблицы стилей) и графика PNG. Такие средства, как элементы ActiveX и сценарии JavaScript всегда будут использоваться. Эти флажки недоступны, но установлены. Версия схемы, которую мы выбрали, указана внизу, Internet Explorer 3-я версия, и Navigator –3- я. Выберем в списке версий обозревателей более позднюю, например, обозреватели 5-й, 6-й и более поздних версий. В результате флажки CSS (каскадные таблицы стилей) и графика PNG были установлены. Не установлен только флажок Сценарии Visual Basic Script. Эти сценарии не поддерживаются данной версией Navigator. Выберите в списке обозревателей Только Microsoft Internet Explorer. Версия осталась прежней, и в этом случае, флажок, о котором я сказал, установлен, то есть будут использоваться все средства. Для подтверждения изменений можно нажать кнопку ОК. Для того, чтобы не выполнять никаких изменений, нажмите кнопку Отмена. Что я сейчас и сделаю.
* * *
162
TeachPro Microsoft FrontPage 2003
Глава 9. Коллекция картинок Microsoft 9.1. Вставка рисунка из коллекции Microsoft Коллекция картинок Microsoft содержит такие файлы, как Рисунки, Фотографии, Видео, Звуки, и всё это называется клипами. Откройте какой-нибудь документ веб-узла, например Index, затем откройте меню Вставка. Наведите указатель мыши на строку Рисунок. Появилось подменю. Щелкните в нем верхнюю строку Картинки. На экране появилась область задач Коллекция клипов. В этой области имеются обычные кнопки Назад и Вперед, а также Домашняя. Ниже расположено текстовое поле Искать. Сюда можно ввести то слово, которое вы хотите найти. Дело в том, что к каждому клипу относится набор ключевых слов, например, мне нужно найти картинку Дом. Для того, чтобы начать поиск, имеется кнопка Начать справа, но я пока не буду ее нажимать. Ниже расположен список Просматривать. Сейчас здесь выбрана строка Выделенные коллекции. Раскройте список. Здесь целое дерево списков. Щелкните знак + рядом со строкой Мои коллекции. Этот раздел делится на два подраздела: Избранное и Неклассифицированное. Щелкните + рядом со строкой Избранное. Здесь подразделов нет. Щелкните следующий +, здесь также нет подразделов. Если оставить такие настройки, как здесь указаны, то слово «дом» программа будет искать в Моих коллекциях в подразделе Избранное, в подразделе Неклассифицированное и в коллекции Microsoft Office. Щелкните флажок Избранное, тем самым мы его сняли, и флажок Неклассифицированное, произошло то же самое. Щелкните знак –, чтобы свернуть этот список. Теперь посмотрим, что находится в коллекции Microsoft Office. Все клипы, которые здесь имеются, разделены по категориям: Автофигуры, Бизнес, Веб-элементы, Времена года и так далее. Список этот довольно внушительный. Сверните его. Реально клипы сейчас находятся только здесь, в коллекции Microsoft Office. Ни в Моей коллекции, ни в Веб-коллекции ничего нет. Сверните список. Закройте его, щелкнув кнопку справа. Ниже расположен список Искать объекты. Раскройте его. Здесь деление по категориям делается по другому принципу: Картинки, Фотографии, Фильмы, и Звуки. Сейчас меня интересуют только картинки. Поэтому снимите флажок Звуки, снимите флажок Фильмы и флажок Фотографии. Остаются только Картинки. Закроем список. Ещё ниже находится окно без заголовка. Здесь будут отображаться те клипы, которые программа найдёт. Под ним находятся ссылки, с которыми мы разберемся позже. Нажмите кнопку Начать. Программа произвела поиск и нашла три клипа с ключевым словом Дом. Это действительно изображения домов, но очень разные: Нижнее - схематическое, верхнее похоже на фотографию, и третье тоже больше схематическое. Давайте закроем область Список папок, чтобы освободить дополнительное пространство. Установите курсор там, куда вы хотите вставить картинку, например, в конце предложения Дом, где сбываются мечты. Теперь наведите указатель мыши на верхнюю левую картинку в списке. Появилась всплывающая подсказка. Здесь перечислены ключевые слова, относящиеся к данной картинке: Дома, Здания, Озера, Реки, но мы и без этой всплывающей подсказки видим, что это дом и перед ним озеро. Щелкните это изображение. Картинка появилась на веб-странице. Щелкните на полосе прокрутки нижнюю кнопку. Еще несколько раз. Картинка действительно помещена после слова «мечты» , но она настолько большая, что предложение пришлось программе разбить. Как уменьшить это изображение? Щелкните его, по его краям появились маркеры размера, это небольшие черные квадраты. При наведении указателя мыши на каждый из них появляется двунаправленная
Глава 9. Коллекция картинок Microsoft
163
стрелка. Если наводить указатели мыши на маркеры, расположенные по углам, то эта стрелка повернута на 45 градусов. Если навести на правый и средний маркер, например, то стрелка расположена по горизонтали, если на центральный верхний маркер, тогда по вертикали. То же самое будет, если мы наведем ее на нижний маркер в центре. Стрелка указывает направление, в котором мы можем изменять изображение. Наведите указатель мыши на левый верхний маркер, нажмите левую кнопку мыши и ведите по диагонали ее вниз. Изображение уменьшается. Отпустите его. Наведите указатель мыши, например на левый нижний маркер. Когда стрелка появляется, двунаправленная, перетащите этот маркер вправо и вверх.. Изображение уменьшилось настолько, что теперь все слова помещаются на одной строке. Справа под изображением появилась кнопка. Наведите на нее указатель мыши. Появилась всплывающая подсказка: Действия с рисунками. Щелкните здесь левой кнопкой мыши. Мы видим меню, состоящее из двух пунктов. Изменить только атрибуты размера и Изменить рисунок в соответствии с размером. Вторая команда Изменить рисунок в соответствии с размером позволяет изменять число пикселов в изображениях в соответствии с тем, как мы их изменили в размере. Если мы, например, уменьшили изображение, то число пикселов также будет уменьшено. В данном случае оставим вариант Изменить только атрибуты размера. В этом случае уменьшился только размер изображения визуальный, так сказать, а физический (на жестком диске), остался без изменений. Узнать текущий размер рисунка можно, если навести указатель мыши на его эскиз в коллекции клипов. Во всплывающей подсказке сказано, что этот рисунок имеет размер 33 Кбайта. Кроме того, здесь указано, что формат рисунка wmf , а размер его 260 точек по ширине и 223 точки по высоте, но сейчас размер изображения, который мы видим на странице, уменьшен.
* * * 9.2. Перемещение рисунка и сохранение страниц Рисунок, который помещен на страницу, можно перемещать. Выделите его щелчком левой кнопки мыши. Перетащите рисунок так, чтобы он оказался перед словом Дом на этой строке. Во время перетаскивания под указателем мыши появляется треугольник пунктирной линией, а также рядом с указателем - вертикальная черта, указывающая, куда будет вставлен рисунок. Рисунок перенесен в другое место после того, как мы отпустили левую кнопку мыши. Отмените это действие. Другой способ – это стандартные функции вырезания и вставки. Щелкните рисунок правой кнопкой мыши. Появилось контекстное меню. В нем имеется команда Вырезать, щелкните ее. Теперь установите курсор перед словом Дом. Щелкните здесь правой кнопкой мыши. В контекстном меню выберите команду Вставить. Для того, чтобы между изображением и текстом было некоторое расстояние, нажмите пробел. Для сохранения страницы в таком виде, нажмите кнопку Сохранить. Программа вывела на экран диалоговое окно Сохранение внедренных файлов. Здесь расположен список Сохранить внедренные файлы. В нем только один файл, который имеет расширение gif. Имя у него довольно сложное, состоит из буквы и нескольких цифр. Папка, в которую он будет сохранен, сейчас не указана, действие, которое над ним производится – сохранение. Сам рисунок, точнее его эскиз указан справа, в окне Рисунок. Под этим окном находится кнопка Тип графических файлов. Щелкните ее. Появилось окно Тип графических файлов. Исходный файл этого рисунка указан в этом окне. Это файл с расширение wmf. Измененный файл имеет то же имя, но другое расширение – gif. Правее указан исходный и измененный размер этого рисунка. В Интернете используются в основном два типа файлов: gif и jpg. Программа заменила расширение wmf на gif. Тип gif присваивается файлу в том случае, если в нем ис-
164
TeachPro Microsoft FrontPage 2003
пользуется 256 цветов или меньше. Тем не менее, можно изменить расширение вручную, например, выберите второй пункт ниже. Кроме двух указанных типов файлов, можно использовать также png8 или png24. Мы не будем менять тот тип файла, который программа присвоила самостоятельно. Пусть будет gif. Нажмите кнопку Отмена. Теперь посмотрим, что позволяют делать кнопки действия, сменить папку и переименовать в окне Сохранение внедренных файлов. Нажмите кнопку Переименовать. Имя файла теперь оказалось в рамке. Мы можем в ней щелкнуть, удалить то имя, которое было назначено ранее, и назначить другое имя, например, House, то есть Дом. Так будет легче понять, что это за рисунок. Теперь нажмите кнопку Сменить папку. Появилось диалоговое окно Смена папки. Здесь имеется поле Поиск папки. Раскройте его. Папка здесь предложена только одна – та, в которой находится веб-узел. Ниже находится список папок, куда мы можем сохранить файл. Все эти папки находятся на веб-узле. Пусть это будет папка Images. Нажмите ее. Папка выбрана, теперь щелкните кнопку ОК в этом окне. В столбце Папка появился путь к папке Images. Теперь щелкните кнопку Действие. На экран выведено окно Задание действия. У нас два варианта действий: сохранить этот файл и не сохранять этот файл и оставить имеющуюся на странице ссылку без изменений. Выберите первый вариант и нажмите кнопку ОК. Тем самым мы не внесли никаких изменений в действие. Как было сохранить, так и осталось. Теперь нажмите кнопку ОК в этом окне. Проверим, сохранен ли файл на вебузле в папке Images. Щелкните вкладку Веб-узел. Откройте папку Images двойным щелчком мыши. Файл с расширением gif и именем House здесь имеется. Вернитесь на вкладку Index, Щелкните изображение правой кнопкой мыши. Посмотрим, какие ещё имеются команды в контекстном меню. Восстановить размер. Выберите эту команду. Картинка стала такой, какой она была при вставке. Это размер, который был задан в коллекции клипов. Отмените это действие. Снова щелкните изображение правой кнопкой мыши Следующая команда Изменить атрибуты. Нажмите эту команду. Атрибуты изменены в соответствии с тем, какой размер мы выбрали. Теперь восстановить тот размер, который был задан в коллекции клипов, мы не сможем. Щелкните этот рисунок правой кнопкой мыши. Команда, позволяющая восстановить размеры рисунка, исчезла. Здесь имеется строка Открыть с помощью. Наведите на нее указатель мыши. В появившемся подменю имеются такие команды, как: Microsoft Office Picture Manager, это программа, поставляемая Microsoft, и другие программы, позволяющие открыть или редактировать рисунок. Нижняя строка - это Выбрать программу, щелкните ее. Программа выдала на экран сообщение, что внесенные изменения не сохранены. Сохранить изменение и изменить текущую версию? Нажмите кнопку Да. После нажатия данной кнопки появилось окно Сохранение внедренных файлов. Переименовывать файл House и менять его папку Images теперь не будем. Действие, происходившее сейчас, – это замена файла. Нажмите кнопку ОК. Документ и изображения сохранены и теперь появилось окно Приложения. Здесь указан файл, который будет открываться, House.gif. Ниже дается список программ, в которых можно его открыть. На самом деле рисунок можно открыть в первых трех программах, а в такой, например программе, как Notepad, открыть его нельзя, потому что это исключительно текстовый редактор. Для открытия файла в такой, например, программе, как Windows Pictures and Fax Viewer щелкните эту строку и нажмите кнопку ОК. Файл House.gif открыт в программе просмотра изображений и факсов. Закройте ее.
* * *
Глава 9. Коллекция картинок Microsoft
165 9.3. Автоэскиз клипа из коллекции Microsoft Щелкните изображение дома правой кнопкой мыши. В контекстном меню выберите команду Автоэскизы. Появилось окно с сообщением, что нельзя создать авто эскиз рисунка, размер которого меньше размера эскиза. Нажмите кнопку ОК. Эскиз – это небольшой рисунок на странице, щелчок на котором приводит к появлению более крупного рисунка. Преобразовать рисунок в эскиз нам не удалось. Щелкните правой кнопкой мыши этот рисунок. Для того, чтобы узнать его нынешние размеры, щелкните команду Свойства рисунка. Появилось диалоговое окно Свойства рисунка. В этом окне открыта вкладка Вид. Она нам как раз и нужна сейчас. На этой вкладке имеется группа Размер. Здесь указано, что ширина рисунка сейчас 90 точек. Запомните эту цифру, нажмите кнопку Отмена. Теперь посмотрим, каким должен быть эскиз. Для этого откройте меню Сервис и щелкните команду Параметры страницы. В результате появилось диалоговое окно Параметры страницы. Оно снабжено целым рядом вкладок, из них выберите вкладку Авто эскизы. На вкладке Автоэскизы указано, какой ширины должен быть эскиз. Это значение 100 точек. Мы его можем уменьшить или увеличить, однако сейчас делать этого не будем. Нажмите кнопку Отмена. Мы можем поступить по другому: удалить сейчас этот рисунок с веб-страницы, для этого нужно нажать клавишу Delete на клавиатуре. Поскольку он был выбран, то мы его и удалили. Сейчас перед словом Дом находится курсор, поэтому можно просто щелкнуть эскиз в области задач, и рисунок снова появился в своем первозданном размере. Для того, чтобы вспомнить какой у него размер, наведите указатель мыши на эскиз рисунка в коллекции клипов. Во всплывающей подсказке указано, что этот размер 260х223 точки, то есть значительно больше, чем 100 точек, необходимых для эскиза. Щелкните рисунок на странице правой кнопкой мыши. В контекстном меню выберите команду Авто эскизы. Изменения, которые мы можем увидеть своими глазами – это появление рамки вокруг рисунка. Наведите на этот рисунок указатель мыши. Появляется всплывающая подсказка. Для перехода по гиперссылке нажмите Ctrl и щелкните ее. Иными словами этот рисунок стал гиперссылкой. Иначе говоря, это эскиз, щелчок на котором, должен привести к появлению рисунка, но эскиз должен быть в меньшем размере. Давайте уменьшим его с помощью маркера размера. Возьмемся за правый нижний маркер в углу и перетащим его вверх по диагонали. Рисунок уменьшен. И ещё раз повторю, что это рисунок является эскизом. Сохраните изменения. На экране появилось окно Сохранение внедренных файлов. Здесь почему-то не один файл, а два, хотя расширение первого файла мы пока не видим. Раздвинем границу первого столбца. Для этого наведите на нее указатель мыши. Как только указатель превратился в двунаправленную стрелку, нажмите левую кнопку мыши и перетащите границу вправо. У первого по списку файла расширение jgp, а у второго gif. На рисунке справа видно, что второй
166
TeachPro Microsoft FrontPage 2003
файл, больше в размере. Щелкните верхний. Этот файл значительно меньше и он будет служить в качестве эскиза и находиться на странице, а нижний файл будет открываться при щелчке на этом эскизе. Давайте изменим имена файлов. Выберите верхний, и нажмите кнопку Переименовать. Вместо непонятных цифр введем слово House. Щелкните второй файл. После щелчка он выделился. Не обязательно нажимать кнопку Переименовать, можно просто щелкнуть это же имя еще раз. Имя файла теперь оказывается в рамке. Еще раз щелкните, выделение снято, можно убрать старое имя файла, и вписать новое House. Щелкните за пределами имени. Программа только что обнаружила, что имя House уже имеется в папке Images, поэтому вместо действия Сохранить, которое здесь было, до этого момента появилось Заменить. Мы тем самым заменим House, сохраненное ранее в папке Images новым файлом. House_small означает Дом маленький. Так будет несложно запомнить отличие между этими двумя файлами. Нажмите кнопку ОК в окне Сохранение внедренных файлов. Просмотрим эту страницу в веб-обозревателе. Откройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе и щелкните Microsoft Internet Explorer 6. Файл Index открыт в этом веб-обозревателе. Подведите указатель мыши к изображению. Указатель превратился в руку, что указывает на наличие гиперссылки. Щелкните левой кнопкой мыши. Вместо документа мы теперь видим изображение. В строке Адрес видим имя файла, который мы сейчас открыли. Это файл House с расширением gif. Таким образом, мы перешли от эскиза, созданного автоматически, к самому рисунку. Нажмите кнопку Назад, и мы вернулись к странице и к эскизу, изображенному на ней. Слово Дом находится слишком близко к рисунку. Для того, чтобы создать пробел между ними, переключитесь на программу FrontPage. Это можно сделать с помощью сочетания клавиш. Щелкните перед словом Дом и нажмите клавишу Пробел. Сохраните изменения. Снова переключитесь на Internet Explorer. Здесь пока пробел не появился. Нажмите кнопку Обновить. Программа обнаружила изменения и создала пробел между словом Дом и изображением дома. Закройте этот веб-обозреватель.
* * * 9.4. Поиск клипа в коллекции Microsoft без ключевого слова Еще одно изображение мне нужно поместить в документ Ведущие. Щелкните вкладку Веб-узел. Документ Ведущие это файл Trainers. Выберете его двойным щелчком мыши. Этот документ открыт. В том месте, где сейчас находится курсор, и будет находиться изображение, но сначала его нужно найти в коллекции клипов Microsoft. Сейчас область задач коллекции клипов открыта. Щелкните в текстовом поле Искать. Удалите слово Дом. Введите сюда слово Ведущие. Для поиска этого слова в коллекции клипов нажмите кнопку Начать. Внизу, в том окне, в котором обычно бывают клипы, ничего нет, вверху указание Клипы не найдены. Следовательно, ключевого слова Ведущие в коллекции клипов не предусмотрено. Удалите это слово. Раскройте список Просматривать. Теперь раскройте список коллекции Microsoft Office. В коллекции Microsoft Office выбраны все флажки. Щелкните корневую папку, ещё раз щелкните ее. Все флажки сняты. Теперь установим флажки только рядом с теми папками, которые нам нужны. Например, это может быть папка Бизнес, нажмите знак + рядом с ней. Здесь имеются подкаталоги: Канцтовары и Понятия. Выберем флажок Понятия. Рядом тоже находится знак +. Щелкните его. Подкаталогов нет. Где ещё могут находиться изображение людей? Например, Государство. Здесь также два подкаталога: Армия и Закон. Щелкните просто Государство. Переместите ползунок вниз, щелкнув на полосе прокрутки. Рядом с папкой Люди находится знак +. Щелкните его. Группы и Отдельные, вот какие подкаталоги
Глава 9. Коллекция картинок Microsoft
167
здесь есть. Установите флажок Люди, для того чтобы установить одновременно и флажок для остальных папок, находящихся внутри этой папки, Щелкните флажок Люди ещё раз. Таким образом, мы выделили всё, что есть в этой папке и во вложенных в нее папках. Просмотрим остальные папки. Установим флажки везде, где могут находиться нужные изображения, например Образование, Общение, Особые случаи, Отдых, Персонажи, щелкните полосу прокрутки, Профессии. Щелкните ещё раз на полосе прокрутки, Чувства. Для того, чтобы просмотреть все клипы, которые имеются в выбранных папках, ничего не пишите в поле искать. Просто нажмем кнопку Начать. Программа нашла ряд клипов. Мы можем их просмотреть и решить, подходит ли какое-либо изображение для данной веб-страницы. Возможно, подойдет изображение девушки с прической под каре и с папками в руках – деловая женщина, о чем сказано в подсказке как раз. Ключевые слова, назначенные этому изображению: Девушки, Деловая женщина, Женщины. Для того, чтобы вставить это изображение на страницу, нужно навести указатель мыши на него, нажать левую кнопку мыши и не отпуская вести на страницу. Там, где появляется вертикальная линия, будет и вставлено изображение. Я отпущу левую кнопку мыши тогда, когда вертикальная линия находится перед словами Наши ведущие. Картинка вставлена на страницу. Для того, чтобы уменьшить ее размер щелкните картинку правой кнопкой мыши, В контекстном меню выберите команду Автоэскизы. Теперь уменьшим это изображение, которое помещено в рамку, взявшись за левый верхний маркер размера. Сохраните файл. Появилось диалоговое окно Сохранение внедренных файлов. Я увеличу первый столбец. Таким образом, мы можем видеть расширение первого файла. Программа опять добавила к нему слово Small – маленькое. Это означает, что первая картинка это эскиз. Вместо непонятных цифр впишем понятное слово Girl. Для второго изображение то же самое. Удаляем цифры и вписываем Girl, папка Images, действие Сохранить. Всё это остается без изменений. Нажмите кнопку ОК в окне Сохранение внедренных файлов. Теперь это изображение является ссылкой на более крупное изображение, сохраненное в папке Images. Убедиться в этом можно, щелкнув этот эскиз. Теперь на панели инструментов щелкните кнопку Добавление гиперссылки. На экран выведено окно Изменение гиперссылки. По умолчанию открыта папка веб-узла, в которой мы сейчас работаем. Это папка Trainers. Внизу в поле адрес введен адрес того файла, на который ссылается эскиз. Это файл Girl с расширением gif, находящийся в папке Images. Нажмите кнопку Отмена в этом окне. Возможно, это изображение девушки, которое мы обнаружили в коллекции, понадобится и на других страницах или при работе над другими веб-узлами. Можно ли сохранить ее в какую-либо отдельную папку в коллекции клипов Microsoft? Раскройте список Просматривать. В этом списке мы видим целый ряд папок, которые уже имеются в коллекции. В том числе здесь есть такая папка как Мои коллекции, но для того, чтобы иметь возможность добавлять туда клипы, мы должны открыть программу Коллекция картинок Microsoft. Щелкните за пределами списка. Как работать с программой Коллекция картинок, вы узнаете на следующем уроке.
* * * 9.5. Интерфейс программы Коллекция картинок Microsoft Для того, чтобы получить полную власть над коллекцией клипов Microsoft, в области задач щелкните ссылку Упорядочить картинки. На экран выведено сразу два окна. Первое из них сейчас недоступно, а второе – это добавление клипов в коллекцию. Программа позволяет внести в коллекцию картинок все файлы, которые имеются на жестком диске компьютера. Имеются в виду файлы рисунков, звуков и фильмов. Чтобы внести эти
168
TeachPro Microsoft FrontPage 2003 файлы в коллекцию клипов немедленно, можно нажать кнопку Сейчас, чтобы сделать это не сейчас, а позже, имеется соответствующая кнопка Позже. Нажмите кнопку Параметры. На экране появилось окно Параметры автоматического импорта. Программа может внести в коллекцию те клипы, которые находятся в папках, обозначенных флажками. Чтобы не вносить эти клипы в коллекцию, можно снимать флажки возле соответствующих папок. Например, я снял флажок у папки Help. Есть ещё папка 0419, в которой имеются какие-то клипы. Чтобы не вносить оттуда клипы в коллекцию Microsoft снимите флажок. Таким образом, можно определить, какие папки нужны, а какие нет. На компьютере их довольно много. И это занятие займет у вас немало времени. Можно оставить всё так, как есть, и просто нажать кнопку Каталог. В этом случае каталог, состоящий из клипов, будет создан. Нажмите кнопку Отмена. Теперь стало доступным окно Коллекция картинок Microsoft. Это отдельная программа, которую мы вызвали из FrontPage. Сейчас выбрана папка Избранное, соответствующая надпись имеется в строке заголовка. Если щелкнуть другую папку в списке, например, Неклассифицированные, то эта же надпись появляется в строке заголовка. Хотя я вызвал коллекцию картинок из программы FrontPage, это отдельная программа, её можно вызывать отдельно. Закройте окно программы коллекция картинок. Откройте меню Пуск, наведите указатель мыши на строку Все программы. В меню найдите строку Microsoft Office. Здесь наведите указатель мыши на строку Средства Microsoft Office. В подменю, которое появилось, нужно щелкнуть строку Коллекция картинок. На экране опять появилось окно программы Коллекция картинок. Иначе говоря, она может работать независимо от программы FrontPage. Рассмотрим, из каких деталей состоит интерфейс. Раскройте это окно полностью на весь экран. Как и в любой уважающей себя программе, вверху находится строка заголовка, под ней - строка меню. Ниже находится панель инструментов. Ещё ниже в левой части – область задач. Сейчас она имеет название Список коллекций, но это название можно будет изменить. И правее та область, в которой мы будем видеть эскизы картинок. В нижней части строка состояния. Для того, чтобы открыть какой-нибудь меню, нужно его щелкнуть левой кнопкой мыши, например меню Файл. Оно раскрылось. Повторный щелчок приводит к закрытию этого меню. Раскройте его ещё раз. Теперь, не щелкая, переместите мышь вправо. Открывается следующее меню и так далее. Это меню Вид, это меню Сервис, и меню Справка. Щелкните его. Мы убрали меню с экрана тем самым. Ниже, как уже было сказано, находится панель инструментов. Сейчас нажата кнопка Список коллекций. Соответственно в области задач имеется заголовок Список коллекций. Нажмите теперь кнопку Поиск, левее. Эта кнопка позволяет вывести в области задач заголовок Поиск. И все соответствующие функции, которые в нем есть. Правее на панели инструментов имеются такие кнопки как: Копировать, Вставить, Удалить из коллекции картинок, Эскизы, Список, Сведения и Клипы в Интернете. Теперь разберемся с областью задач. Щелкните ее заголовок. Здесь
Глава 9. Коллекция картинок Microsoft
169
четыре пункта: Список коллекций, Поиск, здесь установлен сейчас флажок, еще один Поиск, флажка здесь нет сейчас и справка. Щелкните нижний поиск. Эта система поиска позволяет находить слова в справочной системе программы. Щелкните заголовок области задач ещё раз. Теперь щелкните верхний поиск. Здесь можно находить картинки. Такую же область задач мы видели в окне программы FrontPage, только с правой стороны. Щелкните заголовок и выберите верхнюю строку Список коллекций. Вот здесь мы и можем добавить в папку Мои коллекции новые файлы. На данный момент здесь ничего нет. Ни в папке Мои коллекции, ни в папке Избранное, ни в папке Классифицированные клипы. Для того, чтобы добавить в папку Мои коллекции какие-нибудь клипы в автоматическом режиме, откройте меню Файл, наведите указатель мыши на строку Добавить клипы в коллекцию, появляется подменю, состоящее из трех пунктов. Нас сейчас интересует верхний – Автоматически. На экране появилось окно, которое мы уже видели ранее Добавление клипов в коллекцию, но в первый раз оно появлялось автоматически при запуске программы Коллекция картинок.
* * * 9.6. Автоматический ввод клипов в коллекцию. Свойства клипа. Для того, чтобы внести в папку Мои коллекции все те файлы, которые имеются на компьютере, а имеются ввиду файлы мультимедиа. Нужно просто нажать кнопку ОК в этом окне, что я сейчас и сделаю. На экране появилось окно Коллекция картинок. Создаются коллекции из имеющихся на компьютере файлов мультимедиа. Если вам не нужно создавать такую коллекцию, вы можете нажать кнопку Остановить, но я не буду этого делать. Поскольку мультимедийных файлов в компьютере достаточно много, этот процесс может занять некоторое время. Коллекция создана, и программа начала добавлять ключевые слова в клипы для возможности последующего поиска этих клипов. Вы и в этом окне можете нажать кнопку Остановить. Опять же я этого делать не собираюсь. Процесс добавления ключевых слов тоже может быть достаточно продолжительным. Уже введено более 25 тысяч ключевых слов, на что указывают цифры вверху. Ввод ключевых слов заканчивается и здесь уже более 40 тысяч ключевых слов. После завершения процесса окно просто исчезает, а в папке Мои коллекции появился ряд новых папок. В частности All users и другие, включая папку Windows. Все эти папки были обнаружены программой на жестком диске компьютера. И в частности в папке Windows найдены следующие изображения. После щелчка мыши на каком-либо из этих изображений, оно, в отличие от программы FrontPage не копируется куда-либо, а просто выделяется. Щелкните крайний правый внизу рисунок. Он выделился, причем это не обычный рисунок, а возможно анимированное изображение. Или видео клип. На это указывает значок в правом нижнем углу этого изображения. Для того, чтобы понять, что это за клип, наведите на него указатель мыши. Во всплывающей подсказке имеется указание на расширение файла avi. Такое расширение имеют видео файлы. Наведите указатель мыши на изображение слева. Это действительно рисунок, потому что у него расширение bmp, растровое изображение. Папка Windows имеет вложенные папки. Щелкните знак + рядом с ней. Здесь такие папки, например, как Help, Media и другие. В папке Media набор совершенно других файлов, хотя это тоже клипы. Наведите указатель мыши на первый из них. Всплывающая подсказка говорит, что это файл типа wav, то есть звуковой файл. Надо иметь в виду, что программа Коллекция картинок не копирует файлы в какую-либо отдельную папку, а просто создает ссылки на файлы. Все, что вы видите сейчас, - это ссылки на соответствующие файлы в папке Windows, которая на самом деле находится на жестком диске компьютера в соответствующем месте. Эта папка была создана во время ус-
170
TeachPro Microsoft FrontPage 2003
тановки Windows на компьютер. Такие же ссылки имеются в папке Docs, например, которая физически находится у меня на диске D, на моем компьютере. Здесь множество вложенных папок, например папка My sites. В ней самой никаких файлов мультимедиа нет. Щелкните знак + слева. Зато в этой папке имеются вложенные папки, такая, например, как Jpg. В этой папке есть целый набор фотографий, которые отображаются в коллекции картинок в виде эскизов. Сверните папку Docs. Щелкните папку Windows. Программа Коллекция картинок не только внесла клипы сюда, но и ввела ключевые слова. Посмотреть что это за ключевые слова можно следующим образом: наведите указатель мыши, например, на верхнюю левую картинку. Справа появляется кнопка со стрелкой. Щелкните ее левой кнопкой мыши. Появилось меню, в котором имеется такой пункт, как Просмотр и свойства. Выберите его. На экран выведено окно Просмотр и свойства. Для просмотра конкретного клипа имеется окошко. В левой верхней части окна. Вот картинка, свойства которой мы открыли. Справа вверху имя этой картинки. Blue lace 16 расширение bmp. Тип файла указан ниже – это точечный рисунок, но это и так понятно, если вы посмотрите на расширение. Ниже указано разрешение 48 точек по ширине на 48 по высоте. Размер файла 2 Кбайта, создан он 17 июня 2004 года, ориентация альбомная. Ключевые слова указаны ниже в списке. Сейчас здесь два ключевых слова: Windows и bmp. Windows – это папка, в которой сохранен этот файл, программа внесла имя папки в список ключевых слов. Bmp – это расширение файла, расширения также вносится программой автоматически как ключевые слова. Где физически находится этот файл, можно увидеть внизу. Это - строка Файл. Реальное местоположение файла - это диск С, папка Windows, в которой и находится файл Blue lace 16, а вот где находится ссылка, указывающая на этот файл, то есть ссылка, принадлежащая программе Коллекция картинок, указано ниже. Передвиньте окно Просмотр и свойства вниз. Для того, чтобы увидеть в окне Просмотр и свойства следующий клип, имеющийся в списке, можно нажать кнопку со стрелкой, указывающей вправо в этом окне. Далее. Здесь мы видим картинку, которая имеет имя Soap Bubbles. Ещё раз нажмите Далее. Это - картинка Coffee Bean, которая имеется в списке наверху. Вот эта картинка. Предыдущая находится здесь же. Чтобы в окне Просмотр и свойства вернуться к предыдущей картинке, нажмите кнопку со стрелкой, указывающей влево. Ещё раз нажмите ту же кнопку. Мы видим первую картинку. Нажатие кнопки обновить приведет естественно к обновлению картинки, представленной здесь. Если бы это была не картинка, а например, звуковой файл, то мы услышали бы звук сначала, кнопка Изменить ключевые слова, служит для того, чтобы добавлять или убавлять ключевые слова в список. Нажмите ее. На экране появилось окно Ключевые слова. Здесь тоже имеется окошко, в котором можно просматривать клип. Также имеются кнопки назад и далее. Для перехода к следующему клипу нажмите кнопку Далее. Для возвращения к предыдущему нажмите кнопку Назад. Подпись можно изменить. Щелкните в этом поле, и например, удалите цифру 16. теперь щелкните в текстовом поле ключевое слово. Здесь появился курсор. Справа имеется кнопка. Щелкните ее. Появилось окно, в котором ничего нет. Ключевое слово пока вводить не будем, проверим, изменена ли подпись для файла реально. Нажмите кнопку Применить. Затем кнопку ОК. Имя файла осталось прежним, но подпись, которая находится под картинкой, изменилась. Теперь это просто Blue lace, а не Blue lace 16. Нажмите ещё раз кнопку Изменить ключевые слова.
* * *
Глава 9. Коллекция картинок Microsoft
171 9.7. Свойства клипа. Копирование, вставка и удаление клипов.
Снова поставьте курсор в поле Ключевое слово. И на этот раз введем какое-нибудь ключевое слово, которое позволит нам идентифицировать этот файл. Например, Орнамент. Я напишу его по-английски Ornament. Для добавления ключевого слова в список справа имеется кнопка Добавить. Нажмите ее. Слово Ornament оказалось в списке слов. Добавим ещё какое-нибудь ключевое слово. Поставьте курсор в поле Ключевое слово. Удалите слово Орнамент, и напишите, например, картинка. Нажмите кнопку Добавить. Поскольку картинок может быть тысячи и миллионы, такое ключевое слово нам ничего не дает. Чтобы удалить его, выделите в списке, справа нажмите кнопку Удалить. Слово удалено из списка. Для изменения имеющихся ключевых слов, выделите нужное, например Windows, оно же появилось в поле Ключевое слово наверху. Поставьте там курсор. Курсор стоит в конце слова. Нажмите клавишу Back space для удаления последней буквы. Буква удалена, и стали доступными кнопки Добавить и Изменить. Нажмите кнопку Изменить. Теперь вместо слова Windows в списке слово window. Для нового изменения я удалю несколько последних букв слова в поле Ключевое слово, при этом кнопка Изменить опять стала доступной и впишу в этом поле те же буквы Windows только маленькими теперь нажмите кнопку Изменить. Слово windows теперь написано так: первая буква заглавная, остальные строчные. Для применения и одновременного закрытия окна Ключевые слова, нажмите кнопку ОК в этом окне. Нажмите кнопку закрыть в окне Просмотр и свойства. Мы просмотрели рисунок. Теперь просмотрим видео файл. Наведите указатель мыши на него. Щелкните кнопку справа. Щелкните команду Просмотр и свойства. Мы видим, что это видео файл. Издается определенный звук, и меняются цифры на изображении. Нажмите кнопку Обновить. В этом случае всё начинается сначала. Мы опять видим, как стрелка перемещается, слышим звук, и видим меняющиеся цифры. Кроме кнопки обновить мы можем использовать кнопки, которые появились выше. Это кнопка Воспроизведение, Приостановка и остановка. Нажмите кнопку Воспроизведение. Воспроизведение опять началось. Для приостановки нажмите кнопку Приостановка. Мы остановились на цифре 7. нажмите кнопку Воспроизведение. Воспроизведение продолжается. После того как я нажал остановку, воспроизведение прекратилось полностью. Здесь мы также можем назначать ключевые слова, которые захотим. Для этого можно использовать кнопку Изменить ключевые слова. Появляется окно, нажмите кнопку Стоп. Появляется окно Ключевые слова. Для файлов видео, их можно вносить тем же способом, что и для рисунков, то есть щелкнуть в поле Ключевое слово, ввести это слово туда, и нажать кнопку Добавить. Щелкните в этом окне кнопку Отмена. Таким образом, список ключевых слов мы не изменили. Нажмите кнопку Закрыть. Тем не менее, изменить список ключевых слов мы можем и другим способом. Щелкните кнопку. Мы можем изменить список ключевых слов, не нажимая команды Просмотр и свойства. Щелкните команду Изменить ключевые слова, которая находится выше. На экране появилось окно Ключевые слова. Остановите проигрывание файла. Действия здесь те же: щелкаете в поле Ключевое слово, вводите его туда и затем применяете изменения. Сейчас нажмите кнопку отмена. Какие ещё действия мы можем применить к какому-либо изображению, видео файлу, или музыкальному файлу? Щелкните кнопку выделенного файла ещё раз, в списке найдите команду Копировать в коллекцию. Щелкните ее. На экране появилось окно Копирование в коллекцию. Здесь одна основная коллекция, которая имеет имя Моей коллекции. Здесь нет ни коллекции Microsoft office, ни веб-коллекции. То есть изменять мы можем только папку Мои коллекции. Скопируем, например выделенный клип в папку Избранное, которая
172
TeachPro Microsoft FrontPage 2003
находится внутри папки Мои коллекции. Для этого после выделения папки нажмите кнопку ОК. Окно исчезло с экрана. Это означает, что файл скопирован в папку Избранное. Убедимся в этом. Чтобы убедиться, нужно щелкнуть данную папку. В ней появился один единственный файл – тот, который мы и скопировали. Вернитесь в папку Windows. Щелкните кнопку на файле Часы. Кроме копирования мы можем использовать перемещение файла. Для этого нажмите команду Переместить в коллекцию. Появилось похожее окно, но называется оно по-другому Перемещение в коллекцию, а не копирование. Здесь тоже только одна основная папка Мои коллекции, и в ней все те папки, которые вложены. Переместим часы в папку, например Неклассифицированные клипы. Для этого выделяем ее, затем нажимаем кнопку ОК. Из папки Windows файл естественно исчез. И он должен был появиться в папке неклассифицированные клипы. Выберите ее. Так оно и произошло. Для того, чтобы удалить клип из конкретной папки, нажмите кнопку справа, в контекстном меню выберите команду Удалить из Неклассифицированные клипы. В данном случае будет удаление из названной папки. Изображение исчезло. Щелкните папку Избранное, здесь оно осталось. Для копирования и вставки клипов можно также использовать кнопки на панели инструментов. Выделите нужный клип, в этой папке он только один, и нажмите кнопку Копировать. Клип скопирован в буфер обмена. Вставим его, например, опять в папку Windows. Для вставки также используйте кнопку. Это кнопка Вставить. Клип появился на своем прежнем месте. Вернитесь в папку Избранное, выберите нужный клип, и на панели инструментов нажмите кнопку Удалить. Это будет удаление из коллекции картинок полное. Программа просит подтверждения. Выбранные клипы будут удалены из всех коллекций картинок. Мы можем нажать кнопку Отмена или кнопку ОК. Нажмите ОК. В папке Избранное клип исчез. Щелкните папку Windows. Здесь тоже этого клипа больше нет. То есть все ссылки на клип Часы, удалены из коллекции картинок.
* * * 9.8. Ввод клипов в коллекцию вручную и со сканера. Добавлять клипы в определенные папки моих коллекций можно и вручную. Сверните папку Windows, выберите папку Избранное. Здесь нет сейчас ни одного клипа. Раскройте меню Файл. Наведите указатель мыши на строку Добавить клипы в коллекцию. В меню выберите вторую строку Вручную. На экран выведено окно Добавление клипов в коллекцию. В строке заголовка указана папка, в которую они будут добавляться – Избранное. По умолчанию в окне открыта папка Мои рисунки. Здесь имеется вложенная папка Sample pictures, откройте ее. В этой папке четыре изображения. Щелкните файл Water lilies. В правом нижнем углу окна нажмите кнопку Добавить. Ссылка на файл lilies добавлена в папку Избранное в Моих коллекциях. Наведите указатель мыши на это изображение. Всплывающая подсказка, в ней указана подпись Water lilies, то есть это имя файла, которое используется в качестве подписи. Добавим ещё одно изображение в эту коллекцию в папку Избранное. Откройте меню Файл. Подведите указатель мыши к строке Добавить клипы в коллекцию, выберите команду Вручную. Выберем какой-нибудь другой файл, для этого раскроем список папок, щелкните в списке диск D, My files. Здесь выберете папку Docs двойным щелчком мыши, в списке папок щелкните дважды папку My sites и в ней папку Jpg. Для того, чтобы увидеть файлы не в виде списка, а в виде эскизов, щелкните стрелку рядом с кнопкой Представление. В списке выберите строку Эскизы. Найдите нужное изображение. Изображение компактдисков, например. Имя этого файла cdrw2. использовать его в качестве подписи клипа нежелательно, поэтому
Глава 9. Коллекция картинок Microsoft
173 внизу введите имя клипа в соответствующем поле, например, компакт диски. Ссылки на эти изображения не обязательно добавлять в папку Избранное, которая была выбрана. Для изменения папки нажмите кнопку Добавить в. На экране появилось окно Импорт в коллекцию. В папке Мои коллекции мы можем выбрать ту папку, которая нас больше устраивает, или создать вообще новую папку. Для этого нужно внизу нажать кнопку создать. Теперь мы видим окно Создание коллекции. Имя папки нужно ввести в поле Имя. Например, я напишу по-английски Photos, нажмите кнопку ОК в этом окне. Папка Photos появилась внутри папки Мои коллекции, потому что папка Мои коллекции была выбрана. Щелкните папку Photos и нажмите кнопку ОК для импорта в эту коллекцию. В окне Добавление клипов в коллекцию, имя изменилось. Теперь это не папка Избранное, а папка Photos. Выберите ещё раз нужное изображение и нажмите кнопку Добавить. В папке Избранное, которая сейчас выбрана, не появилось никаких изображений. Зато в папке Мои коллекции мы теперь видим папку Photos. Щелкните ее. Вот как раз в этой папке и появилось выбранное изображение. Наведите указатель мыши на появившееся изображение. Подпись никак не изменилась – это по-прежнему cdrw2. Щелкните кнопку на этом изображении. Выберите команду Изменить ключевые слова. Подпись напишем здесь. Вместо cdrw2 напишите Компакт-диски. Теперь нажмите кнопку ОК. наведите указатель мыши на изображение теперь. Мы видим подпись Компакт диски. Если нужное изображение вам не удается найти ни в коллекции Microsoft office, ни в папке Мои коллекции, существует возможность внести новое изображение с помощью сканера, или камеры. Откройте меню Файл, наведите указатель мыши на строку Добавить клипы в коллекцию в подменю выберите команду Со сканера или камеры. На экране появилось окно Вставка рисунка со сканера или камеры. Здесь следует выбрать устройство, щелкните кнопку в списке, выберите нужное устройство, ниже имеются два переключателя, они определяют разрешение изображения. Оно может быть оптимизировано для передачи по Интернету, или для печати. Веб-узлы в основном создаются для помещения в Интернете. Поэтому выберите переключатель Для передачи по Интернету. Затем нажмите кнопку Вставить. Начинается процесс получения изображения, на что указывает индикатор внизу. После того, как процесс сканирования закончен, окно исчезает с экрана, и в списке Мои коллекции вы видите папку Epson Perfection 1260. это в данном случае, то есть это устройство, которое использовалось при сканировании. Щелкните его. В правой области появилось изображение, которое было отсканировано. Для его просмотра можете щелкнуть кнопку справа или щелкнуть изображение правой кнопкой мыши. Результат будет один и тот же – контекстное меню. Выберите команду Просмотр и свойства. В этом окне указан путь, куда был сохранен файл реально, а так же путь к каталогу, в котором имеется ссылка на данный файл. Закройте это окно. Для того,
174
TeachPro Microsoft FrontPage 2003
чтобы изменить подпись, под этим клипом, щелкните кнопку, выберите команду Изменить ключевые слова. Вместо того текста, который введен в текстовой поле Подпись, а на самом деле это в основном цифры, напишем какое-нибудь слово, можно по-английски, Discussion, например, то есть обсуждение. Нажмите кнопку ОК.
* * * 9.9. Вставка клипа из коллекции во FrontPage. Загрузка клипов из Интернета. Чтобы вставить это изображение на страницу FrontPage, его нужно скопировать, щелкните изображение, нажмите кнопку Копировать на панели инструментов, теперь откройте программу FrontPage. Для этого можно воспользоваться сочетанием клавиш Alt+Tab. Вставим новый клип, вместо того, который сейчас имеется на странице. Для этого выделим его, для удаления нажмите кнопку Delete. Теперь остается вставить новое изображение. Для этого нажмите кнопку Вставить на панели инструментов. Изображение вставлено, но оно чрезмерно большое, поэтому сделаем из него авто эскиз, чтобы пользователь мог при желании открыть фотографию полностью. После щелчка правой кнопкой мыши выберите команду Авто эскизы. Программа автоматически превратила изображение в эскиз. Нажмите кнопку Сохранить. Изменим имена файлов. Вместо неудобочитаемых цифр введем слово Discussion и в следующем файле тоже. Для сохранения внедренных файлов нажмите кнопку ОК. Закройте страницу Trainers. Для того, чтобы найти изображение, которое мы только что внесли в коллекцию клипов, щелкните в поле Искать, введите слово Discussion, раскройте список Просматривать. Изображение было внесено в коллекцию под названием Мои коллекции. Щелкните ее и ещё раз щелкните, чтобы выбрать все подкаталоги. Закройте этот список, и раскройте список Искать объекты. Здесь выбраны только картинки. Нажмите кнопку начать. На одного клипа программа не нашла. Дело в том, что картинки и фотографии разные вещи. Выберите список Искать объекты, установите флажок Фотографии. Щелкните за пределами списка. Повторите поиск, нажмите кнопку Начать. На этот раз нужное изображение найдено. Как видите, доступ к коллекции клипов мы можем получать прямо из программы FrontPage. Откройте файл Details под названием Специфика. Сюда нужно вставить ещё одно изображение. Вернитесь обратно в программу Коллекция картинок Microsoft. Для этого можно воспользоваться сочетанием клавиш Alt+Tab. Если вы не знаете, по какому ключевому слову или в каком разделе искать изображение, можно просто открывать все разделы подряд и выбирать наиболее подходящие изображения, хотя это займет достаточно много времени. Клипы можно представить не только в виде эскизов в этой программе, но и, например, в виде списка. Наведите указатель мыши на кнопку рядом с той, которая сейчас нажата. Это список. Щелкните ее. Сейчас все эти файлы представлены в виде списка. Рядом имеется кнопка сведения. Нажмите ее. В таком виде мы видим более подробную информацию о каждом файле, то есть размер его, какое у него расширение, какая подпись, имеющиеся ключевые слова, и дата. Если, тем не менее, вы не нашли подходящих изображений, и у вас нет изображений, которые можно отсканировать, попробуйте найти клипы в Интернете. Для этого на панели инструментов есть кнопка Клипы в Интернете. Нажмите ее. На экран выведено окно веб-обозревателя. Сейчас в нем не отображается нужная информация, поскольку нет подключения к Интернету. Установите подключение, а пока это окно можно закрыть. Соединение установлено.
Глава 9. Коллекция картинок Microsoft
175
Теперь можно нажать кнопку Клипы в Интернете. Страница загружается. Это страница Microsoft office online картинки и клипы. Картинки здесь можно находить с помощью ключевых слов, их нужно вводить в поле наверху, справа. Например, поищем изображения, для которых назначено ключевое слово Люди. Страница отображается сейчас не полностью, переместите вправо ползунок на нижней полосе прокрутки. Это можно сделать щелчком мыши на самой полосе. Правее от текстового поля имеется кнопка переход. Нажмите ее. Появилась страница, содержащая клипы, для которых назначено ключевое слово Люди. Один из них это анимированное изображение. Давайте его поместим в подборку. Для этого нужно щелкнуть четырехугольник, находящийся ниже. После того, как мы щелкнули, слева появилась цифра, указывающая на количество выбранных элементов. Выбранные элементы 1, его размер 9 Кбайт. Для продолжения просмотра найденных изображений, нужно переместить горизонтальную полосу прокрутки вправо. Нажмите ссылку Следующая. Загружается вторая страница, содержащая изображения с ключевым словом Люди. Если вам здесь ничего не нравится, то перейдите к следующей странице. Выберем, например два изображения здесь. Количество выбранных элементов всего теперь составляет 3, размер 95 Кбайт. Для того, чтобы скопировать выбранные элементы на свой компьютер, слева нажмите ссылку Загрузить элементы, либо ссылку Загрузить элементы, которая находится вверху. Я щелкну здесь. Программа установила элемент управления ActiveX для Microsoft office online, и предлагает продолжить. Для этого нажмите кнопку Продолжить. На экране появилось окно Загрузка. Здесь имеются сведения о подборке тех элементов, которые мы выбрали. Всего их три. Для начала загрузки нажмите кнопку Загрузить. После нажатия кнопки появилось диалоговое окно Загрузка файла. У нас есть несколько вариантов действий. Нажать кнопку Подробнее, отменить действие, нажатием кнопки отмена, сохранить файлы, или открыть программу. Нажмите кнопку Открыть. Открылась программа Коллекция картинок, и происходит загрузка этих файлов на компьютер. В папке Мои коллекции появилась новая папка Загруженные клипы. Все клипы, которые были загружены находятся в различных папках, щелкните эскизы, чтобы видеть, что это за клипы. Теперь выберите подкаталог Веб-элементы. Здесь один из тех клипов, которые мы загрузили. Щелкните теперь подкаталог Люди, здесь тоже один, ниже – Общение, здесь имеются два из них, то есть файлу дублируются здесь, точнее это не файлы, а ссылки на них. Отдых – один элемент, и профессии, и здесь один клип. Щелкните ещё раз Загруженные клипы. Здесь все три клипа. Сверните окно программы Коллекция картинок.
* * * 9.10. Сохранение и использование клипов В программе веб-обозреватель ещё рез нажмите кнопку Загрузить. Мы опять видим диалоговое окно Загрузка файла. На этот раз нажмем не кнопку Открыть, а кнопку Сохранить. Программа вывела на экран окно Сохранить как. В нем раскройте список папок и найдите ту папку, куда вы хотите сохранить новые файлы. Я, например, нажму диск D, My files, открою папку Docs, в этой папке открою My sites, и здесь Jpg. Имя файла указано внизу Clipart, с расширением mpf, это - файл медиапакета коллекции картинок. Нажмите кнопку Сохранить. Идет загрузка файла на компьютер. Этот файл хранит в себе все три изображения, которые мы выбрали. Загрузка завершена, о чем программа нам и сообщает. Нажмите кнопку Закрыть. От Интернета можно отключиться. И закрыть вебобозреватель. В программе Коллекция картинок перетащите ползунок вверх в списке коллекций, сверните список коллекций Microsoft Office. Откройте меню Вид и выберите команду Обновить.
176
TeachPro Microsoft FrontPage 2003
Теперь щелкните знак + рядом со строкой Мои коллекции. В папке Мои коллекции появилась папка Загруженные клипы. Щелкните ее. Все три новых клипа находятся здесь. Нажмите знак + слева. Те же клипы распределены по нескольким другим папкам, находящимся внутри папки Загруженные клипы. Щелкните, например, папку Люди, здесь один клип, щелкните Отдых, здесь тоже один, Общение, здесь два. Но повторяю: все три клипа находятся в папке Загруженные клипы. Для того, чтобы найти именно тот файл, который мы загрузили на жесткий диск компьютера, воспользуемся средствами Windows. Нажмите кнопку Пуск, выберите команду Мой компьютер, здесь выберите диск D, далее папку Docs, в этой папке – My sites, и здесь папку Jpg. Загружен был файл с именем Clipart и с расширением mpf. Вот он. Щелкните его дважды. Программа просто повторила загрузку тех же самых файлов в коллекцию картинок. Для того, чтобы убедиться в этом, давайте удалим папку Загруженные клипы. Выделяем ее, и на панели инструментов нажмите кнопку Удалить. Программа спрашивает: удалить папку Загруженные файлы? Нажмите кнопку Да. Коллекция удалена. Вернитесь в проводник Windows. Ещё раз выберем файл Clipart двойным щелчком мыши. Снова открылась программа Коллекция картинок, и папка загруженные клипы, со всеми ее вложенными папками, опять на месте. Любой из этих клипов мы можем теперь использовать на своей веб-странице. Корпорация Microsoft предоставляет эти клипы бесплатно. Клипы можно не только копировать, но и перетаскивать из программы Коллекция картинок в программу FrontPage. Для этого их нужно расположить на экране так, чтобы они обе были видны. Для уменьшения программы Коллекция картинок наведите указатель мыши на правый нижний угол окна. Когда указатель превращается в двунаправленную стрелку, ведите мышь по диагонали вверх. Таким образом, она уменьшается. Теперь подведите указатель к нижней границе, опять указатель превратился в двунаправленную стрелку. Перетащите мышь вниз, нажав левую кнопку мыши. Справа я размещу окно программы FrontPage. Для этого щелкну его, оно стало активным. Наведите указатель мыши на кнопку Свернуть в окно, и щелкните. Эта программа также свернулась в левую сторону. Она не поняла, что нужно свернуться вправо. Я перетащу ее правее. Область задач Коллекция клипов я закрою в программе FrontPage и немножко увеличу окно вправо. Теперь из программы Коллекция картинок я перетащу верхнее изображение. Нажмите левую кнопку мыши и перетаскивайте изображение в программу FrontPage. Тогда, когда на странице появляется вертикальная черта, вы будете знать, что здесь можно отпускать левую кнопку мыши. Это изображение просто громадное по отношению к странице. Щелкните его правой кнопкой мыши и выберите команду Автоэскизы. Теперь оно представлено в виде небольшого эскиза. Щелкните перед словом «специфика» и нажмите клавишу пробела, так чтобы между изображением и текстом был небольшой пробел. Программу Коллекция картинок закройте, а программу Microsoft FrontPage разверните во весь экран. Щелкните на полосе прокрутки, чтобы передвинуть ползунок вверх, и сохраните эту страницу. Как обычно, программа предлагает сохранить внедренные файлы. Имена, как обычно, следует изменить, чтобы понимать, что это за файлы. Как назвать такой рисунок, мне лично, например, совершенно понятно. Это не кик-боксинг и не борьба, а скорее Love. Верхнее изображение – love_small, нижнее просто love. Нажмите кнопку ОК в окне сохранения внедренных файлов.
* * *
Глава 10. Графика
177
Глава 10. Графика 10.1. Вставка изображений без использования коллекции Вставлять изображение на странице можно не только с помощью коллекции клипов. Если эта область задач сейчас открыта, её можно закрыть. В списке файлов найдите и откройте файл e-mails под названием Почта. Документ Почта открыт. Здесь поставим курсор в том месте, где должно быть новое изображение. Щелкните перед фамилией Семенов. Для вставки рисунка или фотографии, которые хранятся на вашем жестом диске, откройте меню Вставка, наведите указатель мыши на строку Рисунок, в подменю, которое появилось, щелкните строку из файла. На экран выведено диалоговое окно Рисунок. Тип файлов, которые мы можем здесь открыть, указан в строке тип файлов. Это файлы с расширениями gif, jpg и т.д.Найдите папку, в которой как вы уже знаете, хранятся изображения. Для этого на панели адресов можно щелкнуть кнопку Мой компьютер. Выберите диск D, нажмите кнопку открыть, чтобы каждый раз не вести мышку к этой кнопке, выбирайте папки двойным щелчком мыши. Выберите папку Docs, в ней папку My sites, и здесь папку JPG. Выведите список файлов, имена большинства из них нам ни о чем не говорят, поэтому можно нажать кнопку представления, для изменения представлений этих файлов. Теперь они представлены в виде таблицы. Щелкните справа стрелку. Выберем эскизы вверху, теперь файлы будет легче выбрать. Я щелкну здесь изображение Александра Семенова, затем нужно нажать кнопку Вставить. Изображение вставлено и оно оказалось настолько огромным, что не помещается даже на экране. Щелкните его правой кнопкой мыши. В контекстном меню выберите команду Свойства рисунка. Появилось диалоговое окно Свойства рисунка. Прежде всего, нас интересует здесь размер этого рисунка. Ширина его составляет 1600 точек, высота 1200 точек. Размеры можно изменить. Для того чтобы пропорции рисунка при этом не исказились, нужно оставить установленным флажок Сохранять пропорции. Сейчас курсор установлен в поле Высота. Удалите один ноль нажатием клавиши Backspace. Один ноль автоматически был удален программой и в поле ширина. Нажмите кнопку ОК. Фотография уменьшилась. Поставьте курсор перед словом Семенов, нажмите клавишу Пробел. Есть и другой способ вставки изображений на страницу. Для этого можно использовать область Список папок. На панели инструментов нажмите кнопку Переключить панель. Появилась область Список папок. Раскройте папку images. Здесь хранятся изображения, используемые в веб-узле. Для того чтобы скопировать сюда еще одно изображение можно использовать проводник Windows. Щелкните кнопку Пуск и выберите команду Мой компьютер. Найдите папку, в которой хранится необходимое вам изображение. В списке фалов выберем изображение. В области задач можно нажать команду Копировать файл. В окне Копирование элементов нужно указать папку, в
178
TeachPro Microsoft FrontPage 2003
которую следует скопировать выделенный файл. Это папка Мои документы. Переместите вниз ползунок, щелкнув на полосе прокрутки. Нажмите знак + рядом с папкой training. Выберите папку images. Для копирования сюда файла нажмите кнопку копирование. Теперь проводник можно закрыть. На панели инструментов FrontPage нажмите кнопку Обновить. Раскройте еще раз папку images. Это можно сделать двойным щелчком. Файл с именем tania появился в списке. Это файл с расширением JPG. Для того чтобы поместить его на страницу, нужно выполнить перетаскивание. Возьмите этот файл и перетащите на страницу. Во время перетаскивания под указателем появляется прямоугольник. На странице появляется вертикальная черта, указывающая, куда будет вставлен файл. Установим его перед фамилией Мостицкая. Этот файл также велик, поэтому выберите его правой кнопкой мыши, в контекстном меню щелкните команду Свойства рисунка. Снова появилось окно Свойства рисунка. Убедитесь в том, что флажок Сохранять пропорции установлен. Щелкните в поле высота. Удалите одну цифру нажатием клавиши Backspace. Величина ширины также изменилась, нажмите кнопку ОК. Файл уменьшился. Сделаем некоторое расстояние между изображением и текстом. Для небольшого увеличения файла можно использовать перетаскивание. Выделите файл. Возьмитесь, например, за правый нижний маркер размера. Это позволит сохранить пропорции размера. И перетащите его по диагонали вниз. Когда изображение выделено, под ним появляется кнопка, позволяющая выполнить определенные действия. Наведите на нее указатель мыши. Эта кнопка называется Действия с рисунками. Щелкните её. В меню, которое только что появилось, имеется только два пункта: Изменить только атрибуты размера и Изменить рисунок в соответствии с размером. При перетаскивании маркеров мы изменили только атрибуты размера. Объем файла не изменился. Если мы щелкнем переключатель Изменить рисунок в соответствии с размером, изменяется и число пикселей в рисунке в соответствии с тем, был ли он увеличен или уменьшен. Если он был уменьшен, как в нашем случае, то и число пикселей уменьшается, и объем файла изменяется в меньшую сторону. Отмените это действие. Для сохранения документа можно использовать сочетание клавиш Ctrl+С. В ответ выводится диалоговое окно Сохранение внедренных файлов. Поскольку файл Таня уже находился в папке images, Программа предлагает заменить его. Второй же файл находится во внешней папке, поэтому он будет сохранен в папке images, поскольку там его пока нет. Имя этого файла я заменю на другое. Для этого нажмите кнопку Переименовать. Напишем слово Семенов по-английски, затем точка и расширение jpg. Для подтверждения замены имени щелкните за его пределами. Для сохранения обоих файлов нажмите кнопку ОК в этом окне. Файл tania остался в папке images, а файл Семенов появился.
* * * 10.2. Вставка изображений с помощью сканера. Изменение размеров Изображения можно вставлять в веб-страницы с помощью сканера или камеры. В области веб-узел откройте документ чем платить, это файл money. Для того чтобы заголовок не дублировался, удалим его. Нажмите клавишу Delete. В том месте, где сейчас находится курсор, будет вставлено изображение с помощью сканера. Откройте меню Вставка, наведите указатель мыши на строку Рисунок. Появилось подменю. Выберите здесь команду Со сканера или камеры. На экран выведено диалоговое окно Вставка рисунка со сканера или камеры. Раскройте список Устройства и выберите то устройство, которое необходимо. Ниже находятся переключатели для передачи по Интернету и для печати. По умолчанию выбран первый переключатель для передачи по Интернету, его и оставим. Если вы хотите после сканирования добавить автоматически изображение в коллекцию картинок Майкрософт, то поставьте флажок Добавить рисунки в коллекцию картинок. Я не буду этого делать и сниму флажок. Для того чтобы отсканировать и вставить изображение, нажмите кнопку Вставить. Началось сканирование. По окончании этого процесса изображение вставлено на страницу. Нажмите клавишу пробела на клавиатуре. Сохраните страницу сочетанием клавиш Ctrl+С. На экран выведено окно Сохранение внедренных файлов. Имя сохраняемого файла, которое предложила программа, - money1. Единицу можно убрать. Щелкните за пределами имени.
Глава 10. Графика
179
Таким образом мы подтвердили изменение имени. Папка, в которую будет сохранен файл images, действие Сохранить, здесь все оставляем без изменений. Нажмите кнопку ОК. Уже вставленное изображение можно перемещать. Нажмите и удерживайте кнопку мыши на объекте, он выделен. Теперь перемещайте мышь так, чтобы поместить объект после слова Рубли. После этого слова появилась вертикальная черта. Отпустите мышь. Объект вставлен. После слова Рубли можно сделать пробел. Изображение, которое вы вставили, можно изменять. Для этого наведите указатель мыши на панели инструментов и щелкните правую кнопку мыши. Появилось меню, в котором нужно выбрать команду Рисунки. На экране отображается панель инструментов Рисунки. Выберите объект, который нужно изменить. В нашем случае это отсканированное изображение пяти рублей. Для того чтобы повернуть его влево на 90 градусов, используется кнопка Повернуть влево на 90 градусов, т.е против часовой стрелки. Щелкните эту кнопку. Кнопка Повернуть вправо на 90 градусов позволяет выполнить обратное действие и повернуть объект по часовой стрелке. Повернули. Следующая кнопка – это Отразить слева направо. Нажмите её. Мы получили зеркальное отражение, повернутое относительно вертикальной оси на 180 градусов. Соседняя кнопка – это Отразить сверху вниз. Нажмите её. Теперь это зеркальное отражение получено в вертикальной плоскости. Монета как бы перевернулась. Отмените последние два действия. Закройте панель инструментов Рисунки. Для этого служит кнопка Закрыть в правом углу. Объект, который мы выбрали, можно изменить в размере, перетаскивая маркеры размера. Наведите указатель мыши на центральный правый маркер и перетащите его влево, до середины монеты в том виде, в котором она есть сейчас. Получилось нечто непонятное. Отмените это действие. Теперь наведите указатель мыши на верхний центральный маркер размера и перетащите его вниз до середины монеты. Выполняя такие манипуляции, мы изменяем пропорции объекта. Для сохранения пропорций нужно перетаскивать угловые маркеры. Нажмите кнопку отменить. Возьмитесь за правый верхний маркер размера, например, и перетащите его по диагонали вниз до середины. Отмените действие. Изменять размеры можно, задавая цифры. Щелкните монету правой кнопкой мыши. В контекстном меню выберите команду Свойства рисунка. Ранее мы изменяли размеры, удаляя цифры ширины или высоты, при этом пропорции сохранялись. На этот раз снимите флажок Сохранять пропорции. Вместо высоты, равной 104 точкам, установим значение, например, 50 точек. Их можно ввести с клавиатуры. При этом, как видите, ширина не изменяется. Нажмите кнопку ОК. Мы получили искаженное изображение. Нажмите кнопку Отменить.
* * * 10.3. Относительное положение - смещение слева Добавим текст и еще одно изображение на страницу money. Щелкните на полосе прокрутки между ползунком и нижней кнопкой. Установите курсор в конце последнего предложения, нажмите клавишу Enter. Здесь я введу еще одно предложение. Курсор поставьте после слова ретро. Вставьте изображение с помощью сканера. Откройте меню Вставка, наведите указатель мыши на строку Рисунок и выберите команду Со сканера или камеры. В окне Вставка рисунка со сканера или камеры нажмите кнопку Вставить. Изображение вставлено на страницу. Уменьшим его, перетаскивая маркеры размера. Сначала нужно выделить изображение щелчком мыши, теперь перетащим верхний левый маркер по диагонали вниз. Нажмите на кнопку Действия с рисунками, выберите команду Изменить рисунок в соответствии с размером. Щелкните после рисунка перед текстом и нажмите клавишу пробела. Положение графического элемента на странице можно изменять. Сначала выделите
180
TeachPro Microsoft FrontPage 2003
этот объект, затем откройте меню Формат. В этом меню найдите команду Положение. На экран выведено диалоговое окно Положение. Сейчас нас интересует такая группа, как Положение в этом окне. Благодаря ей мы можем задать абсолютное или относительное размещение объекта на странице относительно остального текста. Сейчас в этом окне выбран переключатель Нет. Это означает, что никакие особые настройки по размещению не установлены. Нажмите кнопку отмена в этом окне и рассмотрим, как себя ведет изображение и текст, в который оно вставлено при изменении текста на странице. Щелкните в конце предыдущего абзаца. Нажмите клавишу Enter на клавиатуре. И текст, и изображение сместились на один абзац вниз. Щелкните опять в конце того же абзаца, где вы щелкали до этого, и нажмите клавишу Delete на клавиатуре. Теперь наоборот, изображение вместе с остальным абзацем, в котором оно находится, сместилось вверх. Теперь попробуем добавить какойнибудь текст в самом абзаце, где находится изображение, например, после слова ретро. Нажмите клавишу Пробел, и здесь введем слово или словосочетание, например, к оплате. Вы видите, что изображение сместилось вместе с остальным текстом вправо. Нажмите кнопку Просмотр внизу. Щелкните на полосе прокрутки. Изображение и текст выглядят так же, как в режиме Конструктор. Вернитесь в этот режим. Теперь выделите изображение и посмотрим, какие изменения будут происходить, если мы выберем относительное размещение объекта. Откройте меню формат, выберите команду Положение. В диалоговом окне Положение в группе Положение щелкните прямоугольник Относительное. Одновременно стали доступными счетчики внизу в группе смещение и размер. До этого мы видели только счетчики ширина и высота, в которых могли изменять значение. Это ширина и высота объекта самого изображения. Кроме того, здесь имеются счетчики слева, справа, сверху и снизу. Это смещение. Щелкните в поле слева. Введем сюда, например, значение 100, т.е. 100 точек. Нажмите кнопку ОК в этом окне. Программа FrontPage выделила не только само изображение, но и тот текст, который находится в данном абзаце. Это означает, что изменение, которое мы сделали, будут воздействовать на весь абзац, а не только на изображение. Щелкните где-либо в тексте этого абзаца. Никаких изменений с текстом и изображением не произошло, но не произошло в режиме конструктора. Для того чтобы увидеть эти изменения, перейдите в представление Просмотр. Переместите вниз ползунок, щелкнув на полосе прокрутки. Весь абзац сместился на 100 точек правее от левой границы веб-страницы
* * * 10.4. Относительное положение – смещение сверху Просмотрим эту же страницу в веб-обозревателе. Откройте меню Файл, выберите строку Просмотреть в обозревателе и здесь Microsoft Internet Explorer, первый пункт. Программа сообщает, что изменения не были сохранены. Давайте сохраним их, нажав кнопку Да. Страница открыта в веб-обозревателе. Щелкните на полосе прокрутки. Здесь четко видно, что мы получили смещение всего абзаца на 100 точек правее от границы рамки, т.е. отсюда. Сверните окно веб-обозревателя. Перейдите в программе FrontPage в представление Конструктор. Еще раз обратите внимание на то, что в этом представлении смещение абзаца не отображается, поэтому нужно переходить в представление Просмотр, чтобы его увидеть. Выделите изображение щелчком мыши, откройте меню Формат, выберите команду Положение. Здесь в окне положение опять выбран прямоугольник Нет. Щелкните Относительное. Щелкните теперь в поле слева. Какое значение нужно ввести здесь, чтобы вернуть абзац на 100 точек левее? Нужно опять написать значение 100, только на этот раз перед ним поставить минус.
Глава 10. Графика
181
Нажмите кнопку ОК в окне. Перейдите в режим Просмотр. Как видите, весь абзац сместился в прежнее положение. Вернитесь к представлению Конструктор. Нажмите кнопку Сохранить на панели инструментов. Не снимая выделения абзаца, снова откройте меню Формат и выберите строку Положение. Поскольку выделен весь тот абзац, на который действует наша настройка Положение, сейчас здесь выбран прямоугольник Относительное, т.е. данный переключатель, в поле слева мы видим свое значение, которое мы ввели: 100, в остальных полях ничего нет. Мы уже переместили изображение и сохранили эти изменения, поэтому в поле слева можно удалить значение -100. Щелкните в поле сверху. Изменим значение этого счетчика. Напишите здесь, например, 150 точек. Слово точки писать не надо, программа и так все поймет. Нажмите кнопку ОК в окне. Как и прежде, в представлении конструктор ничего не изменилось. Перейдите в режим просмотр. Весь абзац сместился вниз. Это произошло потому, что мы указали значение 150 сверху, и программа отступила от предыдущего абзаца на 150 точек. И то место, где находился этот абзац прежде, оказалось пустым. Вернитесь в режим конструктор, сохраните изменение сочетанием клавиш Ctrl+С. Посмотрим, как выглядит страница в веб-обозревателе. Для переключения на него используйте сочетание клавиш Alt+Tab. Выберите в списке нужную программу Microsoft Internet Explorer. Здесь на странице изменения пока не отображаются. Мы должны нажать кнопку обновить. Здесь, как и в режиме просмотра FrontPage, весь абзац сместился вниз и мы видим только часть купюры. Остальная часть скрыта внизу, но при этом бесполезно щелкать на полосе прокрутки и перетаскивать ползунок. Эти попытки ни к чему не приведут. Программа считает, что она отображает весь текст на экране и все объекты тоже. Ведь на самом деле текст и изображение трех рублей находятся здесь, но мы задали смещение и поэтому видим только часть изображения и совсем не видим текста. Использовать относительное расположение объектов удобно для форматирования, но этим нужно пользоваться с осторожностью. Закройте окно веб-обозревателя.
* * * 10.5. Относительное положение – смещение справа, снизу и по оси Z Для того чтобы восстановить предыдущие настройки, просто нажмите кнопку Отменить. Проверим, изменены ли настройки. Нажмите кнопку Просмотр. Абзац с изображением трех рублей на своем месте. Вернемся в режим Конструктор. Обратите внимание на то, что при щелчке в тексте вокруг этого текста и изображения появились маркеры. Я некоторые из них отмечу. Маркеры указывают на тот набор элементов, которым применяется единое форматирование. В правой части абзаца эти маркеры отстоят от текста достаточно далеко. Наведите указатель мыши на центральный правый маркер. Указатель превратился в двунаправленную стрелку. Маркеры можно перетащить левее, сделаем это. Это позволило уменьшить ту область, к которой применяются единые параметры форматирования. Если мы сейчас откроем диалоговое окно положение, то увидим настройки, применяемые ко всей этой области. Сделаем это. Откройте меню Формат и щелкните команду Положение. На экране диалоговое окно положение и в группе смещение и размер мы видим эти настройки. Смещение слева попрежнему составляет -100 точек, ширина всей той области, которая выделена 454 пикселя, высота 129. Значение слева -100 было сохранено, поэтому оно здесь и осталось. А то значение -100, которое мы удалили, и не было применено к странице. Попробуем изменить высоту. Вместо 129 пикселей, например, напишем 229, поставьте курсор в этом поле. Удалите цифру 1 и введите 2. Нажмите кнопку ОК. выделенная область стала значительно больше по высоте. Посмотрим на изменения в представлении просмотр.
182
TeachPro Microsoft FrontPage 2003
Вследствие изменения настроек под абзацем появилось свободное пространство. Вернитесь в режим конструктор и отменим несколько последних настроек. Нажмите стрелку рядом с кнопкой Отменить. Изменим настройки, включая изменение позиций. Сохраните изменения нажатием соответствующей кнопки. Перейдем в режим просмотра. К изображению и, соответственно, ко всему абзацу не применено смещение, поэтому абзац находится на своем месте. Вернитесь в режим конструктор, изображение сейчас выбрано. Откройте диалоговое окно Положение. Щелкните переключатель Относительное, щелкните в поле справа. Установим здесь, например, значение 400. Нажмите кнопу ОК. Перейдите в режим просмотр. Как видите, установлен отступ справа, величиной 400 точек. Хотя, конечно, визуально понять, что это 400 точек, достаточно сложно. Вернитесь в режим конструктор. Отмените последнее действие. При выбранном изображении снова откроем диалоговое окно Положение. В нем опять выберите переключатель относительное и на этот раз установим значение снизу, например 300 точек. Нажмите кнопку ОК. Просмотрим результат. Тот абзац, в котором находится изображение, оказался намного выше того места, где он реально находится. Это произошло оттого, что мы установили отступ снизу. Отступ составил 300 точек. До сих пор мы перемещали объекты по осям Х и Y. Эти оси расположены следующим образом. Ось Х идет от верхнего левого угла окна слева направо, а ось Y сверху вниз от того же угла, что отличается от обычным математических осей Х и Y. Кроме того, в окне Положение определяется ось Z. Это расположение элементов друг относительно друга на странице. Можем ли мы сделать так, чтобы не три рубля перекрывали пятерку, а наоборот, пять рублей были видны хорошо, а три рубля находились как бы позади этой монеты. Вернитесь в режим конструктор. Нужные нам элементы сейчас выбраны. Не снимая этого выделения, откройте меню Формат. Щелкните Положение. Найдите поле по оси Z и щелкните в нем. Установите здесь значение -1. Это можно сделать, щелкнув на счетчике нижнюю кнопку. Затем нажмите кнопку ОК в окне. В представлении конструктор никаких изменений не произошло. Щелкните представление Просмотр. Выделенные элементы, в том числе купюра достоинством три рубля, оказались на один уровень меньше, чем пять рублей. Эти уровни определяются на оси Z, что мы сейчас и сделали. Вернитесь в режим конструктор и отменим последнее изменение. Удалим все изменения позиций. С этого момента изображение трех рублей будет находиться там, где этот абзац сейчас и находится. Никакого смещения мы не задали.
* * * 10.6. Абсолютное положение С помощью сканера я вставлю на страницу еще несколько денежных знаков. Для этого нужно положить купюру в сканер, затем открыть меню Вставка, навести указатель на строку Рисунок, в подменю выбрать команду Со сканера или камеры. В появившемся окне Вставка рисунка со сканера или камеры нажмите кнопку Вставить. Начинается сканирование объекта. Сканер неправильно распознал купюру, часть её обрезана. Для того чтобы исправить ошибку, откройте специальную программу, прилагаемую к сканеру. Повторите операцию в автоматическом режиме. Затем сохраните файл на жестком диске и вставьте изображение оттуда, что я сейчас и сделаю. А данное изображение удаляю нажатием клавиши Delete. Я сохранил изображение на жестком диске, теперь открыть меню Вставка, строка Рисунок, команда Из файла. Открылось диалоговое окно рисунок. В папке JPG находятся отсканированные и сохраненные изображения . Это – купюра достоинством 10 рублей, и купюра –1000 рублей. Я выделил их обе при нажатой клавише Ctrl. Нажмите кнопку Вставить. Изображение
Глава 10. Графика
183
вставлены. Щелкните то изображение, которое мы сейчас видим, правой кнопкой мыши, выберите команду Свойства рисунка. Удалим одну цифру в значении ширины, последнюю. При сохранении пропорций автоматически удаляется и цифра по высоте. Нажмите кнопку ОК. те же действия следует проделать по отношению ко второй купюре. Щелкните нужное изображение. Затем выберите его правой кнопкой мыши, в контекстном меню выберите команду Свойства рисунка. Удалим последнюю цифру в значении ширины. Нажмите кнопку ОК. Обе купюры уменьшились по величине. Закройте область Список папок, чтобы освободить пространство на экране. Кроме относительного, можно задавать абсолютное положение объектов на странице. Сейчас выбрана купюра 1000 рублей. Откройте меню Формат. Выберите команду положение. Открылось диалоговое окно Положение. В группе положение щелкните абсолютное. Программа сразу же подсчитала, где именно находится выделенное изображение. Оно отстоит на 483 пикселя от левой границы окна и на 216 пикселей от верхней. При этом ширина самого изображения составляет 186 точек, а высота 78. Нажмите кнопку ОК. Программа пометила весь абзац, в котором находилась бумажка, достоинством 1000 рублей в синюю рамку. Это рамка – поле размещения. Её верхний левый угол находится там, где был ранее верхний левый угол объекта купюры 1000 рублей. При этом весь абзац как бы выпал из страницы и весь остальной текст и элементы его сместились вверх. Отмените последнее действие. Установите курсор в самом начале абзаца. Откройте меню Формат еще раз. Выберите команду Положение. Щелкните рамку Абсолютное. На этот раз расстояние слева составляет 109 пикселей, а сверху 190. Ширина всего абзаца, точнее всех элементов, входящих в него, составила 662 пикселя, а высота 108. Нажмите кнопку ОК. По отношению ко всем остальным элементам на странице этот абзац и входящие в него элементы остались на прежнем месте, но все остальное на странице сдвинулось вверх. В частности, вверху мы видим текст, начинающийся со слов натуральный оброк. Наведите указатель мыши на рамку, которая появилась вокруг купюр и текста, имеющегося в абзаце. Указатель превратился в стрелки перекрещивающиеся. Взявшись за рамку, мы можем перетащить её в любое другое место на странице. Взяться нужно нажатием левой кнопки мыши. Перенесем эту рамку вниз, туда, где сейчас находится три рубля советского образца. В отличие от относительного размещения абсолютное размещение элементов мы видим сразу в режиме конструктор. Посмотрим, как это выглядит в режиме просмотра. То же самое. Эти объекты находятся там, где расположена купюра достоинством в три рубля. Вернитесь в представление конструктор и обратите внимание на маркеры, которые находятся по углам и по сторонам рамки. Наведите указатель мыши на правый центральный маркер. Указатель превратился в двунаправленную стрелку. Перетащите её влево. Размер области таким образом можно уменьшать или наоборот увеличивать. Возьмитесь, к примеру, за центральный верхний маркер. Перетащите его вверх. Таким образом, я в два раза растянул поле размещения, в котором находятся элементы. Отменим четыре последних действия, включая действие Позиция. Абсолютное размещение для объектов больше не задано.
* * *
184
TeachPro Microsoft FrontPage 2003 10.7. Абсолютное положение по оси Z Для того чтобы изображения не попадали в едиединую область, т.е. в одно поле размещения, их нужно поместить в различные абзацы. Поставьте курсор после слова рубли и нажмите клавишу Enter. Все три изображения денежных знаков оказались на одной строке. Теперь поставьте курсор после первого изображения. Нажмите Enter. То же самое сделайте со следующим изображением. С помощью клавиши стрелка вправо передвинем курсор, и еще раз. Теперь курсор находится между двумя денежными знаками. Нажмите клавишу Enter. Определим абсолютное положение для каждого из этих трех изображений. Щелкните монету пять рублей. Откройте меню ФорФормат, щелкните команду Положение. Выберите Абсолютное положение и подтвердите изменение нажатием кнопки ОК. Текст и изображение сместились, поскольку освободилось место, которое занимала эта монета. Я перемещу её вправо. Для этого наведите указатель мыши на рамку. Когда она превращается в перекрещивающиеся стрелки, переместите её вправо. Теперь щелкните 10 рублей. Через меню Формат откройте окно Положение. Щелкните абсолютное и подтвердите изменение. Перетащим рамку вправо. И последняя купюра 1000 рублей. Для нее тоже определим абсолютное положение. Нажмите ОК. Сместите и эту купюру правее. Теперь я расположу все эти три изображения так, чтобы они частично перекрывали друг друга. После нескольких манипуляций изображения выглядят следующим образом. Теперь выделим какое-либо изображение, например 1000 рублей. Откройте меню Формат, выберите команду Положение. Нам нужно определить смещение выдевыделенного изображения по оси Z. Пусть это будет положение 0. Цифра 0 появляется в этом поле после щелчка на любой из кнопок, но если еще раз щелкщелкнуть, например, на верхней кнопке, значение увеличивается на единицу, если на нижней – то уменьшается на 1. Нажмите кнопку ОК. относительное расположение изображений не изменилось. Теперь щелкните 10 рублей. Откройте окно положение. Здесь значение по оси Z не задано. Пусть здесь будет значение -1. Для этого нажмите нижнюю кнопку 0 и еще раз -1. Нажмите ОК. Снимите выделение изображения, щелкнув за его пределами. Купюра оказалась на заднем плане. Осталось разобраться с монетой. Откройте окно Положение. Этой монете назначим значение 1 на оси Z или, иначе говоря, +1. Нажмите ОК. Таким образом мы изменили взаимное расположение картинок. Монета имеет у нас значение 1 на оси Z. Купюра достоинством 1000 рублей значение 0, а 10 рублей значение -1. Все это говорит о том, что самый нижний слой имеет минимальное значение, самый верхний – максимальное. Попробуем изменить эти значения. Например, выделите 10 рублей. Щелкните кнопку меню Формат, Положение и вместо значения -1 на оси Z назначьте, например, значение 2. Нажмите кнопку ОК. Снимите вывыделение. Получилось, что купюра 10 рублей оказаоказалась верхней в стопке, ниже идет пять рублей и в самом низу 1000. посмотрим, как все это выглядит в веб-обозревателе. Нажмите кнопку Сохранить. Появилось диалоговое окно Сохранение внедренных
Глава 10. Графика
185
файлов. Изображения, которые здесь указаны, находятся не в папке images, а в некой другой на жестком диске. Сохраним их в этой папке. Нажмите кнопку ОК. теперь можно открыть веб-обозреватель, например Microsoft Internet Explorer. В таком варианте все выглядит так, как было задумано. Закройте это окно, и попробуем открыть то же самое в окне с другим разрешением. Откройте меню Файл, Просмотреть в обозревателе и теперь выберите разрешение 640 на 480 для того же веб-обозревателя. Здесь тоже все в порядке, хотя сам текст уже выглядит несколько по другому. Программа произвела перенос строк из-за того, что окошко меньше, чем в прошлый раз. Закройте браузер. А теперь проверим, как выглядит то же самое в окне Netscape Navigator. Откройте меню Файл, Просмотреть в обозревателе, Netscape. Окно этого веб-обозревателя открылось и здесь можно увидеть, что изображения перекрывают часть текста. Для того чтобы этого не происходило можно задавать положение всех остальных элементов тоже как абсолютное или использовать таблицы. Закройте этот веб-обозреватель. Щелкните кнопку режима конструктор. Удалим все три изображения, над которыми мы сейчас работали. Выделите рамку синего цвета и нажмите клавишу Delete. Изображение удалено. То же самое сделайте с двумя другими. Вставим только одно изображение после слова рубли. Для этого откройте список папок, откройте в нем папку images и перетащим, например, 1000 рублей, которые здесь находятся, на страницу. Как изменить размер вы уже знаете. После щелчка правой кнопкой мыши выберите Свойства рисунка. Уменьшим ширину, после чего нужно нажать ОК. Изображение вставлено. Выделите его. После выделения появилась кнопка Действия с рисунками. Щелкните её и выберите пункт Изменить рисунок в соответствии с размером. Так он будет занимать гораздо меньше места на веб-узле.
* * * 10.8. Создание поля размещения в пустой строке Задавать абсолютное размещение элементов можно с помощью панели инструментов Рисунки. Щелкните любую панель инструментов, которая есть на экране, правой кнопкой мыши. В меню выберите команду Рисунки. На экране появилась панель инструментов Рисунки. Теперь установите курсор в какой либо строке, например, там, где сейчас находится изображение казначейского билета. Курсор здесь установлен. Теперь на панели инструментов Рисунки нажмите кнопку абсолютное. Таким образом, мы получили абсолютное размещение текста и изображения, находящееся в этом абзаце. Теперь можно уменьшить эту область, взявшись за маркер справа, и переместить её в какое-нибудь другое место экрана, правее например. Или, например, можно её переместить на изображение трех рублей. Указывать относительное расположение элементов друг относительно друга тоже можно с помощью панели Рисунки. Здесь имеются такие кнопки, как Переместить вперед и Переместить назад. Щелкните кнопку Переместить назад. Снимите выделение. Изменений не произошло. Щелкните поле размещений еще раз и снова нажмите кнопку Переместить назад. Снимите выделение. В первый раз, когда мы нажали кнопку Переместить назад, расположение поле размещения стало равным нулю на оси Z. А когда нажали во второй раз, оно стало равным -1. В этом можно убедиться. Щелкните поле так, чтобы была видна рамка, затем откройте меню Формат и здесь команду Положение. В окне Положение мы видим значение на оси Z. Это -1. нажмите кнопку Отмена. Закройте панель инструментов Рисунки. Отменим несколько последних действий, включая слово позиция. Положение этих элементов теперь не задано, мы отменили эти
186
TeachPro Microsoft FrontPage 2003
действия. Щелкните перед строкой а также. Нажмите клавишу Enter на клавиатуре и затем верните курсор в предыдущую строку. Это новая строка, в которой мы создадим поле размещения. Такое поле можно сначала создать, а уже затем поместить в него какие-либо элементы: текстовые или графические. Откройте меню Формат, выберите команду Положение. Появилось диалоговое окно Положение. Выберем абсолютное. Нажмите кнопку ОК. Как видите, текст сместился вверх и мы видим синюю рамку, в которую можно помещать какие либо элементы. Сначала давайте её уменьшим. Теперь передвиньте вправо, на свободное пространство. Скопируйте изображение 1000 рублей. Для этого нужно выделить его правой кнопкой мыши и выбрать команду копировать. Вставьте в рамку. Это можно сделать с помощью команды вставить. Скопируем сюда же некоторый текст, например этот, и вставим рядом с изображением. Еще можно скопировать изображение трех рублей, например, и тоже вставить в поле размещения. Уменьшите это изображение. После его выделения можно взяться, например, за правый верхний маркер размера и перетащить его по диагонали вниз влево. Кстати, такую же операцию не мешало бы сделать и с исходным изображением. Щелкните под этим изображением кнопку Действия с рисунками, и выберите команду Изменить рисунок в соответствии с размером. Пожалуй, я еще немного его уменьшу. Рисунок изменен, теперь вернемся к полю размещения. Щелкните в него и уменьшите размер в соответствии со ставлеными в него элементами. Поле размещения, которое мы создали и в которое вставили элементы, теперь можно перемещать. Переместим его влево, например. Нажмите кнопку Просмотр. Результат, которого мы добились, перед вами на экране. Вернитесь в режим Конструктор. Удалите поле размещения. Для этого нужно нажать клавишу Delete.
* * * 10.9. Вставка слоев на страницу Для размещения текста и графики на страницах могут использоваться слои. Откройте файл glossary под названием Термины. Слой – это контейнер, содержащий элементы страницы, такие как текст или графические изображения. Слои можно перекрывать, отображать, вкладывать или скрывать. Для создания слоя на странице служит кнопка Вставить слой. Нажмите её. В том месте, где находился курсор, появилась синяя рамка. В правом верхнем углу её сверху написано layer1, т.е. слой 1. Следующее действие, которое нужно сейчас выполнить, это открыть меню Формат. Здесь выберите команду Слои. В правой части появилась область задач, которая так и называется Слои. Здесь находятся кнопки Вставить слой, Нарисовать слой. Ниже находится окно, в котором три столбца: первый столбец – видимость слоя; следующий – глубина слоя; и третий – код слоя. Сам столбец называется идентификатор. Внизу здесь указан первый слой, который мы вставили и он имеет имя layer 1, как я уже говорил. Щелкните это имя дважды. Вокруг имени появилась рамка, а само имя выделено. Для того чтобы ввести другое имя, просто начните печатать на клавиатуре. Я напишу слово Round. Чтобы подтвердить изменение имени, нажмите клавишу Enter. Слева над рамкой вверху имя изменилось. Вместо слова layer теперь здесь слово round. Для того чтобы ввести текст в рамку, щелкните в ней и введите необходимый текст. Я напишу слова В кругу. Поскольку под этим слоем находится текст на странице. Буквы сливаются, нужно перенести рамку в другое место. Щелкните её, она выделилась. Вместо указателя мы теперь видим перекрещенные стрелки. Я перетащу рамку вправо. На веб-странице в режиме просмотра эта рамка, естественно, видна не будет. Нажмите кнопку Просмотр. Слово В кругу есть, а рамки нет. Вернемся в режим Конструктор.
Глава 10. Графика
187
Теперь уменьшим рамку слоя. Для этого наведите указатель мыши на правый нижний маркер размера. Теперь уменьшайте эту рамку, передвигая указатель вверх по диагонали. Рамка уменьшена. Щелкните за её пределами. Выделение рамки снято. Для того чтобы удалить слой, нужно его выделить. Сейчас я выделил его щелчком на рамке. И нажмите клавишу Delete. Он удален. Нажмите кнопку Отмена. Щелкните за пределами рамки. Другой способ удаления – это щелкнуть идентификатор слоя области задач и удалить его здесь нажатием клавиши Delete. Действие, по сути, происходит одно и то же. Отмените это действие. У рамки слоя положение на странице абсолютное. Она жестко привязана к левому верхнему углу окна. В этом можно убедиться, если открыть меню Формат и выбрать команду Положение. Среди вариантов в окне Положение выбрано абсолютное. От левого края окна расстояние 342 пикселя, а сверху 183 пикселя. Нажмите кнопку Отмена. Переместим слой в другое место на странице, в левый верхний угол, например. Снова откройте меню Формат и выберите команду положение. Расстояние стало совсем другое. Слева теперь 35, а сверху 28 пикселей. Нажмите кнопку Отмена. К уже созданному слою можно прикрепить еще один слой. Для этого первый слой должен быть выбран, как в данном случае. Затем нужно нажать кнопку Вставить слой либо на панели инструментов Стандартная, либо в области задач Слои. Новый слой появился в том же положении, в котором сейчас находится первый слой. Но его можно переместить и в другое место. Взявшись за этот слой, я перетащу его вниз и чуть правее и оставлю в таком положении. В области задач новый слой показан с некоторым отступом. Его идентификатор находится правее, чем имя первого слоя. Для изменения этого идентификатора щелкните его дважды и здесь я введу слово Round, а цифру 1 оставлю. Для подтверждения изменения нажмите Enter. Round 1 появилось и слева вверху над рамкой второго слоя. Как я уже сказал, этот слой прикреплен к первому слою. Выделите тот слой, в котором имеется текст В кругу. Теперь перетащим его в другое место на странице. Вот сюда например. Вместе с этим слоем переместился и второй слой, причем относительное размещение их осталось неизменным. Для выбора слоя можно щелкать непосредственно рамку или в области задач соответствующий идентификатор. Я щелкну внутри рамки слоя Round 1. И сюда вставлю изображение, для этого откройте меню Вставка, найдите строку Рисунок, и выберите команду Из файла. Сразу же открылась папка, в которой находятся у меня изображения. Я найду здесь нужное. Оно, как и слой, называется Round. Это имя файла. Нажмите кнопку Вставить. Изображение оказалось слишком большим, щелкните его правой кнопкой мыши и выберите команду Свойства рисунка в контекстном меню. Я уменьшу ширину при сохранении пропорций, удалю цифру 5. Затем нажму кнопку ОК. Под изображением появилась кнопка Действия с рисунками. Щелкните её. Выберите строку Изменить рисунок в соответствии с размером. Перемещать слои можно вместе с изображением, которое сюда теперь помещено. Это нужно сделать, перетаскивая слой Round. Как вы видите, изображение переместилось. Щелкните кнопку Просмотр. Здесь размещение слоев практически не отличается от того, что мы видели в режиме Конструктор.
* * * 10.10. Наложение и выключение слоев Слои можно накладывать друг на друга и определять их глубину, т.е очередность. Новый слой можно не только вставить с помощью кнопки Вставить слой, но и нарисовать на странице. Щелкните соседнюю кнопку. Затем наведите указатель мыши на то место, где должен находиться новый слой, при этом указатель превратился в карандаш и уголок, такое обозначение. Нарисуйте слой с помощью этого карандаша. Этот слой никак не связан с предыдущими двумя, потому что ни один из этих двух слоев не был выбран. В области задач появился новый слой. Программа автоматически
188
TeachPro Microsoft FrontPage 2003
присвоила ему положение по оси Z, равное 2. То есть он должен перекрывать остальные слои, а также весь остальной текст страницы, поскольку текст страницы автоматически считается равным нулю на оси Z. Вставим еще одно изображение в новый слой. Откройте меню Вставка и выберите строку Рисунок, после чего щелкните команду Из файла. В списке файлов выберем нужный. Например, этот. Нажмите кнопку Вставить. Уменьшим изображение. Выберите команду Свойства рисунка и уменьшим рисунок по высоте и по ширине. Нажмите кнопку ОК. Если рисунок оказывается больше, чем рамка слоя, изначально нарисованная на странице, то эта рамка автоматически растягивается. Нажмите кнопку Действия с рисунками, выберите строку Изменить рисунок в соответствии с размером. Назовем этот слой Circle, измените идентификатор. Нажмите клавишу Enter для подтверждения. Код слоя изменился в рамке слева наверху. Посмотрим, как все это будет выглядеть в режиме просмотра. Щелкните кнопку. Слой Circle перекрывает слой Round, что и требовалось выяснить. Нажмите кнопку Конструктор, выделите слой Circle. Щелкните дважды значение глубины в области задач этого слоя. Появилась рамка и мы можем изменить значение. Например, поставим значение 0. В этом случае теоретически слой Circle должен оказаться ниже слоя Round. Нажмите клавишу Enter для подтверждения. Перейдите в режим просмотра. И действительно, теория на практике оказалась верной. Вернитесь в представление Конструктор. Как вы уже знаете, к слою Round прикреплен слой Round1, и он зависит от слоя Round. Кстати, в данном случае рамка превосходит по размерам изображение. Её можно уменьшить. К этому слою, в свою очередь, можно добавить еще один слой – прикрепить к нему. При выделенной рамке щелкните кнопку Вставить слой. Появилась рамка layer 1, т.е. появился новый слой. В области задач видно, что он смещен вправо. Это значит, он относится к слою Round 1, который в свою очередь относится слою Round. Этот слой я перемещу чуть ниже и затем уменьшу его по вертикали. Щелкнем внутри рамки и введем сюда текст, например Обсуждение терминов. Для того чтобы текст был виден на темном фоне, его нужно выделить и выбрать белый цвет. Если белый цвет не отображается у вас на панели инструментов, щелкните стрелку рядом с кнопкой Цвет текста и выберите в списке стандартных цветов белый цвет. Щелкните за пределами текста. Теперь он виден на этом фоне, но не помещается в одну строку. Чтобы он помещался, можно например растянуть саму рамку. Взявшись за левый маркер, я перетаскиваю его левее. Текст все равно не помещается. Теперь перетащу правый маркер вправо. На этот раз текст полностью поместился в рамке на одной строке. Посмотрим на результат в представлении просмотр. Все получилось так, как я и предполагал. Этот текст перекрывает собой изображение, находящееся под ним. Это слой Circle, и глубина у него равна 0, т.е. на одном уровне с основным текстом страницы. Отображение слоев на странице можно отключать. Вернитесь к представлению Конструктор. Выберите тот слой, который вас интересует, например, в области задач. Предположим, вы хотите, чтобы этот слой не отображался, т.е. чтобы слова В кругу не были видны посетителю страницы. В то же время вы не хотите удалять этот слой, чтобы в будущем не пришлось его восстанавливать. Наведите указатель мыши на первый столбец в области задач. Это видимость слоя. Опустите указатель ниже. Видимость по умолчанию. По умолчанию – значит, так как указано в заголовке столбца, т.е. видимость слоя сейчас такая, что посетитель видит этот слой, на что указывает открытый глаз. Щелкните в ячейки, относящиеся этому слою, такой же глаз появился в этой ячейке. Щелкните его еще раз. Глаз теперь закрыт, видимость выключена, на что указывает подсказка. При этом на странице перестали отображаться те рамки, которые относились к этому слою. Они как бы вложены в него. И если основной слой не виден, то не видны и ос-
Глава 10. Графика
189
тальные. Такой же принцип и в области задач. Если вы щелкните знак минус, то это позволяет свернуть зависимые слои, если щелкните знак плюс, то они будут видны. Теперь щелкните изображение глаза. Изображение и текст появились на странице. Тем не менее, вы можете безболезненно выключить только один слой, последний. Щелкните в первой ячейке этой строки в области задач. Появилось изображение открытого глаза. Еще раз щелкните. Глаз закрыт. Перейдите в режим Просмотр. В этом режиме текста Обсуждение терминов нет. Этот текст не отображается в соответствии с нашей настройкой. Вернитесь в представление Конструктор. Еще раз щелкните изображение глаза, теперь настройка По умолчанию. Глаз открыт, и текст будет виден. Проверим это. Так и вышло.
* * * 10.11. Границы и заливка слоя В программе FrontPage можно настраивать границы и заливку слоев. Откройте тот документ, в котором эти слои нужно настроить. Например, документ Термины, это файл glossary. Предположим, вы хотите изменить границы и заливку слоя, в котором находится текст В кругу. Для этого этот слой нужно выделить. Затем откройте меню Формат и в этом меню выберите команду Границы и заливка. На экран выведено диалоговое окно Границы и заливка. Отобразить его здесь можно было и другим способом. Нажмите кнопку Отмена. С помощью сочетания клавиш Ctrl+F1 отобразите на экране область задач. Если здесь не отображается тема Слои, откройте список и выберите эту строку. У меня она уже была выбрана. В области задач Слои имеется группа Свойства слоя. Сюда входят такие пункты, как Границы и заливка и Положение. С положение мы уже частично разбирались. Щелкните этот пункт. На экран выводится диалоговое окно Положение. Мы можем выбрать абсолютное или относительное. Нажмите сейчас кнопку Отмена и щелкните гиперссылку Границы и заливка. Окно Границы и заливка снова на экране. Если нужно, чтобы слой обрамляли сплошные линии, выберите переключатель Рамка на вкладке Граница, в списке Стиль выберите, какая должна быть рамка: сплошная, точечная, пунктир, двойная либо какая-то еще. Здесь имеется несколько вариантов. Я выберу вариант пунктир. Мы можем определить цвет этого пунктира. Внизу находится список Цвет, раскройте его. В выпадающем списке, прежде всего, имеются стандартные цвета – это 16 цветов, которые заложены в программе по умолчанию, выберем, например, малиновый. Счетчик ширина, который находится чуть ниже, позволяет определить толщину этой рамки. Сейчас задана величина 3 точки. Можно увеличить или уменьшить её, например, с помощью кнопок справа. Сейчас 4 точки. В группе поля можно задать расстояние от текста до рамки. Левое поле сейчас 4 точки, сделаем его 2 например. Правое то же самое. Можно поставить курсор прямо в поле, удалить имеющуюся цифру и вставить нужную. Верхнее и нижнее поля по одной точке, пусть так и остается. Перейдите на вкладку Заливка. На данной вкладке можно определить в частности цвет фона. Раскройте список, выберем светло-серый. Ниже список Цвет текста, раскройте его. Пусть он будет малиновый, как и сама рамка. Нажмите на кнопку ОК. В результате изменений, которые мы сделали, текст тетеперь не помещается в одну строку в этом слое. Растянем его, взявшись за правый центральный маркер размера. На результат посмотрим в представлении Просмотр. Рамка здесь отображается не совсем так как в представлении Конструктор. Кроме того, обратите внимание на текст подчиненного слоя, он тотоже стал малиновым и плохо теперь виден на фоне изображений. Настройка цвета текста, которую мы определили для верхнего слоя, относится и к подчиненному слою. Вернитесь к представлению Конструктор. Щелкните в области задач слой layer 1.Нажмите в этой области ссылку Границы и заливка. В диалоговом окне границы и заливка определим
190
TeachPro Microsoft FrontPage 2003
цвет текста. Щелкните вкладку Заливка. Раскройте список Цвет текста и выберите здесь белый. Для подтверждения нажмите кнопку ОК. Вернитесь в режим Просмотра. Теперь у текста такой цвет, какой нам нужен. Щелкните кнопку Конструктор. Выделите слой Round. Если вы хотите, чтобы этот слой не отображался, выключите видимость этого слоя. Для этого нужно щелкнуть слева в столбце. Была видимость: по умолчанию, а сейчас: слой выключен. Но одновременно пропадают и подчиненные слои, что видно в области просмотр. Ни верхние, ни нижние слои теперь не видны. Щелкните еще раз Конструктор, сделайте подчиненный слой видимым. Для этого щелкните слева. Проверим, что получилось в представлении просмотр. Как раз то, что мне было нужно.
* * * 10.12. Обтекание Выберите двойным щелчком файл index, который называется психологический клуб. В этот документ я хочу вставить еще одно изображение. Щелкните нижнюю кнопку на полосе прокрутки. Поставьте курсор перед словами: Я много лет была отличницей. В это место я хочу вставить изображение, оно уже сохранено в папке images, это я сделал заранее. Щелкните вкладку веб-узел. Раскройте папку images, скопируйте файл PhoneTalk с расширением jpg. Вот этот файл. Для того чтобы скопировать его, можно выбрать его правой кнопкой мыши и в контекстном меню выбрать команду Копировать. Теперь перейдите на вкладку index. Щелкните правой кнопкой мыши там, где сейчас находится курсор. В контекстном меню выберите команду Вставить. Для такого изображения нужно несколько экранов, подобных моему. Щелкните изображение правой кнопкой мыши. В контекстном меню выберите команду Свойства рисунка. Я уменьшу ширину этого изображения, удалив цифру 3, программа автоматически изменила и высоту. Нажмите кнопку ОК. Щелкните верхнюю кнопку на полосе прокрутки. Из-за того, что изображение вставлено в текст, между предыдущим и данным абзацем образовалось довольно большое пространство. Можно ли сделать так, чтобы такого пространства не было? Выделите изображение щелчком мыши, откройте меню формат. В этом меню щелкните команду Положение. Появилось диалоговое окно Положение, с которым мы уже работали прежде. Сейчас нас интересует группа Обтекание.С водой или какой-либо другой жидкостью это никак не связано. Это связано с тем, как расположены изображение и текст по отношению друг к другу. Сейчас текст не обтекает изображение и выбрана рамка Нет. Щелкните рамку слева. В образце показано, что между тем абзацем, в который вставлено изображение и тем, который предшествует ему, никакого пробела нет. Проверим, так ли это будет на практике. Для проверки нажмите на кнопку ОК. Текст опоясывает теперь изображение без всяких пробелов, без пустых пространств. Под изображением находится кнопка, щелкните её. Выберем такое действие, как изменить рисунок в соответствии с размером. Это позволяет существенно уменьшить размер рисунка в пикселях, что позволяет уменьшить его и в мегабайтах. Текст может обтекать изображение не только справа, как сейчас, но и слева. Убедитесь в том, что изображение выбрано. Для того чтобы задать обтекание, не обязательно открывать меню Формат и выбирать команду Положение. Можно просто щелкнуть изображение правой кнопкой мыши. Появляется контекстное меню, в нем выберите команду Свойства рисунка. На экран выведено диалоговое окно Свойства рисунка, в котором также имеется группа обтекание. Сейчас на схеме показано, что изображение находится слева, а текст обтекает его в правой части. Щелкните переключатель справа. Нажмите на
Глава 10. Графика
191
кнопку ОК в этом окне. С этого момента рисунок находится справа, а текст леве от него. Вставим в текст еще одно изображение. Перейдите на вкладку веб-узел, отобразите область Список папок. Это можно сделать нажатием кнопки Переключить панель. Раскройте папку images, теперь вернитесь на вкладку index. Вставим изображение, которое находится в папке images с помощью перетаскивания. Для этого должен быть виден текст, в который мы будем перетаскивать файл. Нужно его вставить перед словом мы. Файл имеет имя vova. Я перетаскиваю его в данный абзац. Для того чтобы определить обтекание, щелкните изображение правой кнопкой мыши, выберите команду Свойства рисунка. В диалоговом окне Свойства рисунка, которое сейчас появилось, щелкните переключатель Слева, нажмите на кнопку ОК. Чтобы отделить подзаголовок Серьезные организации от изображения, поставьте курсор в конце предыдущего предложения и нажмите клавишу Enter. Нужный результат получен.
* * * 10.13. Вставка текста в изображение К изображениям можно добавлять текст. Для этого откройте меню Вид, наведите указатель мыши на строку Панели инструментов, выберите строку Рисунки. На экране появилась панель инструментов Рисунки. Большинство кнопок на ней сейчас недоступно. Выберите то изображение, к которому хотите добавить текст. В данном случае пусть это будет верхнее. Теперь большинство кнопок на панели Рисунки стало доступными. На панели Рисунки имеется кнопка текст, которая обозначена буквой А. Наведите указатель мыши на нее. Кнопка называется Текст. Щелкните её. На экран выведено окно. Чтобы поместить текст на этот рисунок, он будет преобразован в формат gif. Чтобы согласиться с таким преобразованием, нажмите кнопку ОК. На изображении появилась рамка, обозначенная маркерами, и в ней находится мигающий курсор. Введите сюда текст с клавиатуры. Я напишу следующее: Психолог на связи. Текстовую рамку можно изменять с помощью маркеров размеров. Я наведу указатель мыши на левый нижний маркер, указатель превратился в двунаправленную стрелку. Начну перетаскивать её влево. Рамка не выходит за пределы изображения. Наведите указатель мыши на центр этой рамки. Теперь нажмите левую кнопку и перемещайте мышь вниз. Перемещается и рамка вместе с текстом и тоже до определенного предела. Ниже нижней границы изображения она не опускается. Теперь возьмитесь за верхний центральный маркер и переместите его тоже вниз, так чтобы все слова были видны. Сам текст, помещенный на изображении, тоже можно менять. Изменим, например, его размер. Раскройте список Размер на панели инструментов. Установим значение 2, десять пунктов. Размер текста стал меньше, вследствие чего он помещается по ширине изображения. Можно опустить верхний маркер еще. Нажмите кнопку полужирный на панели инструментов, текст соответственно изменился. Можно изменить и его цвет. Для этого нажмите стрелку рядом с кнопкой Цвет текста и выберите нужный цвет, предположим, пусть это будет красный. Если этот цвет не нравится, можно выбрать другой. Пусть будет, например, малиновый, либо можно вернуться к темному цвету. Для этого просто нажмите кнопку Отменить. Размер шрифта можно изменять с помощью кнопок Увеличить размер шрифта и Уменьшить размер шрифта. Увеличим. После щелчка мышью по этой кнопке, размер шрифта так увеличился, что часть текста не видна. Передвинем верхний маркер выше. Текст можно выровнять по левому или по правому краю. Чтобы по левому, щелкните кнопку по левому краю и наоборот. К тому же я сделаю этот текст наклонным, для чего нужно нажать кнопку Курсив, и выделю его полужирным. Оставим текст в таком виде. Щелкните за пределами изображения.
192
TeachPro Microsoft FrontPage 2003
Закройте панель инструментов Рисунки и сохраните изменения документа. Из-за того, что мы преобразовали изображение с расширением jpg в изображение gif, программа предлагает сохранить этот файл в папке images, с чем можно просто согласиться. Нажмите кнопку ОК. Изменения сохранены. Посмотрим, как эта страница будет выглядеть в двух основных веб-обозревателях: Microsoft Internet Explorer и Netscape Navigator. Откройте меню Файл, наведите указатель мыши на строку Просмотреть в обозревателе. Выберите команду Netscape Navigator. Программа открылась, на изображении мы видим текст. Закройте эту программу. Теперь откроем Microsoft Internet Explorer. Опять наводим указатель на Просмотреть в обозревателе и на этот раз выберите второй пункт Microsoft Internet Explorer. Окно открылось, заметных различий в представлении изображения нет.
* * * 10.14. Контрастность, яркость, оттенки серого, прозрачность Вы можете изменять контраст, яркость и другие показатели изображений. Откройте тот файл, в котором находятся изображения, например пусть это будет index. Область Список папок закроем. Под первым изображением, которое мы достали из коллекции картинок, как вы помните, имеется кнопка, щелкните её. Выберите строку Изменить рисунок в соответствии с размером. После того, как вы выбрали рисунок щелчком мыши, на экране может появиться панель инструментов рисунки. Если этого не произошло, откройте меню Вид, наведите указатель мыши на строку Панели инструментов и выберите строку Рисунки. Панель инструментов Рисунки появилась. Закройте её. Вызовем её другим способом, щелкните правой кнопкой мыши на панели инструментов, на любой. И в контекстном меню выберите команду Рисунки. На экране та же самая панель. На этой панели имеются кнопки для увеличения и уменьшения контрастности и яркости. Эта кнопка называется Увеличить контрастность, нажмите на нее, и еще несколько раз. По мере того, как я нажимаю на кнопку, изображение меняется. Теперь несколько раз нажму на кнопку Уменьшить контрастность. Изображение стало менее контрастным. Передвиньте указатель мыши правее, увеличить яркость, несколько раз нажмем на эту кнопку. Контрастность осталась прежней, но яркость увеличилась. И еще одна кнопка – это уменьшить яркость. Её нажатие приводит к обратному эффекту, изображение становится более темным. Такие же операции можно применять и к другим изображениям, а не только к картинкам из коллекции Майкрософт. Изменим, например, изображение психолога. Выбрав его я нажимаю кнопку Увеличить контрастность. Изображение стало более контрастным. Теперь я уменьшу яркость, например, оно потемнело, при этом часть текста стала практически не видна. Для того чтобы отказаться от всех этих изменений, можно раскрыть список отменить и выбрать все изменения, которые были сделаны. Щелкните за пределами этого списка. Или можно просто закрыть данный документ, не сохраняя изменений. Программа выводит на экран окно - сохранить ли изменения, сделанные по отношению к этому файлу. Нажмите кнопку Нет. Повторно откроем файл index. Как видите, здесь изображения в том виде, в каком они были до выполненных изменений. Поэтому придется еще раз нажать кнопку Действия с рисунками и выбрать команду Изменить рисунок в соответствии с размером. Это изменение следует сохранить. Программа предлагает заменить имеющийся файл house_small с расширением jpg. Нажмите кнопку ОК, чтобы согласиться с этим предложением. Выберите фотографию щелчком мыши. На панели инструментов Рисунки стали доступны многие кнопки. Наведите указатель мыши на кнопку Цвет и щелкните её. Появился список команд. Внизу имеется команда Размытие. Щелкнем её и посмотрим на результат. Изображение стало размытым, блек-
Глава 10. Графика
193
лым, за исключением текста, который по-прежнему четко виден. Нажмите кнопку Отменить. Кроме того, можно изменить цветовую гамму так, что вместо всех цветов будет применяться серый или оттенки серого. Щелкните кнопку Цвет на панели Рисунки. В списке выберите строку Оттенки серого. Изображение получилось не цветным, а черно-белым. Программа заменила цветные пиксели на черно-белые и белые. Еще одна возможность, которой мы можем воспользоваться с помощью панели рисунки, - это установка прозрачного цвета. На панели инструментов щелкните кнопку Установить прозрачный цвет, наведите указатель мыши на изображение. В тот момент, когда указатель оказывается над изображением, он превращается в нечто, похожее на пипетку со стрелочкой. Эта стрелочка указывает на цвет, который мы можем сделать прозрачным. Например, наведите этот указатель на наиболее темную часть фона на изображении и щелкните. Те пиксели, которые имели одинаковый цвет с тем, который мы щелкнули, стали прозрачными. Нажмите еще раз кнопку Установить прозрачный цвет. Щелкните в другом месте, например здесь. На этот раз прозрачными стали другие пиксели, те которые имели такой же цвет, как и те, которые мы щелкнули. Щелкнем еще раз эту кнопку, теперь я выберу, например, коричневый цвет. Мы сделали прозрачными одинаковые пиксели – пиксели коричневого цвета. Отмените несколько последних действий. Теперь на изображении нет прозрачных пикселей.
* * * 10.15. Рамка вокруг изображения. Параметры JPEG Изображение, вставленное на веб-страницу можно снабдить рамкой и отступом от текста. Откройте для примера файл index - Психологический клуб. Переместите вниз ползунок, щелкнув нижнюю кнопку на полосе прокрутки, выберите изображение правой кнопкой мыши. Оно выделилось и появилось контекстное меню, в котором нужно щелкнуть команду Свойства рисунка. На экран выведено диалоговое окно Свойства рисунка. Опции, выбранные на вкладке Вид, показывают, что изображение находится справа и текст обтекает его слева. В группе Выравнивание указано, что изображение выровнено по правому краю, толщина границы в данный момент равна нулю. Мы можем это значение изменить. Щелкните верхнюю кнопку на счетчике. Пусть толщина равняется трем точкам. Нажмите кнопку ОК. Перейдите в режим Просмотр. Рамка появилась вокруг изображения. Вернитесь в режим Конструктор. Нажмите правую кнопку мыши на изображение, щелкните команду Свойства рисунка. В группе Положение также находятся опции интервал по горизонтали и интервал по вертикали. Интервал по горизонтали сейчас равен 3 точкам, по вертикали 0. Изменим, например, интервал по горизонтали. Удалите цифру 3 и введите цифру 100. нажмите кнопку ОК в этом окне. Таким образом, мы создали отступ от изображения вправо и влево, и этот отступ составил 100 точек. Щелкните изображение правой кнопкой мыши, выберите команду Свойства рисунка и в диалоговом окне Свойства рисунка установите интервал по вертикали, пусть это будет 200 точек. Подтвердите изменение. Мы получили отступ 200 точек вверх и 200 точек вниз. Переместите ползунок вниз, щелкнув между ним и нижней кнопкой на полосе прокрутки. Под изображением создано пустое пространство. Отмените два последних действия. Можно также отменить еще одно действие, чтобы убрать рамку вокруг изображения, или щелкнуть это изображение правой кнопкой мыши, выбрать команду Свойства рисунка и в диалоговом окне установить толщину границы, равной нулю. Для этого можно щелкнуть нижнюю кнопку на счетчике. После нескольких щелчков значение становится равным нулю. Подтвердите это изменение. Рамка исчезла. Рамку можно
194
TeachPro Microsoft FrontPage 2003
определить и другую. Выберите это изображение, на панели инструментов щелкните правой кнопкой мыши, в списке выберите команду Рисунки. Появилась панель инструментов Рисунки. На ней расположена кнопка Багетная рамка, щелкните её. Изображение теперь заключено в рамку. Щелкните за пределами изображения, чтобы лучше рассмотреть эту рамку. Рамка занимает часть самого изображения, а не находится за его пределами. Причем создается впечатление, что справа и сверху падает свет. Правая и нижняя граница этой рамки оказываются темными. Этот эффект можно усилить, если еще раз щелкнуть ту же самую кнопку. Сначала выберите изображение щелчком мыши, затем нажмите кнопку Багетная рамка. Левая и верхняя сторона этой рамки стали еще более светлыми, а правая и нижняя потемнели. Еще раз нажмите эту кнопку. Эффект усилился еще больше. Для того чтобы отказаться от Багетной рамки, нужно просто отменить изменение. Раскройте список Отменить, выберите три последних изменения. Багетная рамка исчезла. Закройте панель инструментов Рисунки. Формат уже вставленного изображения можно изменять на веб-странице. Щелкните правой кнопкой мыши нижнее изображение. В контекстном меню найдите команду Изменить тип фала рисунка. После щелчка на этой команде появляется диалоговое окно Тип графических файлов. Выбранный файл имеет расширение jpg. Тип этого файла выбран в списке, это второй пункт. Подобный ему формат – это png 24. Он более совершенный, но поддерживается не всеми веб-обозревателями. Измененный размер файла, в случае выбора этой опции, составит 12,7 Кб вместо 2,68 Кб. Два других формата не подходят для фотографии, это такие как gif и png 8. Щелкните опять второй переключатель jpg. Параметры этого формата мы можем настроить более точно. Для этого внизу снимите флажок Использовать текущее изображение. Автоматически стали доступными опции, имеющиеся в группе Параметры. В частности, мы можем определить качество изображения. Сейчас оно установлено как 90%. Оно определяется степенью сжатия рисунка. Давайте увеличим это значение. Когда значение доходит до 100, дальнейшее увеличение невозможно. Сколько я не буду нажимать верхнюю кнопку, 101 получить не смогу. Однако снизить можно. Если нажать и удерживать кнопку, значение уменьшается. Установим значение 70. Обычно значения, устанавливаемые здесь, находятся в пределах от 70 до 90. Поскольку мы снизили качество изображения, изменился и его размер. При таком качестве он составит 1,69 Кб. Увеличим качество до 80. Программа вычислила, что при таком качестве размер будет равен 2,3 Кб. По мере загрузки вебстраницы на экране монитора посетителя вашего веб-узла картинку можно представлять не с полным разрешением, а последовательно изменяя разрешение от более низкого к более высокому. Такие переходы можно задать на счетчике Последовательные проходы. Сейчас задано значение 0, т.е. изображение сразу будет загружаться со своим разрешением. Увеличим, например, значение до 3. в таком случае, в первый раз посетитель увидит грубую картинку с низким разрешением, во второй раз более качественную, в третий раз наиболее качественную. В результате размер файла оказался равен 2,04 Кб. Нажмите кнопку ОК. Сохраните изменение нажатием сочетания клавиш Ctrl+С. Программа предлагает заменить внедренные файлы. Нажмите на кнопку ОК.
* * *
Глава 10. Графика
195 10.16. Параметры GIF. Создание гиперссылок от изображений
Рассмотрим параметры формата gif. Щелкните изображение, которое вы видите сейчас на странице, правой кнопкой мыши. В контекстном меню выберите команду Изменить тип файла рисунка. В настоящее время этот тип jpg. Щелкните первый переключатель gif. Этому формату подобен формат png 8. Щелкните первый переключатель еще раз. Внизу в группе параметры можно установить флажок чередующийся. Благодаря этому рисунок будет загружаться полосами все изображение сразу, а не прорисовываться вниз. После изменения формата размер рисунка будет составлять более 5 Кб. Флажок прозрачный в группе Параметры сейчас недоступен. Нажмите кнопку Отмена. Давайте установим прозрачный цвет в этом рисунке. Для этого щелкните панель инструментов правой кнопкой мыши и выберите команду Рисунки. На экране появилась панель инструментов Рисунки. Нажмите кнопку Установить прозрачный цвет. Программа предлагает преобразовать рисунок в формат gif. То же самое мы и собирались сделать. Нажмите кнопку ОК. Теперь наведите указатель мыши на изображение. Указатель превратился в пипетку. Щелкнем небо. Тот цвет, в который было окрашено небо, стал прозрачным. Щелкните изображение правой кнопкой мыши. Выберите команду Изменить тип файла рисунка. После того, как мы задали прозрачность на рисунке, флажок Прозрачный стал доступен. Мы его можем снять или Установим также флажок чеустановить. редующийся. Файл будет размером 5,2 Кб. Нажмите на кнопку ОК в этом окне. Панель инструментов Рисунки можно закрыть и сохранить изменения в документе. На экран выведено диалоговое окно Сохранение внедренных файлов. Для сохранения файла gif щелкните кнопку ОК. Несмотря на то, что мы изменили формат этого изображения, оно по прежнему является гиперссылкой. Перейдите в представление Просмотр. Наведите указатель мыши на верхнее изображение. Указатель превращается в руку. Щелкните изображение. Это позволяет перейти к файлу того же дома, но в увеличенном размере. Нажмите кнопку Обновить. Сейчас мы опять видим страницу index. Вернитесь к представлению Конструктор. Зададим гиперссылку с помощью изображения. Переместите ползунок вниз. Щелкните изображение. На панели инструментов нажмите на кнопку Добавление гиперссылки. На экран выведено диалоговое окно Добавление гиперссылки. Здесь можно выбрать нужный файл. Я выберу файл trainers. Введем подсказку. В окне Подсказка для гиперссылки, которое только что появилось, я напишу одно слово Ведущие. Нажмите кнопку ОК. В окне Добавление гиперссылки тоже нажмите ОК. Просмотрим результат. Нажмите кнопку Просмотр, переместите ползунок и наведите указатель мыши на изображение. Указатель превратился в стрелку и мы видим подсказку Ведущие. Щелкните изображение. Вместо страницы indes мы видим содержание другой страницы: trainers - Ведущие. Для того чтобы увидеть содержание той страницы, которая обозначена на вкладке, нажмите кнопку Обновить на панели инструментов. Вернитесь к представлению Конструктор и сохраните изменение нажатием сочетания клавиш. Сохранение произведено. Гиперссылку с помощью изображения можно создать и на закладку. Щелкните нижнее изображение. Мы можем снова нажать кнопку на панели инструментов для создания гиперссылки, или, например, щелкнуть это изображение правой кнопкой мыши. В контекстном меню нужно выбрать команду гиперссылка. Появляется то же самое окно Добавление гиперссылки. Выберите файл, в котором находятся закладки. Например, это пусть будет glossary. Теперь справа нажмите на кнопку Закладка. Появился список закладок, которые были определены в файле glossary. Например, я выберу здесь закладку Тренер. Нажмите кнопку ОК. Определим подсказку. Нажа-
196
TeachPro Microsoft FrontPage 2003
тие кнопки Подсказка приводит к появлению окна Подсказка для гиперссылки. В поле я напишу слово Тренер. Нажмите кнопку ОК. В окне Добавление гиперссылки нажмите кнопку ОК тоже. Перейдите к представлению Просмотр. Щелкните на полосе прокрутки. Теперь щелкните на изображение, которое находится внизу. Мы перешли к тому месту, где находится слово Тренер, для которого и определена закладка. Нажмите кнопку Обновить. Вернитесь в режим Конструктор. Сохраним изменения.
* * * 10.17. Создание гиперобъекта Гиперобъект – это область в рисунке, которой назначена гиперссылка. Создадим гиперобьекты на каком-либо изображении. Для того откройте сначала файл trainers, Ведущие. В этот документ мы введем дополнительное изображение. Его можно создать в специальных программах редактирования изображений, а я введу клип из коллекции Майкрософт. Щелкните перед панелью ссылок внизу. Откройте меню Вставка, выберите строку Рисунок и в ней щелкните команду Картинки. Появилась область задач Коллекция клипов. В поле Искать я удалю слово discussion, которое мы использовали ранее. Определим условия поиска. Откройте список Просматривать. Флажок Мои коллекции я сниму и установлю флажок Коллекции Microsoft Office. Откройте этот список. Флажок бизнес пусть остается, Государство я сниму. Чтобы снять все флажки сразу, можно щелкнуть несколько раз Коллекции Microsoft, после чего установить, например, только бизнес. В поле Искать я ничего писать не буду. Раскройте список Искать объекты. Картинки и фотографии пусть остаются. Нажмите кнопку Начать. Появился список изображений, которые соответствуют коллекции Windows. Здесь я выберу следующее изображение. Щелкните его. Изображение вставлено на страницу. Коллекция клипов нам больше не нужна, закроем эту область. Передвиньте ползунок вниз и разберемся с вопросом о том, как создавать гиперобъекты. Выделите изображение щелчком мыши. Если при этом панель инструментов Рисунки не отобразилась, щелкните имеющиеся панели инструментов правой кнопкой. В меню выберите команду Рисунки, панель инструментов Рисунки теперь на экране. Мы можем сделать так, чтобы определенный участок на этом изображении, например, голова мужчины, являлся гиперссылкой на какую-нибудь страницу веб-узла. Чтобы выделить такой участок в программе FrontPage, на панели инструментов Рисунки нажмите ссылку Гиперпрямоугольник. Затем ведите указатель мыши к изображению. Как только указатель оказывается на изображении, он превращается в карандаш. Обведите этим карандашом нужную область, в данном случае – голова. После того, как я отпустил левую кнопку мыши, автоматически отобразилось диалоговое окно Добавление гиперссылки. Здесь можно либо выбрать имеющуюся веб-страницу, на которую будет ссылаться гиперобъект, либо создать новый документ, что я сейчас и сделаю. Появилось текстовое поле Имя нового документа. Я назову этот документ следующим образом: alex - это имя нового документа. Напишу подсказку. Для этого нужно нажать соответствующую кнопку, текст подсказки можно написать по-русски, а написав его, нажмите кнопку ОК. Если все остальные установки вас устраивают, нажмите кнопку ОК в окне Добавление гиперссылки. Новый документ открыт. Я временно закрою панель инструментов Рисунки. Вновь созданную страницу нужно добавить структуру переходов. Для этого щелкните вкладку веб-узел и здесь щелкните кнопку Переходы. Отобразим область Список папок на экране. Все файлы на веб-узле написаны с маленькой буквы. Я исправлю файл alex, напишу его тоже с маленькой буквы. Для этого нужно удалить букву Эй и ввести строчную букву эй. Затем нажать клавишу Enter для подтверждения. Теперь перетащим этот файл в структуру переходов. Он будет относиться к документу Ведущий. Здесь его и оставим. Напишем название страницы. Для этого нужно щелкнуть в текстовом поле правой кнопкой
Глава 10. Графика
197
мыши и выбрать команду Переименовать. Вместо Новая страница 0 я напишу Семенов. Для подтверждения следует нажать клавишу Enter. Щелкните вкладку alex. На данной странице автоматически появились панели ссылок. На эту страницу я введу изображение Семенова Александра, которое у меня уже имеется в папке images. Раскрыв папку images, я его нахожу в списке и перетаскиваю на страницу. Здесь будет информация об этом человеке. Сейчас я здесь не буду писать текст, просто сохраню изменения. Сверну содержимое папки images и закрою документ alex.
* * * 10.18. Гиперкарта Разумеется, гиперобъект может ссылаться не только на новый документ, но и на тот, который уже имеется в веб-узле. Щелкните панель инструментов правой кнопкой мыши и выберите команду Рисунки. На панели инструментов Рисунки щелкните кнопку Гиперпрямоугольник и обведите изображение страницы, которое имеется здесь. Это будет еще один гиперобъект. После того, как я отпустил левую кнопку мыши, появилось диалоговое окно Добавление гиперссылки. На панели адресов выберите кнопку Файлом, веб-станицей. Мы видим список файлов, имеющихся в веб- узле training. Выберите здесь, например, файл glossary. Гиперобъект будет ссылаться на тот файл. Нажмите на кнопку ОК.В веб-узле мне нужен еще один новый файл. Его можно создать не при создании гиперобъекта, а заранее. Щелкните вкладку Веб-узел. В области переходов я создам новый документ. Он будет связан с документом Ведущие. Щелкните эту страницу. В области Переходы щелкните кнопку Новая страница. Новая страница будет связана с документом Ведущие, поскольку он был выбран. Программа автоматически присвоила имя новому документу Нов.стр. 1, это имя нужно изменить. Я удалю это имя и введу сюда другое. Кроме того, следует изменить и название документа. Это можно сделать в области Переходы. Щелкнув правой кнопкой мыши, выберите команду Переименовать. Сюда я впишу фамилию. Нажмите клавишу Enter для подтверждения изменений. Можно вернуться на вкладку trainers и продолжить создание гиперобъектов. Лицо женщины на изображении должно послужить гиперссылкой на страницу Мостицкая. Кроме Гиперпрямоугольника, на панели инструментов Рисунки имеется такая кнопка, как Гиперкруг, нажмите её. Наведите указатель мыши на изображение, мы снова видим изображение карандаша, вместо указателя мыши. С помощью того карандаша можно нарисовать область. Рисунок появился не совсем там, где он должен быть. Нажмите кнопку Отмена в окне Добавление гиперссылки. Попробуем еще раз. В диалоговом окне Добавление гиперссылки следует выбрать нужный файл. Щелкните на полосе прокрутки. Это файл most. Выбрав этот файл, определим подсказку.Я пишу текст в окне Подсказка для гиперссылки, после чего нужно нажать кнопку ОК. В окне Добавление гиперссылки тоже кнопку ОК. Гиперобъект создан. Кроме прямоугольника и круга, можно нарисовать и такой гиперобъект, как многоугольник. Щелкните соответствующую кнопку на панели инструментов Рисунки. Наведите указатель мыши на изображение. Предположим, вы хотите сделать гиперобъектом один из листьев цветка, который здесь изображен. Для этого щелкните в одном из его углов, щелкните в следующем и продолжайте эту работу до тех пор, пока он весь таким образом не будет обведен. Для соединения линий щелкните в первой точке. Программа вывела на экран диалоговое окно Добавление гиперссылки. Пусть это будет ссылка на домашнюю страницу index, и определим подсказку. Я напишу, например, слово домой. Нажмите на кнопку ОК.В окне Добавление гиперссылки тоже ОК. Мы получили гиперкарту. Гиперкарта – это изображение, содержащее один или несколько объектов. Т.е. гиперкарта вот, обозначена прямоугольни-
198
TeachPro Microsoft FrontPage 2003
ком, который я нарисовал. Сохраним изменения. Программа вывела на экран диалоговое окно Сохранение внедренных файлов. Изменим имя этого файла. Вместо непонятных цифр напишем гиперкарта по-английски, т.е. image map. Подтвердите изменение нажатием кнопки ОК. Когда рисунок не выбран, гиперобъекты на нем не видны. Щелкните рисунок. Теперь мы видим все те гиперобъекты, которые мы определили. При этом мы можем изменять их размеры с помощью маркеров размеров. Точно также можно изменить, например, круг. Посмотрим, как это все будет работать в веб-обозревателе. Сейчас я произвел некоторые манипуляции, поэтому нужно снова сохранить документ и уже затем открыть меню Файл, навести указатель мыши на строку Просмотреть в обозревателе и щелкнуть какой-либо обозреватель, например, первый в списке. Веб-обозреватель открыт. Передвиньте ползунок вниз, чтобы увидеть гиперкарту. Наведите указатель мыши на это изображение. Сейчас с указателем пока ничего не происходит. Наведите на изображение страницы, которую мужчина держит в руке. Указатель превратился в изображение руки. Щелкните здесь. Программа перенесла нас в файл glossary под названием Термины. Вернитесь назад нажатием кнопки на панели инструментов. Снова наведем указатель мыши на изображение. На этот раз на голову мужчины. Всплывающая подсказка подсказывает, что это ссылка на Александра Семенова. Щелкните. Так и вышло. Гиперссылка привела нас к странице alex. Вернитесь назад. Еще одна гиперссылка, как вы помните, это круг, но круг сейчас не виден, как и изображение прямоугольников. Всплывающая подсказка указывает, на кого направлена гиперссылка. Это веб-страница Татьяны Мостицкой. Перейдите в предыдущее окно. Еще одна гиперссылка – это гиперобъект, указывающий на домашнюю страницу. Щелчок на ней приводит к странице Психологический клуб. Закройте окно…
* * * 10.19. Текстовые гиперобъекты Гиперобъекты могут быть не только состоящими из рамок, кругов и прямоугольников, но и объектами, включающими в себя текст. Откройте файл index в области Список папок. Переместите вниз ползунок, щелкнув на полосе прокрутки, и еще раз. Щелкните перед словом Психология, которое находится в разделе Серьезные организации. Вставим сюда клип из коллекции картинок Microsoft. В меню Вставка наведите указатель мыши на строку Рисунок. Выберите в подменю команду Картинки. Область задач Коллекция клипов открыта. Раскройте список Просматривать. Выберем коллекцию в списке Коллекции Microsoft Office. Например, вместо коллекции Бизнес щелкните Автофигуры. Закройте этот список. Проверим, какие объекты будет искать программа. Фотографии удалим. Останутся одни только картинки. Нажмите кнопку Начать. Клипы не найдены. Раскройте еще раз список Просматривать. Проверим список Автофигуры. Щелкните знак + слева. Действительно, программа искала клипы только в папке Автофигуры в самой, но не во вложенных папках. Для того чтобы она искала и во вложенных, нужно еще раз щелкнуть флажок. Я щелкал до тех пор, пока не появились флажки во всех папках. Теперь закроем этот список и нажмем кнопку начать. Их следует просмотреть, чтобы выбрать наиболее подходящее. Пусть это будет, например, облако. Я навел на него указатель мыши и теперь щелкну. Изображение облако появилось в разделе Серьезные организации. Закройте область задач. Передвинем ползунок вверх с помощью кнопки. Щелкните облако. Давайте определим его место так, чтобы текст огибал его слева, а само оно находилось справа. Для этого откройте меню Формат, в котором откройте Положение. В
Глава 10. Графика
199
группе положение, в окне положение мы выбирать положение не будем, а мы выберем обтекание в группе Обтекание. Щелкните переключатель справа. Нажмите кнопку ОК. Облако, как и положено ему, оказалось справа от текста и теперь текст расположен так, как и раньше. Область Список папок можно закрыть. Щелкните панели инструментов правой кнопкой мыши и откройте панель инструментов Рисунки. Я передвину её ниже, чтобы оно не закрывало облако. Большинство кнопок сейчас недоступны. Нужно облако выбрать, чтобы они были доступными. Теперь нажмите кнопку Текст на панели инструментов Рисунки. Программа сообщает, что рисунок будет преобразован в формат gif. Нажмите на кнопку ОК. На облаке появился курсор, обрамленный маркерами размеров. Это рамка, в которой будет текст. Если её щелкнуть, то она превращается в нормальную рамку, сплошную. Щелкните еще раз. Теперь мы видим маркеры размера. Для того чтобы знать, какой текст ввести, нужно перейти сначала на вкладку веб-узел и посмотреть, на что мы будем ссылаться с помощью этого гиперобъекта. Например, на документ Термины, есть такой документ. Щелкните опять вкладку Индекс. Впишем в рамку слово Термины, для этого нужно в ней щелкнуть и после этого появился курсор. Я вписываю текст. Текст вписан, рамка расширилась автоматически. Её можно сдвинуть влево. Теперь это слово я передвину в левый верхний угол облако, взявшись за центр рамки. Теперь создадим новый гиперобъект. Нужно щелкнуть облако и опять выбрать кнопку Текст. В том же месте появилась новая рамка с курсором. На этот раз я напишу слово почта. Это будет ссылка на документ, в котором указаны электронные адреса. Сдвину этот прямоугольник в другое место, например, в правый верхний угол. Сначала его нужно выделить так, чтобы появилась рамка, а затем сдвинуть. В настоящий момент это всего лишь текст, гиперссылок нет. Для того чтобы создать гиперссылку, нужно щелкнуть рамку дважды. Программа выводит на экран диалоговое окно Добавление гиперссылки. Такого же эффекта можно добиться и другим способом, нажмите на кнопку Отмена. В окне Свойства рисунка, которое тоже появилось, тоже нажмите на кнопку Отмена. Теперь выделите рамку и щелкните на панели инструментов кнопку Добавление гиперссылки. Мы видим опять диалоговое окно Добавление гиперссылки. Щелкните файл glossary в списке, на него будет установлена ссылка. Можно установить подсказку (я этого сейчас делать не буду). Нажмите на кнопку ОК. Определим гиперссылку и для слова Почта. Щелкните рамку дважды. Диалоговое окно Добавление гиперссылки дважды, выберите файл e-mails, нажмите на кнопку ОК. Теперь щелкните само облако, оно у нас выделено. Для него можем установить гиперссылку по умолчанию, на тот случай, если пользователь не щелкнет ни в одном из прямоугольников, а попадет прямо по облаку. Для этого, выделив его тоже можно нажать кнопку добавление гиперссылки. Например, пусть ссылкой по умолчанию будет файл Мани. Назначим всплывающую подсказку для него, поскольку текста на облаке не будет. Я так и напишу Деньги. Нажмите кнопку ОК в этом окне, и в окне Добавление гиперссылки тоже ОК. Проверим, как будет работать это замечательное облако. Закройте панель инструментов Рисунки, сохраните изменения в файле. Вместо имени bd181185.gif напишем что-то более вразумительное, например cloud, это всем понятно. Нажмите на кнопку ОК. Файл сохранен, теперь просмотрим его в веб-обозревателе. В меню Файл наведите указатель мыши на строку Просмотреть в веб-обозревателе. И щелкните первый пункт. Программа Microsoft Internet Explorer запущена, щелкните на полосе прокрутки, и еще раз. Вот наше облако. Наведите на него указатель мыши. Он превратился в руку. Появилась всплывающая подсказка Деньги. Теперь наведите указатель на слово Термины. Здесь всплывающей подсказки нет, мы её не задавали. Щелкните это слово. Открылся файл Термины. Щелкните кнопку Назад. Щелкните теперь само облако. Мы открыли файл под названием Чем платить, Назад и последняя ссылка это Почта. Щелчок на ней приводит к появлению документа Почта. Закройте веб-обозреватель.
* * *
200
TeachPro Microsoft FrontPage 2003 10.20. Изменение текстовых гиперобъектов
Щелкните облако. Облако – это гиперкарта, поскольку на ней находятся гиперобъекты, такие как Термины и Почта. Мы можем изменить размер этого облака с помощью маркеров размера. Возьмитесь, например, за правый нижний и перетащите вверх по диагонали, или, например, возьмитесь за центральный верхний и перетащите его немного ниже. Гиперобъекты тоже можно редактировать. Выделите, например, гиперобъект Термины. Мы можем, например, сделать шрифт, который здесь имеется, наклонным. Для этого нажмите на кнопку курсив. Мы можем сделать его подчеркнутым. В таком случае подобные изменения нужно сделать и по отношению к гиперобъекту Почта. Выделив его, нажмите те же самые кнопки. Размеры рамок можно изменять, перетаскивая их за маркеры. Кроме того, можно изменить назначение гиперссылки, т.е. того элемента, на который ссылается гиперссылка. Нажмите дважды рамку. Появилось окно Изменение гиперссылки. Сейчас она направлена на документ emails. Если вы выберите какой-либо другой, например, links и щелкните кнопку ОК, то гиперссылка изменится и будет направлена на links. Я этого делать не буду. Нажмите Отмена. Гиперобъект можно перемещать. Возьмитесь, например, за центральную часть гиперобъекта Почта. И переместите его вверх. Он перемещается только до пределов рамки всего изображения, в котором находится. Переместите вниз. То же самое. Даже если я буду вести указатель ниже, гиперобъект останавливается на границе облако. Подобным образом можно переместить и гиперобъект Термины. Выделите его. Его можно перетаскивать мышью или использовать для этого кнопки на клавиатуре. Нажмите клавишу стрелка вверх, например. Объект немного переместился выше. Нажмите и удерживайте эту же клавишу. Он двигается до предела, т.е. до верхней границы изображения облако. Если вы не хотите, чтобы пользователь случайно нажимая на облако, попадал на другую страницу, выделите облако. Нажмите на кнопку Добавление гиперссылки, появилось диалоговое окно Изменение гиперссылки, в этом окне указано, на что ссылается гиперссылка, на файл money. Для удаления её, нажмите на кнопку Удалить ссылку справа. С этого момента облако не является объектом, позволяющим перейти на другую страницу. Если вы хотите восстановить размеры облака, которые вы изменяли во время работы над этим изображением, убедитесь, что оно выделено и на панели инструментов Рисунки нажмите кнопку Восстановить. Облако восстанавливается, как и другое любое изображение, над которым вы работали. Отмените последнее действие. Создадим еще один гиперобъект, состоящий из текста. Для этого нажмите на кнопку Текст на панели инструментов Рисунки. Здесь введем слово Деньги. Выделите текст соответствующим образом с помощью соответствующих кнопок курсив и подчеркнутый. Щелкните рамку дважды. В диалоговом окне Добавление гиперссылки выберите файл monet. Нажмите на кнопку ОК. Отодвинем эту рамку в правый верхний угол облака. Таким же образом можно создать дополнительные гиперссылки. Я добавил несколько гиперобъектов. Если они у вас сливаются с основным изображением, их можно выделить сразу автоматически. На панели инструментов Рисунки нажмите на кнопку Выделить гиперобъекты. Изображение облако пропало и остались только гиперобъекты на странице. Щелкните еще раз ту же кнопку, чтобы отобразить облако. Удалить гиперобъект очень просто. Выделите его рамку и нажмите на кнопку Delete на клавиатуре. Гиперобъект исчез. Чтобы восстановить его, нажмите кнопку Отменить на панели инструментов. Сохраните изменения в этом файле. Поскольку изображение облако было изменено, программа предлагает заменить новым изображением старое. Нажмите на кнопку ОК в окне Сохранение внедренных файлов. Нажмите на клавишу Ctrl на клавиатуре и наводите указатель мыши на гиперобъекты по очереди. Как только мы подводим указатель к гиперобъекту, он превращается в руку. Когда ведем дальше, указатель становится обычным – стрелочкой. Снова он превратился в руку. Таким образом нетрудно определять, где начинается гиперобъект и где заканчивается. Щелкните, например, гиперобъект Ведущие. Открылась вкладка trainers. Здесь страница Ведущие. Перейдите обратно на вкладку Индекс.
* * *
Глава 11. Мультимедиа
201
Глава 11. Мультимедиа 11.1. Вставка фильма в формате Flash Macromedia Flash - это анимационная технология на основе векторной графики. Для вставки фильма в формате Flash нужно открыть страницу, на которую вы хотите вставить фильм. Например, пусть это будет страница details. Страница открыта. Я закрою область Список папок. Фильм я вставлю в конце текста. Для этого нужно щелкнуть на полосе прокрутки. Поставьте курсор перед панелью ссылок. Для вставки фильма нужно открыть меню Вставка, навести указатель мыши на строку Рисунок. В подменю выберите команду Фильм в формате Flash. Открылось диалоговое окно Выбор файла. В этом окне нужно найти папку, в которой находится фильм в формате Flash. Эта папка у меня открыта. Фильмы Flash, готовые к просмотру имеют расширение SWF. Такой фильм уже есть в списке, выберите его. Он взят из примеров, прилагаемых к программе Macromedia Flash. После выбора файла нажмите на кнопку Вставить в данном диалоговом окне. В том месте, где находился курсор, появилась прямоугольная рамка. Такое место будет занимать фильм при просмотре. На рамке имеется надпись – это имя файла и расширение SWF. Для того чтобы просмотреть фильм, нужно перейти к представлению Просмотр. Щелкните кнопку Просмотр. Одновременно с переключением в режим Просмотра. Появилось диалоговое окно Предупреждение о безопасности. В этом окне предлагается установить проигрыватель Macromedia Flash. Без него фильм не будет отображаться, если на вашем компьютере не установлено соответствующее программное обеспечение. Подключитесь к Интернету. После того, как соединение установлено нажмите на кнопку Да. Когда проигрыватель будет установлен, щелкните на полосе прокрутки и здесь находится окно фильма в формате Flash. Для того чтобы лучше видеть, что здесь происходит, нужно увеличить это окно. Вернитесь в режим Конструктор. Щелкните прямоугольник. По краям его появились маркеры размеров. Можно увеличить это окно, перетаскивая маркер. Возьмемся за правый нижний маркер. Перетащите его по диагонали вниз. Теперь увеличим его вправо, взявшись за центральный маркер справа. Сохраните эти изменения. На экран выведено диалоговое окно Сохранение внедренных файлов. Чтобы полностью увидеть имя файла, увеличьте первый столбец. Переименовывать файл мы не будем. Нажмите на кнопку Сменить папку. На экран выведено окно Смена папки. В списке мы видим те папки, которые присутствуют в веб-узле. Можно создать и новую папку. Щелкните кнопку Создать папку в этом окне. Появилась новая папка и в ней рамка с текстом, который предлагает программа. Изменим этот текст, напишем, например, Flash. Для подтверждения щелкните за пределами прямоугольника и нажмите на кнопку ОК в диалоговом окне Смена папки. Папка создана и файл будет помещен в нее, это папка Flash. Нажмите на кнопку ОК в окне Сохранение внедренных файлов. Страница сохранена, перейдите в режим просмотра. Щелкните на полосе прокрутки. На этот раз окно стало больше и мы можем видеть, что здесь имеется несколько кнопок для управления фильмом, в частности кнопка остановки, запуска проигрывания и покадровой смены. Нажмите на кнопку для запуска проигрывания этого фильма. Вы видите, что на экране происходит действие. Это действие может происходить бесконечно, пока мы не остановим фильм. Перейдите обратно в режим Конструктор.
* * *
202
TeachPro Microsoft FrontPage 2003 11.2. Изменение свойств фильма в формате Flash
Свойства вставленного на страницу файла в формате Flash можно изменять. Выделите окно фильма левой кнопкой мыши. По краям его появились маркеры размера, что указывает на выделение этого окна. Щелкните окно правой кнопкой мыши. В контекстном меню, которое сейчас появилось, выберите команду Свойства фильма в формате Flash. На экран выведено окно Свойства фильма в формате Flash. Здесь две вкладки: внешний вид и общие. Щелкните вкладку Внешний вид. Первая группа опций фильм, верхний список Качество, раскройте его. Можно выбрать несколько вариантов: наилучшее, высокое, среднее, высокое авто, низкое авто и низкое. Чем более низкое качество мы выберем, тем быстрее будет загружаться фильм. Поэтому нужно выбирать оптимальный вариант между скоростью загрузки и качеством фильма. Я выберу высокое качество. Следующий список Масштаб. Сейчас выбран вариант по умолчанию все. Есть еще два варианта: без границы и подбор размера. Оставим здесь значение по умолчанию. Далее идет цвет фона. Раскройте этот список. Мы видим стандартные цвета: 16 цветов, которые имеются в этой программе, а также выбранный нами ранее красный цвет, имеется ссылка на другие цвета. В результате щелчка на ней появляется диалоговое окно Другие цвета. Нажмите в нем кнопку Отмена. Если вы желаете, чтобы фон был прозрачным, установите флажок справа, который называется прозрачный. Ниже в той же группе имеется список выравнивание. Сейчас выравнивание установлено по центру, имеются также такие варианты, как по левому краю, по правому и т.д. Следующая группа опций макет. Если выравнивание в группе фильм касалось выравнивания в веб-браузере, то здесь в Макете. Раскройте список Выравнивание в макете. Щелкнем, например, значение по середине. Установим толщину границы, пусть она будет равна двум точкам. Интервал по горизонтали, предположим, 20 точек, по вертикали то же самое. Далее идет группа опций Размер. Если установлен флажок задать размер, то мы можем изменять размеры окна. Если снять флажок, то изменять эти размеры мы не можем. Установите флажок. Значение по ширине установим равным 500 точкам. Для этого удалите то значение, которое сейчас там имеется и введите цифру 500. Нажмите на кнопку ОК для подтверждения изменений в диалоговом окне. Как видите, произошли изменения на странице. Окно фильма Flash изменилось, появилось некоторое расстояние между рамкой и внешней границей области Flash. Я обозначил это расстояние стрелочками. Этот промежуток равен 20 точкам, как мы и задали в настройках. Щелкните окно Flash правой кнопкой мыши и выберите команду воспроизвести фильм в формате Flash, изображение появилось уже в представлении Конструктор. Причем мы видим, что сам фильм занимает только часть окна, остальная часть – это просто рамка, опоясывающая его. Для проигрывания фильма нажмите на кнопку. Как видите, проигрывание здесь не происходит. Нужно перейти в представление просмотр. Перейдя в это представление, щелкните на полосе прокрутки и уже здесь нажмите на кнопку Для проигрывания. Проигрывание началось. Мы можем при этом перемещать ползунок и нажимать на кнопки на полосе прокрутки. Вернитесь в режим конструктор. Произведем изменении настроек. Щелкните окно дважды. Снова появилось диалоговое окно Свойства фильма в формате Flash. Изменим выравнивание окна Flash в веб-браузере. Сейчас оно установлено по центру. Установите по правому краю. В группе макет выравнивание сделаем по нижнему краю. Интервал по горизонтали и вертикали удалим, пусть он будет равным нулю, а в группе Размер уменьшим величину окна, при этом сохранять пропорции не будем. Пусть например высота составляет 300 точек, а ширина 400. Нажмите кнопку ОК. В представлении конструктор мы видим, какие изменения произошли. Перейдите в представление просмотр. Для того, что бы запустить проигрывание нажмите на соответствующую кнопку. Остановите проигрывание. Вернитесь в представление Конструктор. Выполним ещё некоторые изменения. Щёлкните дважды окно Flash фильма. В группе Фильм мы установили цвет фона как прозрачный. Снимите этот флажок. Раскройте список Цвет фона. В группе Стандартные цвета выберите Тёмно-синий цвет. Для подтверждения изменений нажмите кнопку ОК. Щёлкните кнопку Просмотр. Проигрываем фильм. С фильмом никаких изменений не произошло, но по краям, где был фон – появились синие полосы. Это и есть фон в окне Flash фильма. Вернитесь в представление Конструктор.
* * *
Глава 11. Мультимедиа
203 11.3. Вставка видеозаписи
На веб-странице можно вставлять видеофрагменты, видеофайлы. Откройте файл Details. Поставьте курсор там, где должен быть клип. Например, щёлкните после слова тренингов, нажмите клавишу Enter. Т. о. мы создали новую строку. Для вставки видео нужно раскрыть меню Вставка, навести указатель мыши на строку Рисунок. В появившемся подменю выберите команду Видеозапись. На экран выведено диалоговое окно Видео. В списке папок найдите нужную. Я знаю, что нужный мне файл находиться в папке Документы. Я раскрыл список папок и файлов, имеющихся в папке Мои документы и здесь мне нужен файл с именем Training и расширением avi. Щёлкнув на этот файл, нажмите кнопку Открыть. Окно, содержащее первый кадр видео, появилось на странице. Для сохранения изменений нажмите на соответствующую кнопку. На экран выведено окно Сохранение внедрённых файлов. Нажмите на кнопку Переименовать. Вместо T заглавной напишем t строчную. Кроме того, создадим новую папку и поместим в неё этот файл. Для этого нажмите на кнопку Сменить папку. Появилось диалоговое окно Смена папки. В нём щёлкните кнопку Создать папку. Появилась новая папка, в которой нужно ввести новое имя. Пусть это имя будет video. Теперь нажмите на кнопку ОК. Папка video создана, и файл будет помещён в неё. Для подтверждения изменений нажмите на кнопку ОК, в окне Сохранение внедрённых файлов. Перейдите в представление Просмотр. В этом представлении мы не видим видеофрагмента. Вместо него отображается только рамка и значок изображающий файл мультимедиа. Для того, что бы увидеть видеофрагмент, нужно открыть веб-обозреватель. Раскройте меню Файл. Наведите указатель на строку Просмотреть в обозревателе. Выберем, например такой веб-обозреватель как Opera. Здесь мы видим этот видеофрагмент в действии, так сказать. Закройте этот веб-обозреватель. Параметры воспроизведения видеозаписи можно изменять по своему усмотрению. Щёлкните окно видеозаписи правой кнопкой мыши. В контекстном меню выберите команду Свойства рисунка. На экран выведено окно Свойства рисунка. Автоматически открылась вкладка Видеозапись. Здесь указан источник видеозаписи, это файл с именем training, находящийся в папке video. Ниже находится группа Повторить. Здесь указывается число повторов и задержка повтора. Увеличим значение повторов до 2-х. Нажмите на кнопку ОК в окне Свойства рисунка. Сохраните изменения на веб-странице. Затем раскройте меню Файл, Просмотреть в обозревателе. Используем для просмотра программу Opera. Программа открыта, и мы видим изображение, и слышим звук. Это был, так сказать, первый прогон и уже начался второй. Мы во второй раз видим то же самое, что видели в первый. После этого изображение просто исчезло в программе Opera. В программе Microsoft Internet Explorer такого не будет. Изображение останется на экране. Закройте программу Opera. Для того чтобы изменить параметры воспроизведения видеозаписи, можно щёлкнуть данное окно дважды, левой кнопкой мыши. Сразу же появляется диалоговое окно Свойства рисунка, и вкладка Видеозапись уже открыта. Установите флажок Непрерывно. В таком случае счетчик Число повторов становится недоступным, мы не можем менять здесь значения, и видеозапись будет проигрываться постоянно. Кроме того, её начало может зависеть от того, навели мы указатель мыши на окно или нет. Щёлкните переключатель При наведении указателя мыши. Подтвердите изменения нажатием кнопки ОК. Откройте ещё раз программу Opera. Для этого нужно раскрыть меню Файл. Навести указатель мыши на строку Просмотреть в обозревателе и щёлкнуть в данном случае первый пункт. После чего программа требует сохранить изменения. Мы их не сохранили перед этим. Нажмите на кнопку Да. Opera запустилась, при этом
204
TeachPro Microsoft FrontPage 2003
проигрывание началось сразу, без наведения указателя мыши. Т. е. в данной программе данная функция не работоспособна, но она будет работать в программе Microsoft Internet Explorer. Зато проигрывание происходит здесь постоянно и это может продолжаться бесконечно, пока не закончится электроэнергия у компьютера. Закройте окно программы.
* * * 11.4. Настройки автоэскизов Во вводной части курса Вы с автоэскизами. Раскройте двойным щелчком файл Alex. Здесь имеется изображение, которое можно превратить в эскиз. При чём размер этого эскиза известен заранее. Для того, что бы увидеть, каким он будет – раскройте меню сервис, выберите команду Параметры страницы. На экран выведено диалоговое окно Параметры страницы. В этом окне имеется несколько вкладок. Из них выберите вкладку Автоэскизы. Верхняя опция на этой вкладке – это задание размера. Здесь имеется список вариантов. Сейчас выбран вариант По ширине, т. е. по ширине эскиз будет равен 100 точкам, высоту программа определит автоматически, так, что бы изображение изменилось пропорционально и не было искажено. Но мы можем задать расстояние не только по ширине для эскиза, но и например по высоте. В таком случая высота будет равна 100 точкам. Высота показана на схеме слева, ширина сверху. Какие ещё здесь есть варианты? По меньшей стороне и по большей стороне. Если мы выберем вариант по меньшей стороне, то меньшая сторона изображения, которое мы превращаем в эскиз будет равна 100 точкам. Если по большей, то соответственно большая сторона будет равна 100 точкам, а меньшая ещё меньше. Установим значение По ширине и пусть, предположим оно будет равно не 100 точкам, а 80. Удаляем значение, которое сейчас расположено в счетчике и вводим 80. Следующая опция Толщина границы, флажок сейчас установлен. Давайте его снимем. В таком случае счётчик справа, указывающий сколько точек будет толщина границы – становится не доступным. Установите снова толщину границы. Значение это можно изменить. Вместо двух точек, например, напишем 10. Следующая опция Рельефная граница. Если Вы хотите, что бы граница была рельефной, установите флажок. Попробуем применить эти настройки и посмотреть, какой автоэскиз получится в результате. Нажмите на кнопку ОК. Тем не менее окно Параметры страницы не исчезло. Программа вывела на экран сообщение: Please enter an integer between 0 and 8, что означает: Пожалуйста, введите целое число от 0 до 8. Нажмите кнопку ОК. Куда ввести это целое число, программа указала, выделив цифру 10 в счетчике точек. Введём цифру 8-ь, как она того требует. Теперь нажмите кнопку ОК в окне Параметры страницы. На этот раз диалоговое окно исчезло. Значит, настройки приняты. Выделите изображение щелчком мыши на веб-странице. Откройте меню Сервис, в этом меню имеется команда Автоэскизы, щёлкните её. Изображение превратилось в эскиз. При чём вокруг этого эскиза появилась рамка, толщиной в 8 точек надо полагать. Проверять не будем. Я думаю в данном случае можно поверить программе. Попробуем произвести то же самое действие другим способом. Нажмите копку Отменить на панели инструментов. Щёлкните изображение правой кнопкой мыши. В контекстном меню имеется команда Автоэскизы. Выберем её. Результат то же, изображение превратилось в эскиз. Отмените действие. И ещё один способ, это открыть меню Сервис снова и посмотреть, какое сочетание клавиш позволяет превратить изображение в эскиз, а это сочетание Ctrl + T. Не будем здесь щёлкать. Щёлкните за пределами меню, выделите изображение и нажмите на клавиатуре сочетание клавиш Ctrl + T. Как видите эффект то же самый, изображение превратилось в эскиз. Для сохранения изменений нажмите на кнопку Сохранить. На экран выведено окно Сохранение внедрённых фай-
Глава 11. Мультимедиа
205
лов. Поскольку файл shura уже существует в папке images, имеющейся на нашем веб-узле. Программа предлагает сохранить только то файл, который сейчас создали, т. е. этот эскиз и предлагает назвать его shura_small. Согласимся с этим, но не согласимся с тем, какую папку следует выбрать. Нажмите на кнопку Сменить папку. Выберите в окне Смена папки папку images, нажмите кнопку ОК. В столбце папка появилось название images. В окне Сохранение внедрённых файлов нажмите на кнопку ОК. Перейдите в представление Просмотр. Здесь так же хорошо видно и рамку толщиной 8 точек, которую мы создали, можно увидеть и рельефную рамку, которая находится внутри синей рамки и само изображение естественно. При наведении на него указателя мыши, указатель превращается в руку, щёлкните изображение. Мы вывели на экран полное изображение, которое было на странице ранее. Программа создала на него ссылку автоматически. Обновите страницу. После того, как был совершён переход по гиперссылке, вместо синего мы видим фиолетовый. Вернитесь в режим Конструктор. Изменим настройки автоэскизов. Откройте меню Сервис, выберите команду Параметры страницы. Сделаем снова ширину равную 100 точкам. Толщину границы равной 2 точкам и снимем флажок Рельефная граница. Т. о. мы получаем те настройки, которые были по умолчанию. В самом начале. Нажмите на кнопку ОК. Изменение настроек будет применятся только к новым эскизам, которые мы создадим позже. Для того, что бы изменить границы сейчас на имеющемся эскизе, выделите его двойным щёлчком левой клавиши мыши. Появилось диалоговое окно Свойства рисунка. В группе Положение на вкладке Вид, можно изменить толщину границы. Вместо 8 точек, которые мы определили в настройках, установить значение 2. Такое значение определяется по умолчанию. Нажмите кнопку ОК, для подтверждения изменений. Толщина границы изменилась.
* * * 11.5. Создание коллекции фотографий на основе шаблона Коллекция фотографий – это веб-страница, содержащая фотографии, расположенные в соответствии с каким-то макетом. Для создания фото коллекции можно использовать шаблоны. Щёлкните стрелку рядом с кнопкой Создание новой обычной страницы. В меню выберите строку Страница. На экран выведено диалоговое окно Шаблоны вебстраниц. На вкладке Общие выделите шаблон Коллекция фотографий. Описание и изображение образца этого шаблона показаны справа. Для подтверждения выбора щёлкните кнопку ОК. На экране появилась новая страница, содержащая коллекцию фотографий. Пока это всего лишь образец. Сохраним эту страницу. После нажатия кнопки Сохранить, появилось диалоговое окно Сохранить как. Сейчас открыт тот веб-узел над которым мы работаем, training. Следует задать имя файла. То имя, которое здесь предложено, удалим и напишем другое collection, например. Название, коллекция фотографий, которое предложила программа оставим. Нажмите на кнопку Сохранить. Программа вывела окно Сохранение внедрённых файлов, это те образцы, которые уже есть на странице. Эти образцы нам не нужны, поэтому я нажму кнопку Отмена в окне. Страница не была сохранена. Щёлкните на полосе прокрутки, щёлкните в области фотографий. Эта область выделена. Нажмите на кнопку Delete на клавиатуре. Группа фотографий удалена и теперь мы можем создавать коллекцию практически с самого начала. Но, можно ли было просто добавить новые фотографии в имеющуюся коллекцию. Нажмите кнопку Отменить на панели инструментов. Щёлкните область фотографий дважды. На экран выведено диалоговое окно Свойства коллекции фотографий. Как только мы добавим что либо в коллекцию, образцы из неё исчезнут. На вкладке Рисунки на-
206
TeachPro Microsoft FrontPage 2003
жмите на кнопку Добавить. Появилось выпадающее меню состоящее из двух пунктов: Рисунки из файлов и Рисунки из сканера или камеры. Щёлкните строку Рисунки из файлов. На экране появилось диалоговое окно Открытие файла. Сейчас Вы видите открытой папку Коллекция картинок Microsoft. Раскройте список. Щёлкните папку Документы. В списке найдите папку training, это тот веб-узел, над которым мы работаем. Здесь откройте папку images. Щёлкните фотографию под именем dance, нажмите на кнопку Открыть, в окне Открытие файла. Имя данного файла появилось в окне ниже. Здесь список тех имён, которые мы будем вносить в фотоколлекцию. Правее появился фотоэскиз этой фотографии, ещё правее размер эскиза –100 точек по ширине и 70 по высоте. При этом программа сохраняет пропорции. Если мы изменим ширину или высоту, то соответственно изменится и второй параметр. Например, увеличьте ширину. По мере увеличения ширины, увеличивается и высота. Установим снова ширину равной 100 точкам. Высота автоматически стала равной 70. Под эскизом находится запись о том: сколько фотографий находится в коллекции. В настоящий момент 1-а. Кнопки Вверх и Вниз, находящиеся левее сейчас не доступны. Ещё ниже находится раздел, в котором Вы можете определить параметры шрифта. Сейчас выбран переключатель использовать параметры шрифта страницы. Шрифт будет в подписи. Второй переключатель – это использовать другие параметры шрифта, щёлкните его. В этом случае становятся доступными Имя шрифта, Размер и цвет. А так же кнопки Полужирный, Курсив и Подчеркивание. Поставьте курсор в поле подпись, находящемся ниже. Здесь напишем подпись для фотографии, например, Танец. Ещё ниже можно ввести описание. Например «танцевальная терапия» . Установим другой шрифт. Для этого нужно выделить текст. Затем раскрыть список шрифтов. Выберем например такой шрифт как Tahoma. Представление текста изменилось. У него стало другое начертание. Можно изменить и размер. Выделите снова этот текст, щёлкните список размеров. Выберите второй к примеру. Кроме того, можно изменить и цвет этого текста. Предположим, выберем малиновый. Нажмите кнопку ОК для подтверждения изменений. Щёлкните в том месте на странице, где пропадает значок с рукой, который мы сейчас видим. Таким образом мы ввели на страницу первую фотографию, подпись и описание к ней. Сохраните эту страницу. Сохранить как, пишем имя этой страницы collection. Нажмите на кнопку Сохранить. Поскольку фотография уже была в папке images, которая находится в нашем вебузле, программа не требует сохранить это изображение как новое.
* * * 11.6. Создание коллекции фотографий как веб-компонента Коллекцию фотографий можно создать не только на основе шаблона страницы, но и с помощью меню Вставка. Удалим файл collection из веб-узла. Закройте его. Выделите этот файл в области Список папок и нажмите клавишу Delete на клавиатуре. Появилось диалоговое окно Подтверждение удаления: «Вы действительно хотите удалить Коллекция фотографий collection?» Нажмите на кнопку Да. Папку photo gallery, которая была создана программой, тоже можно удалить. Выделив её нажмите на кнопку Delete на клавиатуре. Подтвердите удаление. Для создания коллекции фотографий щёлкните кнопку Создать страницу, в области Список папок или кнопку Создание новой обычной страницы. Я щёлкну первую кнопку. Появилась Новая страница 1, такое имя предложила программа. Переименуем этот файл. Назовём его collection. Подтвердите изменение имени, нажав клавишу Enter на клавиатуре. Теперь откройте этот файл. Курсор должен находится там, где будет коллекция фотографий. Сейчас он находится на странице в этом месте, пусть здесь и будет. Раскройте меню
Глава 11. Мультимедиа
207
Вставка, выберите команду Веб-компонент. На экран выведено диалоговое окно Вставка компонента веб-узла.. В списке Тип компонента выберите строку Коллекция фотографий. Справа появилось 4-е варианта коллекций. Горизонтальное положение, так как сейчас, этот образец выбран, следующий Коллаж( группа фотографий на странице будет располагаться в виде коллажа). Ещё один тип расположения, это в виде набора слайдов, когда эскизы расположены в верхней части и один из них отображается целиком. И последний вариант – это Вертикальная компоновка. Выберите первый вариант, нажмите на кнопку Готово. Появилось диалоговое окно Свойства коллекций фотографий. Нажмите на кнопку Добавить на вкладке Рисунки. Выберите строку Рисунки из файлов. Открылась папка, которую я открывал в прошлый раз –images. Здесь я выберу те фотографии, которые хочу разместить в коллекции. Фотография dance, desiccation. Я выбираю их при нажатой клавише Ctrl., а так же ещё несколько фотографий hands, love, portrait, phone talk, round, Семенов, Вова и Таня. Нажмите на кнопку Открыть в диалоговом окне. Сразу все эти фотографии помещены в список на вкладке рисунки. В списке фотографии распределены по алфавиту. В данном случае начинается с буквы D и заканчивается буквой V. Порядок размещения фотографий можно изменять, нажатием кнопки вверх или вниз. Например, выберите фотографию round, поместим её вверх. Для этого нужно нажимать кнопку вверх, столько раз, сколько необходимо, для перемещения фотографии. Сейчас она находится в самом вверху списка. Для перемещения ниже нажмите кнопку Вниз. Число рисунков в этой коллекции как указывает программа 10, так что считать их не нужно. Создадим подписи для фотографий. Для этого выберите фотографию dance, например, и создайте подпись.Пусть она просто называется танец. Описание введём ниже. Пусть описание будет например таким. Переходим к следующей фотографии. Для неё так же нужно придумать подпись и описание. После ввода текста переходим к следующей фотографии и т. д. Пока не будут заполнены поля для всех фотографий. После того как ввод подписей и описание фотографий завершён, нажмите на кнопку ОК в окне свойства коллекции фотографий. Коллекция создана на странице. Для сохранения изменений на странице, нажмите сочетание клавиш Ctrl + S. Одновременно с сохранением страницы в области список папок появилась папка photo gallery. Нажмите на знак «+» слева от изображения папки, здесь находятся ещё две папки. Щёлкните знак + « » рядом с первой из них. Папка не раскрылась, значит там ни чего нет. Щёлкните следующий «+». В этой папке находятся изображения, а так же дополнительные файлы. Щёлкните знак минус рядом с папкой photo gallery. Что бы лучше увидеть нашу коллекцию на странице закройте область Список папок и воспользуйтесь нижней кнопкой на полосе прокрутки. Сейчас мы видим первые пять фотографий и подписи к ним. Ниже находятся следующие пять фотографий, и там мы увидим подписи. Передвиньте вниз ползунок.
* * * 11.7. Вставка фотографии в коллекцию фотографий с помощью сканера На странице мы сейчас видим две общие границы вверху и слева. В верхней границе имеется объявление, точнее место для него и место для панели ссылок. Для того, что бы можно было добавить объявление в автоматическом режиме нужно страницу поместить в структуру переходов. Для этого нужно открыть веб-узел, открыть Список папок. На вкладке Веб-узел откройте представление Переходы и из области Список папок перетащим в область Переходов нужную страницу. Это страница collection, которая сейчас открыта. Пусть она будет связана со страницей Организации. Переименуем
208
TeachPro Microsoft FrontPage 2003
новую страницу. Для этого щёлкните в названии правой кнопкой мыши и выберите команду Переименовать в контекстном меню. Введите сюда текст. Например, «коллекция фотографий» . Нажмите клавишу Enter, для подтверждения изменений названия. При этом имя файла никак не изменилось –collection. Раскройте файл collection, щёлкнув его вкладку и название, т. е. объявление на этой странице и панели ссылок в общих границах появились на данной странице. Однако файл Links, страница Организации никак на панели ссылок не представлена. Для того, что бы он был представлен, одну из панелей ссылок, которые мы сейчас видим, можно изменить. Например, левую. Щёлкните её дважды левой кнопкой мыши. Появилось диалоговое окно Свойства панелей ссылок. На вкладке Общие для этой страницы выбран переключатель дочерней страницы домашней. Т. е. на панели ссылок отображаются страницы, которые являются подчинёнными по отношению к файлу index. Кроме того, отображается домашняя и родительская страница. Изменим переключатель. Щёлкните например переключатель Тот же уровень. При его выборе мы должны будем видеть ссылки на страницы находящиеся на том же уровне что и эта страница, а так же ссылку на домашнюю страницу и на родительскую, т. е. находящуюся на один уровень вверх. Нажмите на кнопку ОК. Панель ссылок слева изменилась. Сохраните изменения. Щёлкните гиперссылку Вверх при нажатой клавише Ctrl. Открылась страница Links. Именно она и является родительской по отношению к странице collection. Настройка панели ссылок слева, как Вы помните, это то же уровень. Для страницы Организации на том же уровне находятся такие файлы как Специфика, Почта, Термины и т. д. Но, файл с коллекции фотографии сюда не входит и мы не можем перейти к нему по ссылке. По этому следует опять изменить панель ссылок и сделать её не на том же уровне, а например на дочернем. Посмотрим, что у нас получится . Нажмите на кнопку ОК. Страница изменилась, благодаря тому, что панель ссылок теперь выглядит иначе. Нажмите на кнопку Сохранить и вернитесь к странице collection. Панель ссылок слева поменялась на всех страницах вебузла. Щёлкните её дважды. Сейчас здесь выбран не переключатель тот же уровень, а дочерний уровень. Нажмите кнопку Отмена. Из коллекции фотографий мы можем перейти на один уровень вверх. Щёлкните ссылку Вверх при нажатой клавише Ctrl. Открывается файл Links. С этого файла мы можем вернуться обратно в коллекцию фотографий, щёлкнув ссылку, Коллекция фотографий. Кроме того с этой страницы с помощью левой панели ссылок мы можем перейти сразу на домашнюю страницу. Эта страница открылась, она имеет имя index. И со страницы collection мы можем переходить на все дочерние страницы домашней, с помощью верхней панели ссылок. Каждый эскиз фотографии представленный на странице является гиперссылкой на полное изображение. Перейдите в режим просмотр. Наведите указатель мыши на первое изображение. Указатель превратился в изображение руки. Щелкните фотографию. Мы по гиперссылке перешли к полному изображению. Оно на столько большое, что для его просмотра требуется воспользоваться полосами прокрутки Нажмите на кнопку Обновить на панели инструментов. Щёлкните следующую фотографию. Эта фотография несколько меньше и её можно просматривать целиком. Т. о. пользователь сможет просматривать любую фотографию, которая ему нужна. Уже созданную фотогаллерею можно изменять. Щёлкните в её области дважды. Открылось окно Свойства коллекции фотографий. Фото в галерею можно добавлять не только с жесткого диска, но и со сканера или камеры. Нажмите на кнопку Добавить в этом окне. Появилось меню состоящее из двух пунктов: Рисунки из файлов и Рисунки со сканера или камеры. Щёлкните второй пункт. На экран выведено диалоговое окно Вставка рисунка со сканера или камеры. Выберите устройство в списке. Разрешение для передачи по Интернету или для Печати. Оставим для передачи по Интернету. Кроме того, здесь же можно установить флажок Добавить рисунки в коллекцию картинок. Я установлю его. Что бы добавить рисунок в его исходной форме нужно нажать на кнопку Вставить в данном диалоговом окне, а что бы настроить его свойства – кнопку Специальная вставка, нажмите её. После нажатия кнопки появилось диалоговое окно Сканирование с помощью и далее указано название сканера. В окне расположено 4 переключателя: Цветной снимок; Черно-белое изображение; Черно-белый рисунок или текст; и Особые параметры. Оставьте выбранным переключатель Цветной снимок. Внизу находится гиперссылка Настроить качество сканированного изображения щёлкните эту ссылку. Появилось диалоговое окно Дополнительные свойства. В группе изображения можно настроить яркость и контрастность перемещением ползунка. Переместим, например, ползунок Яркость вправо. Изображение слева становится более ярким. Перемес-
Глава 11. Мультимедиа
209
тите так же правее ползунок Контрастность. Это же изображение стало более контрастным. Ниже можно настроить разрешение сканирования. Сейчас установлено 300 точек на дюйм. Вы можете установить другое разрешение. Например, 200. Цифры можно вводить как с клавиатуры так и с помощью кнопок на счетчике. Если нажимать кнопку указывающую вверх, то число увеличивается. Если нажимать стрелку вниз, то уменьшается. Установим разрешение 300 точек. Справа имеется список Тип изображения, раскройте его. Здесь такие варианты как: Цветной снимок; Черно-белое изображение, оттенки серого; и Черно-белый рисунок или текст. Оставляем выбранным цветной снимок, а так же имеется кнопка Сброс. Нажмите на неё. В этом случае все настройки остаются такими, какими определены по умолчанию. В частности ползунки Яркость и Контрастность снова установились на значение «0». Не будем здесь ничего менять, нажмите на кнопку Отмена, в окне Дополнительные свойства.
* * * 11.8. Изменение рисунка в коллекции фотографий Прежде чем сканировать изображение, можно сделать предварительный просмотр его. Для этого нажмите на кнопку Просмотр в окне Сканирование с помощью. Начинается процесс работы сканера. Сейчас ожидание ответа сканера. Начинается предварительный просмотр изображения. Программа нашла фотографию в сканере и отметила её рамкой. Стороны этой рамки мы можем перемещать, для уменьшения или увеличения области захвата. Можно, например, уменьшить изображение, перетягивая стороны рамки таким образом или воспользоваться маркерами размера находящимися по углам этой рамки. После того, как Вы определили размер, можно начать сканирование. Нажмите на кнопку Сканировать. Сканирование началось. По окончании этого процесса диалоговое окно Сканирование с помощью исчезает. В списке изображений на вкладке Рисунки окна Свойства коллекции фотографий, появилось новое изображение. Эскиз его мы видим справа. Каким будет размер самого изображения, мы пока не знаем. Видим только размеры эскиза, ещё правее, ширина 100 точек, а высота 77. Для того, что бы увидеть, какой будет реальный размер фотографии, после того как мы перейдём по гиперссылке от эскиза, нажмите кнопку Изменить. На экран выведено диалоговое окно Изменение рисунка. Размер самого рисунка, а не эскиза будет 1509 точек по ширине и 1174 точки по высоте. Эти размеры можно изменять. Я бы даже сказал нужно изменять, потому что размер слишком большой. На обычный монитор такое изображение может не поместится. Установим, например по ширине значение 400 точек. Для этого удаляя имеющееся значение и вводим новое. Щёлкните поле Высота. Программа автоматически преобразовала высоту. Теперь она равна 311 точкам. Если Вам показалось, что такое изображение будет слишком маленьким, можно увеличить его с помощью кнопок на счетчиках. Нажмите, например, верхнюю кнопку на счетчике Высота. Если её удерживать, фотография изменяется постепенно. Оставим такой размер 546 на 425 точек. Ниже находится группа опций Повернуть рисунок. Кнопки находящиеся здесь определяют поворот и отражение объекта. Щёлкните первую кнопку слева. Изображение повернулось на 90 градусов против часовой стрелки. Щёлкните следующую кнопку. Мы повернули изображение тем самым на 90 градусов по часовой стрелке. Следующая кнопка позволяет перевернуть изображение. Щёлкните её ещё раз. Мы перевернули изображение снова. Теперь оно в нормальном виде. И последняя кнопка, фотография как бы отразилась в зеркале. Щёлкните её ещё раз. Произошёл обратный процесс. Ниже Вы видите группу Обрезать рисунок. Нажмите на кнопку Обрезать. На изображении появилась рамка с маркерами размера. Наведите указатель мыши
210
TeachPro Microsoft FrontPage 2003
на неё. Когда указатель оказывается над каким то маркером, он превращается в двунаправленную стрелку. Перетащите например этот маркер левее. Наведите указатель на центральный нижний маркер. Перетащите его вниз. Тоже самое сделайте с правым центральным маркером. После наведения на него указателя мыши, перетащите его в право. Для того, что бы обрезать лишние области, находящимися за пределами этой рамки, ещё раз нажмите на кнопку Обрезать. В этом случае мы уменьшили рисунок, не с помощью перетаскивания его границ, а обрезав лишнюю часть. Если сделанные изменения Вас не устраивают можно нажать на кнопку Сброс. Я этого делать не буду. Для перехода к другим фотографиям воспользуйтесь кнопками Назад и Далее. Я нажму на кнопку Назад. Здесь хорошо видно, что размер рисунка, который сейчас на экране, слишком мал –84 на 70 точек. Кроме того, качество его меня не устраивает. Поэтому нужно будет заменить это изображение на странице. Для перехода к следующей фотографии можно нажать на кнопку Далее. Для подтверждения всех изменений нажмите на кнопку ОК в окне Изменение рисунка. Если какое-либо изображение Вам не нужно, можете его выделить в списке и нажать на кнопку Удалить. Но, я этого делать не буду. Что нужно сделать действительно, так это внести подпись и описание под новым изображением. Подпись будет следующей, добавим так же описание. Выполнив все настройки нажмите ОК в диалоговом окне Свойства коллекции фотографий. В окне документа collection щёлкните на полосе прокрутки. Новая фотография и подпись к ней оказались в конце списка. Так же как они были в конце списка в диалоговом окне. Страница претерпела изменения. О чём свидетельствует звёздочка на вкладке. Нужно сохранить эту страницу. Нажмите на кнопку Сохранить. Программа вывела на экран Сохранение внедрённых файлов. В этом диалоговом окне нужно определить имя и папку и действия. Переименуем файл. Пусть он называется, например, lady. Щёлкните за пределами рамки. Папка, в которую будет сохранён файл пусть остаётся без изменений – images. Нажмите на кнопку ОК в диалоговом окне. Проверим, как выглядит страница веб-обозревателя. Раскройте меню файл, просмотреть в обозревателе. Выберите первый пункт в списке. Страница Коллекция фотографий открыта. Мы можем её просматривать с помощью полосы прокрутки и переходить по гиперссылкам. В качестве которых служат эскизы. Щёлкните, например, 3-е изображение. Как видите оно само то же маленькое. Поэтому нужно будет исправить недостаток и увеличить изображение. Щёлкните кнопку Назад. Выберите первую фотографию. Она достаточно большая, здесь всё нормально. Закройте окно программы Microsoft Internet Explorer.
* * * 11.9. Макеты коллекции фотографий Общий вид коллекции фотографий на вебстранице можно изменить как при создании такой коллекции, так и после того, как она сформирована. Щёлкните в области коллекции фотографий дважды левой кнопкой мыши. На экран выведено окно Свойства коллекции фотографий. С вкладкой Рисунки в этом окне мы уже познакомились. Перейдите на вкладку Макет щелчком мыши. Макет, которым мы всё время работали, называется Горизонтальная компоновка. Он сейчас выбран в списке Выберите макет. Образец этого макета находится справа. Под образцом указано как создаётся и формируется макет. В частности здесь указано, что эскизы изображений создаются автоматически, упорядочиваются строками и снизу каждого эскиза указывается описание. Внизу имеется список Число рисунков в строке. Раскройте его. Сейчас указано значение пять. 5 фотографий на странице по горизонтали. Мы можем это значение изменить. Установите, например, значение 3. В образце никаких изменений не произошло. Посмотрим, будут ли изменения на веб-странице. Нажмите на кнопку ОК в диалоговом окне. Щёлкните в том месте на странице, где указатель превращается в курсор (вертикальную черту). Т. о. мы сняли выделение области в которой изображены фотографии. Щёлкните на полосе прокрутки. Т.о. мы можем просматривать фотографии и видим, что расположено по 3-и фото в ряд. В последнем ряду две, одной не хватило просто. Выделите область фотографий двойным щелчком мыши, ещё раз. Мы снова видим диалоговое окно Свойства коллекции фотографий. Щёлкните вкладку Макет. В списке выберите макет. Щёлкните вторую строку Коллаж. В данном случае эскизы образуют узоры и эскизы изображений создаются автоматически. Обратите внимание, что список Число рисунков в строке теперь не доступен. Программа сама определяет сколько изображений нужно в строке. Нажмите кнопку ОК в диалоговом окне. Щёлкните за пределами области в которой находятся фотографии. Выделения мы сняли. Передвиньте вниз
Глава 11. Мультимедиа
211
ползунок. Ни подписей, ни описаний мы не видим. Наведите указатель мыши на правое нижнее изображение. Всплывающая подсказка говорит только о том, что это коллекция фотографий. Перейдите в режим просмотра. Переместите, ползунок вниз и снова наведите указатель мыши на правое нижнее изображение. На этот раз мы видим подпись: «Новый партнёр или партнёрша» . Такая подпись стояла под этой фотографией. Наведите на фотографию, которая находится выше. Здесь другая подпись Портрет. Описание при этом не выводится. Следующая – это телефонный разговор. Вернитесь в представление Конструктор. Щёлкните дважды левой кнопкой мыши в области фотографий. Окно свойства коллекции фотографий открыто. Щёлкните вкладку Макет. В списке щёлкните макет, выберите 3-ю строку, показ слайдов. В этом режиме число рисунков в строке мы так же определять не можем. Нажмите на кнопку ОК и рассмотрим, как отображаются фотографии в этом случае. Перетащите вниз ползунок. Что бы лучше было видно окно, закройте область Список папок. Щёлкните кнопку Просмотр внизу. Для того чтобы отображать крупным планом фотографии, нужно щёлкать их эскизы сверху. Щёлкните, например, эскиз Обсуждение. Фотография отобразилась внизу. При этом видно подпись и описание данной фотографии. Переместимся к следующей фотографии, это фотография Круг. Здесь так же мы видим и подпись и описание. Т.о. можно щёлкать все фотографии по очереди. Для того, что бы увидеть следующие изображения имеются стрелки справа и слева от ряда фотографий. Нажмите на правую. Т.о. мы можем перемещать ряд фотографий слева на право или наоборот. Щёлкните левую кнопку. Вернитесь в представление Конструктор. Для открытия макета коллекций фотографий дважды щёлкните в области фотографий. Диалоговое окно открыто, щёлкните вкладку Макет. Последний вариант в списке Выберите макет – это вертикальная компоновка. В таком случае расписание размещается справа от каждого эскиза. Число рисунков в строке можно определять. Сейчас здесь установлено значение 3, пусть так и остаётся. Нажмите на кнопку ОК. Мы изменили компоновку. Просмотрим, как это будет выглядеть. Из всех возможных вариантов выберите тот, который Вас больше всего устраивает. Мне кажется больше подходит первый в данном случае. Щёлкните дважды в области фотографий. На вкладке макет выберем первый вариант – горизонтальная компоновка. Число рисунков в строке пусть остаётся равным пяти. Нажмите на кнопку ОК. После того, как вариант компоновки выбран, сохраните веб-страницу.
* * * 11.10. Вставка меняющейся (интерактивной) кнопки Для связи между страницами веб-узла можно использовать интерактивные кнопки. Меняющаяся кнопка позволяет связать одну страницу с другой с помощью гиперссылки. Откройте необходимый документ, например, файл alex. Установите курсор там, где должна быть кнопка. Я щёлкну после слова «информация» и создам новую строку нажатием клавиши Enter на клавиатуре. Новая строка создана. Для вставки кнопки откройте меню Вставка. Выберите команду меняющаяся кнопка. На экран выведено диалоговое окно Меняющиеся кнопки. Это окно включает в себя три вкладки: Кнопка; Шрифт; и Рисунок. Щёлкните вкладку Кнопка. Вкладка Кнопка включает несколько полей, первая из них Просмотр, здесь находится образец кнопки и текста. Наведите указатель мыши на кнопку. При наведении мыши она изменяет свой цвет. Если нажать левую кнопку мыши после наведения указателя – цвет будет иным. Т.о. мы видим все те изменения какие должны происходить на вебстранице с этой кнопкой. Ниже находится список Кнопка, в котором мы можем выбрать представления меняющейся кнопки. Выберите, например, Выступающая вкладка 1.
212
TeachPro Microsoft FrontPage 2003
Соответственно в образце представление кнопки изменилось. Для просмотра других вариантов кнопок щёлкните на полосе прокрутки. Выберите, например, такую кнопку как Граница сверху и снизу 1 или Граница сверху и снизу 2. Для просмотра различных вариантов можно использовать клавиши стрелка вверх и вниз на клавиатуре. Нажмите стрелку вниз. Перейдите к следующей строке и к следующей и т. д. Для более быстрого перемещения щелкайте на полосе прокрутки. Выберите, например такую строку как Металлическая вкладка 1. Наведите указатель мыши на образец. Цвет этой кнопки изменился. Теперь наведите указатель и нажмите левую кнопку мыши, мы получили ещё один оттенок цвета на кнопке. Посмотрим, какие ещё есть варианты кнопок. Мягкая вкладка1 и т. д., меняются цифры рядом с этим вариантом. Мягкий прямоугольник 1, цифры могут быть другими. В зависимости от цифры меняется и представление и кнопки, её цвет в частности. Простая линия 1, 2 и т. д. Простой блок; Простой текст. Варианты можно подбирать до тех пор пока Вы не получите тот, что Вам нужен. Щёлкните, например, строку Стеклянная капсула 5. Кнопка будет серого цвета. При наведении указателя мыши этот цвет становится более интенсивным, при нажатии ещё более интенсивным. Пусть такой вариант пока и останется. Следующее поле Текст, щёлкните в нём. Удалите слова «текст кнопки» и введите сюда тот текст, который должен быть на кнопке. Например, я введу слово «Домой». Следующее поле ссылка. Справа от неё находится кнопка Обзор, нажмите на эту кнопку. На экран выведено диалоговое окно Изменение гиперссылки. Текст, который мы ввели, уже находится в текстовом поле. Это слово «Домой». Ниже находится папка. Это папка training, т. е. тот веб-узел в котором мы сейчас работаем. Кнопка должна приводить к открытию страницы index (это домашняя страница). Выберите этот файл в списке. Введём для него подсказку. Впишите текст подсказки «Главная страница». В диалоговом окне Подсказка для гиперссылки, в которое мы ввели этот текст нажмите на кнопку ОК. В окне изменение гиперссылки тоже кнопку ОК. Ссылка введена. Мы также могли ввести её в ручную. Просто набрав символы с клавиатуры. Прежде чем рассматривать назначение двух других вкладок в этом окне, проверим работу кнопки. Нажмите на кнопку ОК в окне. Диалоговое окно закрыто. На странице появилась кнопка. Щёлкните представление просмотр. Наведите указатель мыши на кнопку. Указатель превратился в изображение руки. Появилась всплывающая подсказка, нажмите эту кнопку. В этом же окне открылась домашняя страница веб-узла. Нажмите кнопку Обновить на панели инструментов. Обратите внимание на то, что в тексте кнопки была допущена ошибка. Каким образом исправить эту ошибку и изменить другие параметры, Вы узнаете на следующем уроке.
* * * 11.11. Изменение свойств меняющейся кнопки Для изменения текста на кнопке и других её свойств наведите указатель мыши на эту кнопку и щёлкните правой клавишей мыши. Появилось контекстное меню, в котором выберите команду Свойства кнопки. Диалоговое окно Меняющейся кнопки открыто. Щёлкните в поле Текст и измените этот текст. Удалите в частности букву «и» и введите букву «м». Текст мы исправили. Теперь изменим цвет этой кнопки. Щёлкните строку Стеклянная капсула 1 в списке Кнопка. Каким будет цвет видно в образце. Перейдём на вкладку Шрифт. На данной вкладке так же имеется окно Просмотр. Для просмотра кнопки надо навести на неё указатель мыши и мы видим тот цвет, который будет при наведении указателя. Можно щёлкнуть эту кнопку. И опять мы видим тот цвет, который применяется для щелчка. Кроме того на вкладке Шрифт имеются такие окна как Шрифт (здесь указывается имя шрифта), Начертание, Размер шрифта, Исходный цвет, Цвет при наведении и Цвет при нажатии. А так
Глава 11. Мультимедиа
213
же списки Выровнять по оси X и Выровнять по оси Y. Начнём с названия шрифта. Предположим вместо названия шрифта Tahoma, который сейчас выбран, щёлкнем шрифт Times New Roman. На образце сразу же отображаются изменения. Выберем другой шрифт. Например, такой шрифт как Arial. Вместо обычного начертания применим курсив. А вместо 10 размера, который сейчас указан, 12-й. Все изменения видны в образце. Если шрифт не нравится, можно опять его изменить. Выберем, например такой шрифт как Verdana. Раскройте список Исходный цвет. Для этого нужно нажать кнопку со стрелкой. Появился список Стандартных цветов, других цветов, которые уже использовались. Кроме того можно щёлкнуть ссылку Другие цвета внизу. В этом случае появляется знакомое Вам диалоговое окно Другие цвета. Нажмите на кнопку Отмена. Ещё раз раскройте список Исходный цвет. Щёлкните, к примеру, Красный. Текст на кнопке сразу же изменился в цвете, он стал красным, естественно. Но, только когда указатель мыши не подведён к этой кнопке. Если навести указатель, то цвет текста становится таким, каким и был раньше. Для того чтобы изменить этот параметр, раскройте список При наведении. Выберем, например, зелёный цвет. Тёмно-зелёный. Наведите теперь указатель мыши на образец. При наведении текст становится зелёного цвета. Нажмите на кнопку. Текст опять стал тёмным, как и ранее. Что бы изменить и данный параметр, раскройте список Цвет при нажатии. Выберите нужный цвет. Пусть это будет, например, синий, тёмно-синий. Проведём ещё один эксперимент. Наведите указатель мыши на кнопку. Она стала зелёной, теперь нажмите и держите левую кнопку мыши. Текст стал синим. Отпустите. Текст опять зелёный и уберём указатель. Текст красный. Разберёмся со списками. Выровнять по оси. Начнём с оси X. Раскройте список. Сейчас выбрано значение По центру. Щёлкните По левому краю, например. На кнопке текст выровнен по левому краю, т. е. он сместился левее. Раскройте список ещё раз. Щёлкните значение по правому краю. Соответственно текст сдвинулся вправо. Выберите значение По центру. Теперь можно выровнять по оси Y. Сейчас он выровнен по центру, попробуем выровнять по нижнему краю. Текст сместился вниз на кнопке, но не выходит за её пределы. Щёлкните строку По центру. Оставим текст в таком виде. Щёлкните вкладку Рисунок. На этой вкладке имеется окно для просмотра кнопки. При наведении изменяется эта кнопка. При нажатии тоже изменяется и текст и цвет кнопки. Если текст очень короткий, то можно уменьшить размеры кнопки по ширине. Сейчас указано значение 100 точек. Уменьшим, например до 80. А высоту наоборот увеличим. Используем для этого верхнюю кнопку на счётчике Высота. При этом мы опять получили ширину более 100 точек даже. Дело в том, что был установлен флажок Сохранить пропорции. Снимите его. Теперь удалите лишние цифры в ширине. Вставим цифру 8 и 0. Увеличим высоту. Можно ввести её в ручную. Вместо 21 точки ведём, например, 40. Получилась кнопка следующей величины. Ниже устанавливаются флажки. Такие как Создать изображение для выделенного состояния, Создать изображение для нажатого состояния и Предварительно загрузить изображение кнопок. Все эти флажки следует оставить. Ниже имеется два переключателя. Использовать для кнопки формат jpeg и фоновый цвет, этот переключатель сейчас выбран. И второй Использовать для кнопки формат gif и прозрачный фон. Раскройте список первого переключателя. Здесь можно выбрать вполне конкретный цвет фона. Выберем, например, голубой. В диалоговом окне Меняющиеся кнопки нажмите на кнопку ОК. Снимите выделение кнопки щелчком мыши. Кнопка занимает прямоугольное пространство. Однако там, где углы её скруглены, виден фон. Если бы фон всей страницы был голубой, тогда мы бы оставили такой же фон и для кнопки. Щёлкните дважды эту кнопку.
214
TeachPro Microsoft FrontPage 2003 Изменим фон. Для этого нужно щёлкнуть вкладку Рисунок. Если Вы не знаете, какой фон будет у страницы пока, то можно использовать второй переключатель. Использовать для кнопки формат gif и прозрачный фон. Нажмите кнопку ОК в окне Меняющиеся кнопки. Фон кнопки в данном случае прозрачный и мы видим просто белый цвет. Попробуем изменить фон самой страницы. Для этого щёлкните её правой кнопкой мыши. Выберите команду Свойства страницы. В диалоговом окне Свойства страницы перейдите на вкладку форматирование. Раскройте список фон в группе цвета. Выберем, например, голубой. Подтвердите изменения. Теперь мы видим, что вся страница имеет голубой фон. Тем не менее вокруг кнопки нет какойто особенной прямоугольной рамки. Изменим ещё
раз фон страницы, для эксперимента. Перейдём на вкладку форматирование в окне свойства страницы. Вместо голубого фона, выберите, например, красный. Нажмите на кнопку ОК. И в этом случае вокруг кнопки нет прямоугольной рамки, которая выдавала бы то, что здесь находятся очертания самой кнопки. Прозрачный фон позволяет отображать здесь красный цвет. Опять изменим свойства страницы. В диалоговом окне на вкладке Форматирование выберите фон Авто и подтвердите эти изменения.
* * *
Глава 12. Рисование объектов
215
Глава 12. Рисование объектов 12.1. Создание полотна В программе FrontPage можно не только использовать картинки из Коллекции картинок Microsoft или отсканированные изображения либо изображения из цифровой камеры, но и создавать собственные рисунки. Для того чтобы они поддерживались всеми браузерами, нужно сделать некоторые настройки. Раскройте меню Сервис. Выберите команду Параметры страницы. На экране появилось диалоговое окно Параметры страницы. Щелкните вкладку Разработка. Убедитесь в том, что установлены флажки Графика VML (Рисование Office) и файлы точечных рисунков. Этот флажок позволяет сохранять изображения, которые вы создадите, в виде файлов в формате GIF на случай, если конкретный веббраузер не поддерживает графику VML. Поскольку здесь флажки установлены, нажмите на кнопку Отмена. Прежде, чем создавать какие-то собственные рисунки, создадим новый файл. Выберите представление Переходы в области вебузла. Пусть страница, которую мы создадим, будет дочерней по отношению к странице Специфика. Щелкнем страницу Специфика, нажмите в области веб-узла кнопку Новая страница. Новая страница появилась, и она связана с выделенной. Переименуем эту страницу. Щелкните ее правой кнопкой мыши.В контекстном меню выберите команду Переименовать. Пусть она будет называться Рисунки. Нажмите клавишу Enter для подтверждения изменений. Щелкните за пределами эскиза этой страницы. Щелкните представление Папки. После того, как мы перешли в это представление, в области Список папок появилась новая страница, файл Рисунки. Переименуем этот файл. После повторного щелчка мышью имя выделилось. Щелкните еще раз внутри. Теперь мы можем изменять текст. Напишем здесь, например, слово drawings. Это будет имя файла. Нажмите клавишу Enter для подтверждения. Программа автоматически изменила на веб-узле имя файла. Название осталось прежним – Рисунки. Оно будет отображаться в строке заголовка браузера. Для открытия выделенного файла нажмите клавишу Enter на клавиатуре. Файл открыт. Здесь уже имеются панели ссылок в общих границах – сверху и слева. Если вы собираетесь создавать несколько изображений, какую-то сложную композицию, тогда сначала лучше вставить на страницу так называемое полотно. На нем можно будет рисовать и затем сохранить полотно вместе со всеми элементами как один объект, объект в формате GIF. Щелкните там, где должен быть рисунок. Затем откройте меню Вставка. Найдите строку Рисунок. Появляется подменю, в котором щелкните команду Создать рисунок. На странице появляется полотно. Вместе с полотном может появиться его панель инструментов. Если этого не произошло, щелкните внутри полотна правой кнопкой мыши. В контекстном меню выберите строку Показать панель инструментов полотна. Сейчас мы видим панель инструментов полотно. Его можно передвинуть в другое место в окне FrontPage. Или совсем закрыть. Для этого служит кнопка Закрыть в правом верхнем углу панели инструментов полотно. Размер полотна можно изменять. Для этого имеются маркеры размера, которые обозначены в виде уголков. По сторонам в центре они обозначены в виде прямых отрезков. Наведите указатель мыши на любой из этих маркеров, например, на центральный верхний. Когда указатель превращается в 2 перпендикулярных друг другу отрезка, перетащите этот маркер туда, куда нужно, например, вниз. Нижняя граница полотна поднялась настолько, насколько мы опустили маркер. Попробуем еще раз. Перетащите этот маркер вниз. Верхняя граница осталась на месте. А нижняя передвинулась
216
TeachPro Microsoft FrontPage 2003 вверх, и область уменьшилась. Теперь наведите указатель на нижний маркер в центре. Перетащите его вниз. На этот раз граница переместилась именно та, которую мы перемещали. Теперь наведите указатель на правый нижний маркер, это – уголок. Указатель также превращается в уголок при наведении мыши. Попробуем сузить область. И еще немного. Как видите, область полотна уменьшилась. Попробуйте перетащить центральный левый маркер. Например, до центра нынешнего размера полотна. Левая граница полотна не сдвинулась с месте, зато до середины передвинулась правая. Щелкните за пределами полотна. Границы исчезли, и мы теперь полотна не видим, хотя оно никуда само не делось. Щелкните опять в том месте, где оно было. Границы опять появились. Сохраните изменения на этой вебстранице.
* * * 12.2. Рисование прямой линии Прежде, чем начинать рисование на полотне, закройте область Список папок и увеличьте область полотна. Для этого можно взяться, например, за правый нижний маркер и растянуть полотно. Если панель инструментов Рисование не отображается на экране, то выведите его на экран. Для этого щелкните одну из панелей инструментов правой кнопкой мыши. И выберите команду Рисование. На этой панели расположена такая кнопка, как Линия. Она позволяет рисовать линии на вебстраницах. Нажмите на нее. После нажатия отпустите левую кнопку мыши и ведите мышь вверх. На веб-странице вместо указателя теперь виден крестик. Наведите его на ту точку, от которой вы хотите начать рисование линии, нажмите левую кнопку мыши и ведите мышь, например, вправо, если хотите нарисовать горизонтальную линию. Линия нарисована. Я намеренно нарисовал ее не совсем правильно по горизонтали. Ее левая сторона чуть ниже правой. Маркеры слева и справа показывают, соответственно, на начало и конец линии. Это – те места, где я начал вести указатель мыши и где отпустил левую кнопку. Линию можно нарисовать более точно по горизонтали. Нажмите на кнопку Линия на панели инструментов. Наведите указатель мыши на ту точку, от которой хотите начать рисование, нажмите клавишу Shift и удерживайте, затем начинайте рисовать. Указатель мыши может немного отодвигаться вверх или вниз, но линия будет следовать все равно строго горизонтально. Я отпускаю в этом месте левую кнопку мыши. Линия нарисована. Начало и конец ее обозначены
маркерами. Еще раз нажмите ту же кнопку – Линия. Попробуем теперь вести линию справа налево, а не слева направо. Просто чтобы показать, что неважно, откуда начинается линия. И нажмите снова клавишу Shift на клавиатуре. Я начинаю вести эту линию. Предположим, мне нужно сделать отклонение, равное 15 градусам от этой поверхности. Я опускаю вниз указатель. Линия пока остается на месте. Как только указатель достигает определенной точки, линия перескакивает на 15 градусов ниже в данном случае, хотя может, конечно, перескочить и выше. Вот она опять перескочила на 15 градусов. Таким образом можно добиться угла в 90 градусов от начальной точки. Эта линия расположена под углом 90 градусов к предыдущей. Наведите указатель мыши на нее, и когда указатель приобретает форму перекрещивающихся стрелок, нажмите левую кнопку мыши и ведите мышь вверх. Я отпустил здесь мышь, и мы получили угол, равный 90 градусам. Этот угол сформирован из 2 линий. Предположим, вам требуется, чтобы во время рисования линия двигалась в обе стороны, независимо от того, куда вы ведете указатель – вправо или влево. Этого можно добиться. Нажмите на кнопку Линия. Наведите
Глава 12. Рисование объектов
217
указатель мыши на ту точку, откуда линия должна начинаться. Нажмите клавишу Ctrl и удерживайте ее. Теперь мы начинаем рисовать линию. Я веду мышь вправо. При этом линия растягивается как вправо, так и влево относительно той точки, от которой я начал рисование. Отпускаю мышь. При рисовании прямой линии можно совместить те возможности, которые дает нажатие клавиш Shift и Ctrl. Нажмите кнопку Линия на панели инструментов Рисование. Определите, от какой точки будет начинаться линия. Например, отсюда. Теперь нажмите клавиши Ctrl и Shift и обе их удерживайте. Теперь я начинаю вести линию справа налево. Она растягивается в обе стороны. При этом если я отклоняюсь на небольшой угол, то линия все равно остается горизонтальной. Если я отклонюсь на больший угол, линия отклоняется на 15 градусов. Таким образом, можно определять точно угол отклонения этой линии от горизонтальной. Или, наоборот, от вертикальной. Вот сейчас линия строго вертикальная. Предположим, нам нужно отклонить ее на 15 градусов. Это довольно легко сделать. Нажмите сочетание клавиш Ctrl+S для сохранения веб-страницы. Звездочка на вкладке данной страницы исчезла. Это значит, что страница сохранена. Цвет и стиль нарисованной линии можно изменить. Сначала выберите нужную линию. Например, верхнюю. Это делается щелчком левой кнопки мыши. Затем на панели инструментов найдите кнопку Цвет линии. Вот эта кнопка. Рядом с ней находится стрелка. Щелкните ее. Сейчас к выделенной линии применяется тот цвет, который обведен рамкой. Вы можете выбрать любой другой цвет из стандартных, из дополнительных или других цветов линий. Нажмите на кнопку Другие цвета линий. В окне Другие цвета вы можете выбрать подходящий цвет, щелкнув соответствующую ячейку. Сейчас я нажму здесь кнопку Отмена. Щелкните еще раз стрелку рядом с кнопкой Цвет линии. Выберем какой-нибудь цвет из числа стандартных, например, темно-синий. Цвет линии изменился, но именно той линии, которая была выделена на веб-странице. Тип линии тоже можно изменить. На панели Рисование находится Тип линии. Щелкните ее. После щелчка появляется список типов линий. В настоящий момент выбран тип линии толщиной 0,75 пункта. Это – одинарная линия. Можно выбрать одинарную линию большей толщины, например, 4,5 пункта или 6. Или, например, другой тип линии – двойная толщиной 3 пункта. Или 4,5 пункта, и т.д. щелкните 4,5. Вы видите, какие изменения произошли с линией. Кроме типа линии, можно использовать кнопку Тип штриха. Щелкните ее. При выбранной линии выберите какой-нибудь тип. Например, Штрих. Или Квадратные точки. Или Круглые точки. Я выберу Штрих. Сплошная линия, которая находилась на веб-странице, превратилась в штриховую.
* * * 12.3. Рисование стрелки Еще один инструмент, доступный на панели инструментов Рисование, – это Стрелка. Эта кнопка находится рядом с кнопкой Линия. Для того чтобы нарисовать стрелку, щелкните кнопку, наведите указатель мыши на страницу и начните рисовать, нажав левую кнопку мыши и двигая мышь. Отпустите левую кнопку. Стрелка нарисована. Формат стрелки, как и формат линии, можно изменять. Для этого тоже используются инструменты на панели Рисование. В частности, можно изменить цвет стрелки. Раскройте список Цвет линии. Выберите, например, малиновый цвет. Таким образом, мы перекрасили стрелку. Можно изменить тип линии. Щелкните соответствующую кнопку. Выберите тот тип, который больше подходит. Например, этот – 3 пункта. Толщина
218
TeachPro Microsoft FrontPage 2003
стрелки на веб-странице увеличилась. Раскройте список Тип штриха. Выберите тот тип, который больше вас устраивает, например, штрих-пунктир. Если нужно отменить это изменение, нажмите на кнопку Отменить. Для того, чтобы иметь возможность изменять формат стрелки, нужно ее выделять. Сейчас она не выделена. Щелкните ее. Когда в начале и в конце стрелки появляются круглые маркеры, это значит, что стрелка выделена. Еще одна возможность – это изменить вид стрелки. Раскройте список. Выберите какой-либо другой вид. Например, Стрелка: стиль 8. В таком случае, в начале стрелки появляется ромб, а в конце стрелка такая же, как и была ранее. Если стрелка не выделена, список Вид стрелки становится недоступным. Сколько мы ни будем щелкать, он не раскроется. Поэтому выделяйте стрелку и затем можно раскрыть список Вид стрелки. Эту стрелку можно превратить и просто в линию Стрелка: стиль 1 называется она. Нажмите на кнопку Вид стрелки на панели инструментов Рисование. Внизу находится кнопочка Другие стрелки. Нажатие на нее приводит к появлению на экране диалогового окна Формат автофигуры. С помощью этого окна мы можем более точно форматировать нужную стрелку. Здесь имеется несколько вкладок – Цвета и линии сейчас открыта. Кроме того, есть вкладка Размер, Позиция, две следующие вкладки недоступны сейчас. Это – Рисунок и Надпись. Последняя вкладка – Узел. Вернитесь на вкладку Цвета и линии. На вкладке расположено несколько групп опций. Группа Заливка недоступна для стрелок. Следующая - это группа Строка. Здесь выбран цвет, который мы определили, малиновый. Цвет можно изменить. Раскрыв список, мы видим целый набор цветов, в котором можем выбрать нужный. Щелкните, например, темно-синий. Ниже находится список Шаблон. Раскройте его. Здесь мы видим различные типы линий. Сплошная сейчас выбрана. Кроме нее, имеются такие как Круглые точки, Квадратные точки, Штрих и еще несколько типов. Выберем, например, Штрих. Справа выше находится список Стиль. В этом списке можно, в частности, выбрать толщину линии и ее вид. То ли она одинарная, то ли двойная, то ли даже тройная. Тройная будет толщиной 6 пунктов. Оставим 3 пункта – так, как сейчас. Ниже находится счетчик толщина. В данный момент толщина установлена равной 4 пикселям. Мы можем это значение увеличить с помощью кнопки вверху или уменьшить с помощью нижней кнопки. Пусть она будет равна 5 пикселям. Ниже на вкладке Цвета и линии расположена группа опций Стрелки. Раскройте список Начало. В этом списке можно определить, каким будет начало стрелки. Например, пусть это будет шарообразная стрелка. Как только мы выбрали этот вариант, стал доступным список Размер, находящийся ниже. Здесь имеется несколько стандартных размеров начала стрелки. Сейчас выбран размер 5. Выберите, например, размер 8. Правее от 2 этих списков находится список Конец, т.е. конец стрелки. Раскройте его. Здесь различные виды стрелки. Выберите, например, вогнутую. После выбора этого варианта тоже стал доступным список Размер, находящийся ниже. В этом списке давайте тоже выберем 8 размер. Посмотрим, что получилось. Для того чтобы посмотреть, нужно нажать кнопку OK в диалоговом окне. Мы получили следующий вид стрелки, который совершенно не такой, как было вначале. Стрелку, которая находится уже на странице, можно выделить и повернуть в любом направлении. Когда вы наводите указатель мыши на один из маркеров размеров, указатель превращается в двунаправленную стрелку. Можно поворачивать стрелку с помощью этого указателя. Я отпустил левую кнопку мыши, и стрелка оказалась повернутой. Ее можно растянуть так, чтобы она была длиннее. Открыть диалоговое окно Формат автофигуры можно не только с помощью кнопки Вид стрелки, но и посредством двойного щелчка на самой стрелке, нарисованной на вебстранице. Выполните двойной щелчок. Окно Формат автофигуры открыто. Здесь мы можем произвести снова какие-либо изменения. Например, изменить цвет, шаблон и т.д. Нажмите на кнопку Отмена. Еще один способ вызова того же окна – с помощью правой кнопки мыши. Щелкните стрелку, нарисованную на странице, правой кнопкой. В контекстном меню выберите команду Автофигура. Диалоговое окно открыто. Нажмите на кнопку Отмена в этом окне.
* * *
Глава 12. Рисование объектов
219
12.4. Рисование прямоугольника и овала. Градиентная заливка – один цвет Для того чтобы удалить все те линии, которые мы нарисовали на полотне, их нужно выделить. Выделять элементы можно, щелкая их мышью. Сейчас выделена верхняя линия. Для того, чтобы выделить и следующую, нужно нажать клавишу Shift и, удерживая ее, щелкнуть следующую линию В данный момент выделено 2 линии. Для того чтобы выделить целый участок и все входящие в него объекты, можно просто обвести этот участок с помощью указателя мыши. Нажмите левую кнопку мыши и, удерживая ее, ведите мышь в правый нижний угол полотна. Вы видите пунктирную линию. Это – рамка, которая окружает все те объекты, что мы должны выделить. Отпустите мышь. Рамка исчезла, и все объекты оказались выделенными. Нажмите клавишу Delete для их удаления. Таким образом, мы удалили все те объекты, которые были на полотне. Две другие формы, которые доступны на панели инструментов Рисование, - это Прямоугольник и Овал. Щелкните Прямоугольник. Наведите указатель мыши на полотно. Указатель превратился в крестик. Щелкните в каком-либо месте, например, там, где сейчас находится этот крест. После щелчка мышью появился квадрат. Щелкните кнопку Овал на панели инструментов. Наведите указатель мыши на полотно, установите курсор там, где есть пустое пространство под квадратом, и щелкните в этом месте. При щелчке мышью на странице появился правильный круг. Перетащим его чуть выше, чтобы он помещался на полотне. Вот так. Эти объекты можно не только помещать на страницу щелчком мыши, но и рисовать, рисовать так, как мы это делали по отношению к линии и стрелке. Щелкните Прямоугольник на панели инструментов. Наведите указатель мыши на полотно и начните рисовать прямоугольник. Я веду указатель мыши в правый нижний угол, и постепенно вырисовывается прямоугольник. Отпустите мышь. Прямоугольник нарисован. Таким же образом можно создать овал. Я нарисую его под прямоугольником. Таким образом, мы получили 4 фигуры на полотне. Получить квадрат и круг можно не только щелчком мыши, но и перетаскиванием мыши. Выделите круг и квадрат, удалите их нажатием клавиши Delete на клавиатуре. Теперь щелкните кнопку Прямоугольник на панели инструментов, наведите указатель мыши на верхний левый угол полотна. Отсюда начнем рисовать квадрат. Нажмите и удерживайте клавишу Shift и теперь рисуйте. Получается правильный квадрат. Мы можем сделать его любого размера. Точно так же можно нарисовать и круг. Щелкните кнопку Овал на панели инструментов и нарисуйте круг при нажатой клавише Shift. Все те объекты, которые мы нарисовали, называются автофигурами. Автофигуры – это набор различных форм, поставляемых вместе с программой FrontPage, которые можно использовать для рисования. Туда входят такие формы, как линии, стрелки, прямоугольники, овалы и другие фигуры, с которыми мы познакомимся позже. Выделите прямоугольник. Разберемся с вопросом о том, как его можно форматировать, используя инструменты на панели инструментов Рисование. Это – такие инструменты, как Цвет заливки, Цвет линии, Тип линии, Тип штриха, Стиль тени, Объем. Все они доступны непосредственно на панели. Хотя есть и другие инструменты, используемые для форматирования. Нажмите на кнопку Цвет заливки. Изменений не произошло, поскольку использовался цвет Авто. Щелкните стрелку рядом с кнопкой. Цвет авто сейчас белый, поэтому никакой заливки нет в прямоугольнике. Выберем в списке стандартных цветов какой-либо цвет, например, серый. Щелкните его. Прямоугольник закрашен серым цветом с этого момента. Раскройте меню Цвет заливки. Выберите Другие цвета заливки. На экране – диалоговое окно Другие цвета. Если нужный оттенок вы не можете здесь подобрать, нажмите на кнопку Другой. Появилось диалоговое окно Цвет. Основные цвета находятся слева, дополнительные – снизу. Для того чтобы в дополнительные внести еще какой-нибудь цвет, на палитре справа выберите нужную точку, определите интенсивность цвета с помощью ползунка и затем добавьте этот цвет в набор с помощью кнопки Добавить в набор. Данный цвет определяется 3 параметрами – оттенком, контрастом и яркостью или сочетанием цветов – красный, зеленый, синий. Нажмите на кнопку OK в окне Цвет. Нажмите на кнопку OK в окне Другие цвета. Прямоугольник закрашен именно этим цветом. На панели инструментов, там, где находится кнопка Цвет заливки, появился этот цвет на самой кнопке. Раскройте список еще раз с помощью стрелочки справа. Выберите строку Способы заливки в меню. Появилось диалоговое окно Способы заливки. Как настраивать заливку автофигуры с помощью этого диалогового окна, мы будем разбираться на следующем уроке.
* * *
220
TeachPro Microsoft FrontPage 2003 12.5. Изменения заливки с одним цветом
Хотелось бы напомнить, каким образом было открыто окно Способы заливки. Нажмите в нем кнопку Отмена. Нужно выделить объект, способ заливки которого следует изменить, затем нажать на стрелку рядом с кнопкой Цвет заливки, и в появившемся меню щелкнуть команду Способы заливки. На экран выведено диалоговое окно Способы заливки. Окно Способы заливки состоит из 4 вкладок – Градиентная, Текстура, Узор и Рисунок. Щелкните вкладку Градиентная. На данной вкладке имеется 4 группы опций – Цвета, Прозрачность, Тип штриховки и Варианты. Разберемся с группой Цвета. Здесь – 3 переключателя: один цвет, два цвета и заготовка. Я выбрал переключатель Один цвет. Справа появились список Цвет и полоса прокрутки Темнее – Светлее. Раскройте список Цвет. Сейчас в списке выбран тот цвет, который мы определили в Дополнительных цветах. После щелчка мышью за пределами списка этот список исчез. Щелкните стрелочку еще раз. Выберите какой-либо цвет, например, темно-бирюзовый. Такой цвет появился в окошке Цвет. С помощью полосы прокрутки мы можем сделать его темнее или светлее. Сделаем темнее. При нажатии левой кнопки на полосе ползунок передвинулся влево. Нажмите правую кнопку. Ползунок двигается вправо. Можно передвигать этот ползунок непосредственно, взявшись за него. Вот так, например. Все те изменения, которые мы здесь производим, отражаются в группе Варианты. Это – образец того, как будет выглядеть цвет на странице. Передвиньте ползунок влево в группе Цвета. В этом случае в группе Варианты заливка стала более темной с переходом к светлому тону. Этот светлый тон и есть бирюзовый. Передвиньте ползунок вправо еще раз. Теперь от бирюзового градиентная заливка перешла к белому практически. Сделаем переход снова темным. Прозрачность той заливки, которую мы сейчас определили, равна нулю. Это видно на счетчиках ниже. Здесь 2 счетчика и 2 полосы прокрутки. Первая называется От и вторая – До. Прежде, чем изменять параметры прозрачности, посмотрим, как выглядит прямоугольник с такой заливкой, которую мы сейчас определили. Нажмите кнопку OK в окне. Результат вы видите на экране. Скопируем этот прямоугольник, чтобы потом можно было сравнивать изменения, а овал уберем. Щелкните овал. Удалите его нажатием клавиши Delete. Овал удален. Выделите прямоугольник. Скопируйте его нажатием кнопки Копировать на панели инструментов. И теперь вставьте на полотно. Щелкните полотно прежде, затем нажмите кнопку Вставить на панели инструментов. Точно такой же прямоугольник появился на странице. Щелкните его. Он выделился. Теперь перетащим его немного ниже и правее. Произведем по отношению к нему изменения форматирования. Раскройте список Цвет заливки и выберите команду Способы заливки. Появилось диалоговое окно Способы заливки. Увеличим прозрачность на полосе прокрутки От. Перетащите ползунок до середины. На образце Варианты никаких изменений нет. Нажмите кнопку OK. Зато изменения произошли на том прямоугольнике, который выделен сейчас. Раскройте то же самое диалоговое окно снова. Переместите ползунок От в прежнее положение, нажав левую кнопку. Теперь переместите ползунок До правее. Сейчас значение –44 процента. Мы можем просто вводить значение в счетчике. Я удалил цифру 44 и введу число 100. В этом случае ползунок переходит в крайнее правое положение. Нажмите на кнопку OK в диалоговом окне. Прозрачность в области До стала равной 100 процентам. Т.е. фон стал прозрачным совершенно, и никакой заливки в этом месте нет. Отмените данное изменение. Раскройте еще раз диалоговое окно способов заливки. Никакие опции сейчас здесь не выбраны, потому что мы не выбрали объект на веб-странице. Нажмите кнопку Отмена. И щелкните объект. Это – нижний прямоугольник. А вот теперь еще раз откройте окно Способы заливки. На этот
Глава 12. Рисование объектов
221
раз мы видим все те опции, которые устанавливали. Прозрачность сделайте равной нулю в обоих случаях. Рассмотрим, какие могут быть типы штриховки при том, что мы сейчас используем только один цвет. Сейчас выбрана горизонтальная штриховка. Щелкните штриховку Вертикальная. Ряд вариантов мы видим правее. Образец, который сейчас будет использоваться, – еще правее. Нажмите на кнопку OK. Соответственно изменился вид нижнего прямоугольника. Раскроем диалоговое окно снова. Вместо такого вертикального варианта штриховки выберите, например, такой. После щелчка мыши образец изменился соответственно. Нажмите OK в диалоговом окне. На прямоугольнике мы видим такую же штриховку. Раскройте диалоговое окно. Щелчком мыши на одном из вариантов мы можем изменить вид штриховки. В образце показано, каким он будет. По умолчанию используется левый верхний. Изменим еще раз тип штриховки. Вместо вертикальной установите Диагональную 1. Варианты штриховки видны справа. Сейчас выбран по умолчанию, как я сказал, левый верхний. Выберите нижний, правый и верхний правый. В образце вы видите, какие изменения происходят. Щелкните штриховку Диагональная 2. Она похожа на предыдущую. Переключитесь на штриховку Из угла и От центра. Такие варианты мы можем получить для того, чтобы заштриховать объект.
* * * 12.6. Другие способы заливки Выберите объект, заливку которого необходимо изменить. Пусть это будет нижний прямоугольник. Диалоговое окно Способы заливки можно вывести на экран не только с помощью панели Рисование. Щелкните выделенный объект правой кнопкой мыши. В контекстном меню выберите команду Форматировать автофигуру. На экране появилось диалоговое окно Формат автофигуры. Здесь имеется группа опций Заливка. В ней находится список Цвет. Раскройте его. В этом меню нажмите команду Способы заливки. Мы получили диалоговое окно Способы заливки. Для заливки выделенного объекта мы до сих пор использовали только один цвет. Щелкните в группе Цвета переключатель Два цвета. Вместо одного списка справа появилось два – Цвет 1 и Цвет 2. Цвет 1 пусть остается тот, который и был. Раскройте список Цвет 2. Выберем в меню один из зеленых цветов. Например, пусть он так и называется – зеленый. Полосы прокрутки темнее и светлее для данного варианта заливки нет. Вместо него здесь находится список Цвет 2. Вы видите в области Варианты, какие могут быть способы заливки в данном случае. Выберем левый верхний. Вместо вертикального типа штриховки щелкните переключатель Горизонтальная. Нажмите на кнопку OK в диалоговом окне. В окне Формат автофигуры цвет появился в списке Цвет в группе Заливка. Нажмите кнопку OK в этом окне. Та фигура, которая была выделена, теперь закрашена соответствующим цветом. Это – градиентный переход от бирюзового к зеленому. Выберите нижний прямоугольник двойным щелчком мыши. Мы снова видим на экране диалоговое окно Формат автофигуры. Раскройте список Цвет. Выберите команду Способы заливки. Таким образом мы тоже можем выводить на экран диалоговое окно Способы заливки. Еще один переключатель в группе Цвета – это Заготовка. Щелкните его. Вместо списков Цвет 1 и веет 2 справа появилось название заготовки. Сейчас в списке выбрана заготовка Ранний закат. Раскройте список. Здесь имеются и другие варианты. Каждый имеет свое название – Поздний закат и т.д. В случае с ранним закатом вы видите, какая заливка будет в группе опций Варианты. Сейчас выбран левый верхний. Вы можете выбрать, например, правый или нижний правый, нижний левый. Цвета здесь определены заранее. Мы их изменять не можем. Можем только определить прозрачность. Усилить прозрачность в начале перехода и в конце его. Я снова перемещу ползунки на прежнее место. Рассмотрим, какие еще есть варианты заготовок, кроме
222
TeachPro Microsoft FrontPage 2003
раннего заката. Возьмем, к примеру, поздний закат. Цвета здесь еще более насыщенные. Также имеются варианты Сумерки, Рассвет и другие. Можно выбирать до тех пор, пока вы не найдете нужный вам. Золото 2, например. Тип штриховки, как и в других случаях, можно изменять. Сейчас выбрана горизонтальная, а вы можете установить, например, Диагональную 2 или От центра. И затем посмотреть, как это будет выглядеть на странице. Нажмите кнопку OK в диалоговом окне Формат автофигуры. Вид будет следующим. Как видите, мы практически получили практически золотой слиток. Так что с этого момента и до конца жизни можно больш6е не работать. Тем не менее, если работать все-таки хочется, рассмотрим другие способы заливки. На панели инструментов щелкните стрелку рядом с кнопкой Цвет заливки. И выберите команду Способы заливки. В диалоговом окне Способы заливки щелкните вкладку Текстура. На вкладке Текстура представлены различные способы заливки в виде рисунков. Здесь цвет определять не нужно вручную. Нужно просто определить соответствующую текстуру. Например, выберем зеленый цвет. Внизу в рамке появляется название этого варианта – Зеленый мрамор. Образец показан в правом нижнем углу диалогового окна. Для использования этого варианта заливки нажмите на кнопку OK в диалоговом окне. Если по каким-либо причинам зеленый мрамор вам не подходит, щелкните стрелку Цвет заливки, выберите команду Способы заливки и на вкладке Текстура выберите другой вариант, например, Циновку. Образец вы видите. Не обязательно переключаться на веб-страницу, чтобы понять, какие будут изменения. Щелкните рядом стоящий вариант. Это –джинсовая ткань. Просмотреть список всех вариантов можно, щелкая на полосе прокрутки справа. Выберем, например, такую текстуру. Это – Каштан. Это – Дуб. И так далее. Можно даже воспользоваться бумажным пакетом. Перейдите на вкладку Узор. На данной вкладке имеется набор заранее заготовленных узоров. Выберем, например, правый нижний Вариант. Он называется Ромбики. Образец того, как будет выглядеть заливка, представлен в правом нижнем углу. Эта заливка состоит из двух цветов – штриховки, она зеленого цвета в данном случае, и фона. Можно изменить и тот, и другой цвет. Изменим, например, штриховку. После щелчка мыши на кнопке со стрелкой появляется набор цветов. Можно выбрать любой цвет в этом наборе или щелкнуть команду Другие цвета, находящуюся внизу. Появляется диалоговое окно Цвета, в котором имеется две вкладки – Обычные и Спектр. Каким образом здесь представлен цвет, можно определить самостоятельно. Сейчас выбрана цветовая модель Red, Green, Blue – красный, зеленый, синий. Щелкните список. Можно выбрать другой вариант. Оттенок, насыщение, яркость. Щелкнув где-либо на палитре, вы тем самым определяете новый цвет. Интенсивность его можно изменять с помощью ползунка справа. Переключитесь на вкладку Обычные. На этой вкладке, как обычно, можно просто выбирать щелчком мыши нужную ячейку, и цвет будет задан. Нажмите на кнопку Отмена в данном окне. Изменим штриховку с использованием набора обычных цветов. Выберите, например, темнокрасный. И на образце, и в списке узоров цвет изменился во всех вариантах. В образце вы видите, что ромбики стали красными, а фон остался телесного цвета. Фон можно тоже изменить. Выберем, например, один из синих цветов. Темно-синий. Мы получим следующий образец. Нажмите на кнопку OK для подтверждения изменений. Откройте окно Способы заливки. Щелкните вкладку Рисунок. В качестве заливки можно использовать любой рисунок, какой у вас есть. Щелкните кнопку Рисунок. Появилось диалоговое окно Выбор рисунка, в котором найдите папку и нужный рисунок. Выберите, например, второй в списке. Нажмите кнопку Вставить. В качестве заливки будет использоваться данная фотография. Чтобы она не исказилась, установите флажок Сохранять пропорции рисунка. Нажмите на кнопку OK в диалоговом окне. Мы получили такую заливку. Увеличим немного прямоугольник, перетаскивая правый нижний маркер размера. В качестве фона используется только часть фотографии.
* * *
Глава 12. Рисование объектов
223 12.7. Цвет и тип линии, тип штриха, стиль тени, объем
Кроме цвета заливки, к автофигуре можно применять цвет линии. Выделите какую-нибудь автофигуру, например, нижний прямоугольник. На панели инструментов Рисование найдите кнопку Цвет линии. Рядом с ней находится кнопка со стрелкой. Нажмите на нее. Появилось меню, в котором имеются Стандартные цвета, Дополнительные, Другие цвета линий и Узорные линии. Выберем один из стандартных цветов – зеленый, к примеру. Линия рамки приобрела зеленый цвет. Выделите щелчком мыши круг, находящийся на веб-странице. Тот же зеленый цвет можно применить к этому кругу. Нужно для этого просто нажать на кнопку Цвет линии, поскольку здесь зеленый цвет сейчас показан. Линия круга стала зеленой. Толщину ее можно изменить также с помощью инструмента на панели Рисование. Раскройте список Тип линии. Здесь выберите линию толщиной 3 пункта. Что еще мы можем сделать с этим кругом, например? Щелкните кнопку Тип штриха. Выберите нижний, он называется Длинный штрих – двойной пунктир. Круг изменился согласно этой настройке. Щелкните квадрат, находящийся в левом верхнем углу полотна. Рассмотрим еще два инструмента, находящихся на панели Рисование. Это – стиль тени и объем. Щелкните кнопку Стиль тени. Появился список теней. Выберите, например, вторую вверху слева. Стиль 2 она называется. У квадрата, который мы выделили, появилась тень. Тень можно определить и для автофигуры, в которой есть заливка. Например, для верхнего прямоугольника. Щелкните ту же кнопку на панели инструментов. И выберите тот же стиль тени. Рядом с прямоугольником появилась тень. Щелкните еще раз ту же самую кнопку и выберите какой-нибудь другой стиль, например, стиль 4. Соответственно изменилась и тень. Вернемся к квадрату. Автофигуре можно назначать объем. Щелкните кнопку Объем. В списке выберем какой-либо из объемов, например, объем Стиль 1. Заливка и цвет линии при этом исчезли, и фигура стала объемной. Выберите круг. Опять нажмите кнопку Объем. Щелкните какой-нибудь другой объем, например, стиль 19. Здесь мы видим то же самое – исчезла штриховая линия, и фигура стала объемной. Тем не менее, цвет объемной автофигуры можно изменять. Щелкните куб. На самом деле это – объемный квадрат. На панели инструментов Рисование нажмите кнопку Цвет заливки. Цвет этого кубика изменился. Выберите конус. То есть круг с объемом. Щелкните стрелку рядом с кнопкой Цвет заливки. Выберите другой цвет, например, этот - зеленый. Автофигура закрасилась в зеленый цвет. Выберите верхний прямоугольник теперь. Эта автофигура по-прежнему имеет тень, а не объем. Щелкните кнопку Стиль тени. Внизу списка имеется команда Настройка тени. Нажмите на нее. На экране появилась панель инструментов Настройка тени. Эту панель можно перенести в другое место, если взяться за строку заголовка и перетаскивать ее.
* * * 12.8. Настройка тени и объема С помощью панели инструментов Настройка тени можно настраивать тот стиль тени, который мы уже выбрали для данной автофигуры. Первая кнопка, которая сейчас нажата, называется включить – выключить тень. Нажмите на эту кнопку левой кнопкой мыши. Таким образом, мы выключили тень. Нажмите на нее еще раз. Та же самая тень включена. Следующая кнопка, находящаяся правее, называется Сдвинуть тень вверх. Нажмите на нее. Тень сдвинулась. Чтобы сдвинуть тень на заметное расстояние, нажмите на ту же самую кнопку несколько раз. Чтобы сдвинуть ее обратно, применяется следующая кнопка – Сдвинуть тень вниз. Тоже несколько раз нажмите ее. Дальше – кнопка Сдвинуть тень влево. Неоднократные нажатия
224
TeachPro Microsoft FrontPage 2003
приводят к заметному сдвигу тени влево. Аналогично действует кнопка Сдвинуть тень вправо, только, естественно, в противоположном направлении. Я сдвигаю тень, и она выдвигается настолько, что создается сюрреалистическое впечатление. Следующая кнопка – это Цвет тени. Рядом с ней находится стрелочка. Нажмите на нее. В списке цветов мы можем выбрать, какой цвет будет у тени. Попробуем желтый. Я думаю, что такой тени не бывает даже в пустыне Сахара. Поэтому изменим цвет, выберем, к примеру, бледно-зеленый. Тень, естественно, изменилась. Откройте список еще раз. Внизу находится команда Полупрозрачная тень. Щелкните ее. Тень изменилась. Щелкните ту же самую команду еще раз. Вот теперь тень стала действительно полупрозрачной. Нажмите просто на кнопку Цвет тени, а не на стрелку справа. Эта кнопка дает тот же цвет, который мы выбирали в списке цветов. Самый оптимальный вариант – это светло-серая тень. Закройте панель инструментов Настройка тени. Теперь выберите щелчком мыши тоже можно квадрат. Объем автофигуры настраивать. Нажмите на кнопку Объем. В списке внизу имеется команда Настройка объема. Нажмите ее. НА экране появилась другая панель инструментов, которая называется настройка объема. Ее тоже можно перетаскивать в другое место экрана. Слева находится кнопка Включить/выключить объем. Она позволяет, как вы уже догадались, выключать объем. Давайте это сделаем. Объема нет, остался один квадрат. Нажмите эту же кнопку еще раз. Объем появился. Выберите щелчком мыши круг. Панель инструментов Настройка объема осталась на экране. Щелкните кнопку Повернуть вниз. Автофигура повернулась на определенный угол. Щелкните еще раз т у же самую кнопку. Она повернулась еще больше. Щелкните следующую кнопку дважды. Повернуть вверх. Тем самым мы поставили автофигуру на место. Следующая кнопка – это Повернуть влево. Нажмите на нее. Следующая кнопка действует в противоположном направлении – Повернуть вправо. Далее находится кнопка Глубина. Нажмите эту кнопку. Появился список. Сейчас выбрана Бесконечная глубина. Выберите 36 пунктов, например. Объем значительно сократился. Для увеличения можно опять нажать ту же самую кнопку и выбрать другое значение –144, например. Идем дальше. А дальше – кнопка Направление. Щелкните. В списке направлений мы можем выбрать тот вариант, который больше подходит, например, сейчас у нас объем направлен снизу вверх. Можем сделать так, чтобы он был направлен сверху вниз. Щелкните кнопку. Направление изменилось соответственно. Нажмите еще раз кнопку Направление. Внизу имеются две команды – В перспективе и Параллельно. Это – переключатели. Щелкните Параллельно. Что произошло, вы, очевидно, видите. Далее – кнопка Освещение. Мы можем изменять, под каким углом производится освещение объекта. Сейчас справа налево. Выберем, например, сверху вниз. Освещение автофигуры изменилось Можно выбирать яркость. Сейчас выбран переключатель Яркое. Можно выбрать Обычное или Приглушенное. Щелкните нижний пункт. Автофигура стала более контрастной в результате. Следующая кнопка – Поверхность. В списке мы можем выбрать, какая поверхность будет у автофигуры. Сейчас выбрана Матовая. Можем также выбрать Каркас, Пластик или Металл. Щелкните, например, Пластик. Выберите еще раз ту же самую кнопку и выберите Каркас. Сейчас отличия заметны очень сильно. Щелкните опять кнопку Поверхность и выберите Матовая, как и было. Последняя кнопка в этой панели инструментов – Цвет объемной фигуры. Раскройте список и при необходимости измените цвет. Я этого делать не буду. Вместо этого закрою окно панели инструментов Настройка объема. Автофигуру можно перетащить. Когда указатель приобретает форму характерного крестика, нажмите и удерживайте левую кнопку мыши, а саму мышь ведите в нужном направлении. Автофигура перемещена.
* * * 12.9. Кривая, рисованная кривая, полилиния Вы уже познакомились с 4 автофигурами, кнопки которых находятся прямо на панели инструментов Рисование. Это – Линия, Стрелка, Прямоугольник и Овал. Кроме этих автофигур, в программе предусмотрены и другие. Раскройте список Автофигуры на панели инструментов. Для этого нужно просто нажать кнопку с надписью Автофигуры. Список раскрылся. В этом списке находятся такие пункты, как Линии, Основные фигуры, Фигурные стрелки, Блок-схема, Звезды и ленты и Выноски. А также имеется кнопка Другие автофигуры. При наведении указателя мыши на каждую из верхних строк, например, Линии, появляется подменю, в котором
Глава 12. Рисование объектов
225
находится список тех автофигур, которые мы можем здесь выбрать. Например, здесь имеется такая автофигура, как Линия и такая, как Стрелка. Ими мы уже пользовались. Есть также двусторонняя стрелка, Кривая, Полилиния и Рисованая кривая. Все это – разновидности линии. Выберите, например, Двустороннюю стрелку щелчком мыши. На веб-странице появился крестик вместо указателя мыши. Наведите этот крестик на то место, откуда хотите начать рисование двусторонней линии, и начните этот процесс. А потом закончите, отпустив мышь. Такую стрелку тоже можно отформатировать. Как – вы уже знаете, например, щелкните кнопку Вид стрелки на панели инструментов Рисование. И выберите какой-нибудь другой вид, например, такой: Стрелка: стиль 4. Для того, чтобы отформатировать ее с помощью специального диалогового окна, щелкните эту стрелку дважды. Появляется окно Формат автофигуры. Выберите здесь необходимые параметры и затем нажмите на кнопку OK. Для размещения новых объектов на полотне уже недостаточно места. Чтобы увеличить полотно, наведите указатель мыши на маркер размера внизу и начните растягивать полотно. Когда дополнительное пространство будет создано, переместите вниз ползунок, щелкая на нижней кнопке на полосе прокрутки. Для добавления новой автофигуры на полотно раскройте список Автофигуры на панели инструментов Рисование, наведите указатель мыши на строку Линии. Появилось подменю, содержащее различные линии. Чтобы не выполнять все эти действия для открытия подменю, можно сделать следующее: наведите указатель мыши на панель с многоточием в этом подменю. Указатель мыши превратился в перекрестие. Нажмите левую кнопку мыши и перетаскивайте ее в другое месте, например, вверх. Таким образом, мы оторвали это подменю, им оно стало самостоятельной панелью. Инструментов. Выберите в этом меню кнопку Кривая. Затем наведите указатель мыши на полотно. Указатель превратился в крестик. Нажмите и удерживая левую кнопку мыши, начинайте рисовать ту кривую, которая вам нужна. Щелкните в начале, отпустите левую кнопку мыши. Я веду указатель, и за ним тянется прямая линия. Я щелкну там, где нужно сделать небольшой изгиб. В этом месте линия будет согнута. Теперь опять веду указатель, и за ним тянется линия. Щелку здесь. Это будет еще одно место перегиба. Теперь здесь. Таким образом можно нарисовать даже сложный узор. В каждом месте сгиба этой кривой можно выполнять щелчок мышью. После того, как рисунок закончен, щелкните дважды. Вот такая получилась у меня кривая. Нажмите на панели инструментов кнопку Рисованная кривая. Теперь указатель мыши превращается не в перекрестие, а в карандаш. Нажимая левую кнопку и удерживая ее, нужно рисовать тот рисунок, который вам нужен. Я нарисую что-нибудь простое, например, лицо. То будет нос, губы, подбородок, собственно говоря, голова и глаза. Отпускаю левую кнопку мыши. Это, конечно, не шедевр, но от сапога отличить можно. И последняя кнопка на панели инструментов Линии. Она называется Полилиния. Щелкните ее. Опять указатель мыши превратился в простой крестик. Наведите его на то место, где должен быть рисунок. Полилиния – это совмещение прямой линии и рисованной кривой. Нажмите левую кнопку мыши и начните рисовать, как обычным карандашом. Теперь отпустите левую кнопку мыши и просто передвигайте мышь. За указателем тянется прямая линия. Нажмите левую кнопку мыши и рисуйте, как карандашом. Эти действия можно чередовать. Сейчас я рисую, как карандашом. Отпустил левую кнопку мыши и опять веду линию. Снова рисую. Отпустил кнопку и веду линию. И так далее до тех пор, пока рисунок не будет завершен. Когда рисунок завершен, нужно дважды щелкнуть в том месте, где вы закончили этот рисунок. У меня получилось зеркальное отражение первой физиономии. Ну, или почти зеркальное. Эти линии можно изменять, как и все другие. Например, выберите первую кривую. Раскройте список Тип линии на панели инструментов Рисование и выберите другой тип, например, равный 6
226
TeachPro Microsoft FrontPage 2003
пунктам. Толщина кривой стала иметь другое значение. Выберите лицо. Здесь тоже можно линию изменить. Кроме того, для замкнутого объекта, каковым и является это лицо, можно назначить заливку. Для этого раскройте список Цвет заливки и выберите подходящий цвет. Пусть будет, например, оливковый. Щелкните соседнее лицо. Мы его выделили, на что указывают маркеры размера по его сторонам. Сделайте его объемным. Для этого щелкните кнопку Объем. И выберите нужный стиль. Например, стиль 1. Вот такое жуткое изваяние мы получили. Я нажму кнопку Отменить на панели инструментов. Панель Линии закройте. Для этого нужно нажать кнопку в правом верхнем ее углу.
* * * 12.10. Основные фигуры Раскройте на панели Рисование список Автофигуры. Наведите указатель мыши на строку Основные фигуры. В подменю, которое сейчас появилось, находятся в том числе такие фигуры, как Прямоугольник и Овал. Эти фигуры мы уже использовали на странице. Кроме того, здесь имеется целый набор дрогших фигур, таких, как Параллелограмм, Трапеция, Ромб и т.д. Есть даже Улыбающееся лицо. Для того чтобы использовать эти фигуры на странице, давайте сначала оторвем от родительской панели и поместим его в левый верхний угол страницы, в это место. После чего передвиньте страницу вверх с помощью полосы прокрутки. На свободном месте полотна разместим дополнительные автофигуры. Начнем с этого улыбающегося лица. Щелкните его. Наведите указатель мыши на страницу и щелкните на странице. Лицо вставлено на полотно. Его можно форматировать, как и любую другую автофигуру, т.е. определять толщину линии, например, заливку и т.д. Кроме того, это лицо можно поворачивать. Для поворота используется зеленый маркер. Наведите указатель мыши на него. Когда мы подвели указатель мыши к маркеру, он превратился в закругленную стрелку. Нажмите левую кнопку мыши и, удерживая ее, ведите против часовой стрелки. Лицо поворачивается, поворот виден пунктирной линией. Отпустите мышь. Лицо повернуто. Для отмены этого действия нажмите на кнопку Отменить. Выделите лицо еще раз. Взявшись за зеленый маркер, поверните лицо вправо. Вот я его повернул почти на 90 градусов. Отменим это действие. Чтобы быть уверенным, что лицо повернуто на 90 градусов, выделите его, нажмите на клавишу Shift на клавиатуре и, удерживая ее, начните поворачивать лицо. Оно будет поворачиваться на 15 градусов урывками как бы. Отпустите мышь. Теперь можно быть уверенным, что оно повернуто на 90 градусов. Нажмите на кнопку Отменить. Щелкните это лицо. Для увеличения или уменьшения фигуры можно использовать маркеры размера. Когда указатель превращается в двунаправленную стрелку, маркер можно перемещать. Я перемещу его, например, вправо, до середины страницы. Лицо растянулось, при этом пропорции его изменились. Нажмите на кнопку Отменить. Для того, чтобы сохранить пропорции, щелкните лицо. Автофигуру нужно растягивать, взявшись за угловой маркер. За любой, например, за левый нижний. Я веду этот маркер вниз по диагонали. Лицо растянулось, причем пропорционально. За верхний вверх по диагонали. То же самое. Отмените эти действия. Теперь нажмите и удерживайте клавишу Ctrl, возьмитесь, например, за левый верхний маркер размера и начните растягивать автофигуру. Она растягивается в этом случае относительно центра. Это происходит благодаря тому, что мы держали нажатой клавишу Ctrl. Отмените это действие. На этой автофигур6е имеется также желтый маркер. Желтые маркеры позволяют изменить форму автофигуры, а не ее размер. В каждом конкретном
Глава 12. Рисование объектов
227
случае форма может изменяться по-своему. В случае с улыбающимся лицом посмотрим, что будет. Наведите указатель мыши на этот желтый маркер. Указатель превратился в стрелку. Перетащите маркер вверх. Улыбка превратилась в недовольную гримасу. Превратим ее снова в улыбку. Для этого маркер желтого цвета нужно снова перетащить вниз. Перенесите это улыбающееся лицо выше и левее. Мы освободили место для другой автофигуры. Выберите, например, знак запрета. После щелчка мыши наведите указатель мыши на страницу. Появился крестик. Можно либо щелкнуть для установки автофигуры, либо сразу нарисовать ее, что я сейчас и сделаю. Форма получилась не совсем круглая. Удалите эту автофигуру. Щелкните еще раз. Чтобы форма была именно такая, какая предусмотрена в программе, автофигуру нужно установить просто щелчком мыши. Перетащите ее чуть выше. У фигуры Знак запрета тоже имеется и зеленый, и желтый маркер. Зеленый позволяет поворачивать ее, а желтый позволяет изменять форму. Это можно сделать следующим образом. Нажмите и удерживайте левую кнопку мыши и ведите ее, например, вправо. Толщина этого ободка становится я больше, как и толщина внутренней панели. Если вести желтый маркер в противоположную сторону, то ободок становится тоньше. Щелкните на панели Основные автофигуры кнопку, напоминающую страницу с загнутым углом. Она так и называется – Загнутый угол. Щелкните на полотне. Здесь можно изменять с помощью желтого маркера сам этот загнутый угол. Если вести этот маркер, то угол становится более заметным. Если вести в противоположную сторону, мы как бы разворачиваем страницу. Вот мы ее развернули практически полностью. Еще одна автофигура, например, такая, как Солнце. Установим ее на странице. Здесь тоже есть желтый маркер. Перемещение этого маркера позволяет добиться интересного эффекта. Следующая фигура. Например, такая, как Двойные фигурные скобки. Нарисуем это автофигуру здесь. Попробуем подвигать желтый маркер. Изменения мало заметны. В другую сторону. Никаких изменений нет. Следовательно, нужно вести не по горизонтали, а по вертикали. Теперь изменения более заметны. Если вести в противоположную сторону, т.е. вверх, то скобки становятся практически прямыми линиями. Панель инструментов Основные фигуры закройте.
* * * 12.11. Другие виды автофигур Рассмотрим еще несколько видов рисованных объектов. Раскройте меню Автофигуры, наведите указатель мыши на строку Фигурные стрелки. Появилось подменю. Оторвем это подменю и поместим в левую часть экрана вверху. Еще раз откройте меню Автофигуры. Наведите указатель мыши на строку Блок-схема. Оторвите ее тоже от родительской панели. Существует несколько заготовленных видов фигурных стрелок, например, Стрелка вправо, Стрелка влево, вверх, вниз, Двойная стрелка влево, вправо, и так далее. Выберите двойную стрелку влево-вправо. Щелкните на странице. Передвиньте ползунок вниз. Стрелку можно изменять, как и все основные фигуры, а также можно использовать желтый маркер для изменения ее формы. Можно, например, превратить форму в такой вид или, наоборот, расширить. Имеется даже стрелка, состоящая на самом деле из четырех. Это – Выноска с четырьмя стрелками. Щелкните ее. Поместите на страницу. Здесь не один, а целых три желтых маркера. Форму можно изменять с их помощью. Например, если этот маркер перетаскивать по вертикали, изменяется размер, так сказать, квадрата, из которого все эти стрелки выходят. Если перемещать этот маркер, изменяется вид стрелок. И последний, третий желтый маркер. Попробуем переместить его вниз. Изменений не произошло. Влево. Тоже никаких изменений. Вправо. Изменился вид концевых стрелок. Это – их максимальная ширина. В группе Блок-схема имеется несколько автофигур, которые можно использовать при
228
TeachPro Microsoft FrontPage 2003
подготовке схем, например, такую, как несколько документов. Эту автофигуру можно только поворачивать, изменять ее форму нельзя. Закройте блок-схемы и фигурные стрелки. Откройте меню Автофигуры. Осталось еще две строки – Звезды и ленты и Выноски. Оторвем Звезды и ленты, а затем – Выноски. В группе фигур Звезды и ленты выберите, например, Свиток щелчком мыши. Нарисуйте этот свиток на полотне. Вот в этом месте. С помощью желтого маркера изменим его форму. Я передвину вот эту стрелку вверх и помещу на ее место выноску, например, такую, как выноска-облако. После щелчка мышью облако появилось на полотне, а внутри него – курсор, куда можно ввести какой-нибудь текст. Сейчас я текст вводить не буду. Увеличу это облако, взявшись за левый нижний маркер размера. Теперь возьмусь за желтый маркер и изменю форму. В выноске обычно помещаются чьи-либо слова, поэтому можно изменять ее форму так, чтобы она относилась к определенному объекту, человеку, например. Закройте меню Звезды и ленты и меню Выноски. Щелкните кнопку Автофигуры на панели инструментов Рисование. Здесь выберите команду Другие автофигуры. В результате в правой части окна появилась область задач Коллекция клипов. Среди представленных автофигур вы можете выбрать щелчком мыши ту, которая вам нужна. Например, такую, как Дисковод компакт-дисков. После того, как вы щелкнули, эта автофигура появляется на странице. Отмените это действие. Щелкните автофигуру, которая находится ниже. Это – офисный стул. Автофигура заменяет собой все те автофигуры, которые мы ввели на страницу прежде. Отмените и это действие. Происходит это потому, что у нас выделено полотно, а вместо выделенного объекта вставляется другой. В частности, автофигура из коллекции клипов. Перетащите вниз ползунок страницы. Щелкните под полотном. Выберите теперь автофигуру, например, Стул для гостей. В таком случае эта автофигура не заменила полотно, а была вставлена внизу. Щелкните полотно. Объекты не обязательно должны быть именно на полотне. Выделите, например, Свиток. Перетащим его за пределы этого полотна. Например, вправо, туда, куда вставлена фигура из коллекции клипов. Эта фигура оказалась прямо на странице и даже перекрывает часть фигуры из коллекции клипов. Закройте область задач Коллекция клипов.
* * * 12.12. Группировка. Порядок объектов Такое количество объектов, которое сейчас находится на странице, мне не нужно, поэтому я выделю их все с помощью указателя мыши, а затем щелкну при нажатой клавише Shift только те, которые хочу оставить на этой странице. Например, такую автофигуру как Улыбающееся лицо. Выделение этой автофигуры снято. Такую как страница с загнутым углом. И, например, выноску – облако. Остальные удалю нажатием клавиши Delete на клавиатуре. Автофигуру из коллекции Microsoft тоже можно удалить. Свиток тоже. Нажимаю клавишу Delete. Оставшиеся фигуры следует разместить более компактно. Я подниму их вверх. Для этого выделю их все. И перетащу вверх. Одна из автофигур ненужных оказалась не удаленной. Щелкните ее. Она выделена. Осталось удалить. Размер полотна следует уменьшить. Для этого щелкните на полосе прокрутки и перетащите нижнюю границу вверх. И еще раз. Объекты, которые остались на странице, можно перемещать индивидуально, так сказать. Выделите, например, облако щелчком мыши. Этот объект можно переместить, когда на нем появляется перекрещенная стрелка. Вот так, например. Для того чтобы переместить все объекты одновременно, скажем, вправо, нужно их все выделить. Это можно сделать при нажатой клавише Shift. Затем эти объекты можно перетащить, наведя указатель мыши на любой из них, и когда появляется
Глава 12. Рисование объектов
229
перекрестие в виде стрелок, перетащить эти объекты. Для того чтобы не пришлось каждый раз выделять объекты, чтобы переместить их, эти объекты можно сгруппировать. На панели инструментов Рисование откройте меню Действия. Вверху находится команда Группировать. Щелкните ее. Объекты сгруппированы, и теперь они будут вести себя при перетаскивании как единый объект. Снимите выделение этих объектов. Теперь наведите указатель на любой их них, например, на улыбающееся лицо. И просто начните его перетаскивать. Как видите, перемещаются все три объекта. При этом изменять форматирование какого-либо одного из этих объектов можно, не разгруппировывая их. Щелкните, например, страницу. Выделились все объекты как единый объект. Щелкните в том же месте, на странице, еще раз. Теперь выделилась именно эта страница. Предположим, вы хотите, чтобы у нее была заливка. Щелкните стрелку рядом с кнопкой Цвет заливки. Выберите какую-либо заливку, например, светло-серый цвет, и нажмите на нее. Заливка появилась именно у этого объекта. Таким же образом можно изменить, например, облако. Например, изменить его тип линии. В списке линий выберите нужный и щелкните его. Облако стало более жирным. Попробуйте перетащить это облако, например, вверх. Перетаскиваются все объекты, которые сгруппированы. Для того чтобы иметь возможность перетащить один из этих объектов, нужно щелкнуть всю эту группу, она выделена, затем раскрыть меню Действия. Выбрать команду Разгруппировать. Теперь каждый объект – сам по себе, и его можно перетаскивать в любое место. Например, облако перетащим куда-нибудь вниз, вот так. Для того, чтобы снова сгруппировать объекты в единое целое, так сказать, щелкните один из этих объектов, щелкните меню Действия и выберите команду Перегруппировать. Программа помнит, какие объекты были сгруппированы, и опять объединила их в одну группу. Ее можно перетаскивать как единое целое. Разгруппируйте эти объекты. В меню Действия выберите команду Разгруппировать. Объекты можно накладывать друг на друга. Перетащите, например, лицо вправо, а облако – вверх. Они наложены друг на друга. Внизу находится тот объект, который был вставлен на страницу первым. А вверху – тот, который последним. Этот порядок можно изменить с помощью меню Действия. Переместим, например, выделенный объект, т.е. облако, на задний план. Откройте меню Действия, наведите указатель мыши на строку Порядок и найдите команду На задний план. Фокус не удался, потому что объект выделен только маркерами размера, а должна появиться пунктирная рамка. Щелкните его еще раз. Такая рамка появилась. Повторим операцию В меню Действия наведите указатель мыши на строку порядок и щелкните команду На задний план. С этого момента облако будет находиться под всеми остальными объектами. Перетащим его туда, где будет находиться лицо, например. Облако оказалось позади лица. Выделите его опять. Откройте меню Действия, Порядок. Чтобы переместить объект на один шаг вперед и назад, можно использовать команды Переместить вперед или Переместить назад. Выберите Переместить вперед. Облако оказалось впереди лица, но позади страницы. Опять щелкните Действия, Порядок и еще раз Переместить вперед. На этот раз облако оказалось действительно на переднем плане.
* * * 12.13. Линейка и сетка Рассмотрим следующую команду в меню Действия на панели инструментов Рисование. Откройте данное меню. Для того чтобы увидеть его полностью, щелкните стрелки внизу. Под строкой Порядок, которую мы уже рассматривали, имеется строка Привязать. Здесь – подменю, состоящее из 2 пунктов – Привязать к сете и Привязать к фигуре. Для того чтобы иметь возможность привязать к сетке, эту сетку следует отобразить. Щелкните за пределами меню. Для отображения сетки откройте меню Вид. Найдите строку Линейка и сетка. Появляется подменю. Раскройте его полностью. Щелкните команду Показать сетку. На странице появилась сетка. Раскройте еще раз меню Действия на панели инструментов Рисование. Подведите указатель мыши к строке Привязать. Обратите внимание на то, что сейчас выбрана команда Привязать к сетке. Можно также выбрать команду Привязать к фигуре, но мы этого делать сейчас не будем. Для того чтобы нагляднее представить привязку к сетке, используем прямоугольник. Щелкните на странице. Прямоугольник установлен. Перетащите его вверх. Верхняя граница этого прямоугольника привязана к одной из линий сетки. Показать, как это происходит, лучше при другом интервале привязки. Для этого нужно изменить настройки. Раскройте меню Вид, найдите
230
TeachPro Microsoft FrontPage 2003
строку Линейка и сетка и в подменю выберите команду Настроить. Появилось окно Параметры страницы. Открыта вкладка Линейка и сетка. Согласно настройкам по умолчанию, единицы измерения для линейки и сетки – точки. Но можно выбрать и другие единицы измерения. Раскройте список. Здесь доступны такие, как дюймы, сантиметры и пункты. Пусть будут точки. Интервал между линиями сетки сейчас составляет 50 точек. Этот интервал можно изменить. Например, удалим цифру 5 и введем 1 и 0. Итак, интервал между линиями сетки будет составлять 100 точек. Тип линии – сплошная. Имеются также такие, как пунктир и точки. Давайте выберем пунктир для наглядности. Цвет линии оставим серым, хотя можно выбрать и другой. Далее идет группа Привязка к сетке. Интервал при привязке между объектом и линейками сетки сейчас составляет 5 точек. Установим интервал, к примеру, равным 50 точкам. Для подтверждения изменения этих настроек нажмите кнопку OK в диалоговом окне. Кубики, на которые поделена вся страница благодаря сетке, теперь увеличились. Расстояние между линиями сетки составляет 100 точек. Уменьшим наш прямоугольник. Перетащите этот прямоугольник в правый угол той же ячейки сетки. Привязка не происходит. Наш прямоугольник движется плавно, и мы можем оставить его прямо рядом с сеткой. Для того, чтобы он был привязан к сетке, нужно снова открыть меню Вид, найти строку Линейка и сетка и в ней поставить флажок Привязать к сетке, т.е. просто щелкнуть эту строку. Теперь перетащим прямоугольник влево и попробуем оставить его рядом с линейкой. Это сделать не удается. Прямоугольник перескакивает к сетке, т.е. привязывается к ней. Сейчас он привязан к верхней линии. В данном случае, привязана его правая сторона к линии сетки. Опустим вниз. Теперь он перескочил к нижней линии. Т.е. его нижняя граница привязана к ближайшей линии сетки. Если вы хотите знать точное месторасположение объекта, можно отобразить линейку. Для этого откройте меню Вид, найдите строку Линейка и сетка и щелкните команду Показать линейку в подменю. При наведении указателя мыши на страницу на линейках появляется вертикальная линейка указывающая на текущее месторасположение указателя мыши. Сейчас, когда указатель мыши направлен на левый верхний маркер размера прямоугольника, мы можем определить, на каком расстоянии в точках этот маркер находится от верхнего левого угла страницы. ПО горизонтали это расстояние равно 525 точкам, в частности, по вертикали –350. Для того чтобы восстановить настройки по умолчанию и убрать линейку с экрана, снова откройте меню Вид, наведите указатель мыши на строку Линейка и сетка. Щелкните команду Показать линейку. Линейки исчезли. Открываем меню вид повторно, строка Линейка и сетка. В строке подменю Показать линейку флажка уже нет. Щелкните нижнюю команду в списке – Настроить. На экран выведено окно Параметры страницы. Для того, чтобы восстановить настройки, нажмите на кнопку По умолчанию, которая находится в правом нижнем углу вкладки Линейка и сетка. После этого нажмите на кнопку OK в окне. Для того чтобы убрать также и сетку с экрана, раскройте меню Вид, Линейка и сетка, Показать сетку. Сетка исчезла. Для того чтобы убрать и привязку к сетке, снова открываем Вид, Линейка и сетка, Привязать к сетке. Итак, мы сняли все флажки в подменю Линейка и сетка. Щелкните за пределами меню.
* * *
Глава 12. Рисование объектов
231 12.14. Сдвиг. Выровнять/распределить
Раскройте меню Действия на панели инструментов Рисование. Посмотрим, какие еще команды мы можем использовать для работы с объектами. Наведите указатель мыши на строку Сдвиг. Появилось подменю, в котором 4 пункта – Вверх, Вниз, Влево и Вправо. Для того чтобы использовать его без проблем, перетащите это меню так, чтобы оно было отдельной панелью. Затем выберите тот объект, который необходимо сдвигать. Например, эта страница с загнутым углом. Нажмите кнопку Сдвинуть вверх. Объект сдвинулся вверх. Если несколько раз нажать эту кнопку, объект, соответственно, сдвигается на несколько позиций. Нажмите на кнопку Сдвинуть вниз. Это – обратный процесс, как видите. Затем - кнопка Сдвинуть влево. Каждый щелчок дает перемещение на определенное расстояние влево. Сдвинуть вправо. То же самое, только в обратном направлении. Закройте эту панель. Снова раскройте меню Действия на панели инструментов Рисование. Следующая строка – Выровнять/распределить. Чтобы стала доступной, нужно выбрать несколько объектов, имеющихся на странице. Щелкните за пределами меню Действия. Выберите эти объекты. Их можно выбрать, обведя указателем мыши. Те объекты, которые попали в прямоугольник, нарисованный указателем, выделены. Раскройте меню Действия еще раз. Наведите указатель мыши на строку Выровнять/распределить. На этот раз подменю стало активным. Оторвем его от родительской панели, поместим слева. Щелкните первую слева кнопку, которая называется Выровнять по левому краю. Все три выделенных объекта выровнялись по крайней левой точке, которая была у этих объектов. Нажмите на кнопку Отменить на панели Стандартная. Снова выделим все эти объекты. Кнопки на панели инструментов Выровнять/распределить стали доступными. Следующая кнопка – Выровнять по центру. Все три выделенных объекта аккуратно стали друг за другом. Следующая кнопка – Выровнять по правому краю, но сначала отменим последнее действие. И опять выделим объекты. Итак, кнопка Выровнять по правому краю. Все объекты стали на той линии, которая была крайней правой для страницы с загнутым углом. Выровнять по верхнему краю. Все верхние границы объекта стали вровень. Следующая команда – Выровнять посередине. Соответственно, объекты выровнялись посередине. Далее – Выровнять по нижнему краю. Произошло соответствующее перемещение. Следующая кнопка – Распределить по горизонтали. Здесь никаких изменений не произошло. Сначала давайте распределим объекты на странице. Перетащим облако вправо, например. Этого сделать не удалось, потому что все объекты выделены и все переместились. Щелкните за пределами объектов. Выделение снято. Теперь можно облако переместить. Сделаем это так, чтобы оно было слева. Страницу с загнутым углом переместим немного ниже и левее. А улыбающееся лицо пусть останется на месте. Выделим все эти объекты. Облако не выделено. Чтобы выделить его, щелкните левой кнопкой мыши при нажатой клавише Shift. Теперь на панели Выровнять/распределить нажмите на кнопку По горизонтали. Объекты распределены так, что расстояние между ними стало одинаковым. И последняя кнопка – Распределить по вертикали. Для того чтобы использовать ее, снова щелкните за пределами объектов. Мы сняли выделение. Переместим, например, страницу с загнутым углом ниже. Теперь выделим все эти объекты. Опять облако не выделилось. Я его выделил щелчком мыши, а вот прямоугольник можно убрать из выделения. Теперь нажмите кнопку Распределить по вертикали. Благодаря нажатию на нее объекты распределились так, что по вертикали расстояние между ними стало одинаковым. Закройте набор инструментов Выровнять/распределить.
232
TeachPro Microsoft FrontPage 2003
Для того чтобы нагляднее представить работу, например, последней кнопки из использованных, увеличим размеры полотна. Для этого наведите указатель мыши на маркер размера и перетащите его вниз. Полотно стало больше. Теперь перетащим страницу с загнутым углом вниз. Можно еще ниже. Например, так. Облако опустим немного. И уменьшим в размере. Теперь можно его приподнять. Уменьшим также в размере и улыбающееся лицо. Прямоугольник поставим примерно на один уровень с лицом. Теперь выделим все эти объекты. Я это сделаю при нажатой клавишу Shift щелчками мыши. Раскройте меню Действия, наведите указатель мыши на строку Выровнять/распределить. В появившемся меню выберите команду Распределить по вертикали. Расстояние по вертикали между всеми этими объектами стало одинаковым.
* * * 12.15. Вращение автофигур. Изменение узлов Продолжим знакомство с командами, доступными через меню Действия на панели инструментов Рисование. Щелкните полотно. Выделите автофигуру Выноска. Раскройте меню Действия, наведите указатель мыши на строку Повернуть/отразить. Появилось подменю. С помощью маркеров перемещения, т.е. точек, которые находятся вверху на панели, перетащим его в левый верхний угол страницы. Слева находится кнопка с изображением круговой стрелки. Щелкните ее. По углам выделенного объекта появились зеленые маркеры. Как вы уже знаете, зеленый маркер позволяет поворачивать автофигуру. Наведите указатель мыши, например, на правый нижний, и начните вращение против часовой стрелки. Фигура повернулась на некоторый градус. Таким же образом можно взяться за любой другой маркер на этой автофигуре и повернуть в ту сторону, в которую вам нужно. Например, по часовой стрелке. Нажмите на клавиатуре клавишу Ctrl, возьмитесь за один из зеленых маркеров, например, верхний в данном случае, и поверните автофигуру вправо. Обратите внимание на то, что она поворачивается вокруг противоположного зеленого маркера. Еще раз нажмите эту клавишу – Ctrl я имею в виду. Возьмемся, например, за этот маркер. Повернем в противоположную сторону. Теперь автофигура поворачивается вокруг того маркера, который находится напротив этого. Нажмите на клавишу Shift, и опять начнем поворачивать автофигуру. Она поворачивается с интервалом в 15 градусов. Для того чтобы убрать зеленые маркеры с автофигуры, просто щелкните за ее пределами. С остальными кнопками, которые имеются на панели инструментов Повернуть/отразить, вы уже знакомы. В частности, это – Повернуть влево на 90 градусов. Автофигура повернулась на указанный угол. Повернуть вправо на 90 градусов. Действие произошло. Отразить слева направо. Фигура отразилась, как в зеркале, и отразить сверху вниз. В этом случае зеркало как будто лежит горизонтально. Закройте набор инструментов Повернуть/отразить. Раскройте меню Действия на панели инструментов Рисование. Следующая строка – это Начать изменение узлов. Почему-то она сейчас недоступна. Щелкните за пределами меню. Изменять узлы можно не у готовой фигуры наподобие прямоугольника, облака или улыбающегося лица, а у той фигуры, которую вы нарисовали с помощью линий. В частности, с помощью таких инструментов, как кривая, полилиния, рисованная кривая. Щелкните кнопку Полилиния. И нарисуем какой-нибудь объект на полотне. Я нарисовал чей-то профиль, и сдается мне, что это – лицо женщины. Но при изменении узлов неважно, кто это – женщина или мужчина. Раскройте меню Действия. Теперь команда Начать изменение узлов доступна. Щелкните ее. В местах сгибов программа расставила узлы, т.е. маркеры, которые можно перетаскивать для изменения вида автофигуры. Например, наведите указатель мыши на один из маркеров. Указатель превращается в нечто наподобие прицела. Теперь, нажав левую кнопку мыши, перетащите его чуть правее. Программа обозначила то место, которое мы изменили, двумя пустыми квадратиками. Линию можно изменять не только там, где программа уже расставила узлы, но и в любом другом месте линии. Наведите ее, например, на этот участок. Указатель превратился в прицел немного другой формы. На узле он такой, а на линии появляются прямые лучи рядом с указателем. Перетащим линию чуть вверх. В том месте, за которое мы перетаскивали линию, появился новый узел. Для того чтобы удалить узел, можно нажать на клавиатуре клавишу Ctrl и, удерживая ее, щелкнуть узел, например, в этом месте я щелкну. При наведении указателя мыши при нажатой клавише Ctrl на узел указатель превращается в крестик, обозначающий удаление. Вот я удалил второй
Глава 12. Рисование объектов
233
узел, а сейчас наоборот создал, перетаскивая линию. Изменять линию можно при помощи контекстного меню, нажав на нее правой кнопкой мыши. Появляется контекстное меню, в котором можно выбрать, например, команду Добавить узел. Узел появился в том месте, где был указатель мыши. Щелкните еще раз на линии между узлами, например, в этом месте правой кнопкой мыши. Команда Удалить сегмент недоступна сейчас, поскольку мы не замкнули кривую. Это произошло потому, что последняя точка, которую я нарисовал, не была соединена с первой. Щелкните команду Замкнуть кривую. Программа соединила последнюю и первую точки. Щелкните на линии еще раз правой кнопкой. Теперь вместо команды замкнуть кривую появилось Разомкнуть кривую. При желании мы можем ее использовать, чтобы разорвать нашу линию. Щелкните команду Удалить сегмент. Сегмент был удален в том месте, где находился указатель мыши. Чтобы снова соединить линию, наведите указатель на нее, щелкните правой кнопкой мыши и выберите команду Замкнуть кривую. Программа соединила линию. Теперь нужно отредактировать, перетаскивая узел. Для удаления какого-либо узла нажмите и удерживайте клавишу Ctrl, наведите указатель мыши на узел и щелкните его левой кнопкой мыши, после чего узел будет уделен. Линия стала прямой. Я ее немного искривлю снова. Если вы хотите кривой отрезок сделать прямым, щелкните на нем правой кнопкой и выберите команду Прямой сегмент. Линия в этом месте между узлами стала прямой. Щелкните в этом месте еще раз правой кнопкой. Вы видите, что флажок со строки Искривленный сегмент перешел в строку Прямой сегмент. Далее идет команда Завершить изменение узлов. Щелкните ее. Маркеры узлов исчезли, но это не означает, что мы не можем теперь изменять автофигуру. Щелкните ее правой кнопкой мыши. Здесь тоже можно выбрать команду Начать изменение узлов. Щелкните ее. Узлы снова появились на рисунке. Для того чтобы убрать эти маркеры и закончить изменение узлов, можно просто щелкнуть левой кнопкой мыши внутри автофигуры.
* * * 12.16. Ввод текста в автофигуры. Надпись. Замена автофигур В автофигуры можно добавлять текст, и он будет перемещаться вместе с автофигурами, когда перемещают их. Щелкните, например, правой кнопкой мыши облако. В контекстном меню выберите команду Изменить текст. Внутри облака появился мерцающий курсор. Сюда можно ввести какое-нибудь слово или несколько слов. Например. Я просто ввел слово «текст» . Часть его не видна. Чтобы была видна, нужно растянуть облако, взявшись за маркер размера. Попробуем переместить выноску в левый верхний угол полотна. Слово «текст» переместилось вместе с выноской. Теперь щелкните улыбающееся лицо. Выберите его правой кнопкой мыши. Появилось контекстное меню, в котором имеется команда Добавить текст. Щелкните его левой кнопкой. Прямо на улыбающемся лице появился курсор. Я введу сюда слово текст тоже. Растянем это лицо, взявшись, например, за левый нижний маркер размера. Ввод текста можно осуществить и, например, для такой автофигуры, как прямоугольник. Щелкните ее правой кнопкой мыши. В контекстном меню тоже имеется команда Добавить текст. И введу сюда слово «текст». Теперь растяну эту автофигуру с помощью правого нижнего маркера. Щелкните теперь автофигуру, созданную с помощью рисования полилинии. Выберите ее правой кнопкой мыши. Здесь в контекстном меню нет команды Добавить или изменить текст. Выберите еще раз прямоугольник левой кнопкой мыши. Раскройте меню Действия. Еще одна строка,
234
TeachPro Microsoft FrontPage 2003
которую мы пока не рассматривали, – это Изменить автофигуру. При наведении указателя мыши на нее появляется подменю, в котором также несколько строк со своими подменю – Основные автофигуры, Фигурные стрелки, Блок-схема, Звезды и ленты и Выноски. Нет только линий. В основных фигурах выделен прямоугольник. Эта фигура сейчас используется. Поэтому она и выделена. Щелкните, например, цилиндр. Вместо прямоугольника на странице появился цилиндр, и то слово, которое было на прямоугольнике, оказался в цилиндре. Отформатируем текст каким-то образом, например, выделив его, изменим цвет этого текста. Для этого на панели инструментов Рисование найдите кнопку Цвет текста. Щелкните стрелку рядом с ней и выберите нужный цвет. Я в списке стандартных цветов щелкну, например, сиреневый. Цвет текста на цилиндре изменился. Кроме того, можно еще, например, сделать его полужирным. Щелкните рядом с текстом для снятия выделения. Теперь изменим саму автофигуру. Раскройте меню Действия на панели инструментов Рисование. Наведите указатель мыши на строку Изменить автофигуру и здесь, например, на строку Звезды и ленты. Вместо цилиндра выберем, например, ленту. Есть такая лента, как Лента лицом вверх, щелкните ее. Цилиндр заменен лентой. Для того чтобы отобразить текст полностью, растянем ленту с помощью, например, правого центрального маркера размера. Тот же текст с тем же форматированием находится на ленте. Если вы хотите добавить текст все-таки к фигуре, нарисованной с помощью линий, например, к этому лицу, можно использовать надпись. Надпись – это контейнер для текста, который помещается на страницу или, проще говоря, рамка, в которую можно вводить текст и затем перемещать как отдельный объект. На панели инструментов Рисование щелкните кнопку Надпись. Наведите указатель мыши на то место, где надпись должна быть, и щелкните в этом месте. Место щелчка является левым верхним углом надписи. Размер рамки надписи можно изменять. Перетащите, например, нижний маркер вверх. Введем текст. Предположим, пусть это будет слово «лицо». Щелкните за пределами рамки. Если мы переместим лицо, то надпись, естественно, останется на своем месте, перемещаться не будет. Переместите надпись ближе к лицу, выделите оба этих объекта. Это было сделано при нажатой клавише Shift. Теперь раскройте меню Действия на панели инструментов Рисование и выберите строку Группировать. Теперь эти два объекта будут вести себя как один объект при перетаскивании. Сейчас я снял выделение и попробую перетащить лицо на прежнее место. Оба объекта переместились. Снимите выделение объектов, щелкнув за его пределами. Переместите вниз ползунок на полосе прокрутки. Щелкните такой объект, как страница с загнутым углом. Отличие этого объекта от остальных установленных на странице в том, что у этого объекта имеется заливка серым цветом. Все остальное – такое же, как и у остальных объектов, в частности, толщина границы, цвет границ и так далее. Раскройте меню Действия. В нижней части этого меню имеется команда ПО умолчанию для автофигур. Эта команда используется для того, чтобы применить форматирование выделенного объекта к остальным объектам, которые вы будете размещать на странице позже. Щелкните эту команду. Никаких внешних изменений ни на странице, ни с программой не произошло. Но попробуем теперь поместить на страницу новую автофигуру. Например, овал. Выбрав его на панели инструментов Рисование, щелкните на свободном месте на полотне. Овал помещен на страницу, но сразу же закрашен серым цветом. Кл всем остальным автофигурам, которые мы будем здесь размещать, будет применяться такая же настройка. Раскройте меню Автофигуры, выберите, например, фигурные стрелки, и щелкните какую-нибудь из стрелок, например, Штриховая стрелка вправо. Поместим ее на страницу. Она тоже закрашена серым цветом. Для того чтобы новые автофигуры не были закрашены таким цветом, выделите какую-либо из этих автофигур. Пусть будет
Глава 12. Рисование объектов
235
выделена стрелка. Сделайте цвет заливки белым. Для этого нужно раскрыть список цветов заливки и выбрать белый среди стандартных цветов. У этой фигуры заливка стала белой. Сделаем эту настройку настройкой по умолчанию Раскройте список Действие и щелкните команду По умолчанию для автофигур. Теперь поместим какую-нибудь автофигуру на страницу, например, прямоугольник. Как видите, заливка у него белая.
* * * 12.17. Вставка и форматирование объекта WordArt На веб-страницу можно добавлять художественно оформленный текст с помощью кнопки Добавить объект WordArt на панели инструментов Рисование. Нажмите на эту кнопку. На экран выведено диалоговое окно Коллекция WordArt. Это – набор стилей текста, которые будут представлены на странице в виде рисунка. Для того чтобы выбрать какой-либо из стилей, нужно его щелкнуть. Щелкните, например, вот этот стиль. Вокруг него появилась рамка, свидетельствующая о выделении стиля. Нажмите на кнопку OK в диалоговом окне. Вместо предыдущего окна на экране появилось окно Изменение текста WordArt. Здесь имеются такие поля, как Шрифт, Размер и Текст. Кроме того, кнопки, делающие текст полужирным и курсивом. В поле Текст нужно ввести тот текст, который у вас будет на странице. Я здесь введу следующие слова. Шрифт этого текста можно изменить. Выделив его, раскройте меню Шрифт. Здесь выберите тот шрифт, который вас больше устраивает. Например, Comic Sans MS. Шрифт изменился. Если в этом окне вы не будете выделять текст, а просто раскроете список шрифтов и выберете какой-то другой, то программа все равно изменит весь текст, имеющийся в поле Текст. И представление этого текста изменится. Я верну шрифт Comic Sans MS. Можно изменить размер шрифта. Раскройте список размеров. Выберите тот, который вас больше устраивает. Например, 28. Можно сделать его полужирным и наклонным. Для того чтобы убрать наклон и жирность, еще раз нажмите те же кнопки. Для подтверждения изменений щелкните кнопку OK в диалоговом окне. Текст появился на странице. Кроме того, программа вывела на экран панель инструментов WordArt. Если этого не произошло, панель можно вызвать. Закройте эту панель сейчас. Щелкните имеющиеся панели инструментов правой кнопкой мыши. В списке выберите строку WordArt. Панель опять на экране. Еще раз ее закройте. Предположим, ни одна панель не отображается на экране, и вы не можете, соответственно, щелкнуть ее правой кнопкой мыши. В таком случае, откройте меню Вид, наведите указатель мыши на строку Панели инструментов. И в подменю выберите нужную строку, в данном случае, WordArt. Итак, панель на экране. Она содержит ряд кнопок. Слева находится кнопка Добавить объект WordArt. Нажмите на нее. На экран опять выведено окно Коллекция WordArt, с которым мы уже познакомились. Нажмите кнопку Отмена. Следующая команда на панели WordArt – Изменить текст. Нажмите эту кнопку. На экран выведено окно Изменение текста WordArt. Вы можете отредактировать тот текст, который сюда ввели. Я здесь опять нажимаю кнопку Отмена. Далее – кнопка Коллекция WordArt. После нажатия этой кнопки появляется коллекция со стилями надписей. В чем отличие этого окна от такого же, которое мы вызывали нажатием другой кнопки? Нажмите кнопку Отмена. Вернемся к кнопке Добавить объект WordArt. После щелчка мыши появилось такое же окно. Выберем, например, первый стиль и нажмем кнопку OK. В окне Изменение текста WordArt – тоже OK. На экране появилась надпись Текст надписи. При этом надпись К мечте осталась на месте. Выделите ее. Нажмите на кнопку Коллекция WordArt. Щелкните первый стиль и нажмите на кнопку OK. На экране не появилась новая надпись. Вместо этого та надпись, которая уже была, изменилась в стиле, а сам текст остался прежним – К мечте. Нажми-
236
TeachPro Microsoft FrontPage 2003
те кнопку Отменить. Панель инструментов WordArt исчезла. Выделите текст Текст надписи. Вместе с выделением появилась и панель. Изменим текст этой надписи. Я напишу следующее. Шрифт оставлю тот, который задан по умолчанию –Arial. А размер уменьшу до 28. Нажмите на кнопку OK. Следующая кнопка на панели инструментов – Форматировать объект WordArt. После щелчка на этой кнопке появляется диалоговое окно Формат объекта WordArt. Оно состоит из нескольких вкладок – Цвета и линии, Размер, Позиция, Рисунок и Надпись – эти вкладки недоступны – и последняя – Узел. Щелкните вкладку Цвета и линии. В группе заливка выберем цвет. Пусть это будет, например, светло-бирюзовый. Выбрав цвет, посмотрим результат. Нажмите на кнопку OK. Результат вы видите на экране. У каждой буквы появилась заливка. Чтобы изменить ее, снова нажмите на кнопку Форматировать объект WordArt. Выберем цвет заливки серый. Перейдем в группу Строка. Здесь цвет черный, задан сейчас. Можно выбрать любой другой. Я выберу, например, темно-синий. Шаблон можно изменить. Вместо сплошной линии определить, например, круглые точки или квадратные точки и т.д. Я выберу штрих. Толщина, заданная сейчас по умолчанию, - 1 пиксель. Изменим ее. Увеличим до 2. Посмотрим, что получится. Нажмите на кнопку OK, Тот цвет, который мы задали в группе строка, касается как бы обводки каждой буквы. Она стала пунктирной, темно-синего цвета. И толщина ее –2 пикселя, как мы и задали. Для того чтобы изменить эти настройки, нажмите на кнопку Форматировать объект WordArt. Цвет букв я оставлю прежним, темно-синим, а вот шаблон изменю, чтобы буквы лучше читались. Толщину тоже изменю – уменьшу ее.
* * * 12.18. Форматирование объекта WordArt Щелкните вкладку Размер в диалоговом окне. На данной вкладке расположены такие группы опций, как Размер и поворот, Масштаб и Исходный размер. Высота объекта, т.е. букв, которые мы ввели на страницу, составляет 42 пикселя сейчас, а ширина всего текста –305. Поворот –0 градусов. Все эти настройки можно изменить. Если вы хотите, чтобы пропорции при этом не менялись, установите в группе Масштаб флажок Сохранить пропорции. Увеличим, например, ширину объекта – вместо 305 укажем значение 335 пикселей. При щелчке мыши в поле Высота программа автоматичеавтоматически изменила высоту. Учитывая, что пропорции сохраняются, масштаб изменился и по высоте, и по ширине, и стал равным 110 процентам вместо 100. Поворот мы также можем изменить. Предположим, сделаем поворот равным 45 градусам. Нажмите на кнопку OK. Если результат вам не понравился, нужно нажать на кнопку Отменить на панели инструментов Стандартная, или настроить установки заново. В диалоговом окне Формат объекта WordArt щелкните вкладку Размер. Программа вывела на экран сообщение о том, что размер должен лежать между 144 пикселями и 324 пикселями. Нажмите на кнопку OK. В окне диалогового окна Формат объекта WordArt нажмите на кнопку Отмена. Уменьшите этот объект вручную. Для этого возьмитесь за один из маркеров размеров и перетащите его. Объект уменьшился. Снова нажмите на кнопку Форматировать объект WordArt. И здесь щелкните вкладку Размер. Я сниму флажок Сохранить пропорции, пусть высота остается неизменной, а ширину сделаем равной 270 пикселям. Поворот сделаем равным 0. Нажмите на кнопку OK в диалоговом окне. Следующая кнопка на панели инструментов – это Формы WordArt. После щелчка на ней появляется набор форм. Мы можем изменить тот текст, который сейчас имеется, придав ему другу форму. Например, Дуга вверх. Форма этого объекта изменилась. Можно изменять ее и дальше с помощью маркера желтого цвета. Перетащите его, например, вниз. Текст стал практически нечитаемым. Перетащите вверх. Так его прочитать можно, но
Глава 12. Рисование объектов
237
сложно. Откройте еще раз список форм. Выберем другую форму. Например, Каскад вниз. В таком виде форму и оставим. Переходим к следующей кнопке. Она называется Выровнять буквы WordArt по высоте. Нажмите эту кнопку. Буквы строчные и заглавные выровнялись по одной высоте и стали одинаковыми практически. Отмените это изменение. Щелкните текст От воспоминаний. Следующая кнопка – вертикальный текст WordArt. После ее нажатия весь текст расположился вертикально. Еще раз нажмите на ту же кнопку. Теперь он расположен горизонтально. Следующая кнопка – это выравнивание WordArt. После ее нажатия открывается целый список опций. Здесь такие строки, как Выровнять по левому краю, Выровнять по центру, по правому краю, по обоим краям и Выровнять за счет ширины. Сейчас используется Выровнять по центру. Щелкните еще раз ту же самую кнопку, и список исчезает. Для того чтобы воспользоваться этими функциями выравнивания, нужно сначала изменить сам текст так, чтобы он размещался на нескольких строках. Щелкните команду Изменить текст. Поставьте курсор после слова От и нажмите клавишу Enter на клавиатуре. Текст будет размещен на 2 строках. Нажмите на кнопку OK в диалоговом окне. На странице он тоже оказался на 2 строках. При этом он выровнен по центру. Раскройте список Выравнивание. То, что он выровнен по центру видно благодаря выделению значка слева. Щелкните строку Выровнять по левому краю. Оба слова теперь выровнены по левой границе объекта. Раскройте список. Выровнять по правому краю. Слово «От» перескочило вправо и выровнено по правому краю, как и слово «воспоминаний». Раскройте еще раз список Выравнивание, нажмите на строку Выровнять за счет ширины. Получилось нечто уродливое. Отмените последнее действие. Раскройте список. Пусть текст будет выровнен по центру. Последняя кнопка на панели инструментов WordArt называется Межзнаковый интервал WordArt. Нажмите ее. Мы получили список опций. Варианты начинаются с очень узкого и заканчиваются настраиваемым. Выберите сначала Очень узкий. Буквы практически слились друг с другом. Раскройте список межзнаковых интервалов еще раз. Выберите Очень широкий. Буквы теперь расположены на некотором расстоянии друг от друга. Раскройте список. Текущее расстояние между буквами, как видно в последнем пункте, –150 процентов. В очень узком было 80, если вы заметили. Щелкните в том месте, где указано расстояние в процентах. Здесь появился курсор. Удалите цифру 1 и введите цифру 2, например. Получилось 250 процентов. Нажмите на клавишу Enter на клавиатуре. Расстояние между буквами увеличилось еще больше. Установим среднее значение интервала. Это – интервал обычный. Настройка этого текста закончена. Перейдем к тексту К мечте. Все те опции, которые мы можем настроить с помощью панели WordArt, оставим без изменений. Закройте эту панель, а вот тень можно изменить. Сейчас она падает в левую сторону. Чтобы падала в другую сторону, раскройте список Стиль тени на панели инструментов Рисование. И выберите тот стиль, который вас больше устраивает. Например, стиль 4. тень повернулась в ту сторону, в которую мне было нужно. Работу над этим текстом мы тоже закончили.
* * * 12.19. Создание композиции из автофигур, надписей и объектов WordArt Автофигуры, как и объекты WordArt, можно форматировать с помощью специального диалогового окна. Выберите, например, щелчком мыши автофигуру страница с загнутым углом. Раскройте меню Формат и в списке выберите команду Автофигура. На экран выведено диалоговое окно Формат автофигуры. Щелкните кнопку Отмена. То же самое окно можно вызвать другим способом – двойным щелчком на автофигуре. Мы снова видим окно Формат автофигуры на экране. Здесь можно определить цвета и линии на соответствующей вкладке, размер, позицию, а также задать замещающий текст для автофигуры на вкладке Узел. Для этого нужно щелкнуть в поле Замещающий текст и ввести какой-либо текст. Щелкните кнопку Отмена в диалоговом окне. Раскроем подобное диалоговое окно для полотна. Сделать это можно двойным щелчком мыши на полотне. Это – диалоговое окно Формат полотна. Здесь тоже имеются вкладки Цвета и лини, Размер, Макет и Узел. Вкладки Рисунок и Надпись недоступны здесь. Щелкните в поле Замещающий текст и введем сюда некоторые слова. Например, следующие. После того, как текст введен, нажмите на кнопку OK в диалоговом окне Формат полотна. Используя полученные знания, создадим теперь на странице композицию, состоящую из автофигур и
238
TeachPro Microsoft FrontPage 2003
объектов WordArt, а также текста надписей. Для этого нужно удалить лишние объекты и расположить те объекты, которые нужны, в соответствующих местах. Вместо слова «лицо» в надписи я напишу другое слово. Для этого нужно щелкнуть там и удалить то слово, которое имеется. Ввести новое слово. Обратите внимание, что это можно делать даже тогда, когда объекты сгруппированы. Для того чтобы изменить формы надписи или лица, требуется, тем не менее, разгруппировка. В меню Действия щелкните команду Разгруппировать. Теперь я изменю размер надписи, уменьшу ее. Для того чтобы убрать рамку надписи, щелкните ее дважды. Появляется диалоговое окно Формат надписи. В группе Строка на вкладке Цвета и линии раскройте список Цвет Здесь сейчас выбран такой цвет, как черный. Щелкните команду, находящуюся вверху списка Нет линий. Для подтверждения этого изменения нажмите на кнопку OK в диалоговом окне. Рамка у надписи исчезла. Если вы хотите добавить заливку сюда, можно использовать кнопки на панели инструментов Рисование. Найдите команду Цвет заливки. Раскройте ее. В списке стандартных цветов я выберу, например, оливковый. Затем изменю цвет лица. Для этого выделю его двойным щелчком мыши. Цвет можно изменить в группе Заливка. Пусть будет, например, золотистым. Нажмите на кнопку OK в диалоговом окне. Следующий шаг – это ввод на полотно дополнительных автофигур. Для этого нужно раскрыть меню Автофигуры на панели инструментов Рисование. Наведите указатель мыши на строку Фигурные стрелки. Появилось подменю, содержащее несколько стрелок. Выберем, например, штриховую стрелку вправо. Затем эту стрелку я нарисую на полотне. Для того чтобы повернуть ее против часовой стрелки, наведите указатель мыши на маркеры зеленого цвета. И поворачивайте в нужную сторону. Стрелку можно увеличить, растягивая за один из маркеров. Зададим цвет этой стрелки – цвет заливки. Для этого найдите на панели инструментов цвет заливки и раскройте список. Выбер6ем, например, голубой. Введем на страницу еще одну автофигуру. Раскройте список Автофигуры. Фигурные стрелки. И выберем, например, такую стрелку, как выгнутая вниз стрелка. Ее установим правее от изображения лица. Для уменьшения ее размеров можно использовать маркеры, которые окружают стрелку. Я возьмусь за левый верхний маркер и перетащу его вниз. Саму стрелку перетащу левее и чуть выше. Если необходимо заменить какую-либо автофигуру, например, вот эту стрелку, ее нужно выделить. Затем открыть меню Действия, навести указатель мыши на строку Изменить автофигуру. И здесь выбрать нужную В фигурных стрелках я выберу автофигуру Выгнутую вниз стрелку. Заливка автофигуры осталась прежней, а форма ее изменилась. Я поверну ее теперь по часовой стрелке. Заливку изменю. Вместо голубой использую, например, светло-серый цвет. Далее нужно изменить порядок расположения автофигур относительно друг друга. Щелкните эту стрелку правой кнопкой мыши. Здесь можно определить порядок. В подменю порядок щелкните команду На задний план. То же самое действие нужно произвести с другой стрелкой. Порядок можно изменить с помощью меню Действия. Наведите указатель мыши на строку Порядок. И щелкните На задний план. Скорректируем рисунки, если есть какие-либо недостатки. Например, текст От воспоминаний на фоне стрелки плохо виден. Он сливается с ней. Щелкните этот текст левой кнопкой мыши. Если панель WordArt не отображается, как в данном случае, можно щелкнуть тот же текст правой кнопкой мыши и выбрать в контекстном меню команду Отобразить панель WordArt. На панели нажмите на кнопку Форматировать объект WordArt, Появилось диалоговое окно Формат объекта WordArt. Установим синий цвет заливки для букв. Для этого нужно выбрать список Цвет и выбрать нужный – в данном случае, темно-синий. Для подтверждения нажмите на кнопку OK в диалоговом окне. Теперь текст будет виден четче. Стрелку можно немного сдвинуть. Кроме того, я сдвину вверх надпись. Выполнив настройки, сохраните изменения на веб-странице.. Просмотрим ее в веб-обозревателе. Пусть это будет, например, Microsoft Internet Explorer. Рисунки отображаются так, как и было задумано. Теперь нужно изменить название этой страницы и ввести дополнительный текст для объяснения схемы. На страницу во FrontPage я введу еще одну надпись и заменю объявление. После изменений страница Microsoft Internet Explorer будет выглядеть следующим образом.
* * *
Глава 13. Таблицы
239
Глава 13. Таблицы 13.1. Вставка макетной таблицы и ячейки с помощью команд При создании страниц вы уже знакомились со структурой, которую можно определить с помощью макетных таблиц и ячеек. Макетную таблицу мы вводили на страницу с помощью шаблонов. В области Список папок откройте файл index двойным щелчком мыши. Список папок закройте. Средства макетирования находятся в области задач. Их можно открыть, раскрыв меню Таблица и щелкнув команду Макетные таблицы и ячейки. Область задач открылась и имеет заголовок Макетные таблицы и ячейки. В нижней части этой таблицы находятся макеты. При наведении указателя мыши на стрелку область задач передвинулась вверх, и мы видим это окно. Но сейчас макеты недоступны. При щелчках мыши на них никаких действий не происходит. Мы не сможем применить макет таблицы, в каком бы месте страницы курсор ни поставили. Поставьте его, например, в конце. Все равно макеты недоступны. Это является следствием того, что мы использовали на страницах общие границы, на которых у нас находятся панели ссылок. Макетные таблицы доступны тогда, когда общих границ нет. Создайте новую страницу нажатием кнопки Создание новой обычной страницы на панели инструментов. Поскольку страница создана в этом же веб-узле, у нее уже имеются общие границы. И макет таблицы недоступен в области задач. Для того чтобы эти макеты были доступны, мы должны либо удалить общие границы, либо создать новый веб-узел и там применять шаблоны макетов, но нарисовать макетную таблицу мы можем и на странице с общими границами. После наведения указателя мыши на верхнюю стрелку в области задач эта область передвинулась вниз. И мы видим команды, которые можем использовать для создания макетных таблиц. В разделе Новые таблицы и ячейки имеется команда – Вставить макетную таблицу. С ее помощью мы можем вставить макетную таблицу в то место, где сейчас находится курсор. Нажмите эту команду. Макетная таблица вставлена и размещена на странице. Пока она выделена, команда Вставить макетную таблицу бывает недоступной, зато команда, которая расположена ниже – Вставить макетную ячейку, – по-
прежнему доступна. Для того чтобы вставить макетную ячейку внутрь макетной таблицы, щелкните в этой таблице. После щелчка курсор находится в этом месте. В области задач щелкните команду Вставить макетную ячейку. На экране появилось диалоговое окно Вставка макетной ячейки. В группе Макет среди переключателей выбран По горизонтали. Оставим этот вариант. Ширина сейчас недоступна. Она указана сейчас как 450 точек. Это – ширина макетной таблицы, которую мы вставили до этого. Высота тоже равна 450 точкам. Но ее можно изменить. После щелчка мышью в этом поле появился курсор. Вместо цифры 4 введем цифру 2. В группе Расположение оставим выбранным переключатель После выделенного элемента. Нажмите на кнопку OK в диалоговом окне. Вставленная в таблицу ячейка имеет размеры 450 на 250 точек. Щелкните в пустом месте таблицы, там, где еще ячейки нет. Нажмите на команду Вставить макетную ячейку. Вместо переключателя По горизонтали в окне Вставка макетной ячейки выберите переключатель По вертикали. Ширина таблицы и, соответственно, ячейки может составлять 450 точек. Выберем другую ширину. Удалите цифру 4 и вставьте, например, 1. 150 точек будет по ширине. Часть макетной таблицы уже занята той ячейкой, которую мы уже вставили. Поэтому оставшаяся высота – это 200 точек. Данное поле сейчас недоступно. Расположение оставим прежнее – после выделенного элемента. Нажмите на кнопку OK. 2 ячейки в таблицу уже вставлены. Щелкните в том месте, где ячейки еще нет. Щелкните команду Вставить макетную ячейку. Последней ячейкой мы можем заполнить все оставшееся
240
TeachPro Microsoft FrontPage 2003 пространство, и теперь неважно, какой переключатель мы выберем – По горизонтали или По вертикали. Размеры ячейки будут 300 на 200 точек в любом случае. Вы также можете выбрать переключатель Встроенный. 75 на 75 точек. Нажмите на кнопку OK. Программа ввела ячейку размером 75 на 75 точек. Если она не нужна, мы ее можем удалить нажатием клавиши Delete. Выделите всю таблицу нажатием на зеленую рамку. При выполнении прошлого действия программа также создала ячейку в левом верхнем углу таблицы. Эта ячейка имеет размеры 300 на 200 точек. Соседняя – 150 на 200 точек. И нижняя – 450 на 250 точек. Создать макетную таблицу и ячейки в ней можно было и другим способом. Выделите всю таблицу и удалите ее нажатием клавиши Delete на клавиатуре.
* * * 13.2. Рисование макетной таблицы и ячейки. Свойства таблицы На прошлом занятии мы создали макетную таблицу и ячейку с помощью команд Вставить макетную таблицу и Вставить макетную ячейку. Теперь попробуем нарисовать и то, и другое. Ниже находятся 2 кнопки. Слева – Нарисовать макетную таблицу, справа – Нарисовать макетную ячейку. Нажмите левую кнопку. После нажатия ведите указатель мыши на страницу. Указатель превратился в карандаш. С помощью этого карандаша нарисуем макетную таблицу. Начинайте вести его при нажатой левой кнопке мыши от левого верхнего угла, где сейчас находится карандаш, в правый нижний. По мере продвижения карандаша таблица появляется на странице. Отпустите карандаш. Размеры таблицы, которая сейчас появилась, показаны на сторонах этой таблицы. Высота ее –328 точек, а ширина –413. Эти же параметры указаны в группе Свойства таблицы в области задач. Ширина –413 и высота –328 точек. Для того, чтобы поместить в таблицу ячейки, щелкните кнопку Нарисовать макетную ячейку. Наведите указатель мыши на таблицу. Указатель превратился в подобие карандаша с уголком внизу. Начнем рисовать ячейку. От левого верхнего угла таблицы я ее буду проводить в правый угол. При приближении к границе таблицы, в данном случае правой, ячейка как бы прилипает на определенном этапе к этой границе. Отпустите левую кнопку мыши. Ячейка создана. Ее можно изменить с помощью маркеров, которые находятся по ее сторонам и углам. При наведении указателей мыши на один из таких маркеров указатель превращается в значок с двумя перпендикулярными линиями. Перетащим эту границу выше. Она как бы прилипла к верхней границе таблицы. Нарисуем в таблице еще одну ячейку. Щелкните кнопку Нарисовать макетную ячейку и ведите указатель мыши на таблицу. Там, где есть пустое пространство, указатель превращается в карандаш с уголком. Рисуем ячейку. Я начну справа вести ее в левую нижнюю часть таблицы. Ячейка нарисована. Снова щелкаем кнопку Нарисовать макетную ячейку. Я могу, не приближаясь к границам рядом стоящих ячеек, начать рисование с этого места и вести указатель вправо и, не приближаясь к нижним границам таблицы, отпустить мышь. В результате мы получим пустое пространство между этой ячейкой таблицы и двумя соседними. Выделите всю таблицу, щелкнув ее границу зеленого цвета. Теперь растянем немного эту таблицу, взявшись за правый нижний маркер размера. Таблица увеличилась, но ячейки, которые были в ней, остались в неизменном виде. Мы можем добиться того, чтобы размер ячеек изменялся пропорционально увеличению или уменьшению размера таблицы. Для этого установите флажок Автомасштаб ячеек с таблицей. Флажок установлен в области задач. Теперь в свойствах таблицы изменим ширину. Например, вместо 437 точек установим 457 точек. И высоту изменим. Вместо 354 установим 374. Нажмите на клавишу Enter на клавиатуре. Таблица и ячейки в ней увеличились пропорционально. Теперь произведем обратное действие – уменьшим. Сделаем ширину равной 357 точкам, например. Щелкните в поле Высота. Таблицы и
Глава 13. Таблицы
241
ячейки в ней уже уменьшились по ширине. Теперь уменьшим и высоту. Сделаем ее равной 300 точкам, например. Нажмите на клавишу Enter. Хотя таблица уменьшилась, расстояние между ячейками осталось. И оно пропорционально изменения всей таблицы. Всю макетную таблицу можно выровнять относительно краев страницы, на которую она помещена. Для этого используются опции выравнивания. Например, можно нажать кнопку Выровнять по левому краю. Никаких изменений не произошло, потому что по умолчанию таблица выравнивается тоже по левому краю. Щелкните еще раз кнопку, чтобы отключить ее. Можно выровнять таблицу по середине страницы. В данном случае, посередине той области, в которой таблица находится. Эта кнопка – Выровнять по центру. Таблица сместилась правее. Для того, чтобы выровнять по правому краю, щелкните правую крайнюю кнопку. Таблица сместилась еще праве.. Нажмите ту же кнопку еще раз. По умолчанию таблица выровнялась по левому краю. С настройками в области задач Макетные таблицы и ячейки мы в основном разобрались. Осталась еще одна команда, которая находится в верхней части области. Это – Формат ячейки. Щелкните ее. Мы попали в область Формат ячейки. Здесь можно выбрать несколько вариантов настроек. Сейчас выбран Углы и заливка ячейки. Щелкните тот, который находится выше, – колонтитулы ячейки. Опции изменились. Они находятся внизу, но сейчас недоступны. Еще выше щелкните команду Свойства и границы ячейки. Теперь эта область выделена со всеми своими опциями, которые также сейчас недоступны. Если мы щелкнем самую верхнюю команду – Макетные таблицы и ячейки, – то снова попадем в ту область, в которой уже были и с помощью которой настраивали таблицу. Щелкните кнопку Назад. Мы оказались в области, которая называется Формат ячейки и имеет подзаголовок Свойства и границы ячейки. На следующем занятии вы узнаете, как настраивать свойства и границы ячейки, колонтитулы и углы и заливку ячейки.
* * * 13.3. Формат ячейки макетной таблицы Область задач Формат ячейки открыта. Но поля, которые находятся в ней, сейчас недоступны. Что бы они были доступны, нужно выделить какуюнибудь ячейку в таблице. Например, эту. Ячейка выделена. Вследствие этого в области задач стали доступными различные опции. Верхние 2 поля – это Ширина и Высота. Ширина ячейки составляет 169, а высота – 111 точек. То же самое указано в прямоугольнике над самой ячейкой. Введем в эту ячейку какой-нибудь текс. Щелкните внутри нее. Я так и напишу –« какой-нибудь текст» в этой ячейке. Следующее поле, которое расположено в области задач в группе Свойства макетной ячейки – это поля. Щелкните в этом поле. Удалите цифру 0 и введите, например, 30. Для подтверждения изменений нажмите клавишу Enter на клавиатуре. Изменения приняты программой. При этом ширина ячейки осталась неизменной, а высота немного увеличилась, потому что в ячейке не хватало места для размещения текста. Опция Поля, которая находится в этой группе, определяет расстояние от текста до границы ячейки. Я укажу это расстояние. Далее в группе Свойства макетной ячейки имеется список Выравнивание. Сейчас определено выравнивание по верхнему краю. Кроме того, имеется выравнивание посередине и по нижнему краю. Прежде, чем выбирать другие опции, удалим число 30 в текстовом поле Поля и оставим 0. Подтвердите изменения нажатием клавиши Enter. Теперь изменим выравнивание. Раскройте список. Нажмите По нижнему краю. Текст, который был в ячейке, переместился в нижнюю часть этой ячейки. Произошло выравнивание по нижнему краю.
242
TeachPro Microsoft FrontPage 2003
Раскройте список и выберите опцию посередине. Теперь тот же самый текст оказался в центральной части ячейки. Верните прежнюю настройку. То есть По верхнему краю. Далее в группе Свойства макетной ячейки мы видим список Фоновый цвет. Раскройте его. Здесь имеется набор Стандартные цвета. Кроме того, можно выбрать другие цвета нажатием соответствующей команды. В результате появляется диалоговое окно Другие цвета, с которым мы уже знакомы. Нажмите на кнопку Отмена в этом окне. Еще раз раскройте список Фоновый цвет и выберем какой-нибудь цвет фона, например, светло – серый. Для того чтобы просмотреть, как эта ячейка выглядит в браузере, можно нажать кнопку Просмотр внизу. Примерно так же она будет выглядеть в браузере. Вернитесь в режим Конструктор. Поскольку в остальных ячейках нет ни заливки фона, ни текста, они никак не отображались в режиме просмотра. Щелкните верхнюю ячейку. Мы ее выделили. Рассмотрим опции в группе Границы в области задач Формат ячейки. Здесь расположено поле для ввода символов, которое называется Ширина. Сейчас в это поле введена цифра 1, т.е. толщина границы составляет 1 точку. Ниже расположено меню Цвет. Раскройте его. Здесь также мы видим стандартные цвета, и внизу имеется группа цвета документа. Сейчас в таблице уже используется светло-серый цвет. Кроме того, имеется и команда Другие цвета внизу списка. Для границы выбран черный цвет. Его и оставим. Щелкните его. Практически мы пока здесь, в этой группе опций, ничего не изменили. Почему же границы не отображаются? А в том, что они не отображаются, можно убедиться, щелкнув режим просмотра. Здесь мы видим только ту ячейку, в которую ввели текст и определили фон. Щелкните режим Конструктор. Под списком Цвет находится группа опций Применить. Здесь показано, какие границы будут отображаться. Пока ни одна из кнопок не нажата. Щелкните первую слева – Применить параметры ко всем границам. Посмотрим теперь в режиме просмотра, отображается ли ячейка. Мы видим границу этой ячейки. Теперь она стала видимой. Щелкните кнопку Конструктор внизу. Снова щелкните ту ячейку, в которой уже имеется текст. Следующая группа опций – Поля. Здесь имеются такие поля, как слева, сверху, справа и снизу. Установим везде значение 20. Для этого вводите цифру и затем щелкайте в следующем окошке. После того, как вы ввели цифру в последнем окошке, нажмите клавишу Enter на клавиатуре. Для наглядности еще применим и границы. Между внешними границами ячейки и той областью, где находится текст и фон, появилось пустое пространство. Перейдите в режим просмотра. В этом режиме мы не видим, где реально находятся границы ячейки. Но мы видим рамку, в которой заключен текст и фон этой ячейки. Вернитесь в режим Конструктор. Переместите указатель мыши в области задач на верхнюю стрелку. Теперь мы видим подзаголовки области задач Формат ячейки. Щелкните команду Колонтитулы ячейки. Верхний колонтитул и нижний колонтитул определяют некую отделенную область в одной и той же ячейке. Для того, чтобы эту область определить, поставьте флажок, например, Показать верхний колонтитул. Или Показать нижний колонтитул. Либо то и другое. Среди опций можно определить высоту колонтитула, поля, выравнивание по верхнему краю, посередине или по нижнему краю. Щелкните за пределами списка. Кроме того, фоновый цвет. Сейчас определен серый. Ширину границы – сейчас она равна 0, и цвет границы. Цвет определен как черный. Я в этой области ничего менять не буду. Вы видите, какие колонтитулы возникли в ячейке после того, как я выбрал эти флажки. Переместите указатель мыши вверх так, чтобы мы видели команду Углы и заливка ячейки. Щелкните эту команду. Выберем какуюнибудь другую ячейку – например, ту, что находится левее. В группе опций Углы определим, какой
Глава 13. Таблицы
243
рисунок будет использоваться – то ли изображение по умолчанию, то ли другое изображение. В последнем случае это изображение нужно найти на жестком диске своего компьютера, нажав кнопку Обзор. У меня такого изображения нет, поэтому я нажимаю кнопку Отмена в диалоговом окне Рисунок. Выберите переключатель Изображение по умолчанию. Такое изображение позволит создать закругленные углы у ячейки. Ширина и высота будет равняться 20 точкам, цвет – черный, цвет границы – тоже черный. Применить мы можем параметры ко всем углам или к левому верхнему, например, правому верхнему и т.д. Применим ко всем углам. Перейдите в режим Просмотр. Мы видим верхнюю и нижнюю часть ячейки с закругленными углами. Вернитесь в режим Конструктор. Щелкните правую ячейку. Для нее применим те же самые опции и еще прибавим тень. Ширина ее будет равна 10 точкам, плавность –50, цвет – серый и применим, например, параметры к правой нижней теням. Посмотрим, как это будет выглядеть.
* * * 13.4. Создание макетной таблицы на имеющейся странице веб-узла После того, как вы подробнее познакомились с созданием макетных таблиц, применим их на практике в файле index. Раскройте его двойным щелчком мыши. В меню Таблица щелкните команду Макетные таблицы и ячейки. Появилась область задач Макетные таблицы и ячейки. В ней щелкните команду Вставить макетную таблицу. Такая таблица вставлена на страницу, но куда делся текст и изображение? Щелкните в нижней части полосы прокрутки. Весь текст переместился вниз, а макетная таблица была вставлена туда, где находился курсор. Нарисуем макетную ячейку. Для этого нажмите на кнопку Нарисовать макетную ячейку, наведите указатель мыши на таблицу в верхней части, подведите ее к левому углу вверху. Примерно от этого места начнем рисовать первую ячейку. Она займет следующее пространство. Я отступлю от краев макетной таблицы. Следующую ячейку нарисуем ниже, и она по ширине будет такой же, но я сделаю некоторый отступ от первой ячейки. По высоте она занимает все пространство до конца макетной таблицы. Переместим тот текст, который имеется на странице, в созданные только что ячейки. Щелкните на полосе прокрутки. Перенесем сначала эскиз и подзаголовок. Для этого нажмите правую кнопку мыши на выделенном фрагменте и выберите команду вырезать. Щелкните на полосе прокрутки. Вставьте этот фрагмент в верхнюю ячейку. В контекстном меню выберите команду Вставить. Под текстом появилась кнопка Параметры вставки. Щелкните ее. Пусть будет выбранным пункт Сохранить исходное форматирование. Тем не менее, стиль этого текста потерялся. Выберите в списке стилей Заголовок 2. Щелкните на полосе прокрутки и выделите оставшийся текст и изображение. Вырежьте его. Вернитесь ко второй ячейке, щелкните в ней и вставьте этот фрагмент. Текст и изображение вставлены, перейдем к началу. Перейдите в режим просмотра. Область задач макетные таблицы и ячейки закройте. Теперь текст на данной странице в следующем виде веб-обозревателя. Оно жестко ограничен по ширине той таблицей, которую мы ввели. Свойства этой таблицы можно изменить. Перейдите обратно в режим Конструктор. Выделите таблицу щелчком мыши. Отобразите на экране область задач Макетные таблицы и ячейки. Это можно сделать с помощью меню Таблица. Увеличим ширину таблицы. При этом нужно сделать так, чтобы ячейки тоже увеличились пропорционально. Поэтому поставьте флажок Автомасштаб ячеек с таблицей. В поле Ширина группы Свойства таблицы щелкните и введите другое значение, например, вместо 450 точек –550 точек. Нажмите на клавишу Enter на клавиатуре. Закройте область задач.
* * *
244
TeachPro Microsoft FrontPage 2003 13.5. Диалоговое окно Свойства таблицы
Для того чтобы изменить другие свойства таблицы, можно открыть меню Таблица и навести указатель мыши на строку Свойства таблицы. Появляется подменю, в котором сейчас доступен пункт Таблица. Щелкните его. На экран выведенное диалоговое окно Свойства таблицы. Группа опций в самом верху этого окна называется Параметры макета. Здесь – 3 переключателя: Включить параметры макета, Выключить параметры макета и Задействовать параметры макета на основе содержимого таблицы. Выберите верхний пункт, как и было ранее – Включить параметры макета. В группе Размер указано количество строк и столбцов, имеющихся сейчас в таблице. Если увеличить количество строк, например, на 1, то дополнительная строка будет добавлена в конец таблицы, а если увеличить количество столбцов, то еще один столбец будет добавлен в правую часть. Уменьшим значение на 1. Это значение и было в таблице. Далее идет группа Положение. В этой группе задаются различные характеристики таблицы. Выравнивание. Сейчас задано значение по умолчанию. Можно выбрать По левому краю, По правому краю или По центру. Я оставлю По умолчанию. Следующий список – Обтекание. Здесь также выбрано значение по умолчанию, но можно выбрать по левому краю или по правому краю. Это в том случае применяется, если макетная таблица меньше веб-страницы, и на этой вебстранице имеется текст, который может, так сказать, обтекать таблицу. Еще имеются счетчики Поля ячеек, Интервал ячеек, Ширина таблицы в точках. Сейчас выбрано значение 550. Кроме того, можно выбирать значение не в точках, а в процентах. Мы этого делать не будем. И также установлен флажок Задать высоту. В поле соответствующем указана высота макетной таблицы, которая применяется сейчас. Значение тоже указано в точках. Следующая группа опций – Границы. Размер границы сейчас указан как 0. Увеличим это значение до 1. Ниже расположен список Цвет. Раскройте его. Вы здесь видите набор стандартных цветов, Другие цвета, цвета документа и цвета, которые можно задать самостоятельно – команда Другие цвета. Выберем в списке стандартных цветов серый. Если задать параметры Светлая граница и Темная, то параметр Цвет применяться не будет. Границы светлая и темная применяются для придания таблице трехмерного эффекта. В списке Светлая задается цвет левой и верхней границ таблицы. Давайте установим его как светло-серый. В списке цветов Темная задается цвет правой и нижней границ таблицы. Сделаем их серыми. Следующая группа опций – Фон. Цвет фона сейчас задан как Авто. Раскройте список. Если ни один из цветов, которые имеются в наборе Стандартные, вам не подходит, а также не подходят цвета, которые заданы в группе Другие цвета и цвета документа, раскройте список Другие цвета. Открылось окно Другие цвета, в котором вы можете выбрать нужный оттенок. Я выберу здесь цвет с помощью пипетки. Нажав на нее, веду в тот участок на экране, который хочу использовать для создания этого цвета. Пусть цвет будет таким, как фон этого диалогового окна. Я щелкаю его. И этот цвет появился в окне Новый. После щелчка мыши здесь исчез. Придется щелкнуть еще раз. Выбираю пипетку и этот цвет. После чего нужно нажать кнопку OK в диалоговом окне. Цвет фона выбран. Вместо конкретного цвета можно использовать фоновый рисунок, если такой у вас имеется. Для этого нужно установить флажок Использовать фоновый рисунок и с помощью кнопки Обзор выбрать этот рисунок на жестком диске. Это можно сделать в диалоговом окне Выбрать фоновый рисунок. Нажмите кнопку Отмена в данном окне. Если вы хотите, чтобы сделанные настройки применялись по умолчанию для следующих таблиц, то установите флажок По умолчанию для новых таблиц. Я не буду этого делать и просто нажму на кнопку Применить в окне Свойства таблицы. Теперь стало
Глава 13. Таблицы
245
видно, несмотря на то, что окно Свойства таблицы все еще на экране, что наша макетная таблица сузилась. Это произошло из-за того, что указано значение 100 точек по ширине. Я исправлю это значение на 550 точек и снова нажму на кнопку применить в окне. Таблица растянулась по ширине. Щелкните кнопку OK в окне Свойства таблицы. Перейдем к представлению Просмотр. Мы добили следующего результата. Его можно, естественно, отредактировать. Вернитесь к представлению Конструктор. Откройте диалоговое окно Свойства таблицы и здесь, например, изменим размер границы таблицы. До 3 пунктов увеличим его. И изменим фон. Установим фон Авто. Нажмите на кнопку ok. Перейдите в режим просмотра. Если данный результат вас не устраивает, корректировку настроек можно продолжить.
* * * 13.6. Создание обычной таблицы В программе FrontPage 2003 можно использовать не только макетные, но и обычные таблицы. Создайте новую страницу с помощью кнопки Создание новой обычной страницы. Новая страница появилась на экране, при этом автоматически открылась область задач Макетные таблицы и ячейки. Закройте эту область. Установите курсор там, где должна быть таблица. Пусть он будет в этом месте. Откройте меню Таблица, наведите указатель мыши на строку Вставить, и в подменю выберите команду Таблица. Она сейчас одна доступна. На экране появилось диалоговое окно Вставка таблицы. В группе Параметры макета выбран переключатель Задействовать параметры макета на основе содержимого таблицы. Этот переключатель позволяет программе автоматически включать или выключать средства макетирования, с которыми мы уже познакомились ранее. Размер создаваемой таблицы по умолчанию предложен таким, что таблица будет состоять из двух строк и двух столбцов. Оставим эти значения без изменений. В группе Положение определяется выравнивание. Пусть она будет выровнена по центру. Обтекание оставим по умолчанию. Поля ячеек равны одной точке. Это – расстояние между текстом и границами этих ячеек. Это значение задается для всех ячеек таблицы сразу. Увеличим это значение до 3. Интервал между ячейками таблицы задается в поле Интервал ячеек. С помощью счетчика этот интервал можно увеличивать или уменьшать. Справа задается ширина таблицы. Сейчас указано значение 100. Причем это – в процентах. Если вы хотите задать значение в точках, щелкните соответствующий переключатель выше. 100 точек – это довольно узкая таблица получится. Зададим значение 500, например. Высота таблицы будет зависеть от того, какое содержимое будет в ней. Но вы можете сразу задать высоту, если установите флажок. Сейчас здесь указано значение 0. Можно указать, например, 500 точек. Следующая группа опций – Границы. Размер границы сейчас задан как 1. Это – довольно узкая граница, но она все-таки будет видна. Чтобы границу не было видно, установите значение 0. В таком случае, естественно, не нужно задавать цвет. Если, тем не менее, вы хотите, чтобы граница была видна, тогда увеличьте размер. Пусть она будет равна, например, 4 точкам. Фон таблицы задавать не будем. Использовать эту таблицу по умолчанию при создании остальных таблиц тоже не будем. Нажмите кнопку OK в диалоговом окне. На веб-страницу помещена таблица. Она имеет ширину 500 точек и высоту – тоже 500 точек. Т.е. мы создали квадрат, состоящий из 4 ячеек. Таблицу можно поместить на веб-страницу и другим способом. Отмените последнее действие, т.е. вставку таблицы. На панели инструментов Стандартная имеется кнопка Добавить таблицу. Вот она. Щелкните ее. Внизу появился набор ячеек. Наведите указатель мыши на 1 вверху ячейку. Она закрасилась синим цветом. Внизу появилась надпись – Таблица 1х1, т.е. состоящая из 1 ячейки. Переместите указатель мыши на 1 ячейку ниже. Теперь – надпись Таблица
246
TeachPro Microsoft FrontPage 2003
2х1, т.е. 2 строки и 1 столбец. Переместите указатель вправо на 1 ячейку. Теперь таблица 2х2, 2 строки, 2 столбца. Щелкните в этом месте. Таким образом, мы поместили на веб-страницу новую таблицу, состоящую из 2 столбцов и 2 строк. Это – первая строка, это –2. Существует и другой способ вставки таблицы на страницу. Отмените последнее действие, откройте меню Таблица. В списке меню выберите команду Нарисовать таблицу. На экране появилась панель инструментов Таблицы. Переместим ее немного вверх, чтобы она не закрывала страницу в том месте, где будет размещена таблица. Наведите указатель мыши на то место, где сейчас находится курсор. Указатель превратился в карандаш. Нажмите и, удерживая левую кнопку мыши, ведите мышь в правый нижний угол, туда, где должна быть нижняя часть таблицы. Отпустите мышь. Таблица нарисована. Фактически это –1 ячейка. Указатель по-прежнему имеет форму карандаша. С его помощью мы можем разбить эту таблицу на 2 ячейки. Например, если вы хотите разбить таблицу по горизонтали линией, начните вести эту линию слева направо, с этого места. Появляется пунктир, обозначающий, где будет находиться граница. Линия автоматически присоединилась ко второй стороне таблицы. Отпустите левую кнопку. Таблица разбита на 2 части, на 2 ячейки. Мы можем разбить ее не только на строки, но и на столбцы. Я передвину панель инструментов чуть выше. Наведите указатель мыши примерно на середину таблицы вверху, нажмите левую кнопку и ведите вниз. Тоже появилась пунктирная линия. Сейчас она автоматически прикрепилась к нижней границе верхней ячейки. Продолжайте двигать карандаш вниз. Во второй ячейке появилось продолжение границы. Отпустите левую кнопку мыши. Таблица разбита на 4 ячейки –2 вверху и 2 внизу. Для того, чтобы убрать с экрана панель инструментов Таблицы, ее можно закрыть нажатием кнопки Закрыть в правом верхнем углу. Для отображения этой панели снова откройте меню Вид, наведите указатель мыши на строку панели инструментов, выберите команду Таблицы. Панель появилась снова. На этой панели сейчас используется кнопка Нарисовать таблицу. Она нажата. И поэтому на странице виден карандаш, когда наводим на нее указатель мыши. Нажмите на эту кнопку. Наведите указатель мыши на страницу. Карандаша нет. Появился обычный курсор. Закройте панель инструментов Таблицы.
* * * 13.7. Ввод данных в таблицу Для того чтобы уменьшить ячейки таблицы или всю таблицу, можно использовать перетаскивание. Наведите указатель мыши, например, на нижнюю границу таблицы. Указатель превратился в двунаправленную стрелку. Перетащите границу вверх. Нижняя строка уменьшилась по высоте. Сделаем то же самое с верхней строкой. Наведите указатель на ее нижнюю границу, и когда указатель превращается в стрелку, перетащите границу вверх. Еще раз перетащим нижнюю границу. Таблица получилась более компактной. Мы можем вводить в ячейки этой таблицы текст или изображения. Откройте область Список папок с помощью кнопки на панели инструментов. В области Список папок раскройте содержание папки images. Передвиньте ниже ползунок с помощью кнопки на полосе прокрутки. Выберите изображение shura. Перетащите его в левую верхнюю ячейку таблицы. После того, как я отпустил мышь, изображение появилось в ячейке. Справа в ячейке можно ввести текст. Я набираю его на клавиатуре. Для перехода к следующей ячейке, в частности, левой внизу, можно использовать щелчок мыши, и тогда курсор появляется в этой ячейке. Я снова щелкну после фамилии. Для перехода можно использовать клавишу Tab. Нажмите ее. Курсор переместился в следующую ячейку, в данном случае – крайнюю левую в строке. Снова нажмите на клавишу Tab на клавиатуре. Курсор переместился в следующую ячейку. Если еще раз нажать клавишу Tab на клавиатуре, то появляется новая строка, в
Глава 13. Таблицы
247
которой также 2 ячейки, как и в предыдущих, и курсор находится в крайней левой. Для перехода к ячейке, которая находится выше, можно опять же использовать мышь, щелчком мыши установив здесь курсор. Или можно использовать клавиши на клавиатуре, в данном случае, клавишу Стрелка вверх. Курсор оказался на 1 ячейку выше. Сюда вставим другое изображение. Перетащите в эту ячейку изображение с именем tania_big и расширением jpg. Изображение оказалось в этой ячейке. Обратите внимание, что курсор находится сейчас справа от него. Переместите курсор в соседнюю ячейку, ту, которая правее, с помощью клавиши на клавиатуре. Курсор теперь в этой ячейке. Вводим фамилию. Закройте область Список папок, чтобы освободить дополнительное пространство. Передвиньте ползунок вверх с помощью кнопки. Таким образом, можно располагать данные на странице, форматируя их определенным образом. Перейдите в режим Просмотр. Как расположены данные, здесь хорошо видно. При необходимости границы таблицы и ячеек можно настроить так, чтобы они были не видны. Вернитесь к представлению Конструктор. Щелкните внутри таблицы правой кнопкой мыши, например, в этой ячейке. В контекстном меню выберите строку Свойства таблицы. Мы видим на экране снова диалоговое окно Свойства таблицы. Обратите внимание на группу Границы. Размер границы сейчас равен 1. Сделаем его равным 0. Нажмите на кнопку Применить. Затем – на кнопку OK. В режиме Конструктор границы все равно видны. Они отмечены здесь пунктирами. Перейдите в режим Просмотр. Как видите, границы таблицы исчезли, но данные расположены по-прежнему в соответствующих местах, т.е. реально все ячейки и сама таблица сохранились, но границы ее просто не видны. Щелкните переключатель Конструктор внизу. При необходимости изображение можно уменьшить прямо в таблице. Выделите изображение. Появились маркеры размеров по углам и сторонам этого изображения. Я возьмусь за правый нижний маркер размера и перетащу его по диагонали вверх. При этом ячейка сокращается согласно уменьшению рисунков. То же самое можно сделать со вторым рисунком. Эта ячейка тоже уменьшилась. Теперь вся таблица полностью отображается у меня на экране. Для того чтобы выделить всю таблицу, нужно щелкнуть в любом ее месте внутри. Например, после фамилия Мостицкая. Раскрыть меню Таблица. Появляется меню, в котором нужно выбрать строку Выделить. При направлении указателя на эту строку мы видим подменю, в котором щелкните строку Таблица. Вся таблица выделена. Если вы теперь нажмете, например, на клавиатуре клавишу Delete, то таблица будет полностью удалена, поскольку она вся была выделена. Отмените это действие. Можно выделить отдельную ячейку. Щелкните, например, в первой. Откройте меню Таблица, наведите указатель на строку Выделить. Щелкните нижний пункт подменю – Ячейка. Эта ячейка полностью выделена, и к ней можно будет применять какое-либо форматирование. Выделим следующую ячейку. Естественно, ее тоже можно выделить с помощью меню таблица. Выделите строку Ячейка в подменю. Для того чтобы выделить весь столбец, можно использовать меню Таблица – Выделить – и команду Столбец. Или воспользоваться более экономным способом. Наведите указатель мыши на то место, которое находится прямо над столбцом. Указатель превращается в небольшую черную стрелку, направленную вниз. Щелкните ее. Весь столбец выделен. Точно так же можно выделить соседний, левый столбец. Аналогичным образом можно выделять строки. Наведите указатель мыши на левую сторону первой строки. Указатель превратился в такую же точно стрелку, только она теперь направлена вправо. Щелкните здесь. Вся строка выделена. Таким же образом выделяем следующую строку.
* * * 13.8. Преобразование текста в таблицу и наоборот Если у вас есть данные, разделенные знаками абзаца или запятыми, вы можете преобразовать эти данные в таблицу. Для того, чтобы увидеть разделители, используемые в тексте, можно нажать кнопку Отобразить все знаки на панели инструментов. Вы видите, что после изображений и после текста стоят знаки абзаца. Эти знаки и будут использоваться в качестве разделителей. Прежде, чем преобразовать какие-либо данные в таблицу, нужно эти данные выделить. Установим курсор перед этим изображением и после последнего фрагмента текста. При нажатой клавише Shift щелкните в конце. Откройте меню таблица. В этом меню найдите строку Преобразовать. Появляется подменю, в котором сейчас доступен один пункт – Текст в таблицу. Щелкните
248
TeachPro Microsoft FrontPage 2003
его. На экран выведено диалоговое окно Текст в таблицу. Здесь имеется одна группа опций, которая называется Разделитель. Сейчас выбран переключатель Символ абзаца. Этот символ может использоваться в качестве разделителя. Кроме того, могут использоваться символ Табуляции, запятая, другой символ. В рамке справа сейчас указана точка. Поскольку у нас данные разделены символами абзаца, выберем переключатель. Нажмите на кнопку OK в диалоговом окне. Те данные, которые были у нас выделены, преобразованы в таблицу. Каждый абзац обозначает начало новой ячейки. Отменим это действие. Попробуем создать таблицу по-другому, не с помощью знаков абзаца. Щелкните после первого изображения. Нажмите на клавишу Delete. Знак абзаца удален. Поставьте здесь запятую. Удалите следующий знак абзаца. Поставьте запятую. И т.д. до тех пор, пока все данные не будут разделены запятыми, а не знаками абзаца. Знак абзаца остался только в конце. Все остальное разделено запятыми. Щелкните кнопку Отобразить все знаки. Знаки абзаца исчезли, но запятые, естественно, мы видим. Выделите весь этот текст, включая изображение. Раскройте меню Таблица. Наведите указатель мыши на строку Преобразовать. Щелкните команду Текст в таблицу. Снова вы видите окно Текст в таблицу. Вместо переключателя Символ абзаца, который сейчас выбран, щелкните переключатель Запятая. Нажмите кнопку OK в диалоговом окне. Данные снова введены в таблицу, но на этот раз не в один столбец, а в одну строку. И эта строка разделена на несколько ячеек согласно тому, где находились запятые. Таблицу, в свою очередь, тоже можно преобразовать в текст. Для того, чтобы выделить таблицу, можно использовать меню Таблица и команду Выделить, в которой использовать соответствующую строку, в частности, Таблица. Но мы сейчас этого делать не будем. Таблицу можно выделить и другим способом – перетаскивая указатель мыши по таблице. Мы постепенно выделяем ячейки таким образом. Итак, все ячейки выделены. Преобразуем таблицу в текст. Раскройте меню Таблица. Найдите строку Преобразовать, и сейчас, как вы видите, в подменю доступна команда Таблицу в текст. Щелкните ее. Произошел обратный процесс. Из таблицы данные преобразовались в текст, расположенный по вертикали. Иначе говоря, программа автоматически расставила знаки абзаца после тех данных и того текста, который был в каждой ячейке. Щелкните кнопку Отобразить все знаки на панели инструментов. Как видите, после каждой строки стоит знак абзаца. Предположим, данные в вашей таблицы расположены следующим образом. Для создания дополнительных ячеек, как вы уже знаете, можно использовать клавишу Tab на клавиатуре. Если курсор находится в правой крайней нижней ячейке, нажмите эту клавишу. Появилась новая строка. Ячейки в ней имеют ту же ширину, что и столбцы сверху. Для создания еще одной такой же строки можно снова воспользоваться клавишей Tab. После нажатия на нее курсор перешел в ячейку правее, и еще раз нажмем Tab. Появилась новая строка. Кроме того, нарисуем 3 столбец. Для этого можно использовать панель инструментов Таблицы. Как вы уже знаете, ее можно вызвать с помощью меню Вид, где выбрать строку Панели инструментов и затем – команду Таблицы. Но можно сделать и по-другому. Щелкните панели инструментов, которые сейчас на экране, правой кнопкой мыши, и в контекстном меню выберите команду Таблицы. Панель инструментов Таблицы появилась. Для того, чтобы иметь возможность нарисовать новую границу, нажмите кнопку Нарисовать таблицу. Теперь нарисуем новую границу. Перетащите ползунок вверх. Нарисуем границу от этой точки вниз. В третьем столбце необходимо ввести текст. Для того, чтобы убрать карандаш с экрана, можно либо нажать повторно кнопку Нарисовать таблицу, либо на клавиатуре – клавишу Esc, что я сейчас и сделаю. Теперь щелкните в крайней правой ячейке первой строки. Сюда я введу текст. Менеджер. Щелкните в ячейке ниже. И сюда вве-
Глава 13. Таблицы
249
дем текст. Теперь щелкните на полосе прокрутки ниже ползунка. Предположим, в следующие 2 ячейки внизу тоже нужно ввести слово «психолог», хотя таких ячеек может быть намного больше. Можно ли сэкономить свое время и ввести повторяющийся текст автоматически? Понятное дело, что просто так я об этом бы не спрашивал. Выделите тот текст, который нужно будет копировать, и затем ведите вниз указатель мыши, выделяя те ячейки, в которые этот текст должен быть скопирован. Ячейки выделены. Отпустите мышь. Откройте меню Таблица. Найдите строку Заполнить. Появилось подменю, состоящее из 1 команды – Вниз. Щелкните ее. Слово «психолог» появилось в тех ячейках, которые находятся ниже. Отмените это действие. Если панель инструментов Таблицы открыта, как и у меня сейчас, то можно сократить и эти движения. В данной таблице имеется кнопка Заполнить вниз. Нажмите на нее. Произошло то же самое. Слово «психолог» оказалось в двух нижний ячейках.
* * * 13.9. Ввод заголовка таблицы. Добавление ячеек, строк, столбцов и таблиц Если к таблице необходимо добавить заголовок, это можно сделать с помощью средств программы FrontPage 2003. Щелкните где-либо внутри таблицы. Раскройте меню Таблица. В этом меню найдите строку Вставить. В подменю – команду Подпись. Щелкните ее. Над таблицей появился курсор и место для вставки заголовка. Озаглавим таблицу, например, следующим образом. Выравнивание текста заголовка таблицы можно изменить. Сейчас выбрано выравнивание по центру. Это видно по тому, что нажата кнопка на панели инструментов Форматирование. Выровняем, например, заголовок по правому краю или по левому краю или опять по центру. Кроме того, форматирование самого текста можно изменить. Выделите его. Нажмите кнопку Полужирный. Все остальные инструменты, применяемые для форматирования текста, тоже можно использовать. По умолчанию заголовок помещается в верхней части таблицы. Но эту настройку можно изменить. Щелкните заголовок правой кнопкой мыши. В контекстном меню выберите команду Свойства подписи. На экран выведено диалоговое окно Свойства подписи. Здесь в группе опций Положение можно выбрать один из двух переключателей – Сверху таблицы или Снизу таблицы. Выбрав снизу, нажмите кнопку OK в диалоговом окне. Передвиньте вниз ползунок. Теперь это действительно не заголовок, а подпись под таблицей В уже созданную таблицу можно добавлять ячейки, строки или столбцы. Установим курсор в ячейке справа, после слова «психолог». Откройте меню Таблица. Наведите указатель мыши на строку Вставить. Выберите команду Ячейка. В том месте, где находился курсор, появилась новая ячейка. В то же время ячейка, которая здесь уже была, переместилась вправо. Отмените это действие. Для того, чтобы добавить не ячейку, а целую строку или столбец, снова откройте меню Таблица, наведите указатель мыши на строку Вставить. В подменю выберите команду Строки или столбцы. На экран выведено диалоговое окно Вставка строк или столбцов. Здесь мы можем выбрать, что будем добавлять, строки – это переключатель слева – или столбцы. Переключатель справа. Щелкните переключатель Строки еще раз. Внизу автоматически изменяется строка. Число строк или число столбцов. Щелкните переключатель Столбцы. Теперь здесь указано число столбцов. Вернитесь к строкам, и здесь указано число строк. И в том, и в другом случае стоит цифра 1. Можно добавить 1 строку. Можно увеличить это значение, 2 строки, например. Пусть здесь останется это значение. Еще ниже – группа Положение. Куда будут добавлены строки – над выделенным текстом или под выделенным. Выделенного текста у нас на самом деле нет, зато есть курсор в одной из ячеек. Оно и будет указывать на, так сказать, выделенную ячейку. Пусть остается настройка Под выделенным. Нажмите на кнопку OK. Под той строкой, где находится в тот момент курсор, появились две новые ячейки. И не только ячейки, а вообще две строки. Я выделю их, перетаскивая указатель мыши. Отмените последнее действие. Строки исчезли. Пусть курсор остается в этом же месте, в этой ячейке. Раскройте меню таблица. Наведите указатель мыши на строку Вставить. И в подменю выберите опять команду Строки или Столбцы. На этот раз добавим столбцы. Выберите переключатель. Число столбцов – оставим значение 1. Добавим 1 столбец. Положение этого столбца определим в группе Положение. Пусть он появится
250
TeachPro Microsoft FrontPage 2003 слева от выделенного. Нажмите на кнопку OK в диалоговом окне. Слева от той ячейки, в которой находится курсор, появился новый столбец. Я выделю его таким образом: наведу указатель мыши на верхнюю часть столбца и щелкну. Весь столбец тем самым выделился. Отмените последнее действие. Мы удалили столбец. Добавлять столбцы и строки можно с помощью панели инструментов Таблицы. Щелкните правой кнопкой мыши имеющиеся панели. В контекстном меню выберите команду Таблицы. На экран выведена панель Таблицы, но прежде чем добавлять строки или столбцы, обратите внимание на то, где находится курсор сейчас, или выделите какой-либо текст. Я выделил слово «психолог» в той же ячейке. Теперь на панели инструментов Таблицы найдите кнопку Добавить
строки и щелкните ее. Заметьте, что новая строка появилась выше той ячейки, в которой был выделен текст. Вот эта строка. Отмените это действие. Слово «психолог» по-прежнему выделено. Добавим новый столбец. Для этого служит кнопка Добавить столбцы. Столбец добавлен левее от той ячейки, в которой был выделен текст. Вот этот столбец. Отмените действие. Кроме ячеек, строк и столбцов, в таблицу можно добавить еще одну таблицу, которая будет вложенной по отношению к уже имеющейся таблице. Но с помощью панели инструментов Таблицы этого сделать нельзя, тут такой кнопки нет. Закройте эту панель. Щелкните после слова «психолог», чтобы снять выделение. Откройте меню Таблицы. Наведите указатель мыши на строку Вставить и выберите в подменю команду Таблица. На экран выведено диалоговое окно Вставка таблицы. С опциями, которые здесь имеются, вы уже знакомы. Можете их настроить и, настроив эти опции, нажмите на кнопку OK в правом нижнем углу этого окна, что я сейчас и сделаю. В том месте, где находился курсор, появилась вложенная таблица. Она, как и было задано в диалоговом окне, состоит из 2 строк и 2 столбцов. Нажмите на кнопку Отменить.
* * * 13.10. Выравнивание строк и столбцов. Автоподбор по содержимому Размеры границ ячеек, находящихся в таблице, можно изменять. Для этого можно использовать указатель мыши. Наведите указатель мыши на границу, которую требуется переместить. Когда он превращается в двунаправленную стрелку, нажмите левую кнопку мыши и перемещайте, например, вправо. Таким же образом можно перемещать и горизонтальную границу. Я ее передвину вниз, например, эту. Для равномерного распределения, например, столбцов или ячеек эти столбцы нужно выделить, затем открыть меню Таблица и выбрать команду Выровнять ширину столбцов. То же самое можно было сделать, выбрав только первую строку. Нажмите кнопку Отменить на панели инструментов. Щелкните первую строку так, чтобы она выделилась. Раскройте меню Таблица и выберите команду Выровнять ширину столбцов. Столбцы с этого момента распределены равномерно, а вот строки – нет. Высота их сильно отличается. Для того чтобы выровнять высоту строк, щелкните, например, первый столбец. Тем самым мы выделили все 4 строки, которые имеются здесь, в этом столбце и, соответственно, во всей таблице. Раскройте меню таблица и выберите команду Выровнять высоту строк. Все строки не стали одинаковыми по высоте, но, например, 2 последних, где нет изображений, стали одинаковыми и теперь таблица выглядит более равномерной. Применение этих команд не позволяет уменьшить или увеличить те изображения, которые находятся в ячейках. Чтобы в столбцах и строках не оставалось лишнего места, можно сделать так, чтобы
Глава 13. Таблицы
251
границы этих ячеек опоясывали то, что в них содержится, т.е. удалить лишнее, неиспользуемое пространство. Выделите, например, 1 столбец. Откройте меню таблица и выберите в этом меню команду Автоподбор по содержимому. Столбец сузился. Границы вплотную примыкают к границам изображения, находящегося в верхней ячейке. Во 2-ой ячейке, находящейся ниже, свободное пространство осталось, но программа не может придвинуть границу вплотную к этому изображению, поскольку этому мешает изображение, находящееся выше. Отменим несколько последних действий. Выделите 3-ю строку сверху. Раскройте меню Таблица и используйте команду Автоподбор по содержимому. В результате этого действия все столбцы таблицы уменьшились по ширине. Все эти операции можно было выполнить и с помощью панели инструментов Таблицы. Отмените последнее действие. Я сделаю так, чтобы столбцы были распределены неравномерно. Например, растяну эту границу в правую сторону. А эту границу, наоборот, влево. Теперь выделю всю эту строку и открою панель инструментов Таблицы. На данной панели инструментов имеется кнопка Выровнять ширину столбцов. Нажмем ее. Ширина этих столбцов стала одинаковой. Отмените действие. Теперь выделим первый столбец. В нем строки имеют неодинаковую высоту. В частности, нижняя строка – самая маленькая по высоте, а самая большая – та, в которой изображение. На панели инструментов Таблицы – кнопка Выровнять ширину столбцов стала недоступной, потому что сейчас выделен только один столбец. Зато доступной стала кнопка Выровнять высоту строк. Выбрано сейчас 4 строки в одном столбце. Щелкните эту кнопку. Расстояние между границами стало более равномерным, хотя добиться совершенно одинаковой высоты строк здесь невозможно из-за наличия изображений. Невозможно в автоматическом режиме, а вручную можно, конечно, границы увеличить. Отмените и это действие. Панель Таблицы прикрепилась к панели Форматирование, и теперь она не будет мешать мне, но, с другой стороны, область экрана, в которой отображается таблица, уменьшилась. Щелкните где-либо внутри таблицы. Выделим всю таблицу. Для этого можно воспользоваться меню Таблица. Выделить. Команда Таблица. Автоподбор по содержимому произведен для всей выделенной таблицы. На панели инструментов Таблицы имеется кнопка Автоподбор по содержимому. Щелкните ее. После этого в столбцах не остается пустого пространства после текста либо после изображения. В частности, после первого изображения, поскольку второе меньше, чем первое, и граница не может сузиться до границы этого изображения.
* * * 13.11. Разбиение и объединение ячеек Мы уже довольно долго работает над страницей, содержащей таблицу, и до сих не сохранили ее. Это – плохой пример, поэтому давайте сохраним. На экран выведено диалоговое окно Сохранить как. В нем выбрана папка training, в которой находится наш вебузел. Изменим имя файла. Я напишу слово table, т.е. таблица, название изменю. Здесь можно писать порусски, в окне Название страницы я имею в виду. Таблица. Нажмите кнопку OK в этом диалоговом окне. И в окне Сохранить как – кнопку Сохранить. При необходимости ячейку, находящуюся в таблице, можно разбить на 2 или более ячеек. Щелкните, например, в 3 сверху ячейке в середине. Раскройте меню Таблица. В меню выберите команду Разбить ячейки. Появилось диалоговое окно Разбиение ячеек. Его можно было вызвать и другим способом. Нажмите на кнопку Отмена в этом окне. Щелкните
252
TeachPro Microsoft FrontPage 2003
ту же самую ячейку правой кнопкой мыши. В контекстном меню выберите команду Разбить ячейки. Это же диалоговое окно под названием Разбиение ячеек появилось на экране. Нажмите в нем кнопку Отмена. Я покажу еще один способ вызова того же самого окна. На панели инструментов Таблицы, которая сейчас прикреплена к панели инструментов Форматирование наверху, находится кнопка, которая называется Разбить ячейки. Нажмите эту кнопку. Диалоговое окно Разбиение ячеек, которая вам, видимо, уже надоело, снова появилось на экране. В нем мы можем определить, на какие части буднем разбивать ячейку – на столбцы или на строки. При этом можно определить число и строк, и столбцов. Сейчас указано 2 строки на счетчике. Если переключиться на опцию Разбить на столбцы, то тогда будет 2 столбца. Увеличьте значение, например, до 3 столбцов. Нажмите на кнопку OK в диалоговом окне. В той ячейке, где находился курсор, появилось вместо одной три ячейки, причем разделение произошло по столбцам. Можно добавить ячейки и с разделением по строкам. Сейчас курсор находится в этой ячейке, пусть он там и будет. Снова нажмите кнопку Разбить ячейки на панели инструментов. В окне Разбиение ячеек выберите переключатель Разбить на строки. И оставьте число строк равным 2. Нажмите на кнопку OK в диалоговом окне. Ячейка, где был курсор, теперь разбита на 2, причем по горизонтали, а не по вертикали, как в прошлый раз. Ячейки в таблице можно не только разбивать, но и соединять, но для этого нужно выделить хотя бы 2 ячейки. Выделим, например, 2 соседние ячейки. Теперь раскройте меню Таблица, в этом меню найдите команду Объединить ячейки, и щелкните ее. Вместо 2 мы получили 1 ячейку. Отмените это действие. Я продемонстрирую другой способ объединения ячеек. Щелкните выделенные ячейки правой кнопкой мыши и догадайтесь, какую команду нужно щелкнуть, чтобы объединить ячейки. Действие произведено. Мы получили единую, одну, ячейку вместо двух. Отмените это действие. Обе ячейки снова выделены, и для их объединения мы теперь используем панель инструментов Таблицы, на которой есть такая кнопка, как Объединить ячейки. Ее и нажмем. Будем считать, что с этой функцией мы познакомились достаточно хорошо. Но чтобы познакомиться еще лучше, отмените и последнее действие и выделите всю строку. Это можно сделать с помощью перетаскивания мыши. Мы выделили все те ячейки, которые в этой строке имеются. Теперь на панели инструментов Таблицы нажмите на кнопку Объединить ячейки. Вместо всех этих ячеек у нас получилась одна, и слово «психолог» по умолчанию выровнялось по левому краю. Отмените это действие. Еще одна операция, которую нужно уметь производить при работе над таблицами, - это удаление элементов, таких как содержимое ячеек, сами ячейки строки и столбцы. Прежде чем это делать, введем в пустые ячейки какой-нибудь текст. Например, слово «психолог». Я его скопирую. Для этого использую правую клавишу мыши и команду Копировать и вставлю в левую крайнюю ячейку. Тоже с помощью правой кнопки мыши. То же самое слово введем в оставшиеся ячейки в этой строке. Щелкая правой кнопкой мыши, я выбираю команду Вставить. Для того чтобы удалить ячейки или их содержимое, нужно эти ячейки сначала выделить. Я выделю, например, две эти примыкающие друг к другу ячейки. Откройте меню Таблица. В этом меню нужно найти команду Удалить ячейки. Щелкните эту команду. Ячейки удалены вместе с их содержимым. Нажмите кнопку Отменить. Другой способ удаления ячеек вместе с содержимым – это нажать клавишу Backspace на клавиатуре. Результат тот же. Отмените это действие. ТО же самое можно сделать с помощью панели инструментов Таблицы. Здесь есть кнопка Удалить ячейки. Эти ячейки удалены. Отменим действие. Если вы нажмете на клавиатуре не клавишу Backspace, а клавишу Delete,
Глава 13. Таблицы
253 то получится следующее. Удалены не сами ячейки, а то, что в них содержалось, в данном случае – текст. Последнее действие давайте отменим.
* * * 13.12. Выравнивание данных в ячейках Содержимое ячеек можно выравнивать относительно границ этих же ячеек. Выделите те ячейки, в которых вы хотите выровнять текст определенным образом, например, начиная отсюда и заканчивая этой ячейкой. Ячейки выделены. Для того чтобы выровнять текст, находящийся в них, например, по правому краю, используйте кнопку на панели инструментов Форматирование. Кнопку По правому краю. Слова, которые находятся в этих ячейках, оказались выровненными по правому краю каждой ячейки. Выделите те же ячейки еще раз. Выровняем, например, этот же текст по центру ячеек. С помощью кнопки По центру. Предположим, вам нужно выделить одну ячейку. Для этого щелкните в ней. Откройте меню таблица, наведите указатель мыши на строку Выделить. И щелкните команду Ячейка в подменю. Ячейка выделена. Если вы хотите выровнять текст в ней по правому краю, щелкните соответствующую кнопку. Таким образом, в различных ячейках одной таблицы данные могут быть выровнены по-разному – по левому краю, по центру, по правому краю и по ширине. Таким образом, мы перемещаем данные, находящиеся в ячейках, по горизонтали, в горизонтальной плоскости. Можно ли перемещать по вертикали, выравнивая по верхней или нижней границе ячеек? Для того чтобы сделать это, откройте панель инструментов Таблицы. После нажатия правой кнопки мыши на любой панели инструментов Выберите команду Таблицы. Панель инструментов появилась на экране. Выделим ячейки, в которых хотим выровнять текст по вертикали. Щелкните, например, в верхней ячейке. Нам нужно выделить 4 верхних ячейки с текстом. Нажмите клавишу Shift на клавиатуре и щелкните после слова «психолог» в правой нижней ячейке из этой группы. Все 4 ячейки выделились. Текст в них находится сейчас посередине, если иметь в виду вертикальную плоскость. На панели инструментов Таблицы имеются кнопки, позволяющие изменить это положение. Кнопка Выровнять по верхнему краю, Центрировать по вертикали, Выровнять по нижнему краю. Щелкните кнопку Выровнять по верхнему краю. Текст во всех выделенных ячейках оказался около верхней границы каждой ячейки. Для того, чтобы переместить его в центр каждой ячейки, щелкните кнопку Центрировать по вертикали. Текст переместился. И третья кнопка – Выровнять по нижнему краю. Щелкните ее. Текст теперь внизу выделенных ячеек. Изменять можно положение не только текстовых данных. Щелкните нижнюю фотографию. Выровняем ее, например, по правому краю. Для этого используем кнопку на панели инструментов Форматирование. Кнопка называется По правому краю. Фотография переместилась вправо. Выровняйте ее по центру. Для этого щелкните еще раз кнопку По правому краю. Фотография снова оказалась там, где и была –
254
TeachPro Microsoft FrontPage 2003
выровненной по левому краю. Теперь нажмите на кнопку По центру. Фотография выровнена по центру. Сделаем то же самое с фотографией, находящейся выше. Нажмите на кнопку Выровнять по центру. Итак, выравнивание данных можно осуществлять в ячейках как в вертикальной, так и в горизонтальной плоскости с помощью панели инструментов Форматирование и с помощью панели инструментов Таблицы. Изменять выравнивание данных в ячейках и другие свойства в этих ячейках можно с помощью диалогового окна. Выделите ячейки, свойства которых нужно изменить. Откройте меню Таблица, наведите указатель мыши на строку Свойства таблицы. В подменю выберите команду Ячейка. На экран выведено диалоговое окно Свойства ячейки. В группе Положение, которое находится в верхней части этого диалогового окна, можно определить выравнивание и по горизонтали, и по вертикали. Откройте список Выровнять по горизонтали. Сейчас выбрано значение По центру. Кроме того, мы можем выбрать значение По ширине, По правому краю, По левому краю. Ну и, кроме того, имеется значение По умолчанию. Обычно это означает, что выравнивание - по левому краю. Щелкните значение По левому краю. Раскройте список Выровнять по вертикали. Сейчас здесь выбрано значение По нижнему краю. Давайте выберем По верхнему краю. Кроме того, вы можете задать ширину и высоту ячеек. Для этого нужно установить флажок и ввести нужное значение. То же самое касается и высоты. Значение может быть введено как в точках, так и в процентах. Можно определить цвет границы ячеек, цвет фона или использовать фоновый рисунок. Для этого нужно установить соответствующий флажок. Эти опции я применять не буду, нажму кнопку OK для изменения выравнивания текста в ячейках. Значение 100 удалю из поля Задать ширину. Флажки тоже нужно снять. Нажмите на кнопку OK в этом окне. Текст переместился согласно сделанным настройкам. Вызвать диалоговое окно Свойства ячейки можно и не с помощью меню Таблица, а щелчком мыши в той ячейке, которую нужно изменить. Для этого нужно щелкнуть в ней правой кнопкой мыши. Например, здесь. Появилось контекстное меню, в котором нужно выбрать команду Свойства ячейки. Появилось диалоговое окно Свойства ячейки. Вместо выравнивания по правому краю по горизонтали я выберу По левому краю, а по вертикали выберу По верхнему краю. Нажмите на кнопку OK. Текст переместился в левый верхний угол данной ячейки. Щелкните в той же ячейке еще раз правой кнопкой мыши. Выберите в контекстном меню строку Свойства таблицы. При выборе этой команды появляется диалоговое окно Свойства таблицы, с которым вы уже знакомы. Здесь вы можете задать настройки для всей таблицы, а не только для данной ячейки. Нажмите кнопку OK в этом окне.
* * * 13.13. Заливка ячеек. Автоформат таблиц После того, как я добавил веб-страницу в структуру переходов веб-узла, появились панели ссылок вверху и слева на странице. Таблицу я тоже отредактировал. Вверху появилась дополнительная строка, а внизу появилась еще одна фотография и некоторые данные о человеке. По умолчанию в таблицах используется прозрачный цвет, и в этом случае вы можете видеть тот цвет, который определен для всей страницы. Но в таблице можно сделать собственную заливку ячеек, строк или столбцов. Отобразите на экране панель инструментов таблицы с помощью правой кнопки мыши. Я щелкну на имеющихся панелях инструментов, и теперь выберу команду Таблицы. Панель инструментов Таблицы появилась на экране. Для того чтобы закрасить, например, первую строку, ее нужно выделить. Для этого можно щелкнуть слева, когда появляется стрелочка. Строка выделена. Теперь на панели инструментов Таблиц
Глава 13. Таблицы
255
найдите кнопку, которая называется Цвет заливки. Справа от нее имеется стрелка. Щелкните эту стрелку. Мы видим меню, состоящее из стандартных цветов, настраиваемых и других цветов заливки. Выберем в числе стандартных светло-серый цвет. Первая строка закрашена серым цветом. Нажмите на кнопку Просмотр внизу. Мы перешли в представление Просмотр. Так будет выглядеть таблица в этом режиме. Вернитесь к представлению Конструктор. Залить цветом можно и отдельно взятую ячейку. Щелкните, например, в ячейке, где находится верхняя фотография. Для того чтобы выделить эту ячейку, раскройте меню таблица, наведите указатель мыши на строку выделить. В подменю выберите команду Ячейка. Эта ячейка выделена. НА панели инструментов Таблицы щелкните кнопку Цвет заливки, на которой сейчас изображен серый цвет заливки. Ячейка залита серым цветом. Последнее действие отмените. Заливка у нас в таком случае назначена только для первой строки, но между ячейками имеются пробелы. Выделите 1 строку еще раз. Щелкните внутри нее правой кнопкой мыши. В контекстном меню выберите команду Свойства ячейки. На экране появилось диалоговое окно Свойства ячейки. Здесь мы можем определить свойства для всех трех ячеек. Цвет фона здесь указан, разумеется, как светло-серый. Кроме того, можно определить цвет границ. Раскройте список и выберите светло-серый. Нажмите на кнопку Применить. Никаких явных изменений в таблице не произошло. Тем не менее, нажмите на кнопку OK. Щелкните где-либо, чтобы снять выделение в таблице. Разделительные полосы, находящиеся между ячейками первой строки, - это на самом деле не границы ячеек, а интервал между ячейками. Для того чтобы его удалить, нужно изменить свойства всей таблицы. Щелкните внутри таблицы правой кнопкой мыши. В контекстном меню выберите команду Свойства таблицы. На экране выведено окно Свойства таблицы. Обратите внимание на поле Интервал ячеек. Значение здесь равно 4. Удалите это значение и введите цифру 0. Нажмите на кнопку OK в диалоговом окне. Интервалы между ячейками пропали. Перейдите к представлению Просмотр. Здесь тоже этих белых полос больше нет. Вернитесь к представлению Конструктор. Для того чтобы снова сделать фон ячеек белым, прозрачным, выделите первую строку, раскройте на панели инструментов Таблицы список цвет заливки и выберите в нем команду Авто. Программа сделала эти ячейки прозрачными снова. Несмотря на то, что до этого мы назначили серый цвет для границ ячеек, границы тоже не отображаются. Все дело опять же в настройках таблицы. Щелкните в таблице правой кнопкой мыши. Выберите команду Свойства таблицы в контекстном меню. В диалоговом окне Свойства таблицы мы должны определить размер границ. Сейчас он равен нулю. Увеличьте это значение до 2, например. Нажмите на кнопку OK. Границы появились у всех ячеек таблицы сразу. Отмените последнее действие. Сохраните изменения в документе. Для придания таблице определенного вида можно использовать функцию Автоформат. На панели инструментов Таблица нажмите на кнопку Автоформат. На экран выведено диалоговое окно Автоформат таблицы. Здесь имеется список различных форматов. При щелчке мыши на каком-либо из них справа отображается образец. Есть таким форматы, как простой, классический, цветной и т.д. Ниже находятся различные флажки, где вы можете указать, использовать ли, например, границы, заливку, шрифт, цвет и использовать ли функцию Автоподбор. Я снова установлю все эти флажки, которые были. В группе Изменить оформление вы можете указать, изменять ли оформление строк заголовка, первого столбца, последней строки и последнего столбца. Здесь я тоже восстановлю прежние настройки. Т.е. эти два флажка установлены, а эти два – нет. На образце вы видите изменения. Остается подобрать тот формат, который вас больше устроит. Я выберу, например, Современный. В этом случае верхняя строка содержит текст, выделенный полужирным цветом, левый столбец никаким цветом не выделен и остальные ячейки имеют заливку различных оттенков – темносерого и светло-серого. Нажмите кнопку OK в диалоговом окне Автоформат таблицы. Посмотрим, какие произошли изменения. Действительно, текст первой строки выделен полужирным цветом. Две верхние ячейки в следующей строке темно-серые, под ними цвет заливки светло-серый.То же самое произошло с ячейками ниже. Формат таблицы можно выбрать и в списке на панели инструментов Таблицы. Этот список называется Автоформат таблицы. Раскройте его. Здесь можно выбрать тот формат, который вас больше устраивает. Например, Простой 1. Очевидно, чтобы использовать это меню, вы должны заранее знать, какой формат вас устроит, потому что образца в таком случае вы не видите. Нажмите кнопку Отменить. Пусть таблица останется в таком виде, в каком она сейчас.
* * *
256
TeachPro Microsoft FrontPage 2003
Глава 14. Рамки 14.1. Создание страницы рамок Для того, что бы упростить себе задачу знакомства с рамками, создадим новый веб-узел, а текущий узел закроем. Для этого откройте меню Файл и выберите команду Закрыть узел. Затем в том же меню выберите строку Создать. Появилась область задач Создание, в которой нужно выбрать команду Другие шаблоны Веб-узлов. Появилось диалоговое окно, шаблоны веб-узлов. На вкладке Общие выберем шаблон Одностраничный веб-узел. Этот шаблон уже и выделен. И нажмём кнопку ОК в диалоговом окне. Веб-узел создан. Называется он training 4 и находится в папке My documents (мои документы). Прежде чем начать создание рамок, убедимся в том, что в программе FrontPage сейчас поддерживаются функции позволяющие создавать такие страницы. Раскройте меню Сервис. Выберите команду Параметры страницы. На экран выведено диалоговое окно Параметры страницы. Откройте вкладку Разработка в данном окне. На этой вкладке имеется флажок Рамки. Он должен быть установлен. Так оно и сеть в данном случае. Нажмите кнопку ОК в окне. Для создания страницы рамок можно использовать шаблоны встроенные в программу FrontPage. Для этого щёлкните стрелку рядом с кнопкой Создание новой обычной страницы. Выберите команду Страница. На экран выведено диалоговое окно Шаблоны вебстраниц. В этом окне щёлкните вкладку Страница рамок. На данной вкладке находятся различные шаблоны страниц рамок. Вертикальная граница, например. Она сейчас выбрана, и образец её отображается в правом нижнем углу окна. Далее находится шаблон Верхний колонтитул. Образец тоже Вы можете увидеть. Над образцом находится описание каждого шаблона. Среди имеющихся шаблонов выберем такой, как объявление и оглавление. В описании сказано, что это шаблон позволяет создавать рамку объявления с оглавлением и основной рамкой. В окне Шаблоны страниц нажмите кнопку ОК для подтверждения этого выбора. В результате создана новая страница, страница рамок. Она содержит три рамки: сверху, слева и справа. Страница рамок – это такая страница html, которая разделена на области и каждая из этих областей содержит отдельную веб-страницу. В самой странице рамок, т. е. текст, графика и т. д. отсутствует. Каждая рамка созданная на странице содержит две кнопки: Задать начальную страницу и Создать страницу. Кнопка Задать начальную страницу позволяет выбрать уже существующую страницу для того, что бы она отображалась в данной рамке. Нажмите на эту кнопку. На экран выведено диалоговое окно Добавление гиперссылки. В нашем веб-узле, кроме пустого файла index ни каких файлов больше нет веб-страниц. По этому я сейчас нажму кнопку Отмена в диалоговом окне и создам новую страницу. Сначала уберём с экрана панель инструментов, которая не нужна, а именно Таблицы. После щелчка правой кнопкой мыши я в контекстном меню выберу команду Таблицы. Эта панель инструментов удалена с экрана.
Глава 14. Рамки
257
Теперь в области Список папок я создам новую страницу. Для этого нужно щёлкнуть кнопку Создать страницу. В этой области появился значок новой страницы. Удалим то имя, которое предложила программа и введём другое. Например, такое top, т.е. верх. Нажмите клавишу Enter на клавиатуре. Страница создана с таким именем. Откройте эту страницу. Достаточно нажать клавишу Enter, что бы сделать это. Страница открыта. Напишем здесь слова «Психологический клуб» . Поставим их в центре, задав выравнивание на этой странице. Сохраните изменения и закройте страницу top. Снова щёлкните кнопку Задать начальную страницу в верхней рамке. На экране появилось диалоговое окно Добавление гиперссылки. Выберите страницу top в этом окне. Нажмите кнопку ОК. В верхней рамке с этого момента отображается та страница, которую мы создали, т. е. страница top. Сохраним страницу рамок. Для этого нажмите кнопку Сохранить на панели инструментов. Вы видите на экране диалоговое окно Сохранить как. Папка данного веб-узла уже указана, это training 4. Имя файла изменим. Вместо данного имени напишем, например, frames. Изменим так же и название. Нажмите кнопку Изменить в окне. На экране появилось окно Название страницы с текстовым полем, в котором сейчас введён текст Новая страница 1, он введён по умолчанию. Я напишу здесь другой текст, например, «Страница рамок». Затем нужно нажать кнопку ОК в данном окне. Образец данной страницы показан правее от списка файлов и папок. Нажмите кнопку Сохранить в диалоговом окне для подтверждения изменений. Изменения сохранены.
* * * 14.2. Создание гиперссылок к рамке оглавления Страница рамок frames, которая сейчас открыта, содержит в данный момент ссылку на другую страницу, которая имеет имя top. И в которой находится текст «Психологический клуб». Данная страница отображается в верхней области страницы frames, но находится на самом деле отдельно, как страница top. Т. е. рамка подобна рамке картины. Она сама по себе, но картина в ней содержится и отображается вместе с рамкой. Верхняя область во FrontPage ссылается в данном случае на левую область внизу. Т. е. если мы создадим вверху гиперссылки, то эти гиперссылки можно связать с левой областью. Посмотрим как это можно сделать. В левой рамке мы можем либо задать страницу, т. е. выбрать уже существующую. Для этого нужно нажать на кнопку Задать начальную страницу. И в окне Добавление гиперссылки выбрать ту страницу, которая нужна. Но, такой страницы у меня пока нет. Поэтому я нажму кнопку Отмена в данном окне. Нажмите на кнопку Создать страницу. В этой рамке появилась страница. В ней мигает курсор, мы можем вводить текст. Например, я напишу слово: «специфика». Затем нажму клавишу Enter и введу другое слово: «ведущие». Ещё раз Enter, «чем платить». Изменения сохраним с помощью сочетания клавиш. После нажатия сочетания Ctrl + C появилось диалоговое окно Сохранить как. В образце синим отмечена та рамка, в которой будет располагаться сохраняемая страница. Зададим имя файла. Пусть это будет имя psycho club. Изменим название. «Психологический клуб» пусть будет название. Подтвердите изменения в этом окне и сохраните файл, нажатием кнопки Сохранить. Вернёмся к верхней рамке теперь. Выделите слова «Психологический клуб». Нажмите кнопку Добавление гиперссылки на панели инструментов. На экран выведено диалоговое окно Добавление гиперссылки. В нём выберите только что созданный файл psycho club. Нажмите кнопку ОК в диалоговом окне. Щёлкните в конце фразы «психологический клуб», нажмите клавишу Пробел. Теперь введём сюда слово «термины». В то время как фраза «Психологический клуб» в верхней рамке должна вызывать при щелчке на ней документ psycho club в левой рамке. Слово «термины», должно стать гиперссылкой приводящей к появлению в
258
TeachPro Microsoft FrontPage 2003
левой рамке другого файла, другого документа. Этот документ сначала нужно создать. Я его создам с помощью области Список папок. Нажмите кнопку Создать страницу. Назовём эту страницу terns. Писать будем латинскими буквами. Нажмите клавишу Enter для подтверждения. Страница создана. Я её теперь раскрою двойным щелчком мыши и введу сюда список терминов, который будет отображаться в левой рамке. Термины введены. Сохраните изменения и закройте эту страницу. Теперь выделите в верхней рамке, странице frames, слово «термины». Я сделал это двойным щелчком мыши. Для создания гиперссылки можно нажать кнопку Добавление гиперссылки или щёлкнуть это слово правой кнопкой мыши и в контекстном меню выбрать команду Гиперссылка. Результат будет один и то же. Появление диалогового окна Добавление гиперссылки. Выберите в списке файл terns. Нажмите кнопку ОК в окне. Гиперссылка создана. Посмотрим на результат в представлении Просмотр. В верхней рамке по прежнему отображаются слова «психологический клуб» , это первая гиперссылка, и слово «термины»это вторая гиперссылка. В левой рамке отображаются слова, которые были сохранены в документе psycho club. Теперь щёлкните гиперссылку «термины». В левой рамке появились слова, которые были сохранены в документе terms. Гиперссылки работают таким образом благодаря шаблону, который мы использовали для создания страницы frames. Раскройте этот шаблон. Для этого нужно щёлкнуть стрелку рядом с кнопкой Создание новой обычной страницы, выбрать команду страница. На экране появилось окно Шаблоны страниц. Выберите в нём Страница рамок. Мы использовали шаблон Объявление и оглавление. Как сказано в описании, гиперссылки в объявлении изменяют рамку оглавления. В объявлении это значит в этой рамке, а в оглавлении в левой рамке. Т. е. благодаря шаблону гиперссылки, которые находятся в верхней рамке автоматически позволяют открывать страницу в левой рамке ниже, т. е. в рамке Оглавление. Нажмите на кнопку Отмена в данном диалоговом окне. Посмотрим ещё раз, как гиперссылки находящиеся в объявлении, т. е. в верхней рамке, позволяют открывать веб-страницы в оглавлении, т.е. в левой рамке. Щёлкните ссылку Психологический клуб. В левой рамке в оглавлении появилась соответствующая страница. Теперь щёлкните гиперссылку Термины. В той же рамке появились термины, находящиеся совсем в другой странице, а именно на странице terms.
* * * 14.3. Изменение свойств рамок Расположение границ рамок на странице можно изменять. Наведите указатель мыши на одну из границ, например на верхнюю. Указатель превратился в двунаправленную стрелку. Перетащите эту границу немного ниже с помощью левой кнопки мыши. При перетаскивании отображается линия обозначающая то место, где будет помещена граница. Отпустите левую кнопку. Граница переместилась. Тоже самое можно сделать по отношению к вертикальной границе. При наведении указателя мыши на неё появилась двунаправленная стрелка. Перетащите границу, например, левее. Граница переместилась. Если текст, находящийся на странице, не помещается на отведённом месте, то появляется полоса прокрутки. Эта полоса появилась в нижней части левой рамки. Переместим границу правее. Теперь полоса прокрутки исчезла, поскольку текст помещается полностью. Свойства конкретной рамки на странице Вы можете изменять. Щёлкните, например, верхнюю рамку правой кнопкой мыши. Мы видим контекстное меню, в котором можем выбрать команду Свойства рамки. На экране появилось диалоговое окно Свой-
Глава 14. Рамки
259
ства рамки. Имя этой рамки задано по умолчанию. Она имеет имя banner (баннер). Это имя было у верхней рамки ещё до того, как мы отобразили в ней конкретную страницу, т. е. когда рамка была пустой. Следующее поле Начальная страница. Здесь введено имя файла top с расширением htm. Этот файл отображается в верхней рамке и задали его здесь мы. Вот этот файл в области Список папок. Выделить его я сейчас не могу, потому что на экране отображается окно Свойства рамки. Начальную страницу можно изменить уже после того, как мы её определили. Для этого в окне Свойства рамки щёлкните кнопку Обзор, справа от поля Начальная страница. На экране появилось диалоговое окно Изменение гиперссылки. Предположим, Вы хотите, что бы при загрузке страницы рамок в верхней рамке отображалась не страница top, как сейчас, а какаянибудь другая страница веб-узла. Например, terms. То выбрав эту страницу в списке, просто нажмите кнопку ОК в диалоговом окне Изменение гиперссылки. И тогда страница terms будет начальной для верхней рамки. Изменить её можно и другим способом. Просто ввести имя в поле Начальная страница. Я удалил слово terms. Теперь введу имя top. В группе Размер рамки можно определять ширину столбца и высоту рамки. Ширина столбца сейчас не доступна, а высота равна 99 точкам. Это значение можно изменять увеличивая или уменьшая его с помощью кнопок на счетчике. Сейчас высота равна 100 точкам. Меру длинны тоже можно изменить: это могут быть точки, % или относительное расстояние. Пусть остаются точки. Следующая группа Поля. Здесь задаётся ширина поля и высота. Ширина сейчас равна 12 точкам, а высота 16. Значение тоже можно изменить. Изменим, например, ширину. Пусть она будет, например, равняться 50 точкам. Ниже находится группа опций Параметры, в которой Вы можете установить или снять флажок Изменять размер в обозревателе. Установите его. Установка этого флажка означает, что пользователь сможет изменять размер данной рамки в обозревателе при просмотре страницы. Ещё ниже расположен список Полосы прокрутки. В нём имеется три варианта: Никогда(этот вариант сейчас выбран для верхней рамки); Всегда; При необходимости. Установите значение Всегда, например. Правее находится кнопка Страница рамок, щёлкните её. Появилось диалоговое окно Свойства страницы. Здесь настройки относятся ко всей странице рамок, а не только к данной рамке. На вкладке Рамки указано, что интервал между рамками на данной странице равен 2 точкам. При этом границу будут показаны. Флажок установлен. Изменять эти настройки сейчас не будем, нажмите кнопку Отмена. Настройки, которые мы сделали в окне Свойства рамки, применим нажатием кнопки ОК. Изменения, которые мы можем сейчас увидеть, это появление полос прокрутки в верхней рамке. Для того, что бы вернуть настройки к прежнему виду нажмите кнопку Отменить. Полосы прокрутки исчезли. Давайте изменим настройки для левой рамки. Для этого её нужно выбрать правой кнопкой мыши и щёлкнуть команду Свойства рамки. Рамка слева, которую мы выбрали, имеет по умолчанию имя contacts. Это имя дала ей программа. Начальная страница, которая отображается в этой рамке имеет имя psycho club и расширение htm. Эту страницу мы задали. Описание и название в полях соответствующих нет. Мы их задавать не будем. В отличие от верхней рамки в этой левой рамке доступно поле Ширина. Она указана как 161 точка. Эта рамка ограничена по ширине таким значением, поскольку рядом имеется ещё одна рамка. В которой мы страницу пока не задавали. Что касается верхней рамки, то там второй рамки нет и поэтому ширину там задавать было не нужно. Это значение было не доступно. Высота строки здесь указана как 1-а, относительное значение. Вы можете выбрать не относительное, а, например, значение в точках или в процентах. Пусть будет относительная. Поля, ширина здесь так же указана как12 точек, изменим на 50. Высоту, которая равна 16 точкам менять не будем. Размер рамки в обозревателе пользователя может изменяться, благодаря тому, что установлен флажок Изменять размер в обозревателе. Полосы прокрутки
260
TeachPro Microsoft FrontPage 2003 будут появляться при необходимости. И так мы изменили только ширину поля. Теперь она равна 50 точкам. Нажмите кнопку ОК. Текст отодвинулся от границы. Теперь эта ширина составляет 50 точек. Отмените последнее действие. Рассмотрим свойства последней, 3-й рамки. Щёлкните её правой кнопкой мыши. Выберите в контекстном меню команду Свойства рамки. Появилось диалоговое окно Свойства рамки. Имя рамки программа уже задала. Она предложила имя main, его оставим без изменений. Main – означает главный, т. е. это главная рамка на странице, содержащая основную часть текста, либо другие данных. Но пока ни каких данных она не содержит, потому что начальную страницу мы не определили. Сначала такую страницу надо создать на веб-узле, а затем уже отображать её в данной рамке.
* * * 14.4. Сохранение страницы рамок и страниц, отображаемых в рамках Если Вы хотите, что бы страница с рамками была домашней на Вашем веб-узле, можно изменить её имя. Сейчас она называется frames. Для изменения имени раскройте меню Файл и выберите команду Сохранить как. На экране появилось диалоговое окно Сохранить как. Здесь уже есть файл index, я его щёлкнул. В строке имя файла появилось то имя, которое я щёлкнул –index. Файл index на самом деле пуст. Там нет ни одной строки текста. Для сохранения страницы рамок под таким именем нажмите кнопку Сохранить. Программа спрашивает: «Заменить ли файл index?» , нажмите кнопку Да. На вкладке отобразилось новое имя файла. Это – index. Поэтому файл frames можно удалить с вебузла. Выделив его в области Список папок я нажму клавишу Delete на клавиатуре. Программа спрашивает в окне подтверждение удаления, действительно ли мы хотим удалить страницу рамок frames. Нажмите кнопку Да Для создания на веб-узле новой страницы, которая будет отображаться в третьей рамке можно использовать кнопку Создать страницу в области Список папок. Либо кнопку Создать страницу, которая находится на рамке. После щелчка мышью на этой кнопке, в рамке появилась страница. Здесь мы можем ввести текст. Текст я ввел. Заодно ввел и изображение. Я просто скопировал их через буфер обмена Windows с другого веб-узла. На веб-узле в области Список папок данная страница пока ни как не обозначена. Страница Index, которая сейчас открыта – это общая страница рамок. Общая для всех 3-х, которые здесь отображаются. Что бы сохранить новую страницу, выберите рамку, в которой она отображается. Я сделал это щелчком мыши внутри рамки. Теперь откройте меню Рамки. Здесь Вы видите целый список опций, которые можно использовать для рамок. Выберите команду Сохранить страницу как. Появилось диалоговое окно Сохранить как. В образце выбрана та рамка, в которой будет отображаться сохраняемая страница. Имя файла, как всегда, указывается внизу и то, что предложила программа нужно заменить. Я введу здесь слово «description» , например. В качестве названия программа предложила первое слово, которое нашла на странице. Слово «дом». Оставим это без изменения. Нажмите кнопку Сохранить. На экране появилось ещё одно диалоговое окно Сохранение внедрённых файлов. Это файлы изображений: phone talk с расширением gif и Вова с расширением jpg. Если Вы хотите, что бы эти файлы сохранились, нужно определить папку, куда они будут сохранены. Нажмите кнопку Сменить папку. Выберем папку images. Нажмите кнопку ОК. В этом случае файлы будут сохранены именно на данном веб-узле. А не на каком любом другом, с которого они были получены. Нажмите кнопку ОК. Для сохранения
Глава 14. Рамки
261
или изменения имени или названия других страниц, имеющихся на странице рамок нужно выделить эти страницы на странице рамок. Например, в левой рамке выделим. И снова раскрыть меню Рамки. Затем выберите команду Сохранить страницу как. Мы снова видим диалоговое окно Сохранить как. Но теперь в нём содержаться указания на страницу psycho club. При этом выделена рамка в которой страница отображается. Здесь мы можем изменить имя файла или название файла. В данном случае это название психологический клуб. Нажмите кнопку Отмена. Что бы сохранить страницу отображаемую в верхней рамке, нужно это диалоговое окно убрать с экрана нажатием кнопки Отмена, щёлкнуть в верхней рамке, там где отображается эта страница. Открыть меню Рамки и нажать команду Сохранить страницу как. Теперь Вы видите в образце, что выделена верхняя рамка. И в ней будет отображаться файл под именем top, который называется Новая страница 2. Это название я изменю. В диалоговом окне название страницы введём следующее название. Например, я введу слова «Основные ссылки» и нажму кнопку ОК. Название изменилось. Теперь мы можем сохранить страницу с этим названием и именем. Нажмите кнопку Сохранить. Программа сообщает, что файл с именем top уже существует. Заменить его? Нажмите Да. Предположим Вы вносите изменения в какой либо файл прямо на странице рамок. Вот я выделил текст и теперь изменю его цвет. Придам ему значение цвета Авто. Для того, что бы сохранить это изменение не открывая сам файл в отдельном окне, нажмите меню Рамки и выберите команду Сохранить страницу. Изменения сохранены. Но, эти изменения сохранились только на странице description, которая здесь отображается, т. е. данный файл. Откройте ещё раз меню Рамки и выберите команду Открыть страницу в новом окне. Обратите внимание, что курсор сейчас находится перед словом «дом». Файл description открылся как отдельная страница, а не в страннице рамок, закройте его. На странице Index на её вкладке, отображается звёздочка. Что указывает на не сохраненные изменения. Что бы сохранить изменения на самой странице рамок воспользуйтесь обычным способом. Сочетанием клавиш или кнопкой Сохранить или меню Файл, в котором выберите команду Сохранить. Звёздочка исчезла и это значит, что страница рамок сохранена.
* * * 14.5. Выбор конечных рамок при создании гиперссылок На веб-узел я добавил два новых файла. Это файл trainers и файл money. Если навести указатель мыши на вкладку каждого из этих документов, то Вы увидите всплывающую подсказку. Это название документа, которое я ввел. И ещё обратите внимание на то, что все эти документы не содержат общих границ и соответственно не содержат панелей гиперссылок. То же самое касается файла index. Веб-страница с заголовком «Дом где сбываются мечты» не содержит панели ссылок, хотя на том узле, где она впервые была создана, такие гиперссылки были. Для текущего веб-узла я не создавал структуру переходов. В этом можно убедится, если щёлкнуть вкладку Переходы в области Список папок или щёлкнуть вкладку Веб-узел и здесь перейти к представлению Переходы. В представлении Переходы Вы видите только эскиз файла index, больше ничего. При создании страниц рамок не нужно создавать структуру переходов и на её основе панели ссылок на страницах. Это будет только мешать восприятию страниц. Перейдите к представлению Папки. Откройте money и теперь закройте этот документ. Щёлкните trainers, закройте и его. В области переходов вернитесь к представлению папок. Страницы trainers и money должны будут отображаться в той рамке, где сейчас находится страница с
262
TeachPro Microsoft FrontPage 2003
заголовком «Дом где сбываются мечты». Эта страница начальная, т. е. она загрузится автоматически, а две другие будут загружаться по щелчку мыши на гиперссылках. Гиперссылки мы сейчас создадим. Мы будем их создавать в рамке Оглавление. Выделите двойным щелчком слово «специфика» . Для этого слова назначим как цель гиперссылки данную страницу. Страницу «Дом где сбываются мечты». На панели инструментов Стандартная щёлкните кнопку Добавление гиперссылки. В окне добавление гиперссылки выберите файл description. В окне Добавление гиперссылки щёлкните кнопку ОК. Гиперссылка создана, теперь выберите двойным щелчком слово «ведущие». Создадим для него гиперссылку на другую страницу, на файл trainers. Щёлкните это слово правой кнопкой мыши. Выберите команду Гиперссылка. В диалоговом окне Добавление гиперссылки выберите файл trainers. Тоже нажмите кнопку ОК. Проверим как эти две гиперссылки будут работать. Для этого перейдите к представлению Просмотр. Щёлкните слово «ведущие» в левой рамке. В рамке справа отобразилась другая страница с заголовком «Наши ведущие». Щёлкните ссылку Специфика. Теперь в рамке справа мы видим страницу с подзаголовком «Дом где сбываются мечты». Всё работает нормально. Вернитесь к представлению Конструктор. Благодаря тому шаблону, который мы использовали для создания данной страницы рамок, программа автоматически направляет гиперссылки от рамки Объявление к рамке Оглавление. А от этой рамки в свою очередь гиперссылки направлены на рамку main(т.е. главная). Каким образом программа это делает мы сейчас разберёмся. Выделите слова «чем платить», щёлкните их правой кнопкой мыши. Выберите команду Гиперссылка. Для того, что бы отобразить нужную страницу, нужно её выбрать в списке. Это страница money. Внизу в поле адрес отображается имя этого файла – money. Но как программа определяет в какой рамке отображать этот файл под именем money. Щёлкните рамку Выбор справа. Открылось диалоговое окно конечная рамка. В этом окне отображается тот образец страницы рамок, который нами сейчас используется. Правее находится список Общие объекты. Здесь можно выбрать, где будет отображаться та страница, которую мы сейчас назначаем в качестве цели гиперссылки. Верхний вариант, который сейчас и выбран, это страница по умолчанию – main( т. е. главная) Именно благодаря автоматическому выбору этого пункта страницы отображаются правильно, в правой рамке, а не в какой-либо другой. Но мы можем изменить выбор той рамки в которой будет страница отображаться. Например, выбрать вариант та же рамка. И тогда страница будет отображаться там, где находится сама гиперссылка. Или выбрать опцию Страница целиком; Новое окно; либо Родительская рамка. При щелчках на этих опциях изменяются данные в поле настройка объекта находящемся ниже. Сейчас здесь написано parent (родительская), т. е. Родительская рамка. Выберите вариант Новое окно, в списке. В таком случае объект будет blank (пустой). Страница целиком – это top и та же рамка, в этом случае self (сама значит), т. е. сама рамка в которой находится гиперссылка. Оставим этот вариант и нажмём кнопку ОК в диалоговом окне. При этом произошли изменения и в окне Добавление гиперссылки. Здесь появился следующий текст: рамка self, т. е. указана рамка, в которой будет отображаться страница. Нажмите кнопку ОК. Проверим работу гиперссылок находящемся в левом окне в режиме Просмотр. Щёлкните гиперссылку Ведущие. Страница Наши ведущие отобразилась справа. Щёлкните гиперссылку Чем платить. Страница отобразилась в той же самой рамке. Вернитесь к представлению Конструктор. Выберите гиперссылку Чем платить. Щёлкните её правой кнопкой мыши и выберите команду Свойства гиперссылки. В диалоговом окне Изменение гиперссылки щёлкните кнопку Выбор рамки.
Глава 14. Рамки
263
Для того, что бы назначить ту рамку, в которой будет отображаться страница, Вы можете просто щёлкнуть её на образце. Т.о. мы выбрали объект main или страницу по умолчанию, что одно и то же. Щёлкните ещё раз ту же самую рамку. Нажмите кнопку ОК, в окне Изменение гиперссылки тоже ОК. Проверим, как будет гиперссылка работать в режиме Просмотр. Щёлкните эту гиперссылку. Страница Чем платить появилась справа, как и было задумано. Вернемся в режим Конструктор.
* * * 14.6. Встроенные рамки На страницу рамок можно поместить встроенную рамку. Щёлкните, например, в правой рамке после слова «жизнь» и нажмите клавишу Enter. Появилась новая строка. Встроенная рамка вставляется в уже существующую рамку на странице. Для этого откройте меню Вставка. Выберите команду Встроенная рамка. В том месте, где находился курсор и появилась эта встроенная рамка. В ней тоже имеются кнопки Задать начальную страницу и Создать страницу, т. е. страница будет создана или открыта внутри уже имеющейся страницы. Точнее говоря рамки, на которой эта страница отображается. Нажмите кнопку Создать страницу. Такая страница создана и в ней появился курсор. Хотя на веб-узле пока файл не создан. При сохранении этой страницы он будет создан. Размер этого нового окна Вы можете изменить. Выделите его щёлкнув его рамку.По углам и по сторонам рамки появились маркеры размера. Вы можете перетащить одну из сторон,. Что бы увеличить окно или можете наоборот уменьшить окно. Можно не только создавать новую страницу, но и помещать во встроенную рамку имеющуюся. Отмените несколько последних действий. Нажмите во встроенной рамке кнопку Задать начальную страницу. На экран выведено диалоговое окно Добавление гиперссылки. Выберите тот документ, который Вы хотите отображать во встроенной рамке. Например money. Обратите внимание на то, что для встроенной рамки кнопки Выбор рамки справа нет. Здесь сейчас пустое пространство. Нажмите кнопку ОК в окне Добавление гиперссылки. Во встроенной рамке появился текст соответствующей страницы и появилась полоса прокрутки справа, потому что этот текст не помещается в отведённое ему место. Свойства встроенной рамки можно изменять. Сначала выделите её щёлкнув мышью. Когда по её сторонам появляются маркеры щёлкните правой кнопкой мыши. В контекстном меню выберите команду Свойства встроенной рамки. На экран выведено диалоговое окно Свойства встроенной рамки. В окне указано имя самой рамки, начальная страница, которая в этой рамке отображается, разумеется эти данные можно изменить. Название, Размер рамки. Установите флажок Ширина, например. Вы можете изменить значение, которое сейчас равно 300 точкам, увеличив или уменьшив его с помощью кнопок на счётчике. Либо вводя значение непосредственно в поле. Таким же образом можно изменить Высоту этой рамки. Кроме того Вы можете определить поля, ширину и высоту полей и такие параметры как: Выравнивание, сейчас оно определено по умолчанию, но Вы можете выбрать по левому краю, по правому краю и т.д. Выберем, например по середине. При этом можно указать, должна ли программа показывать границу. Если Вы снимите флажок, то границы не будет. Будут ли полосы прокрутки. Это определяется в следующем списке. Сейчас выбрана строка При необходимости. Пусть она будет и дальше выбрана. Если веб-обозреватель пользователя не поддерживает рамки, то вместо страницы с различными данными он увидит тот текст, который введён в поле Замещающий текст. Установим снова значение ширины равным 300 точкам, и в результате всех наших изменений опций рамка будет выровнена по середине, а не по левому краю,
264
TeachPro Microsoft FrontPage 2003
как определено по умолчанию. Нажмите кнопку ОК в диалоговом окне. После щелчка правой кнопкой мыши выберите команду Свойства встроенной рамки. Выравнивание определим не по середине страницы, а по центру. Нажмите кнопку ОК. Перейдите в режим просмотр. Изменения произошли, рамка сдвинулась правее. Вернитесь к представлению Конструктор. Щёлкните опять правой кнопкой мыши данную рамку. Щёлкните команду Свойства встроенной рамки. Уберём границы сняв флажок Убрать границу. Нажмите ОК. Вернитесь к представлению Просмотр. Сейчас мы видим полосу прокрутки этой рамки, но границы её не видны. Щёлкните Конструктор. Для того, что бы не показывать границы рамок при отображении в веб-обозревателе щёлкните в любом месте на странице рамок правой кнопкой мыши. В контекстном меню выберите команду Свойства рамки. В диалоговом окне Свойства рамки щёлкните кнопку Страница рамок. Появляется окно Свойства страницы, в котором сейчас выбрана вкладка рамки. Интервал между рамками можно сделать нулевым, а флажок Показать границы – убрать. Нажмите кнопку ОК в диалоговом окне Свойства страницы. В окне Свойства рамки тоже ОК. Щёлкните вкладку Просмотр внизу. В вебобозревателе страница будет отображаться примерно так как сейчас отображается в представлении Просмотр. Вернитесь в режим Конструктор. Отмените изменения. Границы рамок снова отображаются на странице. Если веб-обозреватель пользователя не поддерживает рамки, то он не увидит тех страниц, которые отображаются сейчас на странице index. Что бы понять , что будет на экране такого пользователя щёлкните кнопку Без рамок, находящуюся внизу. Мы видим тот текст, который видит пользователь в своём веб-обозревателе, не поддерживающем рамки. Текст был создан программой автоматически. Но Вы можете отредактировать этот текст. Например, написать что-либо от себя на подобие следующего… Затем сохраните изменения и для перехода к представлению Конструктор снова щёлкните кнопку внизу. Ни каких изменений на страницах, отображаемых в рамках, не произошло.
* * * 14.7. Удаление и создание рамок. Общие границы После того как Вы внесли определённые изменения в страницу рамок. Эти изменения нужно сохранить. Откройте меню Файл и выберите команду Сохранить всё. Просмотрите эту страницу в веб-обозревателе. В меню файл наведите указатель мыши на строку Просмотреть в обозревателе. Выберите, например, первый пункт – Microsoft Internet Explorer. Так будет выглядеть страница в данной программе. Закройте эту программу. Снова откройте меню Файл, просмотреть в обозревателе и выберите, например, Opera. Здесь страница рамок тоже отображается, однако некоторые особенности имеются. В частности Встроенная рамка не выровнена по центру. Закройте этот вебобозреватель. Возможно Вы сделаете вывод, что какая-то рамка Вам не нужна на этой странице. В таком случае щёлкните в этой рамке. Пусть это будет Например верхняя рамка. Мы её выделили. Теперь раскройте меню Рамки. Выберите здесь команду Удалить рамку. Рамка удалена. Автоматически оставшиеся рамки растянулись, заняв её место. При этом страница, которая отображалась в верхней рамке с веб-узла не была удалена. Если Вы помните это страница, которая имеет имя top, файл с расширением htm. Отменим последнее действие. Если Вы наоборот решили, что имеющиеся рамки не достаточно, а нужно две. Щёлкните в той рамке, которую надо разделить на две. Затем подведите указатель мыши к одной из её границ и когда указатель превращается в двунаправленную стрелку нажмите на клавиатуре клавишу Ctrl и удерживая её начните перетаскивать
Глава 14. Рамки
265 границу левой кнопкой мыши. Затем отпустите. В результате появляется новая рамка, в которой Вы можете определить начальную страницу или создать её здесь. Для удаления рамки используйте уже описанную последовательность действий. Щёлкните в не нужной рамке. Раскройте меню Рамки. Выберите команду Удалить рамку. Ещё один вариант поделить какую-нибудь рамку на две, этот опять же щёлкнуть её. Рамка выделена. Затем откройте меню Рамки. Выберите в этом меню команду Разделить рамку. На экране появилось окно Разделить рамку. Вы можете выбрать один из двух вариантов. Разбить эту рамку на столбцы или разбить на строки. На строки мы уже разбивали перетаскиванием границы. Давайте теперь разобьём на столбцы. В образце показано, как это примерно будет выглядеть. Нажмите на кнопку ОК в окне. Верхняя рамка была поделена программой на две части. Та страница, которая была в рамке осталась, она сейчас слева, а новая рамка появилась справа и здесь страницу нужно задать. Удалим эту рамку. Закройте область список папок. Если Вы хотите добавить какое либо содержание на все страницы веб-узла, можете использовать общие границы. Для этого откройте меню Формат. Выберите команду Общие границы. В диалоговом окне общие границы выберите переключатель Ко всем страницам или К текущей странице. Предположим Вы хотите, что бы общая граница была на всех страницах. Далее определите, где она буде проходить. Сверху, слева, справа, снизу. Например, пусть она будет только слева. Уберём лишние флажки и нажмём кнопку ОК. В левой части всех страниц, которые отображаются на странице рамок появилась граница, в которой можно ввести определённое содержание. Щёлкните примечание на любой из страниц. Сюда я введу текст. Например такой : «эмблема организации» . Затем вставлю саму эмблему. Я скопировал её с помощью буфера обмена Windows. Теперь щёлкну здесь правой кнопкой мыши и выберу команду Вставить. Эмблема организации вставлена в эту страницу, в общую границу. Следовательно, текст и эмблема должны появиться и на других страницах. Щёлкните за пределами этой области. Всё то же самое появилось на других страницах. Я уменьшу текст «эмблема организации». Попробую сделать это на другой странице, например, на встроенной. Для этого нужно выделить текст и щёлкнуть кнопку Уменьшить размер шрифта. Кроме того, я уменьшу размер эмблемы. Для этого можно перетащить один из маркеров размера. Щёлкните за пределами области. На самом деле такой текст как «эмблема организации» обычно не пишут. Поэтому я его удалю и оставлю только эмблему. Щёлкните в стороне. Эмблема вставлена на все страницы, которые отображаются на странице рамок. Общую границу можно убрать, если она не нужна. Для этого откройте меню Формат, выберите команду Общие границы. Снимите флажок слева, который сейчас установлен и на образце видно, что ни каких общих границ теперь нет. Нажмите кнопку ОК. Общие границы удалены вместе с эмблемой. Если тот шаблон страницы рамок, который мы использовали не очень Вас устраивает. Вы можете
266
TeachPro Microsoft FrontPage 2003
создать собственный шаблон. Для этого щёлкните стрелку рядом с кнопкой Создание новой обычной страницы. Выберите команду Страница. В диалоговом окне Шаблоны страниц щёлкните Страница рамок. Выберите какой-нибудь шаблон из имеющихся. Например, верхний колонтитул. Нажмите кнопку ОК в данном окне. Внесите изменения в шаблон. Например, введите сюда дополнительно какую-нибудь рамку. Для этого можно воспользоваться меню Рамки. Командой Разделить рамку. Разбейте рамку, которую выделили на столбцы, например. Нажмите кнопку ОК. Границы рамки при необходимости можно передвинуть. Если Вам нужен именно такой шаблон, раскройте меню Файл. Выберите команду Сохранить как. В диалоговом окне Сохранить как введите имя файла. My template, например. Раскройте список Тип файла. В списке типов файлов выберите шаблоны FrontPage. Расширение файла обратите внимание, изменилось. Теперь это tem, а не htm. Нажмите кнопку Сохранить в окне. На экран выведено окно Сохранить как шаблон. Изменим название. Мой шаблон, например. Описание,программа предлагает его ввести, что я и сделаю. «Три мои рамки», например. Для создания нового шаблона нажмите кнопку ОК в данном окне. Шаблон создан. В этом можно убедится, если снова открыть окно, содержащее шаблоны. Щёлкните вкладку Страница рамок. В списке шаблонов появился новый, который называется Мой шаблон. И в описании его сказано Три мои рамки. При нажатии кнопки ОК будет создана новая страница на основе этого шаблона.
* * *
Глава 15. Веб-компоненты
267
Глава 15. Веб-компоненты 15.1. Форма для поиска Продолжим работу над тем веб-узлом, в котором рамки не используются. Раскройте меню Файл. Наведите указатель мыши на строку Последние узлы. В подменю выберите тот узел, который нужен. В данном случае 1-й, training. Этот узел открыт. Для расширения функциональных возможностей вебстраниц можно использовать то, что называется веб компоненты. Откройте страницу Принцип тренингов, это файл drawings. На эту страницу мы вставим некоторые веб-компонеты. Часть из них мы уже использовали на других страницах. Для того, что бы посмотреть, какие компоненты мы использовали раскройте меню Вставка. Выберите команду Вебкомпонент. Появилось диалоговое окно Вставка компонента веб-узла. Сейчас выбрана строка Динамические эффекты. Такой компонент мы использовали. В частности бегущую строку и интерактивную кнопку. Кроме того мы уже познакомились с таким типом компонента как Коллекция фотографий, а так же Панели ссылок. Познакомимся с другими типами компонентов. Щёлкните строку Поиск в Интернете. Программа предлагает два типа поиска: На текущем веб-узле и Полнотекстовый поиск. В первом случае обеспечивается поиск текста на активной вебстранице. Во втором случае – на всём веб-узле. Для того, что бы выполнять полнотекстовый поиск, необходимо сохранить страницу на сервере где установлены службы Microsoft Share point services. Скажу по секрету так же, что для поиска на текущем веб-узле необходимо наличие серверных расширений Microsoft FrontPage 2002 или наличие Microsoft share point team services версия 1. При выбранном типе поиска Текущий веб-узел, щёлкните кнопку Готово. И всё же мы попробуем вставить этот компонент на страницу. Нажмите сначала кнопку Отмена в диалоговом окне. Затем установим курсор там, где компонент будет вставлен. Курсор сейчас находится здесь. Я его перенесу на одну строку ниже. Для этого нужно нажать клавишу Enter. Для того, что бы открыть диалоговое окно Вставка компонента веб-узла, можно использовать меню Вставка, как мы это уже делали и здесь строку Вебкомпонет. Или нажать кнопку на панели инструментов стандартная. Которая называется Вебкомпонет. Вы видите опять то же самое диалоговое окно Вставка компонента веб-узла. Выберите Тип компонента Поиск в Интернете. Тип поиска – Текущий веб-узел и нажмите кнопку Готово в диалоговом окне. На экране появилось другое окно с заголовком Свойства формы поиска. Оно состоит из двух вкладок: Свойства формы поиска и Результаты поиска. На вкладке Свойства формы поиска определяется надпись для поля ввода, ширина в знаках, надпись для кнопки Начало поиска и надпись для кнопки Сброса условий. Менять эти настройки мы не будем. Щёлкните вкладку Результаты поиска. Здесь указывается область поиска: Всё, формат даты; формат времени. Ниже указаны флажки Параметры отображения. Вы их можете
268
TeachPro Microsoft FrontPage 2003
установить. Отображать степень совпадения, Отображать дату создания файла и Отображать размер файла в Кб. После того, как был установлен флажок Отображать дату создания файла – стали доступными поля: Формат даты и Формат времени. Раскройте список Формат даты. Выберите тот формат, который Вам больше нравится. Например такой и формат времени, например, этот. Выполнив все настройки нажмите кнопку ОК в диалоговом окне. Форма поиска вставлена на страницу. Сохраним изменения сочетанием клавиш Ctrl + S. Просмотрим эту страницу в веб-обозревателе. Откройте меню Файл, строка Просмотреть в обозревателе и команда Microsoft Internet Explorer. Программа информирует в окне, что для правильного отображения всех элементов на этой странице сохраните или опубликуйте её, а затем просмотрите в веб-обозревателе. Мы уже сохранили. Нажмите кнопку ОК. Страница открыта в веб-обозревателе. Форма поиска здесь имеется. Щёлкните в строке поиск. Введите слово, которое хотите найти. Например, слово «мы» . Для поиска слова нажмите кнопку Найти. На экране появилась другая страница в которой сообщается, что эта форма или другой компонент FrontPage будут работать правильно, если опубликовать этот веб-узел на веб-сервере, с установленными серверными расширениями FrontPage. Щёлкаем кнопку Назад, что бы вернутся на предыдущую страницу. Что мы можем реально сделать в форме поиска, так это сбросить тот текст, который сейчас ввели. Для этого нужно нажать кнопку Сброс и слово «мы» пропало из строки поиска. Но это слабое утешение. Закройте окно веб-обозревателя. Работу компонента по поиску текста мы проверим тогда, когда опубликуем свой веб-узел на сервере с расширениями Share Point.
* * * 15.2. Таблица и диаграмма Office Переходы. Новая страница будет дочерней по отношению к странице Специфика. Я выделили страницу Специфика. Теперь щёлкну кнопку Новая страница. Пусть она имеет название статистика. Для того, что бы изменить название щёлкните её правой кнопкой мыши. В контекстном меню выберите команду переименовать. Здесь напишем Статистика. Нажмите клавишу Enter для подтверждения. Откроем эту новую страницу. Она автоматически получила имя Статистика. Изменим это имя. Щёлкните слева на полосе прокрутки. Выберите файл правой кнопкой мыши. Щёлкните команду переименовать. Вместо слова «статистика» по-русски напишем то же слово поанглийски. Нажмите Enter для подтверждения. На странице я введу некоторый текст. Следующий текст… После ввода текста нажму клавишу Enter для создания новой пустой строки. В это место вставлю веб-компонент. Для того, что бы открыть окно с веб-компонентами можно щёлкнуть кнопку Веб-компонент на панели инструментов. Появилось диалоговое окно Вставка компонента веб-узла. Выберите 3-ю строку в списке типов компонентов. Электронные таблицы и диаграммы. В число данного типа компонентов входят такие элементы как: Электронная таблица Office; Диаграмма Office; Сводная таблица Office. Выберите электронную таблицу Office. В диалоговом окне нажмите кнопку Готово. На странице появилась электронная таблица Office. Мы можем внести в её ячейки необходимые данные. Для этого щёлкните ту ячейку, в которую будете эти данные вводить. Ячейка выделилась. В эту ячейку я введу текст следующий: Студенты. Для ввода текста в следующую ячейку нажмите клавишу Enter. Следующая ячейка автоматически выделилась. Сюда я введу слово Специалисты. И снова Enter. В следующей ячейке будет помещено слово «Пенсионеры» . Теперь я введу заголовок следующего столбца. 2001 год. Снова нажимаем Enter и в ячейке, которая выделена введу числовые данные. В 2001 году тренинги посетило предположим 3 студента. Число 3«» введено. Переходим в следующую ячейку. В том же году тренинги
Глава 15. Веб-компоненты
269
посетило 5-ь специалистов, т. е. людей различных профессий и 2-а пенсионера. Для перехода в ячейку находящуюся правее нажмите клавишу Стрелка вправо. Продолжаем вводить данные, пока не получится целая таблица. Эти данные введены. Для того, что бы текст в первом столбце был полностью виден – раздвиньте границу ячейки. Таблица занимает много места. Здесь имеются пустые ячейки, поэтому её можно уменьшить с помощью маркера размера. Возьмитесь за правый центральный маркер. Когда указатель мыши превращается в двунаправленную стрелку, перетащите границу влево. Тоже самое можно сделать с нижней границей. Взявшись за маркер размера перетащите её. Для форматирования таблицы можно использовать те кнопки, которые находятся в верхней её части. Например, кнопка Отменить, Вырезать, Копировать, Вставить, Автосумма. Например, суммируем значение находящееся в первом столбце. Для этого их нужно выделить и нажать кнопку Автосумма. Нажмите клавишу Enter. Автосумма указана в ячейке внизу: 3 + 5 + 2 = 10. Для отмены этого действия нажмите кнопку Отменить. Правее расположены кнопки: Сортировка по возрастанию, Сортировка по убыванию, Автофильтр, Обновить всё, Экспорт в Microsoft Office Excel. Команды и параметры, а так же кнопка для вызова справки. Щёлкните после таблицы. Нажмите клавишу Enter для создания новой строки. Вставим ещё один компонент. Для этого можно открыть меню Вставка и выбрать команду Веб-компонент. В диалоговом окне Вставка компонента веб-узла выберите строку Электронные таблицы и диаграммы. Справа в списке элементов управления щёлкните строку Диаграмма Office. Нажмите кнопку Готово в диалоговом окне. На экране появилось окно Команды и параметры. Первое действие, которое в нём нужно выполнить – это выбрать источник данных диаграммы. Лист, либо запрос таблицы или базы данных. Либо указанный ниже элемент страницы. Щёлкните переключатель Лист. Второй шаг это настройка параметров источников данных. Нажмите кнопку Лист данных, что бы вывести данные на лист. В результате открылась вкладка Лист данных. Здесь имеются следующие кнопки: Очистить лист данных; По строкам, по столбцам( эта кнопка предназначена для переключения способов отображения данных); кнопка Копировать и кнопка Вставить. Вставим в ячейку данные. Выделим эту ячейку. Здесь я напишу слово «студенты». Перейду к следующей ячейке нажатием клавиши Enter. Эта ячейка автоматически создана. Я введу сюда те же самые данные, которые были недавно введены в таблицу. Данные введены в таблицу. Переключитесь на вкладку Тип. На этой вкладке можно определить тип диаграммы. Здесь имеются следующие типы диаграмм: Гистограмма; Линейчатая; График; Гладкий график; Круговая; Точечная; Пузырьковая; С областями; Кольцевая; Лепестковая; Биржевая; и Полярная. Вернёмся к строке Гистограмма. Гистограммы могут быть представлены в разных видах. Эскизы этих гистограмм представлены справа. Выберем, например, вот эту гистограмму – Объёмная гистограмма. Закройте окно Команды и параметры. По оси категорий сейчас отображаются текстовые данные. Ось категорий расположена здесь. По оси значений отображаются данные, которые мы ввели в ячейках. Вот ось значений. Годы расположены на оси ряда данных. Она проходит таким образом. Откроем эту страницу в веб-обозревателе. В меню Файл наведите указатель мыши на строку Просмотреть в обозревателе и щёлкните первый пункт. Изменения не были сохранены. «Сохранить изменения?» Да. В окне веб-обозревателя наши данные выглядят следующим образом.
* * *
270
TeachPro Microsoft FrontPage 2003 15.3. Счетчик посещений. Включенное содержимое. Для создателя любого веб-узла большое значение имеет то обстоятельство – сколько человек посетило страницы этого веб-узла. Для выяснения этого вопроса на страницу можно установить счетчик. Переместите ползунок щёлкнув на полосе прокрутки под ним. Щёлкните после диаграммы. Создайте новую строку нажатием клавиши Enter. На панели инструментов нажмите кнопку Веб-компонент. Появилось диалоговое окно Вставка компонента вебузла. Выберите в списке типов компонентов счетчик посещений. В окне справа появились различные образцы счетчиков. Для их просмотра воспользуйтесь полосой прокрутки. Для выбора какого либо счетчика его нужно щёлкнуть в списке. Нажмите кнопку Готово. Программа отобразила на экране окно Свойства счётчика посещений. Стиль этого счётчика уже выбран. Именно тот который мы там щёлкнули в предыдущем окне. При желании Вы можете определить там другой рисунок, а не тот, который выбрали сейчас. Для этого нужно выбрать переключатель и указать путь к этому рисунку. Я этого делать не буду. Ниже находятся флажки Сбросить счетчик до и Фиксированное число разрядов. Установите верхний флажок. В данном случае отсчет начнётся с нуля. Это значение Вы можете изменить, указав другое. Я не буду этого делать. Установите следующий флажок – Фиксированное число разрядов. Будет отображаться на счётчике то число цифр, которое здесь указано. Вы это значение можете изменить. Вписать например 6, а не 5. Нажмите кнопку ОК. Счетчик оказался на веб-странице. Перейдите к представлению Просмотр. В этом представлении счетчик в том виде, в котором мы его видели, не отображается. Мы просто видим текст Счётчик посещений в квадратных скобках. Для правильного отображения этого счётчика веб-узел должен быть опубликован на сервере и на этом сервере должны быть установлены расширения Microsoft FrontPage или службы Microsoft Share Point Team Services или Microsoft Windows Share Point Services. Установлены ли там такие службы, нужно будет узнать у адменистрантора сети. Вернитесь в режим конструктор. Прежде чем познакомится со следующим вебкомпонентом, создадим новую страницу. Для этого щёлкните кнопку Создать страницу в области Список папок. Дадим ей имя. Страница будет иметь имя rights. Нажмите клавишу Enter. Откройте её. Дадим этой странице названия. Для этого щёлкните её правой кнопкой мыши и в контекстном меню выберите команду Свойства страницы. Открылось диалоговое окно Свойства страницы. В строке название введите название, которое отражает содержание этой страницы. Я напишу здесь «права» . Нажмите здесь кнопку ОК в окне. В том месте где сейчас находится курсор я вставлю знак авторского права. Для этого в меню Вставка выберите команду Символ. Выберите в списке символов знак авторского права. Он имеется в списке ранее использовавшихся. Щёлкните кнопку Вставить. Закройте диалоговое окно Символ. Далее я введу текст. Затем
Глава 15. Веб-компоненты
271
сохраню эту страницу и закрою её. Нажмите клавишу Enter для того, что бы создать новую строку в файле statistics. Нажмите кнопку Веб-компонент на панели инструментов. В диалоговом окне Вставка компонента веб-узла выберите тип компонента Включенное содержимое. Включать можно следующие виды содержимого: Подстановка, Страница, Страница с расписанием, Рисунок с расписанием, Заголовок страницы. Сейчас выберите тип содержимого Страница. Нажмите кнопку Готово в окне. В окне Свойства включённой страницы, которая сейчас появилась на экране нужно указать страницу, которая будет включена в наш файл statistics, в этот документ. Для того, что бы найти нужную страницу нажмите кнопку Обзор. В окне текущий веб-узел найдем тот документ, который только что создали. Это файл rights под названием Права. Щёлкните кнопку ОК в данном окне. Имя файла появилось в текстовом поле. Нажмите кнопку ОК в окне Свойства включенной страницы. Содержимое файла rights появилось на странице statistics. Такой веб-компонет очень удобно использовать, если Вы вводите одно и тоже содержание на несколько страниц веб-узла. Такое содержание можно редактировать в одной странице, в данном случае в файле rights и изменения отобразятся на всех остальных страницах веб-узла, куда этот текст был вставлен. Щёлкните кнопку Просмотр. Как видите для отображения этого вебкомпонета никакие серверные расширения FrontPage или службы Share Point не нужны. Вернитесь к представлению Конструктор. Сохраните страницу statistics, закройте её. И откройте страницу money. Установите курсор в конце этой страницы. Создайте новую строку. Используем ещё один компонент здесь. Щёлкните кнопку Веб-компонент. В диалоговом окне Вставка компонента вебузла выберите строку Включенное содержимое. Среди типов выберите Рисунок с расписанием. Нажмите кнопку Готово. На экране появилось окно Свойства рисунка с расписанием. В поле В течении времени по расписанию нужно ввести путь к тому рисунку, который Вы хотите отображать на странице. Или можно нажать кнопку Обзор и найти этот рисунок. В окне Рисунок я открою папку images и выберу этот рисунок. Пусть это будет такой. Нажмите кнопку ОК. В течении времени, которое мы зададим в полях ниже будет отображаться данный рисунок. До и после этого времени может отображаться другой рисунок, если мы его здесь укажем. Нажмите кнопку Обзор. Пусть, например, отображается 1000 рублей. Нажмите кнопку ОК в окне рисунок. Ниже Вы можете задать замещающий текст на то случай, если рисунки не отображаются в браузере у посетителя веб-узла. И ещё ниже указывается время показа первого рисунка, т. е. 10 рублей. Начало показа 27сентября2004 года, Конец 27октября2004 года. До и после этого промежутка времени будет отображаться другой рисунок –1000 рублей. Нажмите кнопку ОК. Изображение купюры появилось на странице, но расписание смены этих купюр будет действовать при наличии в сервере серверных расширений Microsoft FrontPage или служб Microsoft Share Point Team Services. Перед купюрой я добавлю текст. Сохраните изменения. Перейдите в представление Просмотр. Вернитесь обратно в режим Конструктор. Настройки этого веб-компонента можно изменить. Наведите указатель мыши на изображение и щёлкните его дважды. Снова появилось диалоговое окно Свойства рисунка с расписанием. Вы можете изменить здесь те настройки, которые Вас не устраивают.
* * * 15.4. Оглавление – Для данного веб-узла. Создадим оглавление текущего веб-узла. Для этого нужно сначала создать новую страницу на которой оглавление будет размещено. Щёлкните команду Страница. Появилось диалоговое окно Шаблоны страниц. Обычная страница уже выделена. Нажмите кнопку ОК в диалоговом окне. Новая страница открыта. Сохраним эту страницу. В диалоговом окне Сохранить как нужно определить имя файла. Пусть он имеет имя contents, т. е. содержание. Изменим название, которое предложила программа. Здесь введём слово «содержание» . Нажмите кнопку ОК в окне Название страницы. В окне Сохранить как нажмите кнопку Сохранить. Добавим эту страницу в структуру переходов вебузла. Для этого переключитесь на вкладку Веб-узел. Щёлкните кнопку Переходы внизу. В области
272
TeachPro Microsoft FrontPage 2003
Cписок папок найдите новую страницу, это страница contents. Перетащим её в структуру. Она будет относится к домашней странице. Домашняя страница будет родительской по отношению к новой, только что созданной странице. Вернитесь на вкладку contents. Панели ссылок уже появились на этой странице. Вставим сюда содержание. Установите курсор там, где оно должно быть. Затем нажмите кнопку Вебкомпонент на панели инструментов. В окне Вставка компонента веб-узла выберите тип компонента Оглавление. Мы можем создать два типа Оглавления. Для данного веб-узла и на основе категории страницы. Сначала щёлкните верхнюю строку для данного веб-узла. Нажмите кнопку Готово в диалоговом окне. Появилось новое окно Свойство оглавления. Вверху в нём расположено текстовое поле URLадрес начала оглавления. В этом поле указывается страница, которая будет служить в качестве начальной точки Оглавления. Сейчас введено имя файла index. Это можно изменить выбрав другой файл с помощью кнопки Обзор. Появилось диалоговое окно Текущий веб-узел. В нём можно выбрать тот файл, который Вы хотите использовать в качестве начальной точки. Money, например. Я не буду этого делать и нажму кнопку Отмена. Ниже можно задать размер шрифта заголовка. По умолчанию установлен 2-а. Я оставлю его без изменений. Ещё ниже параметры: Показывать каждую страницу только один раз; Показывать страницы без входящих гиперссылок и Перестраивать оглавление при изменении любой страницы. Пусть будут установлены все флажки. Нажмите кнопку ОК в диалоговом окне. На странице появился стандартный текст. Указывающий на то, что в этом месте будет оглавление. Но это ещё не само оглавление. Сохраните страницу. Просмотреть оглавление можно в веб-обозревателе. Раскройте меню Файл. Наведите указатель мыши на строку Просмотреть в обозревателе и выберите вебобозреватель. Здесь оглавление отображается. Начальная точка оглавления, это домашняя страница, файл под названием Психологический клуб. Щёлкните эту гиперссылку. Мы попали на страницу Психологический клуб. Для возвращения назад Щёлкните соответствующую кнопку. Выберите ещё какую-нибудь ссылку, например Термины. Открылась страница Термины. Назад. Кроме того, здесь отражаются и все гиперссылки на отдельные изображения, на которые имеются гиперссылки на страницах. Назад. Имейте в виду, что оглавление, которое Вы опубликуете на веб-сервере будет работать только в том случае, если на этом сервере установлены серверные расширения FrontPage или службы Microsoft Share Point Team Services. При этом если на сервере установлены службы Microsoft Windows Share Point Services, то такое оглавление работать не будет. Чтобы не думать об этих службах можно создать другой тип оглавления. Закройте вебобозреватель. Щёлкните стандартный текст Содержание. Нажмите клавишу Delete. Веб-компонетнт, определяющий появление. Оглавление на странице удалено.
* * *
Глава 15. Веб-компоненты
273 15.5. Оглавление – На основе категории страницы.
Прежде чем добавить другой вид оглавления проведём некоторую подготовительную работу. В области Список папок щёлкните ту страницу, которая должна быть добавлена в оглавление правой кнопкой мыши. В контекстном меню выберите команду Свойства. Появилось диалоговое окно Свойства. В нём щёлкните вкладку Рабочая группа. На этой вкладке мы можем определить к какой категории принадлежит выбранный файл. Доступные категории перечислены в списке. Установим, например, 1-й флажок. VIP, т.е. очень важная персона. Название этой категории одновременно появилось в поле сверху. Элементы принадлежат к следующим категориям. Для подтверждения нажмите кнопку ОК в этом окне. Выберите следующий файл, который должен быть в оглавлении правой кнопкой мыши, команда Свойства, вкладка Рабочая группа в окне Свойства. Здесь тоже выбираем категорию. Если походящей категории нет, её можно создать. Нажмите кнопку Категории, справа. На экран выведено окно Список основных категорий. Новую категорию введём в текстовом поле сверху. Я напишу слово Организация, например. Для добавления этой категории в список имеющихся, нажмите кнопку Добавить. Новая категория появилась в списке. Для подтверждения ввода этой категории нажмите кнопку ОК данном окне. Найдите новую категорию в числе доступных. Поставьте флажок. Одному и тому же файлу можно присвоить несколько Категорий, но я не буду этого делать. Нажмите ОК в диалоговом окне. Следующий файл details, к какой категории он будет относится, можно определить по его содержанию. Откройте его двойным щелчком мыши. Этот файл отнесём к категории Организация. Закройте его. Щёлкните правой кнопкой мыши, выберите команду Свойства. На вкладке Рабочая группа окна Свойства найдите категорию организация. Поставив флажок примените изменения. Большинство остальных файлов будут относится к этим двум категориям, которые мы выбрали: VIP и Организация. Но будет и ещё одна категория. Щёлкните файл e-mails правой кнопкой мыши. Выберите команду Свойства. В окне Свойства щёлкните вкладку Рабочая группа. Создадим категорию Контакты. Для этого в поле новая категория я введу слово «контакты» и добавлю его в список. Новая категория добавлена в список, можно нажать кнопку ОК. Установим флажок в окне Свойства рядом со словом Контакты. Нажмите кнопку ОК. Предварительная работа закончена. В представлении страница, в данном случае это страница Contains поставьте курсор там, где должна быть первая из нами выбранных категорий. Введите заголовок. Например, я введу следующий текст: «сведения об организации» . Нажмите клавишу Enter на клавиатуре. Щёлкните кнопку Веб-компонент, выберите тип компонента Оглавление и тип оглавления На основе категории страницы. Нажмите кнопку Готово в этом диалоговом окне. Появилось диалоговое окно Свойства категорий. В поле Выберите категории для перечисления файлов, мы должны указать нужные категории или категорию. Где тут у нас должна быть категория Организация, вот она. Поставьте флажок. В списке ниже можно указать, как будут сортироваться файлы: По названию документа или По дате его изменения. Пусть сортируются по названию. Кроме того, можно указать следующие сведения: Дата последнего изменения файла и Примечания добавленные к файлу. Установим флажок Дата последнего изменения файла. Нажмите кнопку ОК в диалоговом окне. На странице появился стандартный текст указывающий на то, что здесь будет оглавление на основе категорий. Для создания оглавления последующей категории повторим все проделанные шаги. Нажмите клавишу Enter, введите следующий подзаголовок, например, «наши сотрудники» . Снова нажмите Enter. На панели инструментов Стандартная нажмите кнопку Веб-компонент. Выберите тип компонента Оглавление на основе категории страницы. Нажмите кнопку Готово в диалоговом окне. Щёлкните категорию VIP. Установите дату последнего изменения файла и нажмите ОК в
274
TeachPro Microsoft FrontPage 2003
диалоговом окне. Подобным образом создадим новый раздел «контактная информация» . В результате мы получили следующий текст на странице. Сохраните изменения. Просмотреть оглавление можно в веб-обозревателе. Откройте меню Файл, Просмотреть в обозревателе. Выберите веб-обозреватель. На странице содержание отображается то, какие веб-страницы имеются на нашем веб-узле. Мы можем совершать переход к каждой из этих страниц, щёлкая гиперссылку.
* * * 15.6. Лучшая десятка. Для размещения ещё одного компонента на вебузле создадим новую страницу. Для этого щёлкните стрелку Создание новой обычной страницы. Выберите команду Страница. В диалоговом окне Шаблоны страниц пусть будет выбрана обычная страница. Нажмите кнопку ОК. Страница открылась. Для вставки веб-компонета на неё нажмите кнопку вебкомпонет на панели инструментов. В диалоговом окне Вставка компонента веб-узла выберите тип компонента Лучшая десятка. Справа отобразился список данных использования. Верхняя строка в списке посещённые страницы. Благодаря размещению этого компонента можно будет увидеть список самых посещаемых страниц нашего веб-узла. Следующая строка Домены из которых производилось обращение. Под списком внизу указано, что будет отображаться 10 доменов из которых чаще всего выполняется обращение к данному веб-узлу. Следующая строка Адреса URL, с которых производилось обращение. Таких адресов тоже будет 10-ть. Следующее Строки поиска. Благодаря этому компоненту будет отображаться 10 строк поиска чаще всего используемых поисковыми системами для поиска данного веб-узла. Далее Посетители. 10ть самых активных посетителей нашего веб-узла. Операционные системы. Показ 10 наиболее популярных операционных систем используемых для просмотра нашего веб-узла и Обозреватели. 10 наиболее популярных обозревателей. Выберите первую строку Посещённые страницы. Нажмите кнопку Готово в окне Вставка компонента веб-узла. На экране появилось диалоговое окно Свойство лучшей десятки. В заголовке этого окна указывается какой веб-компонет будет использоваться. Лучшая десятка – посещённые веб-страницы. Вы можете включить дату последней обработки данных использования, установив соответствующий флажок, а также стиль отображения списка: как таблица; нумерованный; маркированный или текст. Пусть будет таблица. Этот переключатель был выбран по умолчанию. Нажмите кнопку ОК в диалоговом окне. На нашей странице появилась таблица Лучшая десятка посещённые веб-страницы. Это её заголовок. Если щёлкнуть эту таблицу дважды, появляется опять окно Свойства лучшей десятки и Вы можете выбрать другой стиль списка. Например, Нумерованный. Нажмите ОК в окне. Произошли изменения со списком, теперь это не Таблица, а Нумерованный список. Сохраним страницу, для этого воспользуемся сочетаниями клавиш Ctrl + S. В диалоговом окне сохранить как определите имя. Я напишу здесь имя, например, так и переименую страницу, следующим образом. Нажмите ОК в окне Название страницы. В окне Сохранить как нажмите Сохранить. Перейдите в режим просмотра данной страницы. Здесь веб-компонет отображается так же, как в режиме Конструктор. Посмотрим, как он будет выглядеть в веб-обозревателе. Выберите обозреватель. Вместо списка мы видим сообщение FrontPage, что для этого компонента требуется Share Point или серверные расширения FrontPage, версии 2002 года или более поздней. Указанные службы должны быть установлены на сервере, где Вы сохраните свой веб-узел. В противном случае список Лучшей десятки мы увидеть не сможем. Закройте веб-обозреватель.
* * *
Глава 16. Шаблоны и формы
275
Глава 16. Шаблоны и формы 16.1. Мастер веб-узла обсуждений (форум) Программа FrontPage позволяет создать веб-узел обсуждений. Иначе говоря, форум, на котором пользователи смогут публиковать свои мысли, идеи, пожелания. Для того чтобы сделать это, щелкните стрелку рядом с кнопкой Создание новой обычной страницы. В меню выберите команду Веб-узел. На экран выведено диалоговое окно Шаблоны вебузлов. Щелкните значок Мастер веб-узла обсуждений. В текстовом поле справа нужно указать расположение нового веб-узла. Сейчас программа предложила создать веб-узел training6, но веб-узел обсуждений можно добавить на текущий веб-узел, т.е. на тот, который сейчас открыт. Для этого нужно поставить флажок Добавить на текущий веб-узел. Поле, где указывается расположение нового вебузла, стало недоступно. Теперь программа и без него знает, где расположен веб-узел. В описании сказано, что будет создана группа обсуждений с оглавлением и возможностью поиска по всему тексту. Нажмите кнопку OK в диалоговом окне. На экране появилось новое диалоговое окно – Мастер веб-узла обсуждений. Все, что нужно сделать в этом окне, это нажать кнопку Далее. В следующем окне устанавливается несколько флажков. Форма новой статьи, которую будет вводить посетитель веб-узла, должна быть на странице обязательно, поэтому она сейчас недоступна и флажок там установлен. Остальные можно снять или установить – по собственному желанию. Такие, как оглавление, форма поиска, цепочки обсуждений, страница подтверждения. Оставим все эти флажки на месте. Нажмите кнопку Далее. В новом окне следует ввести название обсуждения. Сейчас этот форум так и называется – Обсуждение. Я добавлю еще два слова – вопросов психологии. Все статьи, отправленные на обсуждение, будут храниться во внутренней папке веб-узла, и эта папка здесь уже указана. При желании ее можно изменить, но такой необходимости в данном случае нет. Я нажимаю Далее. В этом окне нужно выбрать набор полей для формы отправки сообщения. Это будут те поля, которые пользователь должен будет заполнить, прежде чем свое сообщение отправлять на форум. Сейчас выбран переключатель Тема заметки. Можно выбрать Тема, категория, заметки. Или Тема, продукт, заметки. Такие поля. Но для большинства некоммерческих веб-узлов таких полей, как тема и заметки будет достаточно. Щелкните кнопку Далее. В следующем окне нужно определить, кто может участвовать в обсуждении – только зарегистрировавшиеся пользователи или все желающие. Оставим переключатель Нет, всеми желающими выбранным.. Перейдите к следующему окну. Здесь указывается способ сортировки сообщений в оглавлении. Имеется в виду порядок отображения сообщений в зависимости от даты их создания. Вверху может быть самое свежее сообщение, а в конце списка – самое старое. Или
276
TeachPro Microsoft FrontPage 2003
наоборот. Оставим выбранным верхний переключатель. Щелкните кнопку Далее. В том окне, которое мы сейчас видим на экране, спрашивается, должна ли страница оглавления форума использоваться в качестве домашней страницы веб-узла. Переключатель Да можно щелкнуть только в том случае, если форум является центральной частью вашего веб-узла. В нашем случае это не так, поэтому щелкните переключатель Нет. Нажмите кнопку Далее. В отображаемом сейчас окне следует определить, какие данные о найденном документе программа должна представить вашему вниманию – Тему или Тему и размер, или Тему, размер и дату этого документа или Тему, размер, дату и оценку. Выберите предыдущий переключатель. Он был указан по умолчанию. Щелкните кнопку Далее. В текущем окне можно определить, будут ли в документах веб-узла обсуждений присутствовать рамки. Вы помните, что некоторые обозреватели не поддерживают рамки, поэтому для всех без исключения обозревателей подойдут только первые два переключателя – Без рамок и Использовать рамки, если возможно, и обычные страницы в противном случае. Следующие два переключателя предназначены только для обозревателей, поддерживающих рамки. Поэтому выберем второй переключатель как наиболее оптимальный вариант. Щелкните кнопку Далее. Программа сообщает, что мастер получил все ответы, которые требовались ему для создания веб-узла обсуждений. Для завершения работы мастера нажмите кнопку Готово в окне Мастера веб-узла обсуждений. Это окно исчезло. В списке файлов и папок веб-узла появилось несколько новых файлов и папка. Эта папка называется _disc1, а файлы расположены ниже. Я их выделю. Для того чтобы увидеть полностью их название, увеличим ширину столбца. Файлы здесь следующие. Обсуждение вопросов психологии Подтверждение, Набор рамок, Форма отправки, Форма поиска, Оглавление в рамке и страница Добро пожаловать. Это – начальная страница веб-узла обсуждений. Но он сейчас входит в наш веб-узел, созданный ранее.
* * * 16.2. Использование веб-узла обсуждений Откройте двойным щелчком мыши страницу Добро пожаловать. Текст, который вы видите на странице, программа ввела автоматически. Гиперссылки тоже созданы программой. Перейдя по этим гиперссылкам посетитель вашего веб-узла сможет Поместить новую статью, начав цепочку обсуждения, или Произвести поиск статьи по известным словам или фрагментам. Щелкните первую гиперссылку, нажав на клавиатуре клавишу Ctrl. В результате открылась другая страница, на которой размещена форма для отправки новой статьи. Форма – это набор полей для ввода данных на веб-странице. Она обозначается пунктирной линией. Вот эта пунктирная линия. В данной форме имеются следующие поля: Тема, От (т.е. от кого статья) и Заметки. Сюда посетитель узла введет свои умные мысли. Кроме того, на форме имеются стандартные кнопки Поместить и Сброс. Наведите указатель мыши на гиперссылку Домой. Нажмите клавишу Ctrl и щелкните эту гиперссылку. Благодаря этому щелчку открылась домашняя страница веб-узла. Закройте ее. Щелкните следующую гиперссылку при нажатой клавише Ctrl. Оглавление. Мы тем самым открыли страницу, содержащую оглавление, которого сейчас, правда, здесь нет. Щелкните предыдущую вкладку. Следующая гиперссылка – Поиск. Еще одна страница автоматически созданная программой, в которой находится форма поиска. На этой странице имеются те же самые гиперссылки. Щелкнем последнюю – Поместить. Это была ссылка на страницу, которая уже открыта в нашем окне. Посмотрим на вкладке веб-узел, какие страницы мы еще не открыли. Не открыта, судя по значку, страница Оглавление в рамке. Щелкните ее дважды. Тем самым мы открыли страницу, которая уже отображается в рамке вот на этой вкладке. Поэтому закроем эту страницу. Перейдите на вкладку Веб-узел.
Глава 16. Шаблоны и формы
277
Еще одна страница, не открытая и относящаяся к обсуждению, - это Подтверждение. Такой текст пользователь увидит на экране после того, как отправит свою статью, и сервер вышлет ему эту страницу. Переключитесь на первую из открытых вкладок. Откроем эту страницу в веб-обозревателе. В меню Файл наведите указатель мыши на строку Просмотреть в обозревателе и выберите нужную строку в подменю. Эта страница открылась в программе Microsoft Internet Explorer. Предположим, пользователь хочет разместить новую статью на веб-узле. Он должен щелкнуть верхнюю ссылку. На экране перед ним появляется страница, в которой имеется форма для ввода текста. Он вводит тему. Например, такую. Затем переводит курсор в следующее поле. Это можно сделать нажатием клавиши Tab на клавиатуре. Здесь он вводит свое имя или псевдоним. Например. И в поле Заметки пишет тот текст, который хочет разместить на странице веб-узла. Для того чтобы другие могли обсудить то, что в нем сказано. Например, следующее. Закончив ввод текста, он должен отправить этот текст на сервер. Для этого следует нажать кнопку Поместить. Вместо отправки данных, введенных в форму, программа вывела на экран следующее сообщение. Эта форма или другой компонент FrontPage будут работать правильно, если опубликовать этот веб-узел на веб-сервере с установленными серверными расширениями FrontPage. Следовательно, сейчас мы протестировать свой веб-узел обсуждений не можем. Сначала его нужно опубликовать. Закройте окно программы Microsoft Internet Explorer. Щелкните вкладку Веб-узел. Откройте домашнюю страницу. Никаких ссылок на веб-узел обсуждений программа сюда не поместила. Давайте сделаем это. Переместим ползунок вниз. Пусть ссылка на форму будет располагаться где-то здесь. Я введу следующий текст. Теперь слово Форму я выделю и назначу для него гиперссылку. Это можно сделать, щелкнув правой кнопкой мыши это слово. Выберите команду Гиперссылка. В окне Добавление гиперссылки выберите Файл. В этом файле размещено приветствие для тех посетителей, которые решили воспользоваться веб-узлом обсуждений. Можно ввести подсказку для этой гиперссылки. В окне Подсказка для гиперссылки я введу следующий текст. Щелкните кнопку OK в диалоговом окне. В окне Добавление гиперссылки тоже нажмите OK. Таким образом, мы создали гиперссылку с узла верхнего уровня, которому принадлежит документ Index, на вложенный узел, или дочерний узел. Дочерним узлом в данном случае является веб-узел обсуждений. Проверим работу этой гиперссылки. Сохраните изменения в документе. Программа предлагает сохранить одно из изображений на странице, заменив его. Я нажму кнопку Нет и теперь открою веб-обозреватель. Передвиньте вниз ползунок. Щелкните слово Форуме. Так мы попали на веб-узел обсуждений. Здесь, в свою очередь, можно создать гиперссылку на домашнюю страницу веб-узла верхнего уровня, т.е. на файл index.
* * * 16.3. Мастер страницы формы. Часть 1 Программа FrontPage позволяет создавать самые разные формы. Для создания новой страницы с формой щелкните стрелку Создание новой обычной страницы. В меню выберите команду Страница. В диалоговом окне Шаблоны страниц можно выбрать шаблон страницы с формой. Вы может воспользоваться работой мастера страницы формы или создать готовую регистрационную форму или форму обратной связи. Начнем с мастера. Щелкнув значок, нажмите кнопку OK в окне Шаблоны страниц. На экране появилось окно, которое назы-
278
TeachPro Microsoft FrontPage 2003
вается Мастер страницы формы. В этом окне просто объясняется, что вы будете создавать. Прочитав это сообщение, нажмите кнопку Далее. В следующем окне мы можем создать список вопросов, которые будут находиться в форме. Для добавления элемента списка нажмите кнопку Добавить. Вверху приводится тип данных для ответа на вопрос, такие как контактные сведения, сведения о пользователе, сведения о продукте, о заказе. Для просмотра остальных типов данных щелкните на полосе прокрутки. Вы можете вводить также личные данные, один из нескольких вариантов, любой из нескольких вариантов, логическое значение, дату, время, оценку, число, строку и абзац. Вернемся к началу списка. Вернем такой тип данных, как сведения о пользователе. Описание каждого типа данных дается ниже. В данном случае это – запрос имени пользователя и его пароля. В поле ниже указывается приглашение для вопроса. Посетитель страницы увидит следующий текст. Введите свои учетные данные. При желании этот текст вы можете отредактировать по своему усмотрению. Нажмите кнопку Далее. В этом окне указывается, как пользователь должен вводить свои данные. В частности, имя пользователя он должен будет вводить в одном текстовом поле или он должен будет ввести имя свое в одном поле, а фамилию – в другом поле. Оставим этот вариант. И еще: как он будет вводить пароль. Если достаточно того, чтобы пользователь ввел пароль один раз, выберите переключатель Без подтверждения. А если тот же самый пароль он должен будет ввести еще в одном поле, т.е. подтвердить, то выберите переключатель Запрашивать подтверждение. В поле ниже программа указала имя для группы переменных - account. Его можно изменить, но я не буду этого делать и нажму кнопку Далее. В списке вопросов, которые будут находиться в форме, появилась первая запись. Мы указали в предыдущих окнах, как пользователь должен будет вводить свои учетные данные. Для добавления нового вопроса нажмите кнопку Добавить. Прежде всего, выберите тип данных. Сведения о пользователе мы уже определили. Какой еще тип данных должен быть на форме? Предположим, вам нужны контактные сведения пользователя. Щелкните этот тип данных. Программа спросит у пользователя его имя, место работы, адрес и номер телефона. Щелкните кнопку Далее. В окне Контактные сведения нужно выбрать данные, которые будут требоваться от пользователя – фамилия, имя, отчество. Если этот флажок установлен, то доступны 3 переключателя – полное имя, имя, фамилия или имя, фамилия, отчество. Если флажок ФИО снять, то ни имя, ни фамилия пользователя программу интересовать не будет. Я установлю этот флажок и выберу переключатель имя, фамилия. Ниже установлены флажки должность, организация, в которой пользователь работает, его почтовый адрес. Я установлю этот флажок. Рабочий телефон, домашний телефон. Этот флажок я тоже установлю. Если номер факса не нужен, снимите его. Адрес электронной почты. И адрес URL веб-узла. Базовое имя для этой группы переменных, которое будет использоваться программой для обработки данных, - contact. Я не буду его менять и просто нажму кнопку Далее. Появилась новая строка в списке вопросов – введите следующие контактные сведения. Если вы хотите изменить заданные данные для этого типа вопроса, щелкните кнопку Изменить. В частности, можно изменить приглашение для этого вопроса, т.е. текст, в котором пользователю будет предлагаться ввести контактные данные. Нажмите кнопку Далее. Какие контактные сведения будут запрашиваться, можно изменить в данном окне. Щелкните кнопку Далее. Добавим еще один элемент в список. Для этого щелкните кнопку Добавить. Нажмите нижнюю кнопку на полосе прокрутки. Выберите личные данные. Это – запрос на ввод имени, а также возраста и других физических характеристик. Посмотрим, какие сведения будут необходимы для ввода. Нажмите Далее. Поскольку фами-
Глава 16. Шаблоны и формы
279
лию, имя, отчество мы уже затребовали, снимите флажок ФОИ. Сведений о возрасте в предыдущих вопросах не было. Вы можете оставить выбранным переключатель Дата рождения или выбрать переключатель Число полных лет. Я оставлю переключатель Дата рождения. Ниже можно установить флажки Пол – этот флажок установлен по умолчанию, - рост, вес, идентификатор, цвет волос и цвет глаз. Вероятно, все эти сведения будут необходимы, если посетитель веб-страницы собирается устраиваться в модельное агентство на работу. Я не буду устанавливать ничего, кроме пола и возраста. Нажмите кнопку Далее.
* * * 16.4. Мастер страницы формы Часть 2 Введем еще один элемент. В списке типов данных выберем еще один вариант данных. Выберите такой тип данных, как Оценка. Пользователь должен будет ввести оценку из диапазона данных от 1 до 5. Нажмите кнопку Далее. Форматы ввода ответа. Числа от 1 до 5, т.е. школьная система. Другой вариант – ужасный, плохой, средний, хороший или отличный. И третий вариант – от решительно против до решительно за. Выберем второй вариант, т.е. ужасный и т.д. Параметры представления: задавать по умолчанию середину диапазона, флажок установлен по умолчанию, оставим его. И второе – использовать меню вместо переключателей. Можете установить флажок, можете и не устанавливать. Ниже можете ввести имя переменной. Я введу такое слово: estimate, т.е. оценка. Нажмите кнопку Далее. Добавим еще один элемент в список вопросов. Воспользуйтесь нижней кнопкой на полосе прокрутки. Щелкните последнюю строку – абзац. Пользователь должен будет ввести один или несколько абзацев в многострочном поле, т.е. высказать свое мнение о чем-то в свободной форме. Нажмите кнопку Далее. Все, что нужно сделать в следующем окне – это ввести имя переменной. Ввести его нужно латинскими буквами, и я напишу, например, paragraph. Щелкните кнопку Далее. Список вопросов для пользователя мы сформировали. Нажмите кнопку Далее в этом окне. Способ представления списка вопросов может быть различным – в виде обычных абзацев, в виде нумерованного списка, маркированного списка или списка определений. Щелкните первый переключатель – обычные абзацы. Нужно ли создавать оглавление для страницы? По умолчанию выбран переключатель Нет. Так и оставим. Нужно ли использовать таблицы для полей формы, определяется нижним флажком в этом окне. Пусть он будет установлен. Нажмите Далее. В следующем окне мы должны определить параметры вывода данных. Каким образом будут сохраняться результаты работы пользователя с формой – в виде веб-страницы или в виде текстового файла или, может быть, будет использоваться специальный сценарий CGI. Выберем первый переключатель – Сохранить результаты в виде веб-страницы. Базовое имя для файла результатов указывается внизу. Сейчас это – резформ. Я изменю это имя. Напишу то же самое, только латинскими буквами. Файл будет иметь имя resform.htm. Нажмите кнопку Далее. Мастер получил все ответы, необходимые ему для создания страницы формы. Щелкните кнопку Готово в окне Мастер страницы формы. Программа вывела на экран новую страницу и внесла в нее готовую форму со всеми теми сведениями, которые мы определили во время работы мастера. Пользователь должен будет ввести свои учетные данные, контактные сведения, в том числе, должность, организацию, почтовый адрес и т.д. Представить другие данные о себе, в частности, дату рождения, пол, высказать своем мнение о чем-то. Здесь мы можем дописать, о чем. Мнение может выражаться такими определениями, как ужасный, плохой, средний и т.д. И наконец ввести какой-то текст, например, об организации Психологический клуб. Именно о чем, нужно здесь написать. После того, как он введет все сведения, он может нажать
280
TeachPro Microsoft FrontPage 2003
кнопку Отправить Для того чтобы отправить введенные данные на веб-узел. Или нажать кнопку Сброс, чтобы сбросить введенные данные – уничтожить их. Кроме того, на этой странице программа ввела сведения об обладателе авторских прав. Название организации или автора здесь следует ввести. Вернемся к началу этой страницы. Изменим заголовок страницы, сделаем его более содержательным. Сначала его нужно выделить и затем можно сразу вводить текст с клавиатуры. Например, я введу следующее. Ниже можно более подробно объяснить, для чего нужна форма, представленная на данной странице. Этот текст я тоже выделю и введу другой. Предположим, текст будет таким. Закончив ввод этого текста, можно проверить весь остальной на данной странице и изменить что-либо. Например, дописать вопрос – Ваше мнение о… Об этом вебузле. Что вы думаете о… тоже следует дописать. Закончив работу над страницей, я дал ей имя form и название, которое вы видите сейчас во всплывающей подсказке. Рассмотрим еще раз текст и если чтонибудь вас не устраивает, имеется возможность исправить. Например, можно вообще убрать предложения Сведения об обладателе авторских прав, ввести имя автора данного веб-узла, исправить год, ну и пожалуй все. Сохраните изменения. Просмотрим эту страницу в веб-обозревателе. Нажмите кнопку OK в том окне, которое сейчас появилась, и страница обозревателя открыта. Такую страницу увидит пользователь, просматривая наш веб-узел. Он должен будет ввести свои учетные данные, в частности, имя и фамилию, пароль – пароль отображается такими значками, чтобы тот, кто стоит за спиной у пользователя, не мог понять, какой пароль введен. А также он должен будет заполнить все остальные поля. Я их не буду сейчас заполнять. После того, как поля все заполнены, пользователь должен нажатm кнопку Отправить. Сейчас на экране появилась следующая страница. Она предназначена не для пользователя, а для разработчика веб-узла. Чтобы форма, которую он создал, работала, необходимо опубликовать веб-узел на сервере с установленными серверными расширениями FrontPage.
* * * 16.5. Регистрационная форма Форму на основе мастера мы уже создали, теперь создадим на основе шаблона. Щелкните стрелку Создание новой обычной страницы, выберите команду Страница. В диалоговом окне Шаблоны страниц на вкладке Общие выберите форму. Например, Регистрационная форма. Данная форма предназначена для регистрации пользователей на защищенном веб-узле. Щелкните кнопку OK. На экране появилась страница, содержащая форму для регистрации посетителей веб-узла. Сохранить эту страницу мы не будем, но рассмотрим ее содержание. Закройте область Список папок. Вверху страницы находится примечание. Это еще не сама форма. И примечание пользователь не увидит. Щелкните представление Просмотр. Примечание, как видите, исчезло, оно скрыто. Щелкните представление Конструктор. В примечании сказано, что форма регистрации пользователей должна быть сохранена в корневом узле веб-сервера. И в этом случае она позволит посетителям регистрироваться в качестве пользователей дочернего веб-узла FrontPage этого же сервера. Щелкните на полосе прокрутки. Под примечанием расположен тот текст, который пользователь увидит. Начинается он от слов Регистрация пользователей. Текст в квадратных скобках – имя веб-узла – следует заменить своим текстом. Я его выделю, щелкнув при нажатой клавише Shift в конце текста. Этот текст выделен. Удалю его нажатием клавиши Delete. И введу другой текст, например, Психологического клуба. Выравнивание этого текста на странице можно изменить. Для этого выберите одну из кнопок на панели инструментов. Я щелкну кнопку По центру. В том тексте, который располо-
Глава 16. Шаблоны и формы
281
жен под заголовком, тоже нужно заменить все вхождения текста, заключенного в квадратные скобки – имя веб– узла. Например, здесь я выделю текст в квадратных скобках и введу слова Психологический клуб. Я допустил ошибку, и она подчеркнута. Щелкну это слово правой кнопкой мыши. Программа предложила замену. Я выберу ее. Сама форма находится под этим текстом. Нажмите и удерживайте нижнюю кнопку на полосе прокрутки. Прежде, чем попасть на веб-узел, пользователь должен будет ввести свое имя, пароль, подтвердить пароль и ввести свой адрес электронной почты. После ввода всех этих данных он должен нажать кнопку Зарегистрироваться. Если данные введены неправильно, он может очистить форму, удалив данные нажатием кнопки. Для того чтобы посмотреть на свойства созданной программой формы, щелкните внутри пунктирного прямоугольника правой кнопкой мыши. В контекстном меню выберите строку Свойства формы. На экран выведено диалоговое окно Свойства формы. Группа опций, находящаяся в верхней части этого окна, называется Сохранение результатов. Следующая группа опций – свойства формы. Внизу находятся кнопки Параметры, Дополнительно и стандартные кнопки OK и отмена. В группе опций Сохранение результатов сейчас выбран переключатель в другом месте. В списке правее указано значение – обработчик формы регистрации. Обработчик – это программа, работающая на веб-сервере. Иначе говоря, то, что пользователь введет в поля формы, будет обработано этим самым обработчиком, и результатом будет то, что пользователь получит доступ к веб-узлу. Для того чтобы показать адрес этого веб-узла, щелкните кнопку Параметры в окне Свойства формы. На экране появилось диалоговое окно Параметры обработчика формы регистрации. По умолчанию открыта вкладка Регистрация. Верхнее поле – имя веб-узла. Щелкните в этом поле. Текст Имя вебузла нужно удалить. И ввести сюда то имя, которое позволит пользователю открыть нужный веб-узел. В моем случае, веб-узел имеет имя training. На этой же вкладке расположены такие поля, как поле имени пользователя, поле пароля, поле подтверждения пароля. Каждому из этих полей присвоено уникальное имя, чтобы программа могла понять, какое поле из имеющихся используется в том или ином случае. Еще ниже на данной вкладке расположена опция Требовать ввода пароля. Если вы снимите флажок, то пользователь сможет зарегистрироваться на веб-узле, не вводя пароль. Установите этот флажок. И последнее текстовое поле на данной вкладке –URL адрес страницы сбоя регистрации (необязательно). Если пользователь неправильно введет свой пароль или имя, то ему будет представлена страница, на которой будет содержаться текст с выражением сожаления по поводу его неудачной регистрации. Эту страницу вы можете ввести прямо в поле или найти ее в файловой системе с помощью кнопки Обзор. В результате открывается диалоговое окно Текущий веб-узел. Среди папок и файлов текущего веб-узла вы и можете выбрать соответствующий файл. Я нажму кнопку Отмена. В окне Параметры обработчика формы регистрации щелкните кнопку Отмена. В поле Имя формы диалогового окна Свойства формы введите имя для созданной формы. Я не буду этого делать и нажму кнопку Отмена. Закроем эту страницу, не сохраняя результатов. Программа спрашивает, сохранить ли изменения. Щелкните кнопку Нет.
* * * 16.6. Другие шаблоны страниц с формами В программе FrontPage имеется несколько шаблонов, позволяющих создавать страницы, содержащие формы. Щелкните стрелку Создание новой обычной страницы. Щелкните команду Страница. В диалоговом окне Шаблоны страниц открылась вкладка Общие. Выберите значок Гостевая книга. Имейте в виду, что и для этой, и для всех остальных форм, размещенных на странице, на веб-сервере должны быть установлены расширения FrontPage или службы Microsoft SharePoint Services. Нажмите кнопку OK. Страница открыта. Список папок я закрою, чтобы освободить дополнительное пространство. Вверху находится примечание, которое в вебобозревателе отображаться не будет. Переместите вниз ползунок. Форма, имеющаяся на странице, содержит текстовое поле, куда пользователь должен будет ввести свой текст и затем нажать кнопку Отправить. Закройте новую страницу. Откройте окно, содержащее шаблоны страниц. Щелкните значок Страница поиска. Это будет страница для выполнения поиска по тексту веб-узла, о чем сказано в описании. Нажмите кнопку OK. Как и
282
TeachPro Microsoft FrontPage 2003
другие шаблоны, эта страница содержит примечание наверху. Щелкните на полосе прокрутки. Пользователь должен будет ввести какое-нибудь слово или словосочетание в поле Найти и для поиска этого слова нажать кнопку Найти. Программа будет искать заданный текст по всему веб-узлу. Ниже размещено краткое описание языка запросов. В поле Найти можно вводить не просто текст в обычном виде, а в виде логических выражений, заключенных в круглые скобки. Примеры приведены ниже. Например, если пользователь введет следующее выражение: загрузка OR данных, то программа будет искать документы, содержащие или слово загрузка, или слово данных. Если же в поле Найти будет введен такой пример: загрузка AND данных, то программа начнет искать документы, в которых содержится и слово загрузка, слово данных. Закройте данную страницу. Откроем окно с шаблонами еще раз. Щелкните значок Форма обратной связи. Благодаря этой форме посетители узла смогут сообщать свои мысли о веб-узле его создателям. Нажмите кнопку OK. Текст, приведенный на этой форме, как и на всех других формах, можно редактировать, т.е. удалять какиенибудь слова, добавлять слова и изменять падежи, На данной форме имеются естественно. переключатели, раскрывающийся список, текстовое поле и т.д. Введя все необходимые значения и данные, пользователь должен нажать кнопку Отправить. Закройте новую страницу. Изменения, которые я внес в текст, сохранять, конечно, не будем. Нажмите Нет. Страница закрыта. Посмотрим на следующий шаблон формы. Для этого раскрываем окно, содержащее шаблоны, и здесь выберите значок Форма подтверждения. Эта форма позволяет пользователям убедиться в том, что данные, которые он отправил, дошли до сервера. Нажмите кнопку OK. Примечание, как обычно, расположено сверху. Пользователь его не увидит. Ниже находится текст, предназначенный для пользователя. Вместо того текста, который сейчас заключен в квадратные скобки, пользователь увидит конкретные данные. В частности, имя пользователя, которое он введет в соответствующем поле на форме до этого, адрес его электронной почты, телефон и факс. Здесь будут использоваться те данные, которые пользователь ввел, например, при регистрации на веб-узле. Сохранять эту страницу мы не будем, закройте ее.
* * * 16.7. Создание формы. Свойства формы Форму на странице веб-узла можно создавать не только с помощью шаблона или мастера, но и, так сказать, с чистого листа. Щелкните кнопку Создание новой обычной страницы. На появившейся странице мы будем создавать форму. Закройте область задач. Пустую страницу можно сохранить сразу. В диалоговом окне Сохранить как введем имя файла. Например, такое. Изменим название этой страницы. Например, таким образом. Нажмите кнопку OK в окне Название страницы. И кнопку Сохранить в окне Сохранить как. Страница сохранена. Тот текст, который вы сейчас видите, не будет отображаться на странице при просмотре в вебобозревателе, пока мы не введем страницу в представлении переходов. В этом можно убедиться, открыв меню Файл и выбрав какой-либо обозреватель. Теперь закройте его. Итак, для сбора сведений от пользователей веб-узла можно использовать формы. Начнем. Создание формы, так сказать, с нуля. Для этого откройте меню Вставка, наведите указатель мыши на строку Форма. Открылось подменю. В верхней его части имеется такая строка, которая называется Форма. Щелкните ее. На странице появилась форма. Форма – это контейнер, который будет содержать различные поля, и в эти поля пользователь будет вводить различные данные. Но сейчас эта форма небольшого размера. В ней уже автоматически созданы кнопки Отправить и Сброс. А сама эта форма обозначена линиями, состоящими из точек и
Глава 16. Шаблоны и формы
283
образующими прямоугольник. Мы можем эту форму сразу же увеличить. Но не перетаскиванием сторон этого прямоугольника. Когда мы наводим указатель мыши на какую-либо их сторон, он не превращается в двунаправленную стрелку, как было с обычными фигурами. Для того чтобы увеличить форму, поставьте курсор либо перед кнопками – сейчас он стоит как раз там, - либо после них, и нажмите клавишу Enter. Дополнительное пространство появилось после кнопок, потому что там, после этих кнопок, был курсор. Теперь поставьте его до кнопок. Для этого можно в данном случае воспользоваться клавишей Стрелка вверх. Нажмите опять клавишу Enter. На этот раз мы сместили кнопки вниз, и дополнительное пространство появилось на форме вверху. Переместите курсор еще раз вверх с помощью клавиши на клавиатуре. И опять нажмите клавишу Enter. Можно сделать то же самое несколько раз. Форма опять увеличилась. Сохраним изменения и просмотрим форму в веб-обозревателе. В нем страница сейчас выглядит следующим образом. Закройте обозреватель и продолжим знакомство с формой. Мы пока не ввели на нее никаких полей, куда пользователь мог бы вводить свои данные. Но свойства этой формы уже можем просмотреть. Щелкните ее правой кнопкой мыши. В контекстном меню выберите строку Свойства формы. На экран выведено диалоговое окно Свойства формы. После того, как пользователь заполнит все поля формы, которые сейчас пока не существуют, и нажмет кнопку Отправить, введенные им данные будут сохранены в файле с именем, которое указано в поле Имя файла. Кроме того, здесь указано, в какой папке будет сохранен данный файл. Файл будет иметь расширение csv. Это – текстовый файл с разделителями – запятыми. Одновременно данные, которые введет пользователь на форме, можно отправить по какому-либо адресу электронной почты. Введем адрес почты в соответствующем поле. Например, пусть он будет таким. Оба этих поля, т.е. адрес почты и имя файла, доступны, когда выбран переключатель Отправка. Кроме того, данные, которые введет пользователь, можно сохранить в базе данных, но в этом случае они не будут сохранены в том файле, который был указан, и не будут отправлены по адресу электронной почты. Или эти же данные можно сохранить в другом месте. Как они будут сохранены, зависит от сценария, от обработчика формы обсуждения или регистрации. Выбор вариантов зависит того, какую форму вы создаете. Переключитесь опять на отправку. Имя файла и адрес почты придется ввести повторно. В поле Имя формы в группе Свойства формы введите какое-нибудь имя для формы латинскими буквами, например. Дополнительные настройки можно сделать, щелкнув кнопку Параметры в этом окне. Появилось окно Сохранение результатов. Открыта вкладка Запись результатов. Имя файла. Здесь указано то имя, которое мы видели в предыдущем окне. Следующее поле – Формат файла. Сейчас выбрана опция Текстовый, разделитель – запятая. Формат можно изменить при желании. Раскройте список. Файл может иметь формат html, html как список определений, как маркированный список или форматированный текст. Кроме того, документ можно представить в идее форматированного текста или в виде текстового файла с различными разделителями. Разделитель может быть запятой, знаком табуляции или пробелом. Оставим без изменений этот список. Пусть будет выбран тот пункт, который выбран по умолчанию. При установленном флажке Включить имена полей нам будет легче ориентироваться в том, какие данные ввел пользователь, т.е. в каких полях он их вводил. Ниже можно указать дополнительный файл. В поле Имя файла можно либо ввести этот файл, либо найти с помощью кнопки Обзор, находящейся правее. В результате открывается окно Текущий веб-узел. Я не буду здесь искать какой-либо файл, просто нажму кнопку Отмена. Введу здесь для примера имя несуществующего файла, например, такое. Дополнительный файл может быть нужен, если вы хотите сохранить данные, введенные поль-
284
TeachPro Microsoft FrontPage 2003
зователем, не только в виде файла с расширением csv, т.е. текстового с разделителями в виде запятой, но и например в формате html или в формате html в виде маркированного списка. При выборе соответствующей опции программа автоматически добавляет расширения имена файла в предыдущем поле. При этом внизу тоже есть флажок Включить имена полей. Он позволит легче ориентироваться в данных, введенных пользователем, а также становится доступным флажок Последние результаты в конце файла. Когда мы выбираем не формат html, а текстовый формат, флажок бывает недоступен, что видно в предыдущем примере. Когда мы выбираем текстовый формат файла, как в первом случае, то данные, введенные пользователем в форме, всегда выносятся в конец файла. В случае с форматом html мы можем сами определять, будут ли данные внесены в конец файла или, если мы снимем этот флажок, тогда самые новые сведения будут в начале файла, а не в конце.
* * * 16.8. Свойства формы (продолжение) Мы определили параметры на вкладке Запись результатов диалогового окна Сохранение результатов. Откройте вкладку Отправка результатов по почте. Первое сверху поле, в котором уже введены некоторые данные, называется Адрес для получения результатов. Эти данные – адрес электронной почты, который я ввел сам. Эти данные были введены в предыдущем окне, Свойства формы. Ниже располагается список Формат электронной почты. В качестве формата электронного послания по умолчанию выбран форматированный текст, например, html или текстовый разделитель – запятая и другие. Оставим форматированный текст выбранным. Ниже, как и на предыдущей вкладке, имеется флажок – включить имена полей. Пусть он будет установлен. В следующей группе опций определяется заголовок сообщения. Это – строка тема и строка отправителя. Здесь мы ничего вводить сейчас не будем. Щелкните вкладку Страница подтверждения. На вкладке имеется поле URLадрес страницы подтверждения (необязательно). Сюда вводится имя страницы, которая сообщает пользователю об успешной отправке поля с данными эту страницу можно ввести непосредственно в поле или найти с помощью кнопки Обзор. Сделать это можно в окне Текущий веб-узел. Поскольку такой страницы я не создавал, нажмите кнопку Отмена. Если данные, которые вводит пользователь, проверяются особыми сценариями, то при сбое, происходящем при работе таких сценариев, можно выводить URL-адрес страницы сбоя проверки. Сейчас это поле недоступно, поскольку сценарии не используются. Щелкните вкладку Сохраняемые поля. На этой вкладке определяется, какие поля будут сохраняться в файле или отправляться по электронной почте. Или то и другое. Сейчас только поле B1 здесь указано. Кроме сохраняемых полей, можно ввести в сохраняемый документ также дату с помощью списка Формат даты. Дату можно выбрать из числа предложенных вариантов. Я выберу, например, этот. 30 сентября 2004 г. Кроме того, можно сохранить время создания документа с помощью списка Формат времени. В этом списке нужно выбрать формат, в котором время будет представлено. Например, такой. При создании файла с результатами можно также сохранить следующие дополнительные сведения: имя удаленного компьютера, имя пользователя и тип обозревателя. Для подтверждения всех изменений, сделанных в окне Сохранение результатов, щелкните кнопку OK. В окне Свойства формы тоже щелкните кнопку OK для подтверждения изменений. Программа вывела на экран окно, в котором сообщается, что эту форму нельзя на-
Глава 16. Шаблоны и формы
285
строить на отправку результатов по электронной почте. Веб-узел может находиться на диске или сервере, не настроенном на отправку электронной почты. Отодвиньте это окно ниже. Дело в том, что в окне Свойство формы мы ввели адрес электронной почты, и программа предлагает удалить этот адрес. Согласимся с ней. Для этого нужно нажать кнопку Да. Опять появилось диалоговое окно Сохранение результатов, и адрес электронной почты в нем сейчас выделен. Я нажимаю клавишу Delete. Адрес удален. Нажимаю OK в этом окне, и эти окна исчезают с экрана. Убедиться в том, что данные не будут отсылаться по электронной почте, можно, если опять вывести на экран диалоговое окно Свойства формы. Для этого щелкните внутри формы правой кнопкой мыши, выберите команду Свойства формы. Обратите внимание на то, что в поле Адрес почты теперь ничего нет. Нажмите кнопку Отмена в данном диалоговом окне.
* * * 16.9. Поле Поля и кнопки, вставленные на форму, можно удалять. Для этого нужно выбрать элемент щелчком мыши. Например, выделите кнопку Сброс. Если эта кнопка не нужна на форме, нажмите клавишу Delete на клавиатуре. Кнопка удалена. Отмените это действие. Прежде, чем добавлять на форму новые поля, нужно продумать, для чего эта форма нужна и какая у нее будет структура. Сначала я введу заголовок, поясняющий значение формы. Например, следующий. Отформатирую его с применением стилей. Раскрыв список, я выберу Заголовок 1. После этого выровняю введенный текст по правому краю. Для этого нужно щелкнуть кнопку на панели инструментов. Ниже я введу текст, более подробно объясняющий содержание указанной формы. Такой текст, например. Закончив составление абзаца, нажмите клавишу Enter, Первое, что должен будет ввести посетитель – это свою фамилию. Поэтому я пишу слово Фамилия. Затем я создам разрыв строки. Для этого я нажму клавишу Shift и, удерживая ее, клавишу Enter. Курсор переместился на новую строку. В это место я вставлю первое поле формы. Откройте меню Вставка, наведите указатель мыши на строку Форма. В подменю команда Форма теперь недоступна, поскольку форму мы уже вставили. Щелкните верхний из доступных пунктов, это – Поле. Поле вставлено в то место, где находился курсор. То, что мы вставили, – это простое текстовое поле. Сюда пользователь сможет ввести определенное количество символов в одной строке. Для того чтобы посмотреть свойства этого поля, щелкните его правой кнопкой мыши. В контекстном меню выберите команду Свойства поля формы. На экран выведено диалоговое окно Свойства текстового поля. Здесь уже указано имя введенного нами поля, T1. Это имя необходимо программе для идентификации поля. Ниже мы можем ввести то значение, которое будет отображаться при загрузке страницы. Например, пусть здесь будет какая-нибудь фамилия, что-нибудь достаточно известное. Онегин, например. Сколько знаков может быть в этой фамилии, указано в поле Ширина в знаках. Сейчас установлено значение 20. Если вы считаете, что фамилия может быть более 20 знаков, установите, например, 30. Справа находится поле Последовательность перехода. Это поле используется Для того чтобы назначить введенному на форму полю какое-нибудь число. Это поле первое, поэтому я введу цифру 1. Ниже находится переключатель Поле пароля - Да или Нет. Сейчас выбран переключатель Нет. Если вы щелкнете Да, то это будет означать, что в поле вводится пароль, но я выбираю Нет. Должна ли программа проверять, что пользователь вводит в поле, можно определить с помощью кнопки Проверить и назначение определенных опций в диалоговом окне Проверка текстового поля. В настоящий момент никакая проверка не назначена, тип данных – без ограничений. То есть, пользователь может ввести в поле Фа-
286
TeachPro Microsoft FrontPage 2003
милия все, что угодно. Цифры, например, буквы алфавита, восклицательные знаки, пробелы и так далее. Раскройте список Тип данных. Здесь имеются такие опции, как Текст, Целое, Число. Число может быть любым, а целое означает только целое число. Выберите опцию Текст. При ее выборе стали доступными другие опции, находящиеся ниже, в частности, формат текста. Щелкните, например, флажок Буквы. Мы установили этот флажок. Я отодвину диалоговое окно правее. То, что флажок Буквы установлен, означает, что пользователь должен будет ввести в поле Фамилия только буквы, но не цифры и не пробелы. Если он введет туда всетаки и цифры, то после отправки формы на сервер программа сообщит пользователю о допущенной ошибке. И то, что будет в этом сообщении указано, нужно ввести здесь, в поле Выводимое имя. Сейчас я напишу, например, слово Фамилия. Кроме уже указанных опций, можно также ввести длину данных. Поставьте флажок Требуется. Предположим, минимальная длина фамилии должна быть 1 символ, а максимальная длина –30 символов. И нижняя группа опций – значения данных. Поставьте флажок Поле. Вы можете выбрать такие значения, как больше или равно, меньше или равно и т.д., и ввести больше или равно чему. Значение вводится справа. Больше или равно 1, например. Нажмите кнопку OK в диалоговом окне Проверка текстового поля. В окне Свойства текстового поля тоже щелкните кнопку OK Для того чтобы подтвердить изменения настроек.
* * * 16.10. Проверка работы поля на сервере Сохраним изменения и введем эту страницу в структуру переходов. Щелкните вкладку Веб-узел. Раскройте область Список папок. Откройте область Переходы. Перетащите из области Список папок страницу my_form. Сделайте ее дочерней по отношению к домашней. Теперь щелкните вкладку страницы my_form. Область Список папок можно закрыть. Сверху и слева на странице появились панели адресов. К текущей странице на панели сверху можно перейти, щелкнув кнопку Обратная связь. Забегая вперед, я покажу, как данная страница будет работать, если веб-узел опубликовать на сервере с серверными расширениями FrontPage или службами SharePoint. Для этого я сейчас нажму кнопку Пуск и выберу команду Интернет –Internet Explorer. В строке адрес нужно ввести адрес вебузла, опубликованного на сервере. Адрес будет следующий. Таков адрес веб-узла, опубликованного у меня в локальной сети на веб-сервере. Для того чтобы открыть домашнюю страницу узла, нажмите клавишу Enter. Домашняя страница открыта. Щелкните гиперссылку Обратная связь. Теперь открыта страница с формой. По умолчанию в поле Фамилия задана фамилия Онегин. Это можно, конечно, изменить. Напишем другую фамилию. Обломов, например. После чего для отправки формы щелкните кнопку Отправить. У меня на вебсервере установлена английская версия служб SharePoint. Поэтому веб-сервер не понял, что мы написали в поле Фамилия. Поэтому он просит ввести только буквенные символы в поле Фамилия, причем поле Фамилия он написал следующим образом. Придется вводить текст английскими символами. Для этого нажмите кнопку OK, удалите слово Обломов, написанное по-русски, и введем то же самое слово, только по-английски. Теперь отправьте форму на сервер. Сервер вывел на экран пользователя форму подтверждения –Form Confirmation. На этой странице он благодарит нас за следующую информацию: Обломов. Это поле имеет имя T1. И поле B1, которое мы использовали – это кнопка Отправить. Как видите, имена полей могут вызвать некоторые трудности в понимании. Т.е. эти имена полей нужно делать более содержательными по смыслу. Кроме того, на этой странице предусмотрена ссылка для возвращения на
Глава 16. Шаблоны и формы
287
форму. Она создана автоматически программой. Щелкните ее. Повторно отправим форму, причем в поле Фамилия оставим фамилию, написанную порусски – Онегин или любую другую. Нажмите кнопку Отправить. На экране снова появилось окно с предупреждением, чтобы мы ввели только символы алфавита в поле, но в каком поле – здесь можно только догадываться. Если на веб-сервере установлена английская версия расширений FrontPage или служб SharePoint, то при создании страниц во FrontPage имя выводимого поля, которое я сейчас обвел, нужно тоже писать по-английски, чтобы было понятно. Поэтому изменим настройки в программе FrontPage. Нажмите здесь кнопку OK и закройте Microsoft Internet Explorer. Для того чтобы определить параметры поля, его нужно щелкнуть правой кнопкой мыши и выбрать команду Свойства поля формы. На экране появилось диалоговое окно Свойства текстового поля. Его можно было вывести на экран и другим способом. Щелкните кнопку Отмена. Выберите выделенное поле двойным щелчком мыши. Появилось то же самое диалогов окно. Щелкните в нем кнопку Проверить. На экране – окно Проверка текстового поля. Вместо слова Фамилия, которое в английской версии сервера выводится непонятными символами, нужно написать слово латинскими буквами. Удалите слово фамилия. Напишем название нашего поля поанглийски – surname – по-английски значит Фамилия. Обратите внимание на то, что если мы введем фамилию в этом поле, программа проверит, чтобы в этой фамилии были только буквы, поскольку сейчас установлен флажок Буквы. Нажмите кнопку OK в окне Проверка текстового поля. Теперь давайте полю Фамилия дадим более содержательное имя. Для этого нужно изменить T1 на что-то другое, тоже по-английски, конечно. Здесь можно написать тоже surname, как я это сделал в предыдущем окне, или как-то по-другому, например, last name. Это имя будет использоваться программой для идентификации поля. Нажмите кнопку OK в окне Свойства текстового поля. Теперь нужно сохранить изменения на этой странице и обновить эту страницу на веб-сервере. Сейчас я не буду показывать, как это делается, а просто покажу, как будет выглядеть работа с этой формой после того, как она обновлена на сервере. Для этого опять откроем веб-обозреватель с помощью кнопки Пуск. Введем адрес веб-узла. Нажмите клавишу Enter. На домашней странице щелкните кнопку Обратная связь. Предположим, в поле Фамилия пользователь введет не фамилию, а какие-нибудь цифры, и затем нажмет кнопку Отправить. Программа вывела на экран страницу с заголовком –Form Validation Error, что означает При проверке формы обнаружена ошибка. Далее по-английски написано: пожалуйста, исправьте информацию, которую вы предоставили, следуя этим указаниям, затем представьте информацию снова. И далее – конкретно объясняется, что нужно сделать. Пожалуйста, введите только буквенные символы в поле last name. Вернуться на форму можно, нажав соответствующую ссылку внизу. Что ж, теперь я введу фамилию согласно всем требованиям. Здесь будут только буквенные символы, причем написанные по-английски из-за того, что на сервере английская версия. Например, фамилия пусть будет такая. Теперь щелкните кнопку Отправить. Программа вывела на экран подтверждение отправки формы. Здесь указана фамилия, которую я ввел, и имя поля. Еще раз вернитесь на форму. Оставим теперь фамилию Онегин и снова нажмем кнопку Отправить. На этот раз программа не поняла символы, поскольку они были написаны по-русски, и просит ввести только буквенные символы в поле surname. Это – именно то имя поля Фамилия, которое мы ввели в окне для проведения проверки. Щелкните кнопку OK. И закройте окно веб-обозревателя.
* * *
288
TeachPro Microsoft FrontPage 2003 16.11. Текстовое поле. Поле отправки файла Установим следующее поле на странице с формами. Для этого щелкните в том месте, где должно быть поле. Прежде, чем устанавливать поле, напишите, что в этом поле нужно вводить. В данном случае, это будет имя. Затем нажмите клавишу Shift и, удерживая ее, щелкните Enter на клавиатуре. Мы создали новую строку, не разрывая абзац. Вставим сюда новое поле. Раскройте меню Вставка. Форма. Для того чтобы не проходить этот путь каждый раз при вставке нового поля, наведите указатель мыши на верхнюю часть подменю и перетащите это подменю в сторону. Оно превратилось в отдельную панель инструментов. Эту панель мы можем использовать для вставки полей. Сейчас я вставлю Поле. Для создания нового абзаца нажмите клавишу Enter на клавиатуре. В следующем поле посетитель страницы должен будет ввести сведения о своем образовании. Поэтому я здесь пишу слово образование. Нажимаю Shift и одновременно клавишу Enter. Передвиньте вниз ползунок. Поскольку человек мог закончить несколько образовательных учреждений, в этом поле может потребоваться несколько строк, несколько абзацев. Для такого случая предназначено Текстовое поле. Щелкните его. Отличие его от предыдущего поля заключается в том, что в этом поле можно вводить несколько строк, и в нем имеется полоса прокрутки справа. Для определения свойств введенного поля щелкните его дважды. Появилось диалоговое окно Свойства текстового поля. Для идентификации поля введем его имя латинскими буквами. Например, я введу следующее. Поле пусть остается шириной 20 знаков. Число строк можно увеличить. Установить, например, не 2 строки, а предположим 4. Последовательность перехода – это будет 3-е поле, поэтому я введу сюда цифру 3. Нажмите кнопку Проверить в окне. Появилось диалоговое окно Проверка текстового поля. Если мы не хотим, чтобы программа проверяла тип данных, то оставляем его без ограничений. Нажмите кнопку Отмена в этом окне. А в окне Свойства текстового поля – кнопку OK для подтверждения изменений. Теперь изменим настройки предыдущего поля. В окне Свойства текстового поля введем имя, пусть это будет first name. Если вы установите переключатель поля пароля Да, то при вводе текста этот текст будет отображаться у пользователя в виде звездочек или кружочков, чтобы никто из окружающих его людей не мог догадаться, что он пишет. Поэтому выберите переключатель Нет. Это – второе поле по порядку, поэтому последовательность перехода установим как 2. Нажмите OK в этом окне. И в поле Фамилия, и в поле Имя данные должны проверяться программой, поэтому после Фамилия поставим звездочку. Таким знаком обычно указывается, в каком поле нужно обязательно вводить данные. После имени тоже поставим звездочку. Теперь еще раз изменим настройки. Начнем с поля Фамилия. В диалоговом окне Свойства текстового поля удалим начальное значение. Возможно, такое значение в данном случае не помогало бы, а наобо-
Глава 16. Шаблоны и формы
289
рот сбивало пользователя с толку. Ширину в знаках сделаем равной 20, как и в следующем поле. Нажмите кнопку OK. Выберите следующее поле двойным щелчком мыши. Здесь мы тоже не будем вводить начальное значение. Щелкните кнопку Проверить. Это поле должно проверяться программой, поэтому выберите список Тип данных и в нем – текст. Формат текста – буквы. Выводимое имя –Name. На прошлом уроке я объяснял, что это имя программа выведет в случае ошибки. Установим также требования к длине данных. Флажок Требуется, минимальная длина –1 знак, максимальная длина –30 знаков. Нажмите OK этом окне. Обратите внимание еще раз на последовательность перехода. Здесь стоит цифра 2. Это значит, что если в данный момент курсор установлен в поле Фамилия, и пользователь нажимает клавишу Tab, то курсор переводится во второе поле, т.е. в следующее. Если он еще раз нажмет клавишу Tab, то курсор переместится в то поле, которое обозначено цифрой 3 в последовательности переходов. У нас это поле образование. В окне Свойства текстового поля нажмите кнопку OK. Сохраним изменения и посмотрим на результат. Щелкните в поле Фамилия. Теперь нажмите на клавиатуре клавишу Tab. Курсор оказался в поле Имя. Еще раз нажмите клавишу Tab. Теперь он находится в поле Образование. Вернитесь к представлению Конструктор. Щелкните там на странице, где должно быть следующее поле. Предположим, вы хотите, чтобы вместе с данными, которые вы здесь уже указали, посетитель страницы выслал вам какой-либо файл, например, сочинение на тему его будущей профессии. Поэтому нажмите кнопку Поле отправки файла. На экране появилось окно Конечная папка. В этом окне следует выбрать папку, в которую будет сохранен файл, который посетитель вам отправит. Если подходящей папки здесь нет, создайте ее. Для этого щелкните кнопку Создать папку в данном окне. Я ее назову upload. Нажмите клавишу Enter. Папка создана и выделена. В окне Конечная папка щелкните кнопку OK. Перед полем следует указать его назначение. Для этого я нажму клавишу Стрелка вверх, после чего создам новый абзац нажатием клавиши Enter, и здесь введу текст, например, такой. Чтобы устранить слишком большое расстояние, нажмите клавишу Delete. Поле переместилось в ту же строку, в которой сейчас находится текст. Нажмите Shift и, удерживая эту клавишу, нажмите Enter. Для изменения параметров поля щелкните его дважды. На экране появилось окно Свойства поля отправки файла. Дадим этому полю имя. Оно должно быть уникальным, upload, например. Ширина в знаках пусть остается 20. Последовательность перехода. Поскольку это –4- е поле, введем 4. Нажмите кнопку OK в диалоговом окне. Перейдите в режим Просмотр. Для того чтобы ввести файл, пользователь должен будет нажать кнопку Обзор и в окне Выбор файла, которое появилось в результате, выбрать нужный файл. После чего нажать кнопку Открыть. В поле появляется путь и имя данного файла. Нажмите клавишу End на клавиатуре, чтобы увидеть это имя. Хотя ширина поля составляет всего 20 знаков, в поле на самом деле помещается намного больше. Вернемся в режим Конструктор.
* * * 16.12. Флажки. Переключатели. Надпись Добавим на форму еще несколько полей. Раскройте меню Вставка, наведите указатель мыши на строку Форма. Отделите подменю от родительского меню. Переместите вниз ползунок. Установим курсор в то место, где должно быть следующее поле. Здесь я напишу вот что. Специализация. Теперь нажмите клавишу Shift и, удерживая ее, клавишу Enter. На панели инструментов Форма щелкните кнопку Флажок. В том месте, где был курсор, установлен прямоугольник. В прямоугольник пользователь должен будет ставить галочку, если хочет выбрать соответствующий пункт. Рядом с этим прямоугольником я напишу текст, например. Теперь при нажатой Shift нажму Enter. Здесь установлю еще один такой же прямоугольник и здесь тоже введу текст. Повторю эти действия еще раз. Посетитель узла должен будет поставить одну или несколько галочек в этих прямоугольниках, т.е. флажков. Установим свойства каждого из этих флажков. Для этого прямоугольник нужно щелкнуть дважды. Появляется диалоговое окно Свойства флажка. В первом поле – Имя. Введем соответствующее имя, например. Пусть будет такое имя. Значение ON значит Включен. Пусть это значение остается без изменений. Ниже указывается начальное состояние. Здесь 2 переключателя, Установлен и Снят. По умолчанию выбран переключатель Снят, т.е. флажка в квадратике нет. Пользователь может поставить его сам при желании. Далее
290
TeachPro Microsoft FrontPage 2003
идет поле Последовательность перехода. Щелкните в нем. Это поле – пятое по счету на форме. Введите сюда цифру 5. Нажмите кнопку OK для подтверждения установок. Выбираем следующее поле. Это можно сделать правой кнопкой мыши и в контекстном меню щелкнуть команду Свойства поля формы. Вместо C2 напишем checkbox2. Значение ON остается без изменений, начальное состояние – снят, последовательность перехода –6. OK. И двойным щелчком выбираем 3-ий флажок. Это –checkbox3. В начальном состоянии он снят, галочки нет, последовательность перехода –7. OK. Поставьте курсор после слова артист и нажмите Enter. Здесь введем следующий пункт, например, стаж работы. При нажатой Shift нажмите клавишу Enter. Следующее поле, которое мы вставим на форму, - это переключатель. Щелкните данную кнопку. На этот раз на форме появился кружок и в нем – точка. Рядом вводим текст. Например, такой. Менее года. Нажмите клавишу пробела, ставим следующий переключатель прямо в эту строку. Рядом с ним справа пишем от 1 до 2 лет. Пробел. И еще один переключатель. Пишем, например, от 3 до 100 лет. Обратите внимание на то, что программа поставила точку только в первом переключателе. Сохраните изменения. Посмотрим, какие свойства имеет переключатель. Щелкните выбранный переключатель дважды. На экран выведено диалоговое окно Свойства переключателя. На этот раз верхнее поле называется не просто Имя, как в предыдущих случаях, а Имя группы. Что это еще за группа? Нажмите кнопку Отмена. Щелкните следующий переключатель. Здесь верхнее поле тоже называется Имя группы, и здесь тоже указано значение, которое было в предыдущем окне, а именно R1. Щелкните кнопку Отмена и здесь. Выберите 3-ий переключатель. Программа ввела в поле Имя группы то же самое значение –R1. То, что недопустимо для других полей, вполне допустимо для переключателей, и не просто допустимо, а необходимо. Этих трех переключателей отличается не имя, а значение, которое вводится во 2-ом сверху поле. В данном случае значение – V3. Щелкните Отмена. Выберите двойным щелчком средний переключатель. Здесь значение – V2. Отмена. И в первом переключателе – значение V1, причем начальное значение этого переключателя – Выбран. Поэтому в нем и стоит точка. А в других значение было Не выбран, точки там нет. Нажмите кнопку Отмена и перейдем к представлению Просмотр. Щелкните второй переключатель. Точка переместилась сюда. Это произошло потому, что все 3 переключателя относятся к одной группе. Если мы щелкнем в третьем, то точка перемещается в него. Если бы имена групп у этих переключателей были разные, то точка не перемещалась бы из одного в другой переключатель, а оказалась бы в каждом из них. Сейчас для переключения нужно выбрать именно кружок, а не текст, относящийся к нему, но мы можем сделать так, чтобы переключатель можно было выбирать и щелчком на тексте. Как видите, я щелкаю текст, но переключатель при этом не выбирается, остается прежний. Перейдите обратно в режим Конструктор. Выберите тот переключатель и текст, которые должны быть вместе. Это можно сделать щелчком мыши после текста при нажатой клавише Shift. На панели инструментов форма щелкните кнопку Надпись. То же самое сделаем с двумя другими переключателями. Выберите следующий переключатель, нажмите клавишу Shift и щелкните после текста, относящегося к нему. Опять нажмите кнопку Надпись. Выберите следующий переключатель и текст. Кнопка Надпись. Сохраним изменения и посмотрим, как все это будет выглядеть. Щелкните теперь текст следующего переключателя. Тем самым мы этот переключатель выбрали. Щелкните следующий текст. Третий переключатель на этот раз выбран. Вернитесь к первому. Разумеется, можно по-прежнему щелкать и сами кружочки для выбора. Щелкните кнопку Конструктор.
* * *
Глава 16. Шаблоны и формы
291 16.13. Группа Панель инструментов Форма можно прикрепить к другим панелям, чтобы она не загораживала текст. Для этого перетащите ее просто туда, куда хотите. Например, я помещу ее в это место. Теперь переместите вниз ползунок на странице. Я щелкну на полосе прокрутки. Продолжим размещение полей на форме. Установите курсор на свободном месте на форме. Создайте новую строку нажатием клавиши Enter. Верните курсор на предыдущую строку. Здесь введем текст, например, такой. При нажатой клавише Shift снова нажмите клавишу Enter. Сюда мне нужно установить еще группу переключателей. Предположим, вы нажмете на кнопку Переключатель на панели инструментов. Этот переключатель здесь появился, но в нем нет точки, и он будет относиться ко всей группе переключателей, которые здесь уже установлены. Проверим это. Перейдите в режим Просмотр. Щелкните данный переключатель. Как видите, ни одной точки в предыдущих трех переключателях теперь нет. Точка переместилась сюда. То есть наш новый переключатель относится к группе переключателей, которые мы установили ранее. Для того чтобы этого не происходило, мы должны создать новую группу переключателей. Вернитесь в представление Конструктор. Выберите двойным щелчком только что установленный переключатель. Измените имя группы – вместо R1 введите, например, R2. Разумеется, можно было вместо буквы R написать что-нибудь другое. Значение вместо V4 установим V1. Выберите переключатель Выбран. Нажмите кнопку OK. Таким образом, мы начали создание новой группы переключателей, и этот переключатель уже относится к ней. Щелкните справа от него. Установим еще один переключатель сразу, не вводя текст. Выберите его двойным щелчком. Программа на этот раз автоматически ввела имя R и цифру 2 рядом, при этом она указала значение V2, тоже автоматически. И выбрала начальное состояние – Не выбран. Предположим, мы хотим изменить это положение и выбрать переключатель Выбран. Что произойдет, если мы нажмем кнопку OK? Будет выбран второй переключатель, и программа автоматически изменила свойства первого. Щелкните его дважды. Как видите, теперь здесь выбран переключатель Не выбран. Вернем прежнюю настройку, щелкнув этот переключатель. Нажмите OK. Переключатель снова содержит точку внутри. Отменим несколько последних изменений, чтобы удалить наши переключатели. Для создания новой строки нажмите клавишу Shift и клавишу Enter. Создадим новую группу переключателей другим способом. На панели инструментов нажмите кнопку Группа. Удалим лишний пробел. Для этого установим курсор в конце предыдущей фразы. Нажмите теперь клавишу Delete. Итак, на форме появилось поле под названием Группа. В данный прямоугольник мы можем вставить новые переключатели. Для этого щелкните внутри него. Там появляется курсор. Вставьте сюда переключатель. Посмотрим на его свойства. Как видите, программа автоматически ввела имя группы
292
TeachPro Microsoft FrontPage 2003
R2. То есть она начала создание новой группы. Нажмите кнопку Отмена. Рядом с переключателем напишем текст, например. Менее одного. Такой ответ, наверное, выглядит по меньшей мере странно. Тем не менее, продолжим. Вставим еще один переключатель. Напишем и здесь текст. Предположим, такой. И третий переключатель. Текст будет следующим. Группа переключателей создана в рамке Группа. Слово Группа можно заменить. Щелкнув в нем, удалите, например, с помощью клавиши Backspace. Здесь можно ввести другой текст, например. Выберите вариант. Свойства поля Группа можно изменять. Щелкните внутри этого поля правой кнопкой мыши. В контекстном меню выберите команду Свойства группы. На экране мы видим диалоговое окно Свойства группы. В поле Надпись уже введены те слова, которые мы ввели прямо на странице. Данный текст можно изменить и здесь. Ниже находится список Выравнивание. Сейчас выбран вариант По умолчанию Раскройте список. Можно выровнять также по левому краю, по правому и по центру. Выберем, например, вариант По центру. Нажмите кнопку OK в диалоговом окне. Слова Выберите вариант оказались в центре. Сохраните страницу нажатием сочетания клавиш Ctrl+S.
* * * 16.14. Раскрывающийся список Следующее поле, которые установим на форме, это Раскрывающийся список. Создадим место для этого поля. Щелкните на пустом пространстве в форме, нажмите Enter, еще раз. Верните курсор на 2 строки выше. Введем текст, например, такой. При нажатой клавише Shift нажмите клавишу Enter. На панели инструментов щелкните кнопку Раскрывающийся список. В том месте, где находился курсор, появилось поле Раскрывающийся список. Выберите введенное поле двойным щелчком мыши. Появилось диалоговое окно Свойства раскрывающегося списка. Имя, которое предложила программа –D1. Как и имена любых других полей, имя этого поля можно изменить. Например, я напишу здесь drop_down1. Единица пусть остается. Кнопка Добавить служит Для того чтобы добавлять элементы в список. Нажмите на нее. На экране появилось окно Добавление варианта. В поле Вариант впишем какой-либо язык, который будет затем отображаться в списке, например, русский. Какое должно быть начальное состояние списка? Если вы хотите, чтобы вариант русский отображался сразу, выберите переключатель Выбрано в группе Начальное состояние. Нажмите кнопку OK. Этот вариант появился в списке вариантов. Для добавления следующего нажмите кнопку Добавить. В окне Добавление варианта напишем, например, английский. Понятно, что теперь начальное состояние будет Не выбрано, поскольку уже выбран русский язык. Под полем вариант имеется флажок Значение. Сейчас он не установлен, и в поле, находящемся под ним, которое сейчас недоступно, указано слово английский. Программа ввела его сюда автоматически. Поставьте флажок Значение. Вместо слова английский напишем, например, English. Не рассматривая пока другие опции, нажмите кнопку OK в окне Свойства раскрывающегося списка. Значение русский появилось прямо в этом поле. Но раскрыть список мы не можем, если будем на нем щелкать, поскольку находимся в представлении Конструктор. Перейдите в режим Просмотра. В этом режиме и выберите список, щелкнув его. Сейчас мы видим 2 опции, которые и вводили – русский и английский. Предположим, вы выберете слово английский. Что отобразится в поле? Отобразилось то же самое слово – английский, но когда посетитель отправит эту форму на сервер, в результатах здесь будет значиться не слово английский, а слово English, которое мы ввели в значении. Перейдите в режим Конструктор. Выберите поле двойным щелчком мыши. Добавим еще один элемент. В окне Добавление варианта, в поле Вариант, напишите, например, французский. Возвращаемое значе-
Глава 16. Шаблоны и формы
293
ние пусть будет тем же самым – французский. Не будем его менять. Нажмите кнопку OK в этом окне. Элементы списка можно перемещать вверх и вниз. Сейчас выбран французский язык. Щелкните кнопку Вниз справа. Французский переместился ниже. Чтобы переместить его вверх, нажмите соответственно кнопку Вверх. Для изменения настроек этого элемента можно нажать кнопку Изменить. В результате появляется опять окно Изменение варианта. Сюда вы можете внести другие данные. Вместо французского, например, японский язык. Нажмите кнопку Отмена. Если вы хотите, чтобы в поле отображалась сразу не одна строка, как сейчас – в частности, у нас отображается только русский язык, - а например, 2 или 3 строки, то введите соответствующую цифру в поле Высота. Удалите, например, 1 и введите 2. Посмотрим, как это будет выглядеть. Нажмите кнопку OK. Теперь в поле мы видим сразу 2 языка – русский и французский. Английского не видно. Перейдите в режим Просмотр. Для того чтобы увидеть и английский, нужно воспользоваться кнопками на полосе прокрутки. Для того чтобы вернуться к предыдущему языку, щелкните верхнюю кнопку. Вернитесь к представлению Конструктор. Выберите это поле двойным щелчком мыши. Сделаем все же высоту равной 1 строке. В настоящий момент пользователь может выбирать только 1 строку. Французский язык или русский, или английский. Но можно сделать так, чтобы он имел возможность выбирать 2 или 3 языка сразу. Для этого установите переключатель Да в группе Разрешен выбор нескольких элементов. Нажмите кнопку OK. Щелкните кнопку Просмотр. Сейчас выбран русский язык. На полосе прокрутки щелкните кнопку Вниз, выберите также и французский при нажатой клавише Ctrl. Щелкните еще раз кнопку, выберите английский, тоже при нажатой Ctrl. Теперь у нас выбраны все 3 языка. В этом можно убедиться, щелкая верхнюю кнопку. Французский выбран и русский тоже. Вернитесь к представлению Конструктор. Сделать этот выбор более наглядным можно, опять изменив настройки. Для этого высоту сделайте равной 3 строкам, а не одной. Выбор элементов пусть будет разрешенным, т.е. выбран переключатель Да. Нажмите кнопку OK в диалоговом окне. Перейдите в режим Просмотр. Теперь мы видим все три языка и можем выбирать их. Для того чтобы выбрать их все сразу, нажмите клавишу Shift и щелкните нижнюю строку. Для того чтобы удалить какой-либо элемент из выбранных, нажмите клавишу Ctrl и щелкните элемент, например, французский. Остаются выбранными только 2 языка. Вернитесь к представлению Конструктор.
* * * 16.15. Типы кнопок В области формы на веб-странице выберите место, куда вы хотите вставить следующее поле. Сначала щелкните на полосе прокрутки. Поставьте курсор после раскрывающегося списка. На панели инструментов Форма найдите кнопку под названием Кнопка. Щелкните эту кнопку. Кнопка появилась на странице. Выберите кнопку двойным щелчком мыши. На экран выведено окно Свойства кнопки. Программа предложила для кнопки имя – B3. Я оставлю его без изменений и перейду в поле Значение или подпись. Здесь указано слово кнопка, которое и отображается на самой кнопке. Мы можем эту подпись изменить. Я удалю это слово и впишу какое-нибудь другое, например, отослать. Эта кнопка будет предназначена для того чтобы отсылать данные, которые пользователь ввел на форме на сервер. Для того чтобы создать такую кнопку, нужно среди опций Тип кнопки выбрать переключатель Отправить. Щелкните кнопку OK в окне Свойства кнопки. Вместо текста Кнопка, который был по умолча-
294
TeachPro Microsoft FrontPage 2003
нию, появилось слово Отослать на введенном поле. Действия этой кнопки будут дублировать действия кнопки Отправить, созданной здесь по умолчанию при создании самой формы, поэтому кнопка Отослать фактически нам здесь не нужна. Но кнопки могут использоваться не только для отправки данных или их сброса. Дважды щелкните кнопку Отослать. Мы снова видим диалоговое окно Свойства кнопки. Вы можете выбрать также кнопку Сброс, и кнопка будет дублировать кнопку Сброс, которая уже имеется на форме. Кроме того, вы можете выбрать такой тип кнопки, как обычная. Нажмите OK в диалоговом окне Свойства кнопки. С этого момента программа не будет знать, какое действия будет выполнять эта кнопка. Чтобы она какие-нибудь действия выполняла, вы должны написать сценарий, короткую программу. Для этого следует перейти к представлению Код. Написание сценариев не входит в нашу задачу, поэтому вернитесь к представлению Конструктор и удалите кнопку, на которой написано слово Отослать. Кроме поля, которое называется просто Кнопка, существует и Расширенная кнопка. На панели инструментов щелкните эту кнопку. На форме появилась новая кнопка, и в ней уже имеется текст Прототип для текста. Этот текст уже здесь введен и выделен. Вы можете сразу же ввести другой текст для введенной кнопки, например, Расширенная. Размер кнопки уменьшается и увеличивается согласно тому, сколько знаков текста введено. Щелкните эту кнопку правой клавишей мыши. В контекстном меню выберите команду Свойства расширенной кнопки. На экран выведено диалоговое окно Свойства расширенной кнопки. Имя этой кнопки уже предложено программой, вы можете его при желании изменить, а тип кнопки можно выбрать в списке. Здесь тоже имеются такие типы, как Обычный, Отправить и Сброс. Кроме того, размер кнопки в данном окне можно указать явно в поле Ширина и в поле Высота. Нажмите кнопку Отмена в диалоговом окне. Эту кнопку мы тоже удалим с формы. Для этого нужно подвести указатель мыши к кнопке, когда указатель превращается в стрелочку, щелкните левой кнопкой мыши. Кнопка выделена. Теперь можно нажать клавишу Delete на клавиатуре. Кнопка удалена. В качестве кнопки можно использовать и рисунок. Для того чтобы ввести рисунок на форму, щелкните кнопку Рисунок на панели инструментов Форма. В ответ открылось диалоговое окно Рисунок. В нем нужно выбрать соответствующий рисунок. Пусть это будет, например, 10 рублей. Нажмите кнопку Вставить. Изображение 10 рублей появилось на форме. Оно может использоваться в качестве кнопки отправки формы. Но раз уж у нас кнопка Отправить существует, то кнопку с изображением или, лучше сказать изображение – кнопку, удалим. Для этого нужно нажать клавишу Delete. Кнопку Надпись на панели инструментов Форма мы уже использовали. Рядом находится кнопка Свойства формы. Свойства формы мы тоже уже изучали. Щелкните эту кнопку. Появляется окно свойства формы. Нажмите кнопку Отмена в данном окне. И сохраните изменения на странице.
* * *
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
295
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint 17.1. Проверка содержания страниц После того, как все страницы веб-узла созданы, не мешало бы их проверить. Откройте страницу index, например. Я просмотрю эту страницу щелкая на полосе прокрутки. Здесь не хватает сведений об авторском праве. Обычно эти сведения помещают внизу страницы. Значок авторского права можно найти с помощью меню Вставка и команды Символ. Здесь я выберу этот знак. Выберу кодировку: вместо Unicode –ASCII. Этот знак указан в данной кодировке программой. Для вставки его на страницу нажмите кнопку Вставить в диалоговом коне Символ. Закройте это окно. Далее нужно вставить имя автора или организации, создавшей веб-сайт, и год создания. Если вы хотите, чтобы сведения об авторском праве появились на всех страницах веб-узла, можно использовать общие границы. Раскройте меню Формат и здесь щелкните строку Общие границы. На экран выведено окно Общие границы. Здесь 2 переключателя – Ко всем страницам или К текущей странице. Выберем Ко всем страницам. Общие границы сверху и слева уже есть, флажки установлены. Установим еще и флажок Снизу. Нажмите кнопку OK в окне Общие границы. В нижней части страницы появилась общая граница. Перенесем сведения об авторском праве туда. Для этого нужно их выделить, вырезать и вставить в общую границу. Можно изменить форматирование этого текста. Выделив его снова, выберем другой шрифт. Пусть будет Arial. Уменьшим размер. Кроме того, можно изменить выравнивание. Сделать текст по центру или справа. Обычно его выравнивают по центру. Раскроем еще какую-нибудь страницу веб-узла и посмотрим, появилась ли там общая граница с информацией об авторском праве. Например, откроем страницу Alex. Здесь эти данные есть. Щелкнем какую-нибудь другую страницу – details, например. Здесь тоже есть эти сведения. Еще один недостаток домашней страницы – здесь нет счетчика посещений. Предположим, я хочу установить его в этом месте. Для этого переведу туда курсор и открою меню Вставка. Здесь выберу строку Веб-компонент. В списке типов компонентов щелкните Счетчик посещений. Здесь выберем Стиль счетчика. Пусть будет такой, например. Нажмите кнопку Готово. В окне Свойства счетчика посещений стиль счетчика уже выбран. Поставьте флажок Сбросить счетчик до. В таком случае, начальное значение будет 0. И установите флажок Фиксированное число разрядов. Пусть число цифр в счетчике будет равно 5. Нажмите кнопку OK в окне Свойства счетчика посещений. Счетчик установлен в том месте, где был курсор. Можно теперь добавить текст, объясняющий, что это за цифры на странице. Для этого щелкните, например, после счетчика, нажмите клавишу Enter. Расстояние между текстом и счетчиком будет слишком большим. Я верну курсор на прежнее место нажатием клавиши Backspace. И нажму клавишу Enter при нажатой клавише Shift. Получился разрыв строки, но не создание нового абзаца. Дальше я введу объясняющий текст. Например, пусть он будет следующим, но размер его я уменьшу. Для этого нужно нажать кнопку Уменьшить размер шрифта. Естественно, текст надо было предварительно выделить, что я и сделал. Сохраните изменения сочетанием клавиш Ctrl+S. Кроме того, мне не нравится цвет текста, который находится под заголовком. Он похож на использованную гиперссылку. Выделим этот текст. И изменим цвет Для этого нужно щелкнуть стрелку Цвет текста. Я выберу, например, зеленый. Он получился слишком светлым, хотя написано, что это – темно-зеленый цвет. Выделю его еще раз, снова нажму стрелку Цвет текста и выберу дополнительные цвета. В диалоговом окне Другие цвета подберу нужный мне цвет, например, такой. И
296
TeachPro Microsoft FrontPage 2003
щелкну кнопку OK. Цвет опять изменился, стал более темным. Этот же текст можно превратить в бегущую строку. Выделим его. Раскройте меню вставка, Веб-компонент, выберите в списке типов компонентов Динамические эффекты. Он, кстати, уже выбран. И в списке эффектов – бегущая строка. Она как раз и выбрана. Нажмите кнопку Готово. Появилось диалоговое окно Свойства бегущей строки. В поле Текст этот текст, который я выделил, уже введен. При желании его можно изменить. Можно также изменить те настройки, которые здесь имеются, - тоже при желании. Я не буду ничего здесь менять сейчас и нажму кнопку OK. Сохраним изменения и просмотрим страницу в веб-обозревателе. Для сохранения нажмите сочетание клавиш Ctrl+S. Для просмотре раскройте меню Файл, Просмотреть в обозревателе и выберите какойнибудь веб-обозреватель. Страница появилась на экране, мы видим бегущую строку, которая, естественно, бежит. Счетчик посещений не отображается сейчас так, как надо, поскольку мы пока не опубликовали веб-узел. Переместимся вниз с помощью ползунка. Сведения об авторском праве имеются. Закройте окно вебобозревателя.
* * * 17.2. Проверка веб-компонентов и гиперссылок Подобно тому, как мы проверили содержание на домашней странице, проверьте содержание и остальных страниц веб-сайта, которые вы создали. Следующее, что можно сделать, - это проверить орфографию на веб-узле, т.е. правильно ли написаны слова. Щелкните узел верхнего уровня в области Список папок. На панели инструментов нажмите кнопку Орфография. На экране появилось окно Орфография. В нем расположено 2 переключателя – Проверить орфографию на выбранных страницах или на всем веб-узле. Выберите второй переключатель. Нажмите кнопку Начать в окне Орфография. В результате найдено 22 слова с ошибками на 12 страницах, на что указано в строке состояния окна Орфография. В списке находятся те документы, в которых программа обнаружила ошибки. Щелкните первую строку дважды. Фамилии, которую я ввел, нет в словаре. Для того, чтобы добавить ее в словарь, можно нажать кнопку Добавить в окне Орфография. Программа сообщает, что проверка этой страницы завершена. Ниже установлен флажок Закрыть эту страницу и имеется кнопка Следующая страница. Можно также вернуться назад в список. Нажмите кнопку Следующая страница. Этой фамилии тоже нет в словаре. Добавим фамилию в словарь. Переходим к следующей странице. На этой странице ошибки не обнаружены. Можем вернуться в список. Нажмите кнопку Назад в список. Выберите двойным щелчком следующую непроверенную страницу. Программа не знает то имя, которое я ввел. Я добавлю его в словарь и вернусь в список. Щелкните дважды следующую строку в списке. Нет в словаре слова ретроо. Оно написано неправильно. Можно использовать для замены тот вариант, который предложила программа. Я нажму кнопку Заменить и вернусь в список. Таким же образом нужно проверить все остальные страницы, в которых найдены ошибки. После того, как все страницы проверены и ошибки исправлены, в строках окна Орфография вместо красных кружков появляются желтые. Это означает, что проверка проведена. Закройте диалоговое окно Орфография.
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
297
Кроме проверки слов с ошибками, можно проверить и другие ошибки на страницах веб-узла. Например, ошибки веб-компонентов. Раскройте меню Вид, наведите указатель мыши на строку Отчеты. В подменю наведите указатель мыши на строку Ошибки. И здесь выберите ошибки компонентов. Программа вывела целый список в представлении Отчеты. Здесь указано, что страница содержит компонент FrontPage, счетчик посещений, который не будет работать правильно… Для того, чтобы увидеть остальной текст, нужно раздвинуть границу столбца. Пока веб-узел FrontPage не будет опубликован на сервере… Еще больше раздвинем столбец. И видим, что после слова «сервере» стоит точка. Но здесь имеется в виду сервер с расширениями FrontPage или с установленными на нем службами Microsoft SharePont Services. Кроме ошибок веб-компонентов, мы можем выявить ошибки гиперссылок. Раскройте меню Вид, Отчеты, Ошибки и в подменю выберите команду Гиперссылки. Появилось диалоговое окно Отчеты, где сказано, что FrontPage может автоматически проверить гиперссылки на вашем веб-узле. Для запуска проверки щелкните кнопку Да. Программа вывела на экран список неработающих гиперссылок. Для того, чтобы исправить гиперссылку на определенной странице, выберите нужную строку, например, на странице Statistics. Эта строка сейчас выбрана. Щелкните кнопку Изменить гиперссылку в этой области. На экране появилось диалоговое окно Изменение гиперссылки. Прямо здесь можно заменить гиперссылку. В поле, которое вы видите здесь, указана текущая гиперссылка. Можно выбрать цель этой гиперссылки с помощью кнопки Обзор. На экране появляется окно Изменение гиперссылки, в котором вы можете выбрать нужный файл, который и будет целью гиперссылки. Я нажму кнопку Отмена. Кроме того, здесь показано, на каких страницах эту гиперссылку следует изменить, на всех или на выбранных. И еще с помощью окна Изменение гиперссылки вы можете открыть страницу, где обнаружена неработающая гиперссылка. Для этого щелкните кнопку Изменить. Страница Статистика, в данном случае, открыта. Кстати, обратите внимание на то, что счетчик, который мы поместили слева, отображается теперь на всех страницах веб-узла, поскольку он был размещен в общей границе слева. Кроме того, на странице Статистика имеется свой счетчик. Следовательно, его можно удалить. После выделения нажмите клавишу Delete на клавиатуре. Счетчик удален. При желании счетчик, размещенный в общей границе, можно поместить в другое место. Например, разместить его только на странице index. Для этого его нужно вырезать вместе с текстом, который к нему относится. Для этого можно использовать кнопку Вырезать на панели инструментов. И поместить его в нижнюю часть страницы index. Только на ней он и будет. Например, здесь. Сохраните изменения. Переместитесь снова на вкладку Statistics. Здесь тоже счетчик в общей границе удален, а тот, который был внизу, мы удалили тоже. Если здесь имеется неработающая гиперссылка, измените ее, затем вернитесь на вкладку веб-узел и продолжите исправление неработающих гиперссылок.
* * * 17.3. Свойства удаленного веб-узла Вы закончили работу над Веб-узлом и хотите опубликовать его в Интернете. В области Веб-узел щелкните Удаленный веб-узел. Если вы ранее свой Веб-узел не публиковали в сети, то в этом представлении никаких данных не увидите. Здесь пустое окно. В центре находится только надпись: Чтобы настроить удаленный Вебузел, нажмите кнопку Свойства удаленного Веб-узла. Кнопка находится выше. Щелкните ее. Благодаря нажатию данной кнопки появляется диалоговое окно Свойства удаленного Веб-узла. На вкладке Удаленный Веб-
298
TeachPro Microsoft FrontPage 2003 узел, которая сейчас открыта, имеется возможность выбрать тип сервера, на котором вы будете публиковать свой сайт. Выбранный сейчас переключатель – это FrontPage или SharePoint Services. Такой сервер поддерживает расширение FrontPage или службы SharePoint. Адрес этого сервера должен начинаться с букв HTTP. По этому протоколу будут передаваться данные на сервер и обратно. Остальную часть адреса следует узнать у поставщика услуг, предоставляющего вам услуги на сервере. Следующий переключатель – это протокол WebDAV. Если сервер, на котором вы хотите опубликовать свой узел, поддерживает такой протокол, то можете выбрать этот переключатель. Ниже расположен переключатель Протокол FTP. Этот протокол предназначен для пересылки файлов. Начало адреса Веб-узла должно быть таким: FTP. А далее указывается тот адрес, который вам предоставит поставщик услуг. Следующий переключатель: файловая система. Во вводной части курса мы этот переключатель использовали и вводили адрес, который сейчас здесь и указан. Но при публикации Веб-узла в файловой системе локального компьютера, а не сервера, те вебкомпоненты, которые мы ввели на странице, работать не будут. Публиковать Веб-узел нужно на сервере, поддерживающем, как я уже сказал, серверное расширение FrontPage или службы SharePoint. Поэтому выберем первый переключатель. Если на сервере, куда вы хотите опубликовать свой сайт, установлены программы для поддержки протокола SSL, то можете выбрать флажок. Требуется шифрованное подключение SSL. Но если на сервере этот протокол не поддерживается, тогда свой веб-узел вы опубликовать не сможете. Я сниму этот флажок. Итак, оставляем выбранным первый переключатель Тип удаленного Веб-сервера. Переходим на вкладку: Оптимизация HTML. Оптимизация HTML - это удаление некоторых примечаний и элементов форматирования кода. По умолчанию оптимизация кода не производится, но мы можем установить флажок: При публикации оптимизировать код HTML, удалив следующие элементы. Какие именно элементы будут удалены, указывается ниже. В частности, можно удалить все примечания HTML. При установке этого флажка устанавливаются и все флажки, которые относятся к этому разделу, за исключением недоступных. Можно также удалить пустое пространство, в частности, предшествующее пустое пространство HTML. Это пустое пространство в начале каждой строки кода. И флажок Все пустое пространство HTML. Сюда входят и пробелы между наборами тегов, и переводы строк. Кроме того, можно удалить и автоматически созданный код HTML. В частности, атрибуты изображения образца и меняющихся кнопок FrontPage, а также теги Generate и ProgID. Чтобы применить те параметры, которые мы здесь установили, в качестве параметров по умолчанию, щелкните кнопку Использовать по умолчанию. Но я не буду на нее нажимать. Для того, чтобы, наоборот, восстановить настройку, щелкните соответствующую кнопку правее. В результате все те флажки, которые я установил, теперь сняты. Откройте вкладку Публикация. Чтобы опубликовать только новые страницы или
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
299
страницы, которые были изменены в последнее время, выберите переключатель Только измененные страницы. Чтобы опубликовать все без исключения страницы, выберите переключатель Все страницы с перезаписью существующих страниц. Чтобы применить параметры и к дочерним узлам, используется флажок Включить дочерние узлы. Ниже расположена группа переключателей Определять изменения. Первый переключатель, сравнивая исходный и конечный веб-узлы, используется для того, чтобы определить, какие веб-узлы на удаленном сервере были изменены. Нижний переключатель, используя штампы времени, используется для того, чтобы определить дату изменения файлов и дату публикации Веб-узла на локальном компьютере, а не на удаленном. Ниже расположена группа опций Ведение журналов. Сейчас установлен флажок Записывать изменения во время публикации. То, что будет происходить во время публикации Веб-узла на сервер, будет записываться в журнал. Для просмотра этого журнала используется кнопка Просмотреть журнал. После нажатия на эту кнопку появляется страница Веб-обозревателя, на которой расположены сведения о публикации Веб-узла, производившиеся ранее. Закроем эту страницу. Щелкните вкладку Удаленный Веб-узел. Главное сейчас, без чего мы не сможем опубликовать свой Веб-узел на удаленном Веб-сервере, – это адрес удаленного Веб-узла. Для получения такого адреса нужно обратиться к поставщикам услуг. Их еще называют провайдерами. Поэтому на следующем уроке мы попытаемся выйти на страницы таких поставщиков, или провайдеров, в Интернете. А сейчас нажмите кнопку Отмена в диалоговом окне Свойства удаленного Веб-узла.
* * * 17.4. Публикация на сервере SharePoint Для того чтобы найти компании, предоставляющие хостинг, то есть место на своем сервере для вашего Веб-узла, следует подключиться к Интернету. Затем запустите Веб-обозреватель, и можете поискать нужную компанию, например, с помощью поисковой системы Яндекс. В строке поиска введите нужный текст, например, SharePoint. Далее: Хостинг. Сервер. Подобрав нужные слова, вы можете нажать кнопку Найти, и программа выдаст набор Веб-узлов, на которых эти слова обнаружены. Другой способ: можете воспользоваться одним из тех двух адресов в Интернете, которые я вам предоставлю. Например, можете обратиться в компанию Capital Host. Ее адрес указан в поле Адрес. Эта компания поддерживает технологии SharePoint, SSL и другие. То есть, те компоненты, которые вы вставили в свой Веб-узел с помощью программы FrontPage, будут работать на сервере этой компании. Здесь же вы можете найти тарифные планы и выбрать один из них. Еще одна компания, которая вам может предоставить услуги SharePoint на платформе Windows, - это компания Parking. Ее адрес указан в строке. Щелкните на полосе прокрутки. Здесь описание служб SharePoint дано на отдельной странице. Вы можете определить, устраивают ли вас эти услуги, и обратиться в компанию при необходимости. Закройте эту Веб-страницу. Страницу Яндекса тоже закроем. В окне программы FrontPage, в представлении Удаленный Веб-узел, щелкните кнопку Свойства удаленного Веб-узла. Появилось диалоговое окно Свойства удаленного Веб-узла. На вкладке Удаленный Веб-узел выберите переключатель FrontPage или SharePoint services, и затем щелкните в поле Расположение удаленного Веб-узла. После букв HTTP и двух косых черт поставьте курсор, удалите те буквы, которые расположены дальше, с помощью Delete. И здесь введите тот Веб-узел, который вам предоставит поставщик услуг. Например, такой. Предположим, это тот адрес вашего Веб-узла, который вам предоставил провайдер, и где вы разместите свои страницы сайта. То есть Веб-узла, с помощью программы FrontPage. Определите настройки на вкладках: Оптимизация НTML и Публикация. Например, на вкладке Публикация установите флажок Включить дочерние узлы и сделайте другие настройки, которые вам необходимы. Вернитесь на вкладку Удаленный Веб-узел. Естественно, на самом деле никто такой домин, как microsoft.com, вам не предоставит. Я удалю этот адрес и напишу тот, который буду использовать для публикации Веб-узла. Он следующий. В окне Свойства удаленного веб-узла щелкните кнопку OK. В окне слева появилось Содержание локального веб-узла. В окне справа – содержание удаленного, то есть того, на который мы будем пересылать данные. В группе Опубликовать все измененные страницы должен быть выбран переключатель Локальный на
300
TeachPro Microsoft FrontPage 2003
удаленном. Для начала публикации своего Веб-узла, на удаленном компьютере нажмите кнопку Опубликовать веб-узел. Началась публикация. Ход выполнения вы видите на индикаторе. Публикация закончена. И о том, что она закончена успешно, свидетельствует текст в группе Состояние. Здесь сказано: Состояние последней публикации: Успех. Вы можете воспользоваться несколькими командами, которые находятся в группе Состояние. Верхняя в списке этих команд: Просмотреть журнал публикаций. Щелкните ее. Страница журнала публикаций открыта. Здесь указаны дата, время и выполненное действие. В какое время публикация завершена, можно узнать, перетащив ползунок вниз. Здесь указано, что завершена публикация 3 октября 2004 года в 15 часов 38 минут 16 секунд. Закройте это окно.
* * * 17.5. Проверка работы веб-узла на сервере Еще одна команда: Просмотреть удаленный Веб-узел. Щелкните эту строку. Открылась страница Веб-узла. Это домашняя страница нашего сайта. Здесь мы видим бегущую строку, все те изображения и текст, которые вводили на страницу. Адрес ее указан в строке Адрес. Для просмотра страницы можно воспользоваться полосой прокрутки. На счетчике мы видим, сколько посетителей уже имело счастье побывать на данной Веб-странице, а именно один. Для того чтобы перейти по любой из гиперссылок, ее нужно щелкнуть. Например, нажмите кнопку Чем платить. Открылась соответствующая страница Веб-узла. На предыдущую страницу можно вернуться с помощью кнопки Назад. После щелчка на этой кнопке мы снова оказались на домашней странице, которая называется Психологический клуб. Теперь щелкните кнопку Содержание на панели ссылок. Здесь мы видим содержание своего Веб-узла. Для того чтобы увидеть какую-либо страницу, нужно щелкнуть на гиперссылке в этом содержании. Например, коллекция фотографий. Страница с фотографиями открыта. Снова попасть на домашнюю страницу можно, щелкнув кнопку Домашняя на панели ссылок вверху или гиперссылку Домашняя слева, что я и сделаю. Опять открылась страница Психологический клуб. Переместите вниз ползунок. За прошедшее время страницу посетило уже шесть человек, хотя на самом-то деле я посетил ее сам шесть раз. Для того чтобы обсудить вопрос психологии, щелкните ссылку, находящуюся выше. На экране появилась начальная страница форума обсуждений. Здесь для того, чтобы поместить статью, нужно щелкнуть ссылку, которая так и звучит: Поместить новую статью, начав цепочку обсуждения. На открывшейся странице Обсуждение вопросов психологии в поле Тема щелкнем и введем тему своей статьи. Например, пусть она будет такой: Затем щелкните в поле От и введите свое имя или псевдоним. Например: Затем щелкните в поле Заметки, и здесь нужно разместить собственно текст вашей статьи, например, следующий. Записав свою мысль, переместите вниз ползунок (можно с помощью нижней кнопки), и для того чтобы разместить статью в форуме, нажмите кнопку Поместить. Открылась страница Подтверждение, на которой сказано следующее: Ваша статья Хорошо ли быть психологом? отправлена в группу Обсуждение. Теперь для того чтобы увидеть свою статью, щелкните кнопку Оглавление. Наверху находится оглавление, здесь указана тема статьи и автор. Для того чтобы увидеть содержание в нижней рамке, щелкните тему статьи. Содержание появилось внизу. Закройте страницу Веб-обозревателя. В
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
301
группе Состояние находится еще одна команда: Открыть удаленный Веб-узел в FrontPage. Щелкните эту гиперссылку. Удаленный Веб-узел открылся в программе FrontPage. Его адрес указан в строке заголовка. Закройте окно. Кроме публикации всего локального Веб-узла, на удаленном Веб-узле вы можете публиковать отдельные файлы. Предположим, вы хотите опубликовать такой файл, как alex, например, после того как вы внесли в него изменения. Очевидно, вам его нужно выбрать на локальном Веб-узле, что я и сделал. Затем убедитесь в том, что публиковаться будет именно этот файл с локального веб-узла на удаленный. Для этого должен быть выбран переключатель Локальный на удаленном. Я щелкнул этот переключатель, и выделение файла было снято. Я еще раз его выделю. При этом в промежутке между окном локального веб-узла и удаленного веб-узла стали доступными стрелки: Опубликовать выбранные файлы с локального веб-узла на удаленный веб-узел и Синхронизировать выбранные файлы. Нам необходимо опубликовать файл с локального на удаленный веб-узел. Поэтому щелкните верхнюю кнопку. Файл опубликован. Но на самом деле программа поняла, что файл не был изменен, и никаких изменений, соответственно, не было внесено и на удаленном веб-узле. Попробуем теперь изменить исходный файл. Например, я напишу здесь дополнительный текст. Сохраню изменения и закрою этот документ. В окне локального веб-узла программа указала на измененное состояние. Кроме того, слева от файла появилась стрелка. После щелчка на соседнем файле появились стрелки и в промежутке между окнами локального и удаленного веб-узла. Теперь я снова щелкну файл alex на локальном веб-узле, и здесь стрелка доступна. Щелкну стрелку Опубликовать выбранные файлы с локального веб-узла на удаленный веб-узел. Теперь изменения сохранены и на удаленном Веб-узле. Если файлы были изменены не на локальном веб-узле, а на удаленном, их тоже можно скопировать. Для этого выделите нужные файлы или файл на удаленном Веб-узле, например, я выделил тот же файл alex. Можно выделить два или более файлов. Например, я выделю еще и файл contents. Я сделал это при нажатой клавише CTRL. Когда файлы выделены на удаленном веб-узле, становится доступной стрелка Опубликовать выбранные файлы с удаленного веб-узла на локальный веб-узел. Для того чтобы скопировать выделенные файлы на локальный Вебузел, нажмите на эту стрелку. Копирование произошло. Если же вам нужно скопировать все файлы с удаленного веб-узла на локальный, независимо от того, какие выделены, для этого используется кнопка Синхронизировать выбранные файлы, находящаяся между двумя окнами – локальным и удаленным веб-узлом, или можно выбрать переключатель Синхронизация в группе Опубликовать все измененные страницы, и затем щелкнуть кнопку Опубликовать веб-узел. Я не буду этого делать.
* * * 17.6. Отчеты Программа FrontPage может создавать целый набор отчетов, позволяющих лучше управлять вебузлом. Для того чтобы увидеть отчет, раскройте меню Вид, наведите указатель мыши на строку Отчеты. Появляется подменю. Верхний пункт в нем – это сводка Веб-узла. Щелкните эту строку. В результате Веб-узел открылся в представлении Отчеты. Мы видим сводку по углу. Верхняя строка в списке – Все файлы. Число файлов текущего Вебузла составляет 142. Размер – 6879 килобайт. Наведите указатель мыши на слова Все файлы в первой строке. Указатель превратился в руку. Мы можем щелкнуть эти слова, и тогда открывается список всех файлов, имеющихся на Веб-узле. Раскройте еще раз меню Вид. Строка Отчеты. На этот раз в подменю наведите указатель мыши на
302
TeachPro Microsoft FrontPage 2003
строку Файлы. Здесь тоже появляется подменю. Выберите, например, пункт Старые файлы. На этот раз в области Веб-узел открылся список файлов, которые не обновлялись в течение как минимум 72 дней. Мы можем указать здесь другое значение. Раскройте список. Выберите, например, 15 дней. В этом случае список файлов увеличился. Мы можем посмотреть и другой отчет, щелкнув список, который находится под вкладкой Веб-узел. Сейчас это старые файлы. В подменю вы можете выбрать, например, Недавно добавленные файлы или Недавно измененные файлы. В меню наведите указатель мыши на другой пункт, например, Общее содержимое. В том подменю, которое сейчас появилось, четыре пункта: Динамические Вебшаблоны, Общие границы, Ссылки на таблицу стилей и Темы. Выберите, например, строку Общие границы. Программа показала список тех файлов, в которых имеются общие границы. Снова щелкните список. Наведите указатель мыши на строку Ошибки. Здесь в подменю мы тоже можем выбрать какой-либо отчет, например, Гиперссылки. Программа предлагает немедленно выполнить проверку гиперссылок на Веб-узле. Можем нажать кнопку Нет, и тогда мы откажемся от проверки, или кнопку Да, что я и сделаю. На экране появился список неработающих гиперссылок. Часть из них не работает потому, что в данный момент нет подключения к Интернету. Посмотрим, какие еще отчеты имеются. Наведите указатель мыши на строку Делопроизводство. Здесь есть такие пункты, как Состояние проверки, Состояние назначения, Категории, Состояние публикации. Выберите, например, Категории. Файлы, для которых категории назначены, мы можем увидеть благодаря столбцу Категория. Например, этому файлу назначена категория VIP. Это документ alex. Этому файлу – категория Организация, файл collection. Перечисленные файлы мы можем отсортировать. Сейчас, например, они отсортированы по имени. Для того чтобы отсортировать по названию, можно щелкнуть заголовок этого столбца. Теперь тот файл, который был практически в начале списка, collection, оказался чуть ли не в самом конце. Передвиньте ползунок вверх. В самом начале оказались файлы с названием, которые начинаются с символа Подчеркивание. И эти названия распределены по алфавиту. Мы можем снова отсортировать список по имени, щелкнув заголовок левого столбца. Уже перечисленные в столбцах данные можно отсортировать, при этом удалив часть этих данных, т.е. отфильтровать некоторые данные. Щелкните не само название столбца, а стрелку, которая в нем находится. Появился список. Сейчас выбрана строка Все, то есть показаны все данные, относящиеся к этому столбцу. Мы можем выбрать какое-либо из данных, которые здесь уже имеются. Например, выберите строку 1000 рублей. В этом случае в списке остается только файл 1000 рублей. Снова щелкните стрелку, и выберем на этот раз не конкретное имя файла, а условие. В ответ появилось диалоговое окно Пользовательский автофильтр. Согласно имеющимся сейчас настройкам, имя документа равно значению 1000 рублей. Внизу слева имеется еще один список. Раскройте его. Здесь имеются такие, например, условия, как равно, неравно, больше, меньше и так далее. Выберем и в этом списке значение равно. Раскройте список справа. В этом списке уже не условие, а имена файлов, перечисленных в списке в отчете. Выберите, например, alex. Согласно нашему автофильтру, имя файла должно быть равно 1000 рублей и имени alex. Нажмите кнопку ОК. Ни одного файла, соответствующего условиям фильтра, нет. Потому что ни один файл не соответствует требованиям, которые мы задали в окне. Раскройте список еще раз с помощью стрелки, выберите Условия и вместо переключателя и выберем переключатель или. То есть имя файла должно быть равно значению 1000 рублей или имя
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
303
должно быть alex. То есть, теперь мы предлагаем найти два разных значения. Нажмите кнопку ОК. Оба эти файла представлены в столбце Имя. По отношению к выбранным файлам мы можем применить некоторые действия с помощью правой кнопки мыши. Щелкните, например, верхнюю строку правой кнопкой. Появилось контекстное меню. В нем мы можем, например, открыть выделенный файл. Причем открыть с помощью различных программ, которые перечислены в списке, либо открыть таким образом: по умолчанию файл открыт в программе Microsoft Office Picture Manager. Закройте эту программу. Выберите следующий файл правой кнопкой мыши. В контекстном меню можно, например, выбрать команду Не публиковать. На значке этого файла появился красный кружок с крестиком. Это означает, что файл не будет публиковаться. Щелкните еще раз стрелку столбца Имя. Выберите строку Все. Теперь отображены все файлы. Вы можете запретить публикацию сразу нескольких файлов. Например, выберите их с помощью нажатой клавиши Shift. Щелкните правой кнопкой мыши любой из этих файлов. Щелкните теперь в контекстном меню строку Не публиковать. Значок исчез, который был на файле alex. Выберите те же самые выделенные файлы еще раз правой кнопкой мыши и снова щелкните строку Не публиковать. Теперь такие значки появились у всех выделенных файлов, и публиковаться они не будут. Я сниму эти значки. Можно, например, в списке отобразить только файлы, относящиеся к определенному типу, имеющие, например, одно расширение. Для этого в столбце Тип щелкните стрелку и выберите тот тип файлов, которые вы хотите видеть в списке, например, jpg. В списке остались только файлы с таким расширением.
* * * 17.7. Задачи При создании достаточно крупного Веб-узла возникает необходимость выполнения большого круга задач. Причем над этими задачами могут работать разные люди. Для того чтобы отслеживать выполнение задач, существуют специальные функции в программе FrontPage. Раскройте меню Правка. Наведите указатель мыши на строку Задачи. Появилось подменю, в котором сейчас доступен только один пункт: Добавить задачу. Его и щелкните. Программа вывела на экран диалоговое окно Создание задачи. В поле Имя задачи укажите какое-либо имя. Его можно просто придумать. Например, я впишу туда слово Обновление. Следующим в поле нужно ввести имя исполнителя. Сейчас здесь указан пользователь данного компьютера. Для того чтобы выбрать исполнителя, можно раскрыть список Исполнитель. В этом списке, кроме пользователя этого компьютера, больше ничего нет. Поэтому щелкните за пределами списка. Имя можно ввести прямо в поле Исполнитель. Сейчас оно выделено, поэтому я ввожу имя с клавиатуры. Например, Петров. Степень важности этой задачи можно определить в группе Важность. По умолчанию выбран переключатель Средняя. Можно выбрать также такую важность, как Высокая или Низкая. Выберем, к примеру, Высокая. Более подробное описание задачи дается в поле Описание внизу. Сюда я введу следующий текст. Выполнив все эти настройки, нажмите кнопку ОК в окне Создание задачи. Для перехода к представлению задачи щелкните кнопку внизу. Только что созданная задача появилась в списке, и список состоит пока что из одного пункта. Задачу, которую вы создаете, можно связать с каким-либо файлом. Например, вам нужно, чтобы господин Петров выполнил обновление файла index. Для этого сначала откройте этот файл. Файл открыт. Теперь раскройте меню Правка, наведите указатель мыши на
304
TeachPro Microsoft FrontPage 2003
строку Задачи. Щелкните строку Добавить задачу. На экране появилось диалоговое окно Создание задачи. Введем имя задачи в соответствующем поле. Пусть это будет Новое обновление, например. Выберите Важность. Пусть остается Средняя. Выберите исполнителя. Теперь здесь появился Петров в списке. Его и выберем. В описании следует ввести текст, относящийся к задаче. Например, следующий: Для подтверждения изменения щелкните кнопку ОК в окне Создание задачи. Щелкните вкладку Веб-узел. Новая задача создана. Обратите внимание на столбец Сопоставлено. В первом случае задача не была сопоставлена ни с одним из файлов. Здесь пустое место. Во втором случае она сопоставлена с тем файлом, который был открыт при создании этой задачи. Это был файл Индекс. Закройте его. Щелкните ту задачу, которая была создана первой, правой кнопкой мыши. Появилось контекстное меню. В нем можно выбрать такие команды, как Изменить задачу, пометить как завершенную, Удалить задачу. При этом команда Запустить задачу недоступна, потому что эта задача не связана ни с каким файлом. Щелкните строку Изменить задачу. На экран выведено диалоговое окно Сведения о задаче. Здесь те данные, которые мы вводили, включая важность. Нажмите кнопку Отмена в диалоговом окне. Выберите ту же строку правой кнопкой мыши. Теперь выберите команду Пометить как завершенную. Вместо красного кружочка в столбце Состояние появился зеленый. Он указывает на то, что задача завершена. Щелкните эту же задачу правой кнопкой мыши. Выберите команду Удалить задачу в контекстном меню. Программа просит подтверждения удаления. Нажмите кнопку Да. Задача удалена из списка задач. Оставшуюся задачу щелкните правой кнопкой мыши. Здесь пункт Запустить задачу доступен, потому что эта задача связана с определенным файлом. Что будет, если эту команду использовать? Щелкните ее. В результате открывается тот файл, с которым задача связана, и вы можете выполнить задачу, отредактировав этот файл. Закройте его. Для того чтобы легче было отслеживать выполнение задач, можно использовать свойства файлов. Щелкните в области Список папок файл Индекс правой кнопкой мыши. Выберите команду Свойства.Появилось диалоговое окно Свойства. На вкладке Ошибки программа перечислила возможные ошибки, относящиеся к данному файлу. Но сейчас мы ими заниматься не будем. Щелкните вкладку Рабочая группа. Укажем исполнителя задачи, относящейся к выбранному файлу. Для этого раскройте список Исполнитель. И здесь уже находится фамилия Петров. Щелкните ее. Затем выберите состояние проверки. Здесь три варианта: На рассмотрении, Одобрено, Отклонено. Выберите На рассмотрении. Щелкните кнопку Применить и затем кнопку ОК. Никаких изменений в представлении задачи при этом не произошло. Для того чтобы определить состояние проверки выполнения этой задачи, щелкните вкладку Отчеты. В этом представлении сейчас выбран отчет Категории. Щелкните список, выберите строку Делопроизводство, и в подменю – команду Состояние проверки. В столбце Состояние проверки мы видим текст, относящийся к файлу Индекс: На рассмотрении. Именно такой вариант мы задали в свойствах файлов. Я еще раз покажу эти свойства. Щелкнув файл Индекс правой кнопкой мыши, выбираем Свойства, Рабочая группа, и здесь состояние проверки – На рассмотрении. Раскройте список. Выберем здесь строку Одобрено. Примените изменения и нажмите кнопку ОК в окне Свойства. Состояние проверки соответственно изменилось и в отчетах. Чтобы два человека не начали случайно работать независимо друг от друга над одним и тем же документом, можно сделать следующее. Раскройте меню Сервис, команда Параметры узла. Появилось окно Параметры узла. На вкладке Общие установите флажок Использовать извлечение и возврат документов. Затем выберите Удаленный
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
305
или Локальный Веб-узел. Я выбрал локальный. Можно также извлечь флажок Предлагать извлечь файл при открытии страницы. Нажмите кнопку ОК. Программа предлагает обновить Веб-узел. Нажмите кнопку Да. Для того чтобы поработать над каким-либо файлом, изменяя его, и при этом быть уверенным, что одновременно кто-то другой не работает над этим файлом и не перезапишет вашу работу, щелкните этот файл правой кнопкой мыши в области Список папок. Например, файл Индекс. В контекстном меню выберите команду Извлечь. Рядом с именем файла появилась зеленая галочка. Это означает, что файл извлечен именно для вас и никто другой не сможет его изменять. Если рядом со значком какого-либо из документов отображается серый замок, то это значит, что кто-то другой извлек этот документ, и над ним не можете работать вы.
* * * 17.8. Создание веб-узлов SharePoint на основе шаблонов и веб-пакетов В программе FrontPage 2003 можно создать Вебузел на основе технологии SharePoint, обеспечивающей пользователям возможность работать над документами совместно. При этом они могут использовать такие программы, как Microsoft Word, Microsoft PowerPoint и Microsoft Excel. Закроем тот Веб-узел, который мы создавали ранее. В меню Файл выберите команду Закрыть узел. Щелкните стрелку на панели инструментов Создание новой обычной страницы. Выберите команду Веб-узел. На экране появилось диалоговое окно Шаблоны Веб-узлов. На вкладке Общие выберите значок Веб-узел группы SharePoint. Сейчас этот значок выделен. В разделе Описание появился текст, описывающий создание Веб-узла с использованием служб Шер-пойнт. В группе Параметры в текстовом поле введите адрес нового Веб-узла. Начинаться он должен с букв HTTP. Все остальное вы должны узнать у администратора сети. Он вам этот адрес сообщит. Я введу здесь тот адрес, который есть у меня. Закончив ввод адреса, щелкните кнопку ОК в окне Шаблоны Веб-узлов. В результате создан стандартный Веб-узел Шер-пойнт. Домашняя страница имеет имя default и расширение ASРХ. Откройте эту страницу двойным щелчком мыши. Как видите, эта страница уже имеет некоторое содержание. Оно создано на основе того шаблона, который находится на Веб-сервере. Кроме этого шаблона Веб-узла, на сервере имеются и другие. То есть вы можете другие Веб-узлы создать при помощи этих шаблонов. Раскройте список, щелкнув стрелку Создание новой обычной страницы. Выберите команду Веб-узел. На экране появилось окно Шаблоны Веб-узлов. Щелкните в нем вкладку SharePoint Services. Здесь находятся следующие шаблоны: Узел группы. В разделе Описание сказано, что входит в такой Вебузел. Он включает библиотеку документов и основные списки, такие как оповещение, события, контакты и быстрые ссылки. Нажмите здесь кнопку Отмена. Тот узел, который мы создали по умолчанию, так и называется: Веб-узел группы. Снова раскройте список шаблонов Веб-узлов. Выберите строку Веб-узел, в окне Шаблоны Веб-узлов щелкните вкладку SharePoint Services. Следующий шаблон – пустой узел. Если вы используете такой шаблон, то домашняя страница там будет пустой. Но на нее можно будет добавлять данные. Щелкните значок, находящийся правее. Это шаблон под названием Рабочая область для документов. Узел, создаваемый с помощью этого шаблона, служит для совместной работы с документами. Следующий значок. Базовая рабочая область для собраний. В таком узле будут представлены средства, нужные для планирования, организации и отслеживания собраний, как сказано в описании. Следующий значок – пустая рабочая область для собраний.
306
TeachPro Microsoft FrontPage 2003
Эту область можно будет настроить. Далее – значок рабочая область для собраний – решения. Затем значок рабочая область для собраний – социальные. И последний значок – многостраничная рабочая область для собраний. Новый Веб-узел мы создавать не будем на основе шаблонов. Поэтому нажмите кнопку Отмена в окне Шаблоны Веб-узлов. Кроме использования шаблонов для создания Веб-узлов, можно использовать и Веб-пакеты. Вебпакеты – это связанные наборы файлов, используемые на Веб-узле. Раскройте список создание новой обычной страницы, щелкнув стрелку. Выберите строку Веб-узел. В диалоговом окне Шаблоны Веб-узлов выберите вкладку Пакеты. На этой вкладке имеются два значка: Вебжурнал, он сейчас выбран, и второй – Узел новостей и обзоров. Это узел, управляемый Microsoft Windows SharePoint Services, что сказано и в описании. Эти же службы управляют и Вебжурналом. Об этом тоже сказано в описании. Щелкните значок Узел новостей и обзоров. В соответствующем поле укажите расположение нового Веб-узла. Этот узел можно сделать дочерним по отношению к какому-либо уже созданному Вебузлу, если поставить флажок добавить на текущий Веб-узел. То есть в таком случае новый узел будет добавлен на узел share, который мы создавали ранее. Он указан в текстовом поле выше. Снимите флажок. После слова share я поставлю цифру 2. Если требуется подключение по протоколу SSL, поставьте соответствующий флажок. В этом случае протокол передачи данных будет HTTPS. Буква S автоматически добавилась в поле. Снимите и этот флажок. Для создания нового узла нажмите кнопку ОК. На экран выведено окно импорт Веб-пакета. В поле Конечное расположение указывается путь к новому Веб-узлу. В списке ниже указываются элементы из Веб-пакета, которые будут импортироваться. Если какие-либо из этих элементов вы не хотите импортировать, то можете снять флажок. Если вы хотите снять все флажки, то нажмите кнопку Снять выделение. Все флажки сняты в списке. Для того чтобы, наоборот, установить все флажки, щелкните кнопку Выделить все. Для выполнения импорта нажмите кнопку Импорт в этом окне. Производится импорт пакета. Затем появляется сообщение о том, что развертывание веб-пакета News завершено. Нажмите кнопку ОК. Новый Веб-узел создан. Откроем страницу default. Страница открыта. Называется она Новости и обзоры. Над заголовком указано, что это Вебузел, управляемый данными FrontPage. Для просмотра этой страницы воспользуйтесь полосой прокрутки.
* * * 17.9. Заголовок и изображение на домашней странице Предположим, вы подключены к серверу, на котором установлен Веб-узел группы SharePoint и открыли этот Веб-узел в программе FrontPage. Откроем домашнюю страницу. Она имеет расширение ASPX. Это - страница веб-частей, а вебчасть – это блок сведений с единой направленностью. Эти сведения, хотя и могут храниться в различных источниках данных и не совместимых друг с другом приложениях, доступны все на одной странице, что очень удобно. Название текущей страницы и рисунок, присутствующий здесь, можно изменить. Давайте, например, заменим названия. Вместо слов Домашняя страница введем слова Психологический клуб. Выделим эти слова. Я нажимаю сочетание клавиш Ctrl+Shift и кнопку Стрелка вправо на клавиатуре. Оба слова выделены. Теперь их удаляем нажатием Делит и вводим другой текст: Психологический клуб. Заменим и рисунок. Выделить его нужно щелчком мыши, удалить опять же нажатием клавиши Делит. Для вставки рисунка используем меню Вставка. Наведите указатель мыши на строку Рисунок.
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
307
Выберем, например, рисунок из коллекции картинок Microsoft. Для этого щелкните строку Картинки. Появилась область задач Коллекция клипов. Сначала выберем коллекцию, в которой будем искать изображение. Для этого раскройте список Просматривать. Снимите флажок Везде. Раскройте список Мои коллекции. Здесь выберем Загруженные клипы. Щелкните за пределами списка. В списке Искать объекты выберем только файлы фильмов. Для этого снимем флажки Картинки, Фотографии и Звуки. А список Фильмы раскроем. Здесь оставим только Изображение gif с анимацией. Для этого нужно снять флажок Фильмы, потом опять раскрыть список и поставить только флажок gif. Щелкните за пределами списка. Нажмите кнопку Начать. Среди тех клипов, которые я загрузил с Веб-узла Майкрософт, программа нашла два следующих изображения в формате gif. Я установлю второе из них. Для этого можно перетащить просто изображение на нужное место Веб-страницы. В том месте, где изображение должно появиться, мы видим вертикальную черту. Отпустите левую кнопку мыши. Изображение появилось в этом месте. Оно слишком большое, но его можно уменьшить. Выделите его щелчком мыши, перетащите один из маркеров размеров. Пусть размер изображения будет таким. Закроем область задач Коллекция клипов. Сохраните изменения. На экране появилось диалоговое окно Сохранение внедренных файлов. Для того чтобы дать этому изображению понятное имя, нажмите кнопку Переименовать. Имя файла выделилось. Вместо тех цифр, которые здесь имеются, введем более понятное сочетание букв, например, face. Нажмите клавишу Enter на клавиатуре. Еще нам нужно определить, в какой папке будет сохранен этот рисунок. Нажмите кнопку Сменить папку. Появилось окно Смена папки. И здесь мы видим те папки, которые находятся на Веб-узле. Выберем папку images для сохранения рисунков. Нажмите кнопку ОК в окне Смена папки. Папка images отображается в соответствующем столбце окна Сохранение внедренных файлов. Нажмите кнопку ОК в этом окне. Страница сохранена вместе с изображением. Просмотрим ее в Веб-обозревателе. Раскройте меню Файл, просмотреть в обозревателе Microsoft Internet Explorer. Таким образом, за несколько минут мы создали целый Веб-узел группы Психологический клуб.
* * * 17.10. Знакомство с веб-узлом SharePoint Познакомимся с Веб-узлом группы. Лучше всего это сделать с помощью Веб-обозревателя. Сейчас домашняя страница Веб-узла открыта. Поэтому я раскрываю меню Файл, Просмотреть в обозревателе и выбираю вебобозреватель. Домашняя страница узла открыта в этом обозревателе. Посмотрим, из чего она состоит. Вверху находится панель ссылок. Домашняя страница – первая ссылка, и эта страница сейчас открыта. Следующая – Документы и списки. Щелкните эту ссылку. Открылась страница Документы и списки. На этой странице расположены библиотеки документов, но не сами библиотеки, а ссылки на такие библиотеки. По умолчанию создана только библиотека Общие документы. Кроме того, здесь же имеются Библиотеки рисунков. Ни одной библиотеки рисунков пока не создано. Списки, в число которых входят задачи, извещения, контакты, события и ссылки. Здесь же расположены Доски обсуждений. По умолчанию создана ссылка на общие обсуждения. На этой же странице содержатся опросы. Сейчас ни одного опроса нет. Но их можно создавать. Перетащим ползунок вверх. На верхней панели ссылок теперь щелкните гиперссылку Создать. Открыта страница Создание. С помощью этой страницы можно создавать новые библиотеки, списки, доски обсуждений и так далее. При этом никаких навыков программирования иметь не нужно. Перетащите вверх ползунок. На верхней
308
TeachPro Microsoft FrontPage 2003
панели ссылок щелкните гиперссылку Параметры узла. Ссылки, расположенные на этой странице, служат для управления параметрами настройки узла. Следующая ссылка на верхней панели называется Справка. Щелкните ее. В результате открылось отдельное окно веб-обозревателя. Его можно при необходимости расширить и посмотреть нужную вам тему. Для этого нужно использовать левую кнопку мыши, щелкая на соответствующие гиперссылки. Закройте окно, содержащее справку. Для возвращения к домашней странице щелкните гиперссылку Домашняя страница. Слева на странице находится панель быстрого запуска. Воспользуемся, например, гиперссылкой Документы. Мы попали на страницу Документы и списки. Здесь отображаются все имеющиеся библиотеки документов. Для перехода к библиотекам рисунков слева нужно выбрать соответствующую гиперссылку. Библиотек рисунков, как я уже говорил, пока что на веб-узле нет. Щелкните гиперссылку Списки слева. Здесь мы видим на отдельной странице Документы и списки, в частности, задачи, извещения, контакты, события и ссылки. На панели ссылок слева щелкните Доски обсуждений. По умолчанию была создана доска Общие обсуждения. Слева щелкните гиперссылку Опросы. Ни одного опроса пока нет. Для возвращения к домашней странице щелкните ссылку вверху. Слева на панели ссылок выберите строку Рисунки. Как видите, мы снова попали на страницу, содержащую библиотеки рисунков. Для возвращения на только что просмотренную страницу можно щелкнуть кнопку Назад. На панели ссылок также доступны Списки, Обсуждения и Опросы. Извещения и События находятся правее. Здесь также имеются соответствующие гиперссылки. Теперь передвинем ползунок на горизонтальной полосе прокрутки вправо. Здесь находится изображение со словами Windows SharePoint Services и веб-часть ссылки. Сейчас никаких ссылок нет.
* * * 17.11. Изменение представления веб-частей Для изменения общей страницы, которую мы сейчас видим, можно воспользоваться командой Изменить общую страницу. Щелкните ее. Появилось выпадающее меню, в котором имеются следующие пункты: Добавить Веб-части; при наведении указателя мыши на эту строку появилось подменю, содержащее пункты Обзор, Поиск, Импорт. Такие Веб-части можно добавить. Следующая строка: Открыть эту страницу в конструкторе. Далее: Изменить общие Веб-части. При наведении указателя мыши сюда появляется подменю, состоящее из пунктов Извещения, События, Рисунок узла, Ссылки. Все эти Веб-части уже отображаются на странице, но мы можем их изменить. Далее находится команда Общее представление. Именно это представление сейчас выбрано, то есть именно в таком виде данную страницу видят все пользователи, работающие в сети. И следующая команда: Личное представление. Выберите ее. Все изменения, которые вы выполните по отношению к виду данной страницы, будут отображаться только для вас. Остальные пользователи будут видеть эту страницу в обычном виде. Вместо команды Изменить общую страницу появилась команда Изменить мою страницу. Это указывает на то, что веб-части будут изменяться только в личном представлении, а не в общем. Изменим для примера какую-либо веб-часть. Раскройте список Изменить мою страницу, наведите указатель мыши на строку Изменить мои веб-части.
Глава 17. Публикация веб-узла и Веб-узел группы SharePoint
309
Выберите, например, Рисунок узла. В результате появилась область, которая называется Рисунок узла. Здесь мы можем изменять представление вебчасти. Сама веб-часть Рисунок узла выделена программой желтым пунктиром. Она находится левее от области Рисунок узла. При этом указано, что данная веб-часть относится к правой зоне. Левая зона расположена, естественно, левее. Чтобы увидеть, какие веб-части расположены в левой зоне, щелкните на полосе прокрутки внизу. В левой зоне находятся Извещения и События. Изменим, например, название этой Веб-части. Вместо Рисунок узла напишем, например, Рисунок моего узла, т.е. добавим слово моего. Можно также изменить высоту веб-части, эта высота может быть фиксированной. Для этого нужно выбрать переключатель Да. По умолчанию установлен переключатель Нет, и высота веб-части определяется зоной, в которую она помещена. Подобные изменения можно произвести и по отношению к ширине. Для применения изменений нажмите кнопку Применить. Теперь вместо заголовка Рисунок узла у этой веб-части заголовок Рисунок моего узла. Чтобы прекратить процесс изменения рисунка, закройте область Рисунок моего узла. Заголовок веб-части Рисунок не отображается, поэтому изменений мы не видим. Щелкните опять команду Изменить мою страницу. Строка Изменить мои веб-части. Рисунок моего узла. В этом случае мы видим изменения. В команде появилось дополнительное слово «моего». Теперь выберем, например, строку ссылки в этом подменю. Изменим представления списка. Веб-часть ссылки обозначена программой желтым пунктиром. Напишем здесь Мои ссылки в названии; установим, например, фиксированную ширину этой веб-части. Для этого выберите переключатель Да в разделе Ширина и укажем, например, значение 50. Эта веб-часть должна иметь ширину 50 точек. Раскройте список Стиль рамки. Сейчас выбрана строка по умолчанию. Выберем, например, строка Название и Граница. Применим изменения. Для этого нажмите кнопку Применить. Изменения видны сразу. Причем это касается именно ширины Веб-части. Закройте область Мои ссылки, предназначенную для изменения представлений, наведите указатель мыши на заголовок Веб-части, которую мы только что изменяли. Всплывающая подсказка указывает, что это мои ссылки. Теперь выберем другое представление. Щелкните команду Изменить мою страницу. Щелкните строку Общее представление. Передвиньте ползунок вправо, щелкнув на полосе прокрутки. Как видите, здесь изменений не произошло, то есть другие пользователи увидят веб-часть ссылки в том же виде, в каком она была ранее.
* * * 17.12. Создание новой библиотеки на веб-узле Библиотека документов позволяет вам сохранять на Веб-узле документы с той целью, чтобы ими могли пользоваться и другие люди. Для работы над документами можно использовать Вебобозреватель, а не программу FrontPage. Поэтому я сейчас сверну программу FrontPage и с помощью кнопки Пуск открою Веб-обозреватель. В нем я введу адрес Веб-сервера, на котором расположен наш Веб-узел. Этот адрес следующий. Для того чтобы открыть Веб-узел, нажмите клавишу Enter. Домашняя страница Веб-узла открыта в Вебобозревателе. Выберите на панели гиперссылок такую ссылку как Документы. Если вы не хотите пользоваться библиотекой Общие документы, которая уже существует, можно создать новую библиотеку документов. Для этого выберите ссылку Создать библиотеку документов. На открывшейся странице щелкните ссылку Библиотека документов. Появилась страница под названием Создание библиотеки документов. Введем имя этой библиотеки. В поле Имя поставьте курсор и введите
310
TeachPro Microsoft FrontPage 2003
название, например, библиотека будет иметь имя Психология. Это имя будет отображаться в заголовках и ссылках на узле. Введем описание в соответствующем поле ниже. Например, следующее. Ниже нужно выбрать переключатель Да или Нет. Да - в том случае, если вы хотите, чтобы эта библиотека документов отображалась на панели запуска. Где расположена эта панель, указано в образце; и кнопку Нет, если вы не хотите, чтобы там соответствующая гиперссылка появилась. Оставим переключатель Да выбранным. Щелкните на полосе прокрутки. Нужно ли создавать резервную копию файла при каждом его изменении, указывается с помощью переключателей Да и Нет. По умолчанию выбран переключатель Нет, пусть так и будет. В последнем поле на этой странице задается шаблон документа. Все документы, создаваемые в этой библиотеке, будут иметь такой формат. Сейчас выбран Microsoft Office Word. Раскройте список. Можно также указать веб-страницу Microsoft Office FtontPage, электронную таблицу Excel, презентацию PowerPoint, базовую страницу или страницу вебчастей. Пусть останется документ Word. Нажмите кнопку Создать внизу. Библиотека документов Психология создана, и соответствующая страница открыта. В этой библиотеке пока нет ни одного документа. Это и естественно. Но сначала давайте проверим, появилась ли такая библиотека в списке на Домашней странице. Щелкните гиперссылку Домашняя страница. На панели ссылок слева в разделе Документы строка Психология. Это и есть новая библиотека, которую мы создали. Щелкните эту гиперссылку. Теперь нужно внести в эту библиотеку какие-либо документы. Чтобы сделать это, щелкните команду Отправить документ. На экране появилась страница, которая называется Психология: отправка документа. На этой странице имеется поле, в которое нужно ввести имя документа, и этот документ появится в библиотеке. Вы можете ввести путь к этому файлу вручную, либо выбрать в файловой системе с помощью кнопки Обзор. В ответ появляется диалоговое окно Выбор файла. Здесь вы можете найти ту папку и файл, находящийся в ней, который вам нужен. Например, выберите файл Термины и нажмите кнопку Открыть. Путь к нему появился в строке Имя. Для отправки этого файла в библиотеку нажмите ссылку Сохранить и Закрыть. Соответствующие действия программа произвела и открыла нам опять страницу Психология, в которой теперь указан файл, внесенный в библиотеку. Это файл Термины. Щелкните это слово левой кнопкой мыши. Программа вывела на экран предупредительное сообщение о том, что открывается файл со следующим именем: Термины.doc. Для открытия файла нажмите кнопку ОК. Программа открыла документ и сообщила нам, что мы перешли в режим чтения. В этом окне щелкните кнопку ОК. После закрытия окна предупредительного сообщения открылась общая рабочая область в программе Microsoft Word, где этот документ и открыт. Сейчас в общей рабочей области открыта область Члены. В числе членов – Администратор. Вы можете также открыть и другие области, переходя по вкладкам здесь. Например, Состояние, Задачи. Задач здесь сейчас никаких нет. Документы. Здесь имеется один документ – Термины, который сейчас как раз и открыт. Связи. Связей здесь никаких нет, и Сведения о документе. Здесь указывается, кто создал документ и кто вносил изменения. И то и другое делал администратор. Закройте общую рабочую область и закройте окно программы Microsoft Word. После закрытия этого окна мы опять видим веб-узел, в частности, библиотеку Психология и тот файл, который в этой библиотеке находится. Кроме автора, к документу могут иметь доступ и другие люди, которые имеют доступ к веб-узлу группы.
* * *
Глава 18. Работа с кодом HTML
311
Глава 18. Работа с кодом HTML 18.1. Работа в представлении С разделением В программе FrontPage можно работать непосредственно с кодом языка разметки гипертекста HTML. Создадим новую страницу. Для этого щелкните стрелку Создание новой обычной страницы. Выберите пункт Страница. Среди шаблонов страниц выберите обычную страницу и нажмите кнопку ОК. Страница создана. Она пока имеет имя, которое предложила программу, но не сохранена еще. Нажмите кнопку Сохранить. Дадим этому файлу другое имя – не то, которое предложила программа. Пусть это будет, например, код, поанглийски code. Изменим название. Например, использование HTML. Нажмите кнопку ОК в диалоговом окне Название страницы. Сохраним эту страницу нажатием кнопки Сохранить. Таким образом, мы создали пустую страницу, но на самом деле она не совсем пустая. Некоторый код на эту страницу уже введен. Чтобы его увидеть, можно нажать кнопку Код или кнопку С разделением внизу. Щелкнем С разделением. Окно текущей страницы поделено на две части. Вверху эта страница отображается в виде кода, а внизу – просто как пустая страница. В нижней части этой области я введу, например, два слова: Психологический клуб. Одновременно те же самые слова были отображены и в верхней части - там, где показан исходный код страницы. Я выделю этот текст в окне кода. Выделяется текст тоже одновременно и вверху, и внизу. Теперь щелкну вверху, чтобы снять выделение. Это выделение снято и в окне конструктора. Разберемся, из каких элементов состоит код, введенный программой на страницу. Вверху находится указание на то, что это - язык разметки гипертекста HTML. Эти буквы заключены в угловые скобки. Так обозначается начало документа HTML. Щелкните на полосе прокрутки. Обозначение конца документа HTML тоже дается в угловых скобках, но перед буквами HTML ставится еще и косая черта. Она всегда указывает на окончание какой-то структуры. Текст, заключенный в угловые скобки, наподобие HTML, называется тегом. Следующий тег – это слово head в угловых скобках. Этим тегом обозначается начало заголовка. Конец заголовка тоже обозначается тегом head, в котором присутствует наклонная черта. Все, что находится между этими двумя тегами, относится именно к заголовку. После открывающегося тега head идет служебная информация. Я ее выделил, щелкнув при нажатой клавише Shift. Здесь находится информация, необходимая Веб-браузеру для обработки данной страницы. Элемент meta содержит служебную информацию, которая не отражается при просмотре веб-страницы. И внутри него нет текста, поэтому нет и конечного тега. Внутри этого тега нет текста в обычном понимании, то есть текста, отображаемого браузером при просмотре, но есть служебный текст. В частности, тип данных. Это content language – язык содержания, а значение этого типа данных –ru. То есть русский язык. Это атрибут типа данных. В следующей строке тоже имеются два атрибута, то есть значения данных. Первый из них – content type, то есть тип содержания, и еще один атрибут – текст HTML, текст в формате HTML, charset Windows 1251 кодировка Windows 1251. На следующей строке находится элемент для размещения заголовка Веб-страницы. Он начинается с тега title и заканчивается тегом title с косой чертой. Слова Использование HTML, которые я ввел здесь, будут отображаться не на самой странице, а в строке заголовка браузеров при просмотре. Но если мы сейчас наведем указатель мыши на имя вкладки, то появляется всплывающая подсказка Использование HTML. Этот текст и будет в строке заголовка браузера. После закры-
312
TeachPro Microsoft FrontPage 2003
вающего тега head, который определяет окончание заголовка Веб-страницы, идет часть, начинающаяся с тега body. Этот тег обозначает начало собственно самого документа, который будет отображаться при просмотре веб-обозревателя. Это просматриваемая часть тоже имеет заключительный текст, тоже body, но с косой чертой. Все, что находится между двумя этими тегами, будет отображаться на веб-странице либо каким-то образом использоваться на этой странице. Сейчас здесь имеются два слова: Психологический клуб, которые и отображаются на странице. Они заключены между двумя тегами p – это начало и p с косой чертой – окончание строки. Первый тег соответственно обозначает начало нового абзаца, а p с косой чертой – его завершение. Посмотрим, что будет, если на странице в области просмотра удалить слова Психологический клуб. Я щелкну после этих слов и при нажатой клавише Shift - перед ними. Тем самым я выделил весь этот текст. Удалю его здесь нажатием клавиши Delete. При этом был удален не только сам текст, но и весь абзац, и в режиме кода буквы пи в тегах исчезли. Этих тегов больше нет. Но теги body остались. Это обязательные теги, в которых будет заключено содержание страницы. Кроме того, обязательными являются теги HTML, как заключительный, так и начальный, теги head и title.
* * * 18.2. Использование тегов На открытой странице я снова введу слова Психологический клуб. Программа создала теги нового абзаца и поместила введенный текст между ними. Теперь выделим этот текст и присвоим ему стиль. Выберем, например, Заголовок 1. Этот текст заключен программой в теги Н1 – открывающий и закрывающий. Такими тегами обозначается самый крупный заголовок в программе. Мы можем вручную изменить стиль заголовка, заменив, например, цифру 1 на цифру 6 в обоих тегах. В таком случае мы получим самый маленький по размеру заголовок. Для того чтобы увидеть изменения, нажмите кнопку Обновить. Введенный текст стал совсем маленьким. Снова изменить его, можно выделив, это я делаю в представлении, где теги не отображаются, и выберу стиль, например, Заголовок 2. Программа теперь автоматически заменила цифру 6 в тегах на цифру 2, и размер текста, соответственно, изменился при отображении в нижней части. При этом никаких внешних изменений в самом коде не происходит. Текст там отображается одним и тем же размером шрифта. Напишем на странице вторую строку. Для этого я ставлю курсор в конце абзаца, нажимаю клавишу Enter. В коде при этом автоматически появились теги с буквой p и между ними – специальные символы. Теперь я введу текст в той строке, которую только что сделал. Например, текст будет такой. Программа заключила этот текст в теги, обозначающие новый абзац, его начало и его конец. Теперь выделим текст в представлении без тегов и сделаем его наклонным. Для этого на панели инструментов нажмите кнопку Курсив. Между открывающим и закрывающим тегами абзаца появился дополнительный код. В частности, открывающий тег с буквой I и закрывающий тег с той же самой буквой. Назначение этого тега легко запомнить, если вы знаете, что буква I – это начальная буква слова italics, что по-английски означает курсив. Теги, указывающие на курсив, можно было ввести вручную. Для этого мы сейчас удалим эти теги. Я удалил открывающий, теперь удалю закрывающий тег курсива. Обновим документ. Текст в представлении без тегов опять стал прямым, а не наклонным. Поставьте в строке с кодом курсор перед словом дом. Сюда введем тег, указывающий на наличие курсива. Это можно сделать пря-
Глава 18. Работа с кодом HTML
313
мо в тексте. Сначала вводим угловую скобку. Программа автоматически вывела на экран список возможных тегов, из которого мы можем выбрать необходимый нам в данный момент. Для этого можно использовать полосу прокрутки. Тег курсива обнаружен. Щелкните его. Для того, чтобы ввести его в текст, щелкните этот тег дважды. Поставим закрывающую угловую скобку. Программа автоматически ввела и закрывающий тег для курсива. Выделите его и перенесите в то место, где он должен быть. Вот здесь. Посмотрим на изменения на странице, обновив документ. Текст в представлении без кода стал снова наклонным. Его можно сделать полужирным. Для этого опять щелкните в коде перед словом дом. Введите открывающую угловую скобку. В списке тегов выберите букву b – это начальная буква английского слова bold – то есть полужирный. Нажмите клавишу Enter для ввода тега. Закройте скобку. Теперь перенесите закрывающий тег в нужное место, а именно после слова мечты. Обратите внимание на порядок тегов, открывающих и закрывающих. Здесь должен соблюдаться принцип вложенности. Если, например, перенести закрывающий тег пи после слова мечты, то это будет неправильно, хотя веббраузеры стараются не реагировать на такие ошибки и отображать страницы. Обновите эту страницу. Перейдем в режим просмотра. Как видите, несмотря на допущенную ошибку, текст отображается на странице. Вернемся к представлению с разделением. Вернем закрывающий тег абзаца на прежнее место. При желании теги можно отображать не только в окне с кодом, но и в режиме Конструктор. Для этого раскройте меню Вид, раскройте его полностью. Здесь имеется команда Показать теги. Но сейчас она недоступна. Чтобы она была доступной, нужно перейти к представлению без кода. Щелкните за пределами списка. Сейчас курсор находится у нас в коде. То есть эта область страницы активна сейчас. Щелкните в той области, где нет кода, например, я щелкнул здесь. Теперь раскройте меню Вид. Выберите строку Показать теги. В активной области появились значки, заключенные в шестиугольники. Это теги, которые здесь обозначены таким образом. Если навести указатель мыши на какой-либо из этих тегов, то появится всплывающая подсказка. В ней отображаются все атрибуты тега, если они есть. Выделим текст Дом, где сбываются мечты в нижнем окне и перекрасим его. Для этого откройте список Цвет текста. Выберите, например, малиновый. И в окне с кодом, и в окне, где ранее кода не было, а сейчас появился, появились новые теги. Это тег font – то есть шрифт. Наведите указатель мыши на открывающий тег font. Во всплывающей подсказке имеется не только сам font, но и цвет – color, и дается атрибут, то есть значение цвета. Для того чтобы не отображать теги в этом представлении, снова раскройте меню Вид и выберите строку Показать теги, в которой сейчас установлен флажок. Теги здесь исчезли.
* * * 18.3. Вставка фрагмента кода Поставьте курсор в представлении кода. Создайте новый абзац. Предположим, вам нужно ввести некоторый код в это место. Программа позволяет вставлять часто повторяющиеся фрагменты кода. Эти фрагменты, конечно же, должны быть заранее определены. Нажмите сочетание клавиш Ctrl+Enter. На экране появился список фрагментов кода. Вы можете выбрать тот, который вам необходим. Например, блок javascript. Сейчас эта строка выделена. Для вставки соответствующего кода нажмите клавишу Enter. На страницу вставлен фрагмент кода. Начинается он перед тегом со словом «script» и заканчивается после закрывающего тега s«cript» . Выделенный
314
TeachPro Microsoft FrontPage 2003
элемент позволяет отделить текст программы сценария, или скрипта, от остальной информации страницы. Щелкните, чтобы снять выделение. Сценарий – это программный код, который включается в текст страницы в виде исходного текста и выполняется браузером при просмотре страницы. Он бывает написан на языке JavaScript или на Visual Basic Script. В данном случае указанный язык – это JavaScript. Между тегами script программа ввела такие символы, как «Угловая скобка», « Восклицательный знак» и «Двойной дефис». В языке HTML так обычно указывается на комментарий, и текст, который здесь вводится, например, «комментарий», не отображается на странице Веб-узла при просмотре в браузере. Но в данном случае программа просто отделяет программный код сценария от остального текста страницы. Поэтому я удалю слово «комментарий» и введу сюда простейший программный код. Переведите курсор на одну строку ниже, и здесь пишем следующее. С помощью метода alert на экран будет выводиться сообщение при просмотре страницы. Перейдите к представлению «Просмотр». Как и было обещано, на экран выведено окно с текстом «Страница психологического клуба» . Кнопка «ОК» здесь предусмотрена по умолчанию. Нажмите на нее. После того как мы нажали, можно продолжить просмотр страницы. Вернемся к представлению с разделением. Введем какой-нибудь текст после закрывающего тега «script». Для этого нужно создать новый абзац, и здесь ввести текст. Например, следующий. Если текст одной строки не помещается полностью на экране, то внизу появляется горизонтальная полоса прокрутки. Перейдем к представлению «Просмотр». Программа отобразила на экране тот текст, который находился до сценария. Затем она вывела на экран сообщение, а текста, который находится после сценария в коде, на странице пока не видно. Дело в том, что код на странице выполняется последовательно. Нажмите кнопку «ОК» в сообщении. После этого появляется тот текст, который мы ввели в коде после сценария. Вернитесь к представлению «С разделением» . Щелкните в той области, где отображается код страницы. Если страница достаточно большая, то удобно пользоваться нумерацией строк, которая отображается в левой части страницы. Щелкните в любом месте страницы с кодом правой кнопкой мыши. В контекстном меню выберите команду «Переход на строку». Появилось окно «Переход на строку». Здесь только одно поле, которое называется «Введите номер». Предположим, вы хотите перейти к третьей строке. Введите цифру 3 и нажмите кнопку «ОК». Программа перенесла нас сразу на третью строку. Здесь находится такой элемент, как «Заголовок». С другой стороны, если нумерация строк вам не нужна, то раскройте меню «Сервис» , выберите строку «Параметры страницы», появляется окно «Параметры страницы» , сейчас оно открыто на вкладке «Фрагменты кода». Выберите вкладку «Общие». В группе «Параметры представления кода» снимите флажок «Номера строк», нажмите кнопку «ОК» . Окно «Параметры страницы» закрылось, и номера строк в левой части страницы исчезли. Для того чтобы снова отобразить их, опять раскройте меню «Сервис», « Параметры страницы», вкладка «Общие». Установите флажок «Номера строк» . Щелкните кнопку «ОК» в данном окне. Номера строк снова на экране. Фрагменты кода, которые будут вставляться на страницу, можно задать самостоятельно. Для этого раскройте меню «Сервис». Выберите строку «Параметры страницы». В диалоговом окне «Параметры страницы» щелкните вкладку «Фрагменты кода» , здесь уже имеется список фрагментов кода, которые вы можете использовать. Для ввода этих фрагментов на страницу используется
Глава 18. Работа с кодом HTML
315
ключевое слово, относящееся к каждому из фрагментов. Здесь же дается описание этих фрагментов. Код, который будет вводиться на страницу, показан ниже. Для создания нового фрагмента кода нажмите кнопку «Добавить» на этой вкладке. Появилось окно «Добавить фрагмент кода». Здесь вводится ключевое слово для фрагмента кода, его описание. Содержимое фрагмента кода вводится в поле «Текст». Нажмите кнопку «Отмена» . Для изменения существующего фрагмента его нужно выделить, например, этот, и нажать кнопку «Изменить» . В окне «Изменить фрагмент кода», которое сейчас появилось, можно внести изменения. Затем нажать кнопку «ОК». Я нажму кнопку «Отмена». Для удаления фрагмента кода его нужно выделить и нажать кнопку «Удалить» . Этот фрагмент удален. Нажмите кнопку «Отмена» в окне «Параметры страницы».
* * *
316
TeachPro Microsoft FrontPage 2003
Предметный указатель A All, 169 Alt, 73, 114, 136, 157, 174, 181 Antiqua, 111, 112, 113 Archive, 83 Arial, 42, 43, 102, 104, 109, 110, 111, 213, 236, 295 Arial, font-size, 109 ASCII, 118, 295
B Back, 35, 37, 41, 46, 171 Back space, 171 Backspace, 71, 77, 92, 137, 148, 177, 178, 252, 292, 295 Basic, 161 Book, 111, 112, 113 Bubbles, 170
C Capital, 299 Capsule, 136, 139 City, 58 Clipart, 175, 176 Club, 63, 64, 65, 86, 104 Club.htm, 104 Coffee, 170 Comic, 117, 152, 235 Comic Sans, 117, 152, 235 Comic Sans MS, 117, 152, 235 Compass, 82 Connect, 66 Contacts, 92 Courier, 44, 102, 104, 109, 112 Courier New, 44, 102, 104, 109, 112 CSS, 161 Ctrl, 58, 73, 75, 77, 79, 80, 83, 93, 94, 95, 97, 99, 103, 104, 105, 107, 114, 118, 121, 127, 129, 130, 131, 133, 136, 139, 141, 142, 147, 152, 165, 178, 181, 182, 189, 194, 200, 204, 207, 208, 217, 226, 232, 233, 257, 264, 268, 274, 276, 292, 293, 295, 296, 306, 313 Ctrl +, 73, 77, 80, 83, 93, 94, 97, 99, 204, 207, 257, 268, 274 Ctrl+F, 152, 189 Ctrl+G, 136 Ctrl+N, 114
Ctrl+S, 103, 105, 129, 217, 292, 295, 296, 306 Ctrl+Shift, 103, 105, 306 Cписок, 272
D Date, 86 Delete, 35, 41, 42, 45, 48, 52, 55, 59, 78, 82, 90, 103, 113, 114, 115, 130, 131, 132, 145, 150, 153, 155, 156, 158, 165, 174, 178, 180, 182, 185, 186, 200, 205, 206, 219, 220, 228, 240, 247, 248, 252, 260, 272, 280, 285, 289, 291, 294, 297, 299, 312 Details, 120, 126, 139, 150, 152, 154, 174, 203 Discussion, 174 Docs, 41, 50, 56, 62, 170, 172, 175, 176, 177 Document, 61
E E-mail, 137 End, 131, 136, 289 Enter, 39, 42, 44, 45, 48, 57, 59, 63, 66, 68, 71, 73, 78, 79, 80, 88, 89, 90, 91, 92, 100, 107, 108, 114, 115, 132, 133, 135, 136, 137, 138, 146, 148, 149, 153, 154, 179, 180, 183, 184, 185, 186, 187, 188, 191, 196, 197, 203, 206, 208, 211, 215, 237, 240, 241, 242, 243, 257, 258, 263, 267, 268, 269, 270, 271, 273, 283, 285, 286, 287, 288, 289, 290, 291, 292, 295, 307, 309, 312, 313 Error, 287 Esc, 248 Excel, 269, 310 Explorer, 134, 160, 161
F F1, 83, 99 F7, 126 Fax, 164 Flash, 201, 202
Font, 109 Form, 286, 287 Front Page, 40, 41, 102, 103, 104, 110, 112, 114, 115, 121, 132, 134 FTP, 66, 67, 85, 298
G Gif, 82 GIF, 194, 215
H Head, 39 Help, 168, 169 Home, 41, 103, 113, 118, 133, 136 Host, 299 Hot, 66 HTML, 36, 39, 51, 64, 94, 109, 110, 298, 311, 312, 314 HTTP, 85, 298, 299, 305
I Images, 39, 48, 49, 50, 55, 57, 58, 59, 60, 62, 63, 65, 82, 88, 89, 90, 95, 96, 107, 164, 166, 167 Imaging, 61 Index, 62, 63, 64, 82, 83, 86, 88, 89, 90, 91, 93, 94, 95, 96, 97, 98, 99, 103, 120, 128, 130, 131, 135, 136, 137, 138, 139, 140, 152, 155, 156, 157, 158, 162, 164, 166, 260, 261, 277 Index.htm, 62, 63, 158 Info, 67 Intellect, 132 Internet, 33, 56, 66, 68, 93, 133, 134, 156, 157, 158, 161, 166, 192, 238, 286 Internet Explorer, 33, 66, 93, 133, 134, 156, 157, 158, 161, 166, 192, 238, 286
J JPG, 50, 58, 60, 89, 177, 178, 182
Предметный указатель
L Links, 136, 137, 152, 154, 155, 156, 159, 160, 208 Login, 86 Love, 176
317 Netscape Navigator, 160, 161, 185, 191, 192 New, 78, 79, 93, 94, 96, 102, 109 News, 306 Notepad, 157, 158, 164
M Macromedia, 201 Main, 260 Manager, 164, 303 Media, 169 Microsoft, 33, 34, 35, 36, 39, 40, 51, 52, 56, 58, 61, 62, 65, 66, 67, 68, 69, 70, 74, 76, 77, 79, 81, 82, 83, 86, 88, 89, 93, 104, 109, 114, 133, 134, 136, 145, 146, 147, 148, 150, 157, 158, 159, 160, 161, 162, 164, 165, 166, 167, 168, 171, 173, 175, 176, 180, 181, 184, 191, 192, 196, 198, 199, 203, 204, 210, 215, 228, 238, 264, 267, 268, 269, 270, 271, 272, 277, 281, 287, 297, 303, 305, 306, 307, 310 Microsoft Corporation, 69 Microsoft Excel, 305 Microsoft Front Page, 39, 40, 51, 58, 62, 65, 66, 67, 104, 109, 133 Microsoft Internet Explorer, 51, 52, 58, 68, 81, 82, 83, 88, 89, 133, 134, 136, 147, 150, 159, 160, 161, 166, 180, 181, 184, 191, 192, 199, 203, 204, 210, 238, 264, 268, 277, 287, 307 Microsoft office, 171, 173, 175 Microsoft Office, 33, 35, 36, 40, 61, 65, 69, 70, 79, 81, 82, 162, 164, 166, 168, 175, 269, 303, 310 Microsoft Windows, 34, 270, 272, 306 Microsoft Word, 305, 310 Money, 139, 152, 154, 155, 272 My document, 82, 256
N Name, 289 Navigator, 160, 161 Netscape, 160, 161, 185, 191, 192
O Office, 36, 69, 70, 79, 80, 114, 162, 166, 168, 215, 268, 269, 310 Opera, 160, 203, 264 Output, 61
P Page, 110, 112, 115 Perfection, 173 Personal, 83, 84, 95, 96 Photo gallery, 89, 90 Photos, 89, 90, 95, 173 Picture, 164, 303 Print, 61 Private, 79, 88, 90 Project, 82, 83
R Roman, 109
S Sample, 172 Sans, 152, 235 Save, 40 Script, 161, 314 Services, 34, 62, 92, 270, 271, 272, 281, 297, 298, 305, 306, 308 Shift, 41, 42, 44, 45, 47, 79, 82, 86, 90, 95, 103, 104, 105, 107, 113, 114, 115, 131, 134, 136, 138, 140, 141, 156, 216, 217, 219, 226, 228, 231, 232, 234, 247, 253, 280, 285, 288, 289, 290, 291, 292, 293, 295, 303, 311, 312 Small, 167 Sound, 56, 57, 63, 64, 65 Space, 35, 37, 41, 46 SSL, 298, 299, 306 Statistics, 297 Support, 83 Support 2, 83
T Tab, 94, 97, 114, 119, 136, 157, 174, 181, 246, 248, 277, 289 Tahoma, 206, 213 Team, 270, 271, 272 Themes, 82 Times, 42, 43, 109, 111, 117, 213 Times New Roman, 42, 43, 109, 111, 117, 213
U Unicode, 70, 118, 295 URL, 68, 131, 272, 274, 278, 281, 284 URL-адрес, 272, 284
V Video, 57 Visual, 161, 314 Visual Basic, 161, 314
W Water, 172 Water lilies, 172 Windows, 36, 39, 73, 79, 81, 164, 169, 170, 171, 172, 176, 177, 196, 260, 265, 299, 308, 311 Windows Picture, 164 Word, 37, 310 Word Art, 37
А Абзац, 105, 106, 107, 109, 110, 134, 181 Автомасштаб, 240, 243 Автоподбор, 250, 251, 255 Автоподбор по содержимому, 250, 251 Авторастягивание, 46 Автосумма, 269 Автофигура, 218, 223, 224, 228, 232, 237 Автофигуры, 76, 162, 198, 219, 224, 225, 226, 227, 228, 234, 237, 238 Автофильтр, 269 Автоформат, 254, 255 Автоформат таблицы, 255 Автоэскиз, 165 Администратор, 310
318
TeachPro Microsoft FrontPage 2003
Адрес, 33, 58, 66, 67, 68, 135, 136, 137, 145, 147, 166, 278, 284, 285, 286, 298, 299, 300 Адрес почты, 285 Адрес страницы, 136 Адрес электронной почты, 137, 278 Адреса, 274 Амперсанд, 73 Анимация, 55 Архив, 83 Атрибуты, 164
Б Багетная рамка, 193, 194 База данных, 86 Бегущая строка, 55 Без макета, 45 Без подтверждения, 278 Без рамок, 264, 276 Без эффекта, 51 Библиотека, 309, 310 Библиотеки, 307 Биржевая, 269 Блок, 224, 227, 234 Блокнот, 93, 157 Блок-схема, 224, 227, 234 Буква, 171, 306 Буфер, 70, 79, 80 Буфер обмена, 70, 79, 80 Буфер обмена Office, 70, 79
В Важность, 128, 303, 304 Введение, 33 Вверх, 74, 75, 100, 102, 118, 120, 146, 150, 206, 208, 231, 293 Веб-компонент, 55, 207, 267, 268, 269, 270, 271, 272, 273, 295, 296 Веб-сервер, 298, 299, 305, 309 Веб-страниц, 41, 42, 49, 50, 51, 57, 63, 261, 299, 300, 307, 311, 312 Веб-страница, 41, 42, 49, 50, 51, 57, 63, 261 Веб-страницы, 41, 307, 311, 312 Веб-узел, 39, 62, 63, 64, 65, 67, 81, 82, 83, 85, 86, 90, 92, 94, 98, 111, 114, 137, 139, 141, 145, 146, 147, 153, 157, 160, 164, 166, 197,
207, 256, 261, 271, 275, 276, 277, 285, 286, 295, 297, 298, 299, 300, 301, 302, 304, 305, 306, 307, 309 Веб-узлы, 173, 305 Веб-элементы, 162, 175 Вертикальная граница, 256 Вертикальная компоновка, 207 Верхний колонтитул, 242, 256 Вид, 36, 38, 42, 43, 49, 64, 66, 76, 77, 94, 97, 99, 114, 141, 153, 156, 159, 160, 165, 168, 175, 191, 192, 193, 205, 218, 222, 225, 229, 230, 235, 246, 248, 297, 301, 313 Видеозапись, 203 Вкладка, 59, 71, 81, 104, 211 Вниз, 54, 72, 118, 120, 147, 148, 206, 207, 231, 249, 293 Возвышение, 116 Воспроизведение, 171 Восстановить, 36, 74, 164, 200 Вперед, 38, 52, 150, 151, 155, 162 Вправо, 227, 231 Все изменения, 100, 213, 308 Все программы, 36, 168 Все страницы, 112, 138, 299 Все файлы, 90, 196, 301 Всплывающая подсказка, 53, 59, 97, 169, 172, 198, 211, 309 Всплывающие подсказки, 76 Вставить, 47, 48, 59, 67, 73, 79, 80, 104, 108, 114, 115, 117, 132, 163, 168, 172, 173, 174, 177, 178, 179, 182, 186, 187, 188, 190, 201, 208, 220, 222, 239, 240, 243, 245, 249, 250, 252, 265, 269, 270, 294, 295 Вставить все, 80 Вставить макетную ячейку, 239, 240 Вставить слой, 186, 187, 188 Вставка, 48, 52, 55, 59, 117, 132, 133, 134, 144, 146, 148, 149, 150, 151, 154, 162, 173, 174, 177, 178, 179, 182, 186, 187, 188, 191, 195, 198, 201, 203, 206, 207, 208, 211, 215, 235, 239, 245, 249, 250, 263, 267, 268, 269, 270,
271, 272, 274, 282, 285, 288, 289, 295, 306, 313 Вставка изображения, 48 Вставка рисунка, 162, 173, 178, 179, 182, 208 Вставка рисунка со сканера, 173, 178, 179, 182, 208 Вставка рисунка со сканера или камеры, 173, 178, 179, 182, 208 Вставка текста, 191 Встроенная рамка, 263, 264 Вход на страницу, 51, 52 Вход на узел, 51 Выбор, 85, 107, 112, 113, 114, 135, 136, 201, 222, 261, 262, 263, 283, 289, 293, 310 Выбор рамки, 262, 263 Выбор таблицы стилей, 112, 113, 114, 136 Выбор файла, 112, 201, 289, 310 Выбрать, 45, 50, 54, 55, 57, 74, 101, 152, 164, 229, 244 Выбрать шрифт, 54 Выделение, 59, 186, 228, 231 Выделение текста, 59 Выделить, 43, 54, 59, 200, 247, 248, 251, 253, 259, 306 Выделить все, 306 Вызов, 66 Выноска, 227, 232 Выноски, 224, 228, 234 Выполнить, 156 Выравнивание, 52, 53, 106, 110, 152, 193, 202, 237, 241, 244, 249, 250, 253, 263, 264, 280, 292 Вырезать, 75, 79, 108, 163, 269, 297 Выровнять по верхнему краю, 231, 253 Высота объекта, 236 Высота строки, 259 Выход, 51, 52
Г Гиперкарта, 197 Гиперкруг, 197 Гиперобъект, 195, 197, 200 Гиперобъекты, 198, 199 Гиперпрямоугольник, 196, 197 Гиперссылка, 57, 64, 101, 135, 136, 137, 138, 139, 148, 198, 258, 262, 277
Предметный указатель Гиперссылки, 39, 100, 130, 138, 151, 155, 156, 157, 258, 262, 276, 297, 302 Гистограмма, 269 Гистограммы, 269 Глава, 41, 62, 69, 81, 103, 130, 140, 159, 162, 177, 201, 215, 239, 256, 267, 275, 295, 311 Горизонтальная линия, 52 Градиентная заливка, 219 Граница, 115, 116, 143, 189, 212, 258, 309 Границы и заливка, 72, 115, 116, 189 График, 269 Графика, 102, 177, 215 Группа, 134, 141, 205, 218, 244, 281, 291, 292 Группа опций, 141, 244, 281 Группа переключателей, 292 Группировка, 228 Группы, 166
Д Далее, 35, 49, 66, 69, 74, 82, 84, 85, 86, 87, 88, 95, 96, 100, 102, 105, 117, 118, 128, 129, 141, 143, 144, 146, 148, 149, 150, 151, 154, 157, 158, 170, 202, 210, 224, 230, 231, 233, 235, 238, 241, 242, 244, 256, 265, 270, 274, 275, 276, 278, 279, 287, 290, 295, 299, 306, 308 Данные, 248, 269 Дата, 273, 279 Действия с рисунками, 163, 178, 179, 185, 186, 187, 188, 192 Диаграмма, 268, 269 Диапазон, 60 Динамические эффекты, 55, 267, 296 Длительность, 51, 52 Добавить, 37, 63, 64, 68, 69, 77, 85, 94, 95, 101, 112, 113, 114, 126, 128, 136, 145, 146, 147, 149, 150, 151, 154, 159, 161, 169, 171, 172, 173, 178, 206, 207, 208, 219, 233, 235, 245, 250, 273, 275, 278, 292, 296, 303, 304, 308, 315 Добавить в набор, 101, 219
319 Добавить в словарь, 126 Добавить задачу, 303, 304 Добавить объект, 235 Добавить папку, 95 Добавить рисунки, 178, 208 Добавить ссылку, 146, 147, 149, 150, 151 Добавить строки, 250 Добавить таблицу, 245 Добавить текст, 233 Добавить файл, 63, 64, 95 Добавление гиперссылки, 57, 58, 59, 60, 64, 130, 131, 133, 134, 135, 136, 137, 138, 145, 147, 154, 156, 167, 195, 196, 197, 199, 200, 256, 257, 258, 262, 263, 277 Добавление клипов в коллекцию, 169, 172, 173 Добавление команды, 72 Добавление ссылки, 147, 148, 150, 154 Документ, 49, 52, 57, 63, 93, 164, 166, 177 Документы, 34, 85, 203, 206, 307, 308, 309, 310 Домашняя страница, 34, 82, 83, 90, 141, 142, 148, 151, 160, 272, 286, 305, 306, 307, 308, 309, 310 Дополнительные свойства, 208, 209 Дополнительные цвета, 101
Е Единица, 292
Ж Журнал, 156
З Заголовок, 43, 86, 99, 100, 104, 109, 113, 115, 120, 135, 136, 137, 243, 271, 285, 306, 309, 312, 314 Заголовок страницы, 271 Загрузка, 174, 175 Задача, 128, 304 Закладка, 132, 133, 134, 135, 136, 195 Закладки, 133 Закрыть, 36, 37, 38, 40, 41, 53, 63, 64, 65, 69, 71, 73, 74, 75, 76, 77, 81, 82, 83, 87,
103, 117, 118, 119, 121, 126, 128, 171, 175, 179, 215, 246, 256, 296, 305, 310 Заливка, 54, 115, 116, 189, 218, 221, 223, 229, 238, 254, 255 Заливка автофигуры, 238 Заливка и изменим цвет фона, 54 Заливка и цвет линии, 223 Замена, 55, 122, 233 Заменить, 118, 121, 122, 127, 128, 129, 166, 260, 261, 296 Заменить все, 121, 122, 127, 129 Замещающий текст, 237, 263 Запись, 283, 284 Запускать с моего компьютера, 69, 70 Запустить, 128, 129, 304 Звезды и ленты, 224, 228, 234 Звук, 162, 307 Звуки, 162, 307 Звуковое сопровождение, 56 Знак, 109, 110, 114, 117, 118, 227, 248 Знак абзаца, 109, 248 Значение, 100, 111, 129, 181, 202, 204, 244, 254, 255, 259, 286, 289, 290, 291, 292, 293 Значок, 69, 75, 295, 303
И Избранное, 84, 162, 168, 169, 171, 172, 173 Извлечь, 305 Изменение, 43, 47, 58, 59, 71, 72, 73, 74, 110, 138, 141, 145, 148, 160, 161, 167, 178, 199, 200, 202, 205, 209, 210, 212, 232, 235, 258, 259, 262, 263, 293, 297, 308 Изменение гиперссылки, 58, 59, 167, 200, 212, 259, 262, 263, 297 Изменение рисунка, 209, 210 Изменение стиля, 110 Изменить, 41, 46, 48, 69, 72, 73, 74, 75, 89, 92, 110, 112, 130, 147, 148, 160, 161, 163, 164, 170, 171, 173, 174, 178, 179, 185, 186, 187, 188, 192, 194, 195, 209, 233, 234, 235, 237,
320 238, 255, 257, 259, 278, 293, 297, 304, 308, 309, 315 Изменить автофигуру, 234, 238 Изменить гиперссылку, 297 Изменить задачу, 304 Изменить текст, 233, 235, 237 Изображение, 50, 55, 57, 60, 80, 97, 102, 107, 163, 172, 174, 177, 179, 180, 182, 185, 187, 188, 192, 193, 196, 198, 200, 203, 204, 208, 209, 243, 247, 271, 294, 307 Изображения, 50, 178, 184 Имена, 91, 92, 176 Импорт, 63, 64, 85, 86, 95, 173, 306, 308 Импорт в коллекцию, 173 Имя, 35, 36, 41, 42, 60, 61, 62, 63, 65, 67, 71, 72, 73, 86, 89, 92, 109, 110, 113, 118, 128, 131, 132, 133, 134, 136, 146, 161, 163, 164, 166, 170, 172, 173, 175, 178, 196, 206, 257, 259, 260, 271, 281, 283, 288, 289, 290, 292, 294, 303, 307, 309, 310 Имя веб-узла, 92, 281 Имя задачи, 128, 303 Имя папки, 173 Имя пользователя, 35 Имя файла, 36, 41, 42, 61, 113, 164, 166, 170, 175, 257, 260, 271, 283, 307 Имя формы, 281, 283 Имя шрифта, 206 Индекс, 41, 42, 46, 47, 48, 51, 59, 64, 65, 199, 200, 304, 305 Инструментов, 225 Интервал, 105, 106, 110, 134, 193, 202, 230, 244, 245, 255, 264 Интервал между ячейками, 245 Интервал ячеек, 244, 245, 255 Интервалы, 255 Интернет, 64, 66, 136, 145, 147, 156, 286 Интерфейс, 86, 167 Искать, 162, 166, 174, 196, 307 Исполнитель, 128, 303, 304 Использовать, 46, 85, 99, 146, 153, 181, 194, 213, 214, 244, 245, 276, 298, 304
TeachPro Microsoft FrontPage 2003 Использовать для кнопки формат gif, 213, 214 Использовать текущее изображение, 194 Использовать тему страницы, 146, 153 Исправить, 69 Исправление, 128 Исходный размер, 236 Итого, 155
К Карандаш, 93, 94 Картинка, 162, 164, 167 Картинки, 162, 175, 196, 198, 307 Каскад, 99, 237 Каталог, 168 Категория, 83, 302 Кириллица, 157 Кириллицу, 117 Клавиатура, 105 Клип, 172 Ключевое слово, 170, 171 Кнопка, 37, 71, 72, 75, 77, 78, 88, 102, 114, 121, 135, 144, 179, 191, 211, 212, 213, 253, 256, 285, 290, 292, 293, 294, 297, 314 Кнопки, 100, 102, 206, 209, 231 Код, 40, 81, 94, 105, 188, 294, 311, 315 Кодировка, 157 Коллекции, 196, 198, 215 Коллекции Microsoft Office, 196, 198 Коллекции картинок, 215 Коллекция, 34, 89, 90, 162, 167, 168, 169, 170, 174, 175, 176, 196, 198, 205, 206, 207, 208, 210, 228, 235, 267, 307 Коллекция картинок, 162, 167, 168, 169, 170, 174, 175, 176, 206 Коллекция картинок Microsoft, 162, 167, 168, 174, 206 Коллекция фотографий, 34, 89, 90, 205, 206, 207, 208, 210, 267 Колонтитулы, 242 Команды, 70, 71, 72, 74, 269 Команды и параметры, 269 Компонент, 69, 70
Компонент недоступен, 69 Конструктор, 38, 39, 40, 42, 47, 48, 51, 52, 53, 54, 55, 56, 58, 59, 60, 64, 81, 86, 97, 105, 108, 130, 131, 132, 133, 134, 135, 138, 139, 147, 148, 150, 180, 181, 186, 187, 188, 189, 190, 193, 195, 201, 202, 205, 211, 242, 243, 245, 247, 255, 262, 263, 264, 271, 274, 280, 289, 290, 291, 292, 293, 294, 313 Контакты, 83, 91, 92, 273 Копирование, 72, 96, 171, 177, 301 Копировать, 47, 73, 75, 79, 104, 114, 115, 168, 171, 172, 174, 177, 190, 220, 252, 269 Копировать на панели инструментов, 174, 220 Копировать файл, 177 Копия, 101 Кривая, 224, 225 Крупные значки, 62, 76 Курсив, 43, 102, 104, 152, 191, 206, 312
Л Линейка, 229, 230 Линейка и сетка, 229, 230 Линии, 224, 225, 226 Линия, 53, 129, 216, 217, 223, 224, 225, 233, 246 Линия круга, 223 Лист, 269 Лист данных, 269 Лицензионного соглашения, 35
М Макет, 45, 210, 211, 237, 239 Макет таблицы, 45 Маркер, 45, 107 Маркеры, 45, 181, 216, 233 Маркированный список, 113, 115 Мастер, 84, 85, 86, 87, 88, 95, 275, 277, 278, 279 Мастер импорта, 85, 95 Мастер интерфейса, 86 Мастер страниц, 277, 278, 279 Мастер страницы формы, 277, 278, 279
Предметный указатель Мастера, 276 Масштаб, 141, 147, 202, 236 Менеджер, 248 Меню, 36, 71, 72, 73, 75, 77 Меню Файл, 73 Мои документы, 33, 61, 81, 82, 85, 93, 96, 178, 203 Мои коллекции, 162, 167, 169, 171, 172, 173, 174, 175, 176, 196, 307 Мои рисунки, 172 Мой компьютер, 176, 177 Музыка, 56 Мультимедиа, 201
Н На задний план, 229, 238 Набор, 118, 276 Надписи, 148 Надпись, 153, 218, 233, 234, 236, 237, 289, 290, 292, 294 Нажать, 43, 175 Назад, 34, 38, 51, 52, 58, 68, 100, 121, 122, 127, 128, 134, 150, 151, 162, 166, 170, 199, 210, 241, 268, 272, 296, 300, 308 Назад и далее, 150 Название, 41, 42, 47, 50, 78, 89, 93, 131, 137, 138, 143, 205, 215, 251, 257, 261, 263, 271, 273, 274, 280, 282, 306, 309, 311 Найти, 37, 72, 118, 119, 120, 121, 122, 123, 124, 125, 136, 268, 282, 299 Найти далее, 118, 119, 120, 121, 122, 123, 124, 125 Направление поиска, 120 Настройка, 37, 54, 70, 71, 72, 73, 74, 75, 76, 77, 78, 97, 98, 99, 100, 101, 102, 160, 189, 208, 223, 224, 237 Настройка объема, 224 Настройка тени, 223, 224 Настройка цвета, 189 Настройки, 53, 204, 259, 271 Начертание шрифта, 138 Новая папка, 62, 63 Новая страница, 39, 47, 89, 90, 91, 131, 137, 138, 145, 196, 197, 206, 215, 245, 257, 261, 268, 271 Новое меню, 71 Новое окно, 262 Новости, 83, 87, 88, 306
321 Нумерация, 44, 107, 108 Нумерованный список, 274
О О программе, 60 Обзор, 33, 50, 51, 56, 62, 64, 81, 85, 95, 102, 107, 144, 161, 212, 243, 244, 259, 271, 272, 281, 283, 284, 289, 297, 308, 310 Область, 37, 38, 39, 45, 47, 48, 49, 79, 83, 91, 99, 112, 176, 192, 198, 239, 241, 243, 286 Область задач, 37, 38, 39, 47, 48, 49, 79, 99, 112, 176, 198, 239, 241, 243 Область задач Буфер обмена, 79 Обновить, 52, 57, 58, 63, 64, 70, 131, 135, 150, 166, 171, 175, 178, 195, 208, 212, 269, 312 Обновить всё, 269 Обновить на панели инструментов, 131, 135, 195, 208, 212 Обновление, 70, 303 Обозреватели, 161, 274 Образец, 116, 210, 221, 222, 256, 257 Образование, 167, 289 Обратная связь, 84, 87, 88, 286, 287 Обрезать, 209, 210 Обрезать рисунок, 209 Общие, 34, 50, 56, 62, 70, 81, 83, 92, 129, 131, 138, 139, 140, 141, 143, 144, 145, 146, 148, 153, 154, 158, 205, 208, 256, 262, 264, 265, 280, 281, 295, 302, 304, 305, 307, 308, 309, 314 Общие документы, 34, 307, 309 Объединить, 252 Объединить ячейки, 252 Объект, 179, 200, 231, 236 Объекты, 228, 229, 231 Объем, 178, 219, 223, 224, 226 Объявление, 152, 153, 158, 258, 262 Объявление и оглавление, 258 Обычная страница, 271 Обычная таблица, 111 Обычная установка, 35 Овал, 219, 220, 224, 226, 234
Оглавление, 87, 258, 262, 271, 272, 273, 276, 300 Оглавление в рамке, 276 Оглавления, 272 Окно, 39, 45, 51, 53, 65, 75, 82, 86, 94, 101, 127, 139, 172, 185, 189, 192, 202, 203, 211, 218, 220, 311, 314 Окно свойств, 211 Окно свойства коллекции фотографий, 211 Описание, 69, 128, 159, 205, 207, 211, 259, 266, 278, 303, 305 Определение, 105 Опубликовать, 65, 75, 86, 96, 299, 300, 301 Организация, 35, 273, 302 Орнамент, 171 Орфография, 126, 127, 128, 129, 296 Основные, 219, 224, 226, 227, 234, 261 Основные автофигуры, 227, 234 Основные фигуры, 224, 226, 227 Особые, 167, 208 Остановить, 169 Ось Х, 182 Отключить, 67 Открыть, 33, 37, 49, 50, 51, 55, 56, 62, 63, 64, 65, 67, 73, 75, 81, 82, 85, 92, 93, 95, 96, 99, 102, 104, 107, 157, 158, 164, 175, 203, 206, 207, 218, 261, 289, 301, 308, 310 Отмена, 37, 44, 52, 56, 58, 60, 61, 66, 73, 85, 90, 92, 99, 100, 102, 104, 112, 126, 128, 130, 134, 140, 144, 147, 148, 155, 158, 160, 161, 164, 165, 167, 168, 171, 172, 185, 186, 187, 189, 194, 197, 199, 200, 202, 205, 208, 209, 213, 215, 217, 218, 220, 222, 235, 236, 237, 242, 243, 244, 251, 252, 256, 257, 258, 259, 261, 267, 272, 281, 283, 284, 285, 287, 288, 290, 292, 293, 294, 297, 299, 304, 305, 306, 315 Отобразить, 38, 115, 189, 238, 247, 248
322
TeachPro Microsoft FrontPage 2003
Отправить, 34, 84, 280, 281, 282, 283, 286, 287, 293, 294, 310 Отправить документ, 34, 310 Отступ, 45, 110, 182 Отчет, 114, 139 Оформление, 49, 97 Очистить, 74, 80, 132, 269 Очистить все, 80 Ошибка, 131 Ошибки, 156, 297, 302, 304
П Панели инструментов, 36, 38, 70, 76, 77, 78, 191, 192, 235, 248 Панель, 37, 54, 55, 69, 70, 72, 76, 77, 78, 143, 144, 145, 146, 148, 149, 150, 151, 152, 153, 154, 155, 192, 195, 208, 224, 226, 227, 235, 236, 246, 248, 251, 253, 254, 291 Панель инструментов, 72, 77, 192, 195, 224, 227, 236, 248, 253, 254, 291 Панель ссылок, 144, 145, 146, 148, 149, 150, 151, 152, 153, 154, 208 Панель управления, 69, 70 Папка, 41, 42, 49, 63, 64, 65, 79, 81, 88, 89, 104, 111, 136, 163, 164, 169, 173, 179, 201, 203, 207, 210, 257, 289, 307 Параметры, 37, 46, 62, 69, 70, 75, 77, 80, 92, 114, 118, 119, 121, 123, 128, 129, 140, 152, 159, 161, 165, 168, 193, 194, 203, 204, 205, 215, 230, 243, 244, 245, 256, 259, 267, 279, 281, 283, 304, 305, 308, 314, 315 Параметры вставки, 114, 243 Параметры панели инструментов, 37 Параметры представления, 279, 314 Параметры режима сопровождения, 69 Параметры страницы, 129, 140, 161, 165, 204, 205, 215, 230, 256, 314, 315 Пароль, 66, 67 Перегруппировать, 229
Перейти, 120, 121, 127, 128, 132, 133, 142 Переключатели, 289 Переключатель, 66, 130, 140, 249, 276, 291 Переместить, 36, 74, 157, 172, 185, 229 Переместить вперед, 185, 229 Переместить назад, 185, 229 Перемещение, 75, 76, 163, 172, 227 Переход, 33, 52, 64, 103, 136, 155, 314 Печать, 60, 61 Печать в файл, 61 Пипетка, 101, 102 По верхнему, 242, 254 По нижнему, 241, 254 По правому краю, 44, 106, 244, 253, 254 По умолчанию, 35, 41, 56, 62, 64, 77, 78, 85, 87, 106, 115, 116, 130, 152, 153, 167, 172, 178, 188, 189, 221, 230, 235, 241, 244, 249, 254, 272, 279, 281, 286, 289, 292, 298, 303, 307, 308, 309, 310 По центру, 44, 102, 106, 213, 244, 253, 254, 280, 292 Повернуть, 179, 209, 224, 232 Повернуть влево, 179, 224, 232 Повернуть влево на 90 градусов, 179, 232 Повернуть вправо, 179, 224, 232 Повернуть вправо на 90 градусов, 179, 232 Повернуть рисунок, 209 Повернуть/отразить, 232 Поворот, 236 Подключение, 66 Подпись, 170, 173, 174, 210, 249 Подстановка, 271 Подчеркивание, 43, 126, 206, 302 Поиск, 74, 75, 112, 118, 119, 120, 121, 122, 123, 124, 125, 136, 144, 164, 166, 168, 169, 267, 276, 308 Поиск в Интернет, 267 Поиск и замена, 118, 119, 121, 122, 123, 124, 125 Поиск и замена вверх, 122 Поиск и замена вниз, 123 Поиск и замена выше, 123
Поиск папки, 112, 164 Поиск файла, 136 Показать, 46, 80, 88, 94, 215, 229, 230, 242, 264, 313 Показать верхний колонтитул, 242 Показать линейку, 230 Показать панель инструментов полотна, 215 Показать параметры макета, 46 Показать сетку, 229, 230 Показать теги, 94, 313 Показывать, 75, 80, 272 Поле, 78, 150, 186, 275, 285, 286, 288, 289 Поле отправки файла, 288, 289 Поле пароля, 285 Поле размещения, 186 Поле со списком, 78 Полное имя, 87 Полотно, 232 Полужирный, 43, 102, 104, 109, 110, 138, 206, 249 Получить, 219 Пользователь, 279, 282, 289 Поля, 78, 116, 241, 242, 244, 245, 259, 285 Поля ячеек, 244, 245 Пометить как завершенную, 304 Порядок, 207, 228, 229, 238 Почта, 138, 141, 146, 150, 151, 155, 177, 199, 200, 208 Правка, 72, 75, 78, 79, 118, 121, 303 Предварительный просмотр, 159 Предложение, 83 Преобразование текста в таблицу, 247 Преобразовать, 165, 247, 248 Привязать к сетке, 229, 230 Приложение, 35 Приложения, 158, 164 Применить, 53, 54, 97, 104, 105, 131, 140, 145, 152, 153, 158, 170, 242, 243, 244, 247, 255, 304, 309 Примечание, 140, 145, 280, 282 Примечания, 273 Принтер, 60 Приостановка и остановка, 171 Пробел, 166, 177, 180, 257, 290
Предметный указатель Проверка, 121, 122, 126, 127, 128, 129, 140, 152, 155, 285, 286, 287, 288, 295, 296, 300 Проверка орфографии, 126, 127, 128, 129 Программа, 33, 35, 36, 41, 42, 45, 50, 58, 61, 62, 65, 78, 82, 85, 90, 92, 95, 97, 105, 108, 111, 113, 114, 115, 118, 119, 120, 121, 122, 124, 125, 126, 127, 128, 129, 131, 133, 134, 135, 139, 143, 145, 149, 150, 152, 154, 155, 156, 157, 160, 161, 162, 163, 164, 166, 167, 168, 170, 172, 174, 175, 176, 178, 180, 181, 183, 185, 187, 192, 194, 197, 198, 199, 203, 204, 205, 209, 210, 215, 229, 232, 233, 236, 240, 255, 260, 261, 267, 268, 270, 275, 276, 277, 278, 279, 281, 282, 284, 287, 290, 291, 292, 293, 296, 297, 301, 302, 303, 304, 305, 310, 312, 313, 314 Продолжить, 114, 122, 175 Просмотр, 39, 40, 47, 48, 52, 53, 54, 55, 56, 58, 60, 64, 83, 85, 86, 105, 131, 133, 134, 135, 137, 138, 139, 147, 148, 150, 158, 159, 160, 170, 171, 173, 180, 181, 182, 186, 187, 189, 193, 195, 201, 202, 203, 205, 209, 211, 212, 242, 243, 245, 247, 255, 258, 262, 263, 264, 270, 271, 280, 289, 290, 291, 293, 314 Просмотр в обозревателе, 158 Протокол, 66, 67, 298 Протокол FTP, 66, 67, 298 Профиль, 87 Прямоугольник, 51, 52, 219, 224, 226, 229, 230, 232 Публикация, 64, 67, 86, 295, 298, 299, 300 Пунктир, 116 Пуск, 33, 35, 36, 41, 66, 69, 70, 81, 156, 168, 176, 177, 286, 287, 309
Р Работа, 103, 157, 311
323 Рабочая группа, 273, 304 Рабочая область, 305 Рабочий телефон, 278 Разбиение ячеек, 251, 252 Разбить ячейки, 251, 252 Развернуть, 36, 160 Разгруппировать, 229, 238 Раздел, 136 Разделитель, 248, 283 Размер, 36, 37, 42, 43, 52, 104, 109, 152, 159, 160, 165, 170, 183, 191, 202, 206, 209, 212, 215, 218, 228, 234, 235, 236, 237, 244, 245, 247, 259, 263, 294, 301 Размер страницы, 159, 160 Размер файла, 170 Размер шрифта, 191, 212 Разобрать, 61 Разомкнуть кривую, 233 Разрешение, 208 Рамка, 53, 115, 116, 186, 189, 191, 193, 219, 238, 259, 264, 265 Рамки, 256, 259, 260, 261, 264, 265, 266 Раскрывающийся список, 292 Распределить по вертикали, 231, 232 Распределить по горизонтали, 231 Расширение, 266 Расширение файла, 266 Регистрационная форма, 280 Регистрация, 66, 280, 281 Редактор, 74 Редактор кнопок, 74 Режим, 64 Рисование, 76, 77, 215, 216, 217, 218, 219, 221, 223, 224, 225, 226, 228, 229, 231, 232, 234, 235, 237, 238, 240 Рисунки, 98, 162, 179, 185, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 206, 207, 208, 209, 210, 215, 238, 308 Рисунки из сканера или камеры, 206 Рисунки из файлов, 206, 207, 208 Рисунки со сканера, 208 Рисунок, 48, 50, 55, 59, 74, 98, 102, 143, 153, 162, 163, 165, 177, 178, 179, 182, 186, 187, 188, 196, 197,
198, 201, 203, 211, 213, 214, 215, 218, 220, 222, 236, 237, 243, 271, 294, 306, 308, 309 Рисунок с расписанием, 271
С Сайт, 148 Сброс, 72, 73, 74, 75, 209, 210, 268, 276, 280, 282, 285, 294 Сведения о документе, 310 Сведения о пользователе, 35, 278 Свернуть, 36, 104, 176 Свернуть в окно, 36, 104, 176 Сводная таблица, 268 Сводная таблица Office, 268 Свойства, 39, 46, 47, 50, 51, 52, 53, 55, 56, 58, 60, 64, 66, 67, 107, 108, 131, 137, 138, 139, 141, 142, 143, 144, 145, 146, 147, 148, 149, 150, 151, 153, 154, 155, 158, 165, 169, 171, 177, 178, 179, 183, 185, 187, 188, 189, 190, 191, 193, 199, 202, 203, 205, 207, 208, 209, 210, 212, 214, 240, 241, 242, 243, 244, 245, 247, 249, 254, 255, 258, 259, 260, 262, 263, 264, 267, 270, 271, 273, 274, 281, 282, 283, 284, 285, 286, 287, 288, 289, 290, 292, 293, 294, 295, 296, 297, 299, 304 Свойства гиперссылки, 58, 262 Свойства горизонтальной линии, 52, 53 Свойства группы, 292 Свойства и границы ячейки, 241 Свойства макетной, 241, 242 Свойства панели, 141, 142, 144, 145, 146, 147, 148, 149, 150, 151, 153, 154, 155 Свойства панели ссылок, 141, 142, 144, 145, 146, 147, 148, 149, 150, 151, 153, 154, 155 Свойства подписи, 249 Свойства поля формы, 285, 287, 290 Свойства рамки, 258, 259, 260, 264
324 Свойства рисунка, 165, 177, 178, 179, 183, 185, 187, 188, 190, 191, 193, 199, 203, 205, 271 Свойства слоя, 189 Свойства списка, 107, 108 Свойства столбца, 46 Свойства страницы, 50, 51, 56, 138, 139, 214, 259, 264, 270 Свойства строки, 46 Свойства таблицы, 47, 240, 243, 244, 245, 247, 254, 255 Свойства удаленного веб-узла, 64, 66, 297, 299 Свойства фильма, 202 Свойства формы, 267, 281, 282, 283, 284, 285, 294 Свойства формы поиска, 267 Свойства ячейки, 254, 255 Свойства., 60, 131, 137, 138, 158, 273, 304 Свойство, 139, 143, 272, 274, 285 Свойство объявления на странице, 143 Связать, 112, 113, 114, 133, 136, 139 Связи, 112, 113, 114, 136, 138, 139, 310 Связь, 114 Сервер, 286, 299 Сервис, 70, 71, 72, 73, 75, 76, 77, 92, 126, 129, 140, 152, 161, 165, 168, 204, 205, 215, 256, 304, 314 Сетевое окружение, 62, 64 Сетка, 230 Символ, 117, 248, 270, 295 Синхронизация, 301 Словарь, 147 Смена страниц, 51, 52 Событие, 53 Содержание, 34, 38, 272, 299, 300 Содержимое, 253, 271, 315 Соединение, 67, 174 Создание, 36, 37, 38, 41, 45, 51, 62, 64, 77, 81, 82, 83, 89, 90, 91, 103, 109, 110, 130, 131, 133, 134, 136, 137, 140, 146, 148, 149, 150, 153, 158, 173, 185, 194, 195, 205, 206, 215, 237, 239, 243, 245, 256, 257, 258, 266, 274, 275, 277, 280, 281, 282, 303, 304, 305, 307, 309, 311
TeachPro Microsoft FrontPage 2003 Создание гиперссылки, 130, 133, 134, 136, 137 Создание панели инструментов, 77 Создание папки, 62, 64 Создание стиля, 109 Создание страницы, 256 Создать, 36, 62, 63, 65, 70, 71, 72, 73, 74, 77, 78, 79, 81, 83, 88, 91, 92, 103, 109, 130, 149, 153, 154, 201, 203, 206, 213, 215, 240, 256, 257, 258, 260, 263, 270, 289, 307, 309, 310 Создать новый, 71 Создать страницу, 62, 70, 78, 206, 256, 257, 258, 260, 263, 270 Соответствующая, 66, 77, 144, 156 Сортировка, 269 Сортировка по возрастанию, 269 Сортировка по убыванию, 269 Состояние, 120, 127, 128, 156, 300, 301, 302, 304, 310 Состояние проверки, 302, 304 Сохранение, 49, 89, 101, 163, 164, 165, 166, 167, 175, 178, 184, 195, 197, 200, 201, 203, 204, 205, 210, 260, 281, 283, 284, 285, 307 Сохранить, 40, 41, 42, 44, 47, 49, 56, 61, 67, 74, 75, 77, 89, 93, 101, 102, 111, 113, 114, 115, 118, 121, 122, 128, 137, 145, 147, 149, 151, 157, 163, 164, 166, 167, 174, 175, 179, 181, 184, 204, 205, 206, 208, 210, 213, 236, 243, 251, 257, 260, 261, 264, 266, 269, 271, 274, 279, 280, 282, 310, 311 Сохранить все, 137, 147, 149, 151 Сохранить и закрыть, 121, 122, 128 Сохранить изменения, 56, 102, 145, 269 Сохранить как, 41, 47, 61, 67, 74, 75, 89, 93, 101, 111, 113, 114, 175, 205, 206, 251, 257, 260, 261, 266, 271, 274, 282 Сохранить пропорции, 213, 236
Сохранить только текст, 114, 115 Сохраняемые поля, 284 Специальная вставка, 208 Списки, 107, 307, 308 Список, 62, 72, 75, 88, 89, 91, 92, 94, 96, 107, 108, 122, 134, 141, 142, 143, 145, 146, 147, 151, 153, 154, 155, 162, 168, 169, 177, 183, 190, 192, 196, 198, 201, 206, 207, 211, 215, 216, 224, 239, 246, 247, 257, 258, 259, 260, 261, 270, 273, 279, 280, 281, 286, 296, 304, 305 Список коллекций, 168, 169 Список определений, 108 Список папок, 88, 89, 91, 92, 94, 96, 141, 143, 145, 146, 147, 153, 154, 155, 162, 177, 183, 190, 192, 196, 198, 201, 206, 207, 211, 215, 216, 239, 246, 247, 257, 258, 259, 260, 261, 270, 273, 280, 281, 286, 296, 304, 305 Способы заливки, 219, 220, 221, 222 Справа, 37, 38, 39, 60, 62, 71, 72, 79, 80, 97, 110, 128, 130, 137, 140, 141, 144, 157, 161, 163, 170, 176, 207, 209, 212, 218, 220, 245, 246, 255, 269, 274, 285 Справка, 36, 69, 75, 168, 308 Ссылка, 57, 58, 68, 130, 131, 145, 148, 172, 212 Стандартная, 37, 38, 41, 42, 57, 71, 77, 130, 134, 137, 187, 231, 236, 245, 262, 273 Старые файлы, 302 Стиль, 52, 78, 101, 108, 109, 110, 111, 113, 116, 133, 138, 141, 142, 144, 146, 153, 154, 189, 218, 219, 223, 237, 270, 295, 309 Столбец, 247, 250, 251 Столбцы, 249, 250 Стоп, 171 Страница, 34, 48, 58, 60, 63, 68, 70, 78, 83, 84, 85, 86, 88, 89, 90, 91, 92, 93, 94, 97, 111, 113, 114, 128, 131, 136, 143, 146, 150, 157, 159, 160, 175, 180, 201, 205, 208, 210, 256, 257,
Предметный указатель 258, 259, 260, 262, 263, 264, 266, 268, 270, 271, 274, 277, 280, 281, 282, 284, 296, 297, 300, 306, 307, 311, 314 Страница подтверждения, 84, 284 Страница поиска, 281 Страница рамок, 256, 257, 258, 259, 264, 266 Страница с расписанием, 271 Страница целиком, 262 Страницы поиска, 118, 119, 120, 122 Стрелка, 44, 51, 103, 105, 163, 217, 218, 224, 225, 227, 247, 269, 283, 289, 306 Стрелка влево, 227 Стрелка вниз, 44, 51, 103 Стрелка вправо, 103, 105, 227, 269, 306 Стрелки, 218 Строка меню, 72 Структура, 94 Сценарий, 314 Счетчик, 106, 189, 270, 295, 296, 297 Счётчик, 270 Счетчик посещений, 270, 295, 296
Т Таблица, 75, 77, 111, 117, 239, 240, 241, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 254, 255, 268, 269, 274 Тег, 313 Тезаурус, 128, 129 Текст, 43, 46, 47, 49, 54, 55, 57, 59, 62, 80, 85, 90, 98, 102, 103, 104, 105, 109, 111, 112, 113, 114, 115, 116, 130, 131, 133, 136, 137, 138, 141, 143, 147, 148, 153, 157, 158, 184, 188, 190, 191, 198, 199, 200, 212, 213, 235, 236, 237, 241, 243, 247, 248, 253, 254, 260, 264, 276, 280, 281, 282, 286, 292, 296, 311, 312, 313, 315 Текстовое поле, 288 Тема, 49, 84, 85, 96, 97, 98, 99, 137, 152, 153, 275, 276, 300
325 Тип, 41, 55, 61, 109, 115, 116, 144, 146, 149, 163, 170, 177, 194, 207, 209, 217, 218, 219, 220, 222, 223, 225, 230, 266, 267, 269, 286, 289, 293, 298, 303 Тип графических файлов, 163, 194 Тип данных, 286, 289 Тип компонента, 55, 144, 149, 207, 267 Тип линии, 217, 219, 223, 225, 230 Тип стиля, 109 Тип файла, 41, 61, 170, 266 Тип штриха, 217, 218, 219, 223 Тип штриховки, 220, 222 Точка, 290, 291
У Увеличить отступ, 45 Удаление, 70, 90, 155, 264 Удалить, 37, 43, 54, 59, 69, 72, 73, 78, 80, 92, 97, 111, 112, 114, 139, 147, 148, 160, 168, 171, 172, 176, 200, 210, 233, 252, 264, 265, 304, 315 Удалить задачу, 304 Удалить оформление, 43 Удалить рамку, 264, 265 Удалить ссылку, 59, 147, 148, 200 Удалить ячейки, 252 Узел, 65, 81, 82, 85, 88, 218, 233, 236, 237, 305, 306 Узлы, 233 Указатель, 38, 47, 76, 78, 101, 141, 147, 166, 181, 183, 195, 198, 208, 212, 216, 219, 225, 227, 232, 240, 246, 247, 258, 301 Уменьшить отступ, 45, 108, 135 Установить, 35, 193, 194, 288 Установка, 35, 69, 70, 96, 259 Установка и удаление, 69, 70 Установка и удаление программ, 69, 70
Ф Файл, 33, 36, 40, 51, 56, 58, 60, 61, 62, 63, 64, 65, 67, 70, 71, 73, 75, 77, 81, 82, 83, 87, 89, 93, 95, 103, 112,
114, 130, 131, 133, 137, 138, 140, 142, 147, 149, 150, 151, 155, 156, 157, 160, 164, 166, 168, 169, 170, 172, 173, 178, 180, 185, 191, 195, 197, 199, 203, 215, 256, 260, 261, 264, 266, 267, 268, 269, 272, 274, 277, 279, 282, 283, 296, 301, 303, 305, 307 Файловая система, 85, 95 Файлы, 65, 276, 302 Фамилия, 285, 286, 287, 288, 289 Фигура, 232 Фигурные стрелки, 224, 227, 234, 238 Флажки, 254, 289 Флажок, 56, 98, 138, 194, 196, 240, 259, 289 Фон, 49, 50, 51, 54, 99, 143, 214, 222, 244, 245 Фон кнопки, 214 Фоновый звук, 56 Фоновый рисунок, 50, 98, 99 Форма, 84, 87, 227, 236, 267, 268, 275, 276, 281, 282, 283, 285, 288, 289, 291, 293, 294 Форма отправки, 276 Форма поиска, 84, 87, 268, 276 Формат, 43, 51, 52, 72, 78, 99, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 134, 136, 138, 139, 140, 141, 143, 152, 153, 180, 181, 182, 183, 184, 185, 186, 187, 189, 190, 194, 198, 217, 218, 221, 222, 225, 236, 237, 238, 241, 242, 255, 265, 268, 283, 284, 289, 295 Формат автофигуры, 218, 221, 222, 225, 237 Формат объекта, 236, 238 Формат по образцу, 106, 107 Формат таблицы, 255 Формат файла, 283 Формат электронной почты, 284 Формат ячейки, 241, 242 Форматирование, 37, 38, 42, 43, 44, 45, 50, 53, 54, 77, 139, 151, 152, 214, 236, 249, 251, 252, 253, 254 Форматирование текста, 42 Форматировать, 221, 236, 238
326
TeachPro Microsoft FrontPage 2003
Форматы, 279 Формы, 236 Фотографии, 84, 97, 162, 174, 198, 307
Ц Цвет, 43, 50, 52, 53, 54, 76, 98, 99, 100, 104, 105, 116, 138, 139, 143, 188, 189, 191, 192, 202, 212, 213, 217, 218, 219, 220, 221, 222, 223, 224, 226, 229, 230, 234, 236, 238, 242, 244, 255, 295, 296, 313 Цвет заливки, 219, 220, 222, 223, 226, 229, 238, 255 Цвет линии, 217, 219, 223, 230 Цвет текста, 43, 76, 116, 188, 189, 191, 234, 295, 313 Цвет фона, 54, 116, 202, 244, 255 Цвета и лини, 218, 236, 237, 238 Цвета и линии, 218, 236, 238 Цветовой круг, 99, 100 Цветовые схемы, 99, 100 Центрировать, 253
Ч Часы, 172 Числа, 279 Число, 56, 203, 207, 210, 211, 249, 268, 279, 286, 288, 301 Число столбцов, 249
Ш Шаблон, 81, 82, 83, 86, 218, 236, 266 Шаблоны, 62, 81, 82, 83, 85, 86, 89, 90, 103, 111, 113, 205, 256, 258, 266, 271, 274, 275, 277, 280, 281, 305, 306 Шаблоны веб-узлов, 62, 81, 82, 83, 85, 86, 90, 103, 275 Шаблоны страниц, 89, 111, 113, 256, 258, 266, 271, 274, 277, 280, 281 Ширина, 46, 47, 48, 52, 60, 116, 159, 177, 183, 239, 240, 241, 242, 243, 244, 251, 259, 263, 285, 289, 294, 309 Ширина столбца, 46, 259
Шрифт, 53, 54, 72, 102, 104, 105, 106, 109, 110, 117, 138, 152, 206, 211, 212, 235, 236
Щ Щелчок, 34, 54, 60, 64, 90, 198, 199
Э Экспорт, 269 Электронная таблица, 268 Элемент, 75, 79, 100, 101, 311 Элементы, 273, 293 Эскиз, 165, 209 Эффект, 51, 52, 53, 54, 55, 194 Эффекты, 53, 54, 55, 77, 137 Эффекты анимации, 53
Я Яндекс, 299 Яркость, 100, 208, 209 Ячейка, 48, 240, 241, 247, 249, 252, 253, 254, 255, 268 Ячейки, 248, 249, 252, 253
ɟ-ɂɡɞɚɬɟɥɶɫɬɜɨ «Ɇɭɥɶɬɢɦɟɞɢɚ Ɍɟɯɧɨɥɨɝɢɢ ɢ Ⱦɢɫɬɚɧɰɢɨɧɧɨɟ Ɉɛɭɱɟɧɢɟ» Ɉɫɧɨɜɧɵɟ ɧɚɩɪɚɜɥɟɧɢɹ ɞɟɹɬɟɥɶɧɨɫɬɢ ɟ-ɂɡɞɚɬɟɥɶɫɬɜɚ ɆɆɌɢȾɈ — ɪɚɡɪɚɛɨɬɤɚ ɢ ɫɨɡɞɚɧɢɟ ɦɭɥɶɬɢɦɟɞɢɣɧɵɯ ɨɛɭɱɚɸɳɢɯ ɩɪɨɝɪɚɦɦ (ɭɱɟɛɧɢɤɨɜ ɢ ɩɨɫɨɛɢɣ). Ɂɚ ɢɫɬɟɤɲɢɟ ɝɨɞɵ ɫɨɡɞɚɧɨ ɛɨɥɟɟ 160 ɧɚɢɦɟɧɨɜɚɧɢɣ CD-ROM ɞɥɹ Ɋɨɫɫɢɢ, Ɂɚɩɚɞɧɨɣ ȿɜɪɨɩɵ ɢ ɋɒȺ. ɉɨ ɢɧɨɫɬɪɚɧɧɵɦ ɹɡɵɤɚɦ (ɫɟɪɢɢ Gold ɢ Platinum), ɩɨ ɤɨɦɩɶɸɬɟɪɧɨɣ ɝɪɚɦɨɬɧɨɫɬɢ, ɩɨ ɲɤɨɥɶɧɵɦ ɢ ɧɟɤɨɬɨɪɵɦ ɫɩɟɰɢɚɥɶɧɵɦ ɞɢɫɰɢɩɥɢɧɚɦ (ɫɟɪɢɹ TeachPro). ɆɆɌɢȾɈ ɹɜɥɹɟɬɫɹ ɨɞɧɢɦ ɢɡ ɥɢɞɟɪɨɜ ɜ ɊɎ ɜ ɨɛɥɚɫɬɢ ɪɚɡɪɚɛɨɬɤɢ ɦɭɥɶɬɢɦɟɞɢɣɧɵɯ ɨɛɭɱɚɸɳɢɯ ɩɪɨɝɪɚɦɦ, ɩɪɟɞɧɚɡɧɚɱɟɧɧɵɯ ɞɥɹ ɢɧɞɢɜɢɞɭɚɥɶɧɨɝɨ ɢ ɝɪɭɩɩɨɜɨɝɨ ɨɛɭɱɟɧɢɹ. Ʉɭɪɫ ɮɪɚɧɰɭɡɫɤɨɝɨ ɹɡɵɤɚ — «Français d`Or 2000» — ɜɵɛɪɚɧ Ɇɢɧɢɫɬɟɪɫɬɜɨɦ ɨɛɪɚɡɨɜɚɧɢɹ ɊɎ ɞɥɹ ɩɨɫɬɚɜɤɢ ɜ 40 ɬɵɫɹɱ ɝɨɪɨɞɫɤɢɯ ɢ ɫɟɥɶɫɤɢɯ ɲɤɨɥ Ɋɨɫɫɢɢ ɩɨ ɉɪɟɡɢɞɟɧɬɫɤɨɣ ɩɪɨɝɪɚɦɦɟ. ɆɆɌɢȾɈ ɩɨ ɡɚɞɚɧɢɸ Ɇɢɧɨɛɪɚɡɨɜɚɧɢɹ ɪɚɡɪɚɛɨɬɚɥɨ ɤɭɪɫ "Ʉɨɦɩɶɸɬɟɪɧɚɹ ɝɪɚɦɨɬɧɨɫɬɶ ɢ ɞɢɡɚɣɧ", "ɇɟɦɟɰɤɢɣ ɹɡɵɤ, 5-9 ɤɥɚɫɫɵ" ɢ "Ɉɪɝɚɧɢɡɚɰɢɹ ɢ ɬɟɯɧɨɥɨɝɢɹ ɦɟɯɚɧɢɡɢɪɨɜɚɧɧɵɯ ɪɚɛɨɬ ɜ ɠɢɜɨɬɧɨɜɨɞɫɬɜɟ". ɋɨɜɦɟɫɬɧɨ ɫ Ɇɑɋ ɊɎ ɫɨɡɞɚɧɚ ɨɛɭɱɚɸɳɚɹ ɩɪɨɝɪɚɦɦɚ «TeachPro ɈȻɀ, 10 ɤɥɚɫɫ», ɤɨɬɨɪɚɹ ɭɞɨɫɬɨɟɧɚ ɡɨɥɨɬɨɣ ɦɟɞɚɥɢ ɧɚ ɦɟɠɞɭɧɚɪɨɞɧɨɣ ɜɵɫɬɚɜɤɟ ɜ ɋɟɭɥɟ — «SIIF 2002». ɉɪɨɝɪɚɦɦɚ ɢɦɟɟɬ Ƚɪɢɮ Ɇɢɧɢɫɬɟɪɫɬɜɚ Ɉɛɪɚɡɨɜɚɧɢɹ ɊɎ. Ȼɨɥɶɲɢɧɫɬɜɨ ɜɟɞɭɳɢɯ ɜɭɡɨɜ Ɋɨɫɫɢɢ (Ɇɗɋɂ, ɊȺȽɋ, ɋȽȺ, ɆȽɍ, ɆɉȽɍ, ɊɍȾɇ, ȼɁɎɂ, ɊɌȺ, ɆȽɈɍ, Ɇɉɋɂ, ɆȽɋɍ, ɅȽɍ ɢ ɞɪ.), ɚ ɬɚɤɠɟ ɫɨɬɧɢ ɲɤɨɥ ɢ ɥɢɰɟɟɜ ɝ. Ɇɨɫɤɜɵ ɢɫɩɨɥɶɡɭɸɬ ɨɛɭɱɚɸɳɢɟ ɩɪɨɝɪɚɦɦɵ ɆɆɌɢȾɈ ɜ ɨɛɪɚɡɨɜɚɬɟɥɶɧɨɦ ɩɪɨɰɟɫɫɟ. Ʉɭɪɫɵ ɫɟɪɢɢ TeachPro ɩɨ Ɇɚɬɟɦɚɬɢɤɟ, Ɏɢɡɢɤɟ ɢ ɏɢɦɢɢ, ɪɚɡɪɚɛɨɬɚɧɧɵɟ ɫɨɜɦɟɫɬɧɨ ɫ ɋȽȺ, ɩɨɥɭɱɢɥɢ ɡɨɥɨɬɭɸ ɦɟɞɚɥɶ ɢ Ⱦɢɩɥɨɦ ȼȼɐ (ʋ82 ɨɬ 29.10.02) ɧɚ ɜɵɫɬɚɜɤɟ "ɋɨɜɪɟɦɟɧɧɚɹ ɨɛɪɚɡɨɜɚɬɟɥɶɧɚɹ ɫɪɟɞɚ 2002 ɝ. ". ɆɆɌɢȾɈ ɭɫɩɟɲɧɨ ɜɵɩɨɥɧɢɥ ɝɨɫɭɞɚɪɫɬɜɟɧɧɵɟ ɡɚɤɚɡɵ Ƚɨɫɤɨɦɫɬɚɬɚ ɊɎ ɩɨ ɪɚɡɪɚɛɨɬɤɟ ɢ ɫɨɡɞɚɧɢɸ ɦɭɥɶɬɢɦɟɞɢɣɧɵɯ ɨɛɭɱɚɸɳɢɯ ɩɪɨɝɪɚɦɦ ɞɥɹ ɜɪɟɦɟɧɧɵɯ ɩɟɪɟɩɢɫɧɵɯ ɪɚɛɨɬɧɢɤɨɜ – «TeachPro ɉɟɪɟɩɢɫɶ 2002», ɡɚ ɱɬɨ ɧɟɫɤɨɥɶɤɨ ɫɨɬɪɭɞɧɢɤɨɜ ɆɆɌɢȾɈ ɍɤɚɡɨɦ ɉɪɟɡɢɞɟɧɬɚ ɊɎ ɨɬ 14.10.02 ɧɚɝɪɚɠɞɟɧɵ ɦɟɞɚɥɶɸ "Ɂɚ ɡɚɫɥɭɝɢ ɜ ɩɪɨɜɟɞɟɧɢɢ ɜɫɟɪɨɫɫɢɣɫɤɨɣ ɩɟɪɟɩɢɫɢ ɧɚɫɟɥɟɧɢɹ", ɚ ɬɚɤɠɟ «TeachPro ɋɟɥɶɫɤɨɯɨɡɹɣɫɬɜɟɧɧɚɹ ɩɟɪɟɩɢɫɶ 2006». Ʉɭɪɫ "TeachPro Internet Trading" ɩɨ ɦɧɟɧɢɸ ɫɚɦɨɝɨ ɚɜɬɨɪɢɬɟɬɧɨɝɨ ɚɦɟɪɢɤɚɧɫɤɨɝɨ ɩɪɨɮɟɫɫɢɨɧɚɥɶɧɨɝɨ ɢɡɞɚɧɢɹ ɜ ɨɛɥɚɫɬɢ ɬɪɟɣɞɢɧɝɚ — "Technical Analysis Of Stocks And Commodities" "ɧɟ ɢɦɟɟɬ ɪɚɜɧɵɯ ɧɚ ɜɫɟɦ ɚɦɟɪɢɤɚɧɫɤɨɦ ɪɵɧɤɟ". (ɋɦ. www.terratrade.ru/vcollege.html).
328
TeachPro Microsoft FrontPage 2003
ȼ ɪɚɡɧɨɟ ɜɪɟɦɹ ɧɚɲɢ ɡɚɹɜɤɢ ɧɚ ɤɨɧɤɭɪɫɵ, ɩɪɨɜɨɞɢɦɵɟ Ɇɢɧɨɛɪɧɚɭɤɢ, ɩɨɞɞɟɪɠɢɜɚɥɢ: Ɏɟɥɶɞɲɬɟɣɧ Ⱦ.ɂ. — ɜɢɰɟ-ɩɪɟɡɢɞɟɧɬ ɊȺɈ, Ȼɨɧɞɵɪɟɜɚ ɋ.Ʉ. — ɚɤɚɞɟɦɢɤ ɊȺɈ, Ƚɭɥɢɞɨɜ Ⱥ.Ⱦ. — ɡɚɦɟɫɬɢɬɟɥɶ ɝɟɧɞɢɪɟɤɬɨɪɚ Ɋɨɫɫɬɚɬɚ, ɉɟɫɨɰɤɢɣ ɘ.ɋ. — ɝɟɧɞɢɪɟɤɬɨɪ «Ɋɨɫɭɱɩɪɢɛɨɪ", ɋɨɥɞɚɬɤɢɧ ȼ.ɂ. — ɝɟɧɞɢɪɟɤɬɨɪ "Ɋɨɫɫɢɣɫɤɨɝɨ ɝɨɫɭɞɚɪɫɬɜɟɧɧɨɝɨ. ɢɧɫɬɢɬɭɬɚ ɨɬɤɪɵɬɨɝɨ ɨɛɪɚɡɨɜɚɧɢɹ» ɢ ɞɪ. ɜɟɞɭɳɢɟ ɫɩɟɰɢɚɥɢɫɬɵ. ɇɚɲɢ ɩɚɪɬɧɟɪɵ — ɐȻ ɊɎ, Ƚɨɫɞɭɦɚ ɊɎ, Ɇɷɪɢɹ Ɇɨɫɤɜɵ, Ɇɑɋ, Ƚɨɫɤɨɦɫɬɚɬ, Ɋɭɫɫɤɢɣ Ⱥɥɸɦɢɧɢɣ, Ɍɸɦɟɧɫɤɚɹ ɇɟɮɬɹɧɚɹ Ʉɨɦɩɚɧɢɹ, 1ɋ, Ʌɭɤɨɣɥ, ɊȻɄ ɢ ɞɪ. ɢɡɜɟɫɬɧɵɟ ɨɪɝɚɧɢɡɚɰɢɢ.
Ɇɭɥɶɬɢɦɟɞɢɣɧɵɟ ɫɚɦɨɭɱɢɬɟɥɢ ɧɚ CD-ROM ɋɟɪɢɹ «TeachPro™» «TeachPro™» — ɷɬɨ ɫɟɪɢɹ ɢɧɬɟɪɚɤɬɢɜɧɵɯ ɤɨɦɩɶɸɬɟɪɧɵɯ ɭɱɟɛɧɢɤɨɜ. ɉɪɢ ɢɫɩɨɥɶɡɨɜɚɧɢɢ ɷɬɢɯ ɩɪɨɝɪɚɦɦ ɨɛɭɱɚɟɦɨɦɭ ɧɟ ɬɪɟɛɭɟɬɫɹ ɢɦɟɬɶ ɧɢɤɚɤɨɣ ɫɩɪɚɜɨɱɧɨɣ ɢɥɢ ɭɱɟɛɧɨɣ ɥɢɬɟɪɚɬɭɪɵ, ɧɟ ɩɨɧɚɞɨɛɢɬɫɹ ɨɛɪɚɳɚɬɶɫɹ ɤ ɩɪɟɩɨɞɚɜɚɬɟɥɸ ɢɥɢ ɛɨɥɟɟ ɨɩɵɬɧɨɦɭ ɩɨɥɶɡɨɜɚɬɟɥɸ, ɡɚɧɢɦɚɬɶɫɹ ɧɚ ɞɨɪɨɝɨɫɬɨɹɳɢɯ ɤɭɪɫɚɯ, — ɩɨɥɧɵɣ ɰɢɤɥ ɥɟɤɰɢɣ ɢ ɩɪɚɤɬɢɱɟɫɤɢɟ ɡɚɧɹɬɢɹ ɩɨɡɜɨɥɹɬ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɨɫɜɨɢɬɶ ɞɚɧɧɵɣ ɩɪɟɞɦɟɬ. Ɉɛɭɱɟɧɢɟ ɜ ɫɢɫɬɟɦɚɯ TeachPro™ ɩɨɫɬɪɨɟɧɨ ɫɥɟɞɭɸɳɢɦ ɨɛɪɚɡɨɦ: ɤɨɦɩɶɸɬɟɪ, ɜɵɫɬɭɩɚɹ ɜ ɪɨɥɢ ɨɩɵɬɧɨɝɨ ɩɟɞɚɝɨɝɚ, ɢɫɩɨɥɶɡɭɟɬ ɩɪɢɟɦɵ ɪɟɚɥɶɧɨɣ ɪɚɛɨɬɵ ɫ ɭɱɚɳɢɦɢɫɹ. Ʉɚɠɞɵɣ ɰɢɤɥ ɥɟɤɰɢɣ ɩɪɟɞɨɫɬɚɜɥɹɟɬ ɢɫɱɟɪɩɵɜɚɸɳɢɣ ɧɚɛɨɪ ɡɧɚɧɢɣ, ɭɦɟɧɢɣ ɢ ɧɚɜɵɤɨɜ, ɞɨɫɬɚɬɨɱɧɵɯ ɞɥɹ ɪɚɛɨɬɵ ɫ ɢɡɭɱɚɟɦɵɦ ɩɪɟɞɦɟɬɨɦ. Ɂɚɧɹɬɢɹ ɨɫɭɳɟɫɬɜɥɹɸɬɫɹ ɜ ɮɨɪɦɟ ɞɢɚɥɨɝɚ, ɬɚɤɢɦ ɨɛɪɚɡɨɦ ɩɪɨɜɟɪɹɟɬɫɹ ɨɛɴɟɦ ɢɡɭɱɟɧɧɨɝɨ ɦɚɬɟɪɢɚɥɚ. Ɍɟɫɬɵ ɜ ɤɨɧɰɟ ɤɚɠɞɨɝɨ ɭɪɨɤɚ ɩɨɡɜɨɥɹɬ ɨɰɟɧɢɬɶ ɢ ɡɚɤɪɟɩɢɬɶ ɡɧɚɧɢɹ ɭɱɚɳɟɝɨɫɹ. Ⱦɥɹ ɝɪɭɩɩɨɜɨɝɨ ɨɛɭɱɟɧɢɹ ɜ ɥɨɤɚɥɶɧɵɯ ɫɟɬɹɯ «ɆɆɌ ɢ ȾɈ» ɩɪɟɞɥɚɝɚɟɬ ɫɟɬɟɜɵɟ ɜɟɪɫɢɢ ɨɛɭɱɚɸɳɢɯ ɩɪɨɝɪɚɦɦ TeachPro™.
e-ɂɡɞɚɬɟɥɶɫɬɜɨ «ɆɆɌ ɢ ȾɈ»
329
Ɇɭɥɶɬɢɦɟɞɢɣɧɵɟ ɫɚɦɨɭɱɢɬɟɥɢ ɫɟɪɢɢ «TeachPro™» ɩɨ ɩɪɨɝɪɚɦɦɧɵɦ ɩɪɨɞɭɤɬɚɦ Microsoft. ɋɟɪɢɹ ɩɪɟɞɫɬɚɜɥɹɟɬ ɫɨɛɨɣ ɧɚɛɨɪ ɢɧɬɟɪɚɤɬɢɜɧɵɯ ɤɭɪɫɨɜ, ɩɪɟɞɧɚɡɧɚɱɟɧɧɵɯ ɞɥɹ ɨɛɭɱɟɧɢɹ ɪɚɛɨɬɟ ɫ ɩɪɨɝɪɚɦɦɚɦɢ ɩɚɤɟɬɚ Microsoft. ɍɱɟɛɧɢɤɢ ɛɭɞɭɬ ɜ ɪɚɜɧɨɣ ɫɬɟɩɟɧɢ ɩɨɥɟɡɧɵ ɤɚɤ ɧɨɜɢɱɤɚɦ, ɬɚɤ ɢ ɨɩɵɬɧɵɦ ɩɨɥɶɡɨɜɚɬɟɥɹɦ. Ʌɸɞɢ, ɧɟ ɢɦɟɸɳɢɟ ɧɚɜɵɤɨɜ ɪɚɛɨɬɵ ɫ ɤɨɦɩɶɸɬɟɪɨɦ, ɫɦɨɝɭɬ ɛɵɫɬɪɨ ɨɫɜɨɢɬɶ ɜɵɛɪɚɧɧɵɣ ɩɪɨɞɭɤɬ; ɨɩɵɬɧɵɟ ɠɟ ɩɨɥɶɡɨɜɚɬɟɥɢ ɧɚɜɟɪɧɹɤɚ ɭɡɧɚɸɬ ɦɧɨɠɟɫɬɜɨ ɩɪɢɟɦɨɜ ɩɨ ɪɚɛɨɬɟ ɫ ɫɢɫɬɟɦɨɣ. Ɂɚɧɹɬɢɹ ɨɪɝɚɧɢɡɨɜɚɧɵ ɬɚɤɢɦ ɨɛɪɚɡɨɦ, ɱɬɨ, ɩɪɨɫɥɭɲɚɜ ɬɨɥɶɤɨ ɩɟɪɜɵɟ ɥɟɤɰɢɢ, ɜɵ ɭɠɟ ɫɦɨɠɟɬɟ ɧɚɱɚɬɶ ɪɟɚɥɶɧɭɸ ɪɚɛɨɬɭ ɫ ɢɡɭɱɚɟɦɨɣ ɩɪɨɝɪɚɦɦɨɣ. ɉɪɨɞɨɥɠɚɹ ɡɚɧɹɬɢɹ, ɜɵ, ɦɚɤɫɢɦɚɥɶɧɨ ɚɜɬɨɦɚɬɢɡɢɪɭɹ ɫɜɨɸ ɪɚɛɨɬɭ, ɛɭɞɟɬɟ ɩɨɫɬɟɩɟɧɧɨ ɪɚɫɲɢɪɹɬɶ ɤɪɭɝ ɪɟɲɚɟɦɵɯ ɡɚɞɚɱ, ɢɫɩɨɥɶɡɨɜɚɬɶ ɧɨɜɵɟ ɢɧɫɬɪɭɦɟɧɬɵ, ɫɨɡɞɚɜɚɬɶ ɜɫɟ ɛɨɥɟɟ ɫɟɪɶɟɡɧɵɟ ɢ ɨɛɴɟɦɧɵɟ ɩɪɨɟɤɬɵ. ɇɚ ɩɪɚɤɬɢɤɟ ɩɪɨɝɪɚɦɦɧɵɟ ɩɪɨɞɭɤɬɵ Microsoft ɩɪɢɦɟɧɹɸɬɫɹ ɩɨɱɬɢ ɩɨɜɫɟɦɟɫɬɧɨ. ɇɨ, ɤɚɤ ɭɠɟ ɝɨɜɨɪɢɥɨɫɶ, ɢɫɩɨɥɶɡɭɸɬɫɹ ɞɚɥɟɤɨ ɧɟ ɬɚɤ ɲɢɪɨɤɨ, ɤɚɤ ɦɨɝɥɢ ɛɵ. ɂ ɞɟɥɨ ɡɞɟɫɶ ɧɟ ɬɨɥɶɤɨ ɜ ɧɟɞɨɫɬɚɬɤɟ ɡɧɚɧɢɣ ɭ ɩɨɥɶɡɨɜɚɬɟɥɟɣ. ȼ ɷɬɨɦ ɩɨɜɢɧɧɵ, ɜ ɱɚɫɬɧɨɫɬɢ, ɦɧɨɝɨɱɢɫɥɟɧɧɵɟ ɫɩɪɚɜɨɱɧɢɤɢ ɢ ɪɭɤɨɜɨɞɫɬɜɚ (ɜɫɟɯ ɜɢɞɨɜ, ɦɚɫɬɟɣ ɢ ɧɚɡɜɚɧɢɣ), ɤɨɬɨɪɵɦɢ ɭɫɵɩɚɧɵ ɤɧɢɠɧɵɟ ɩɪɢɥɚɜɤɢ. Ⱥɜɬɨɪɵ ɞɚɧɧɵɯ ɤɭɪɫɨɜ ɭɩɨɥɧɨɦɨɱɟɧɵ ɡɚɹɜɢɬɶ ɫɨ ɜɫɟɣ ɨɬɜɟɬɫɬɜɟɧɧɨɫɬɶɸ — ɧɚɦ ɧɟ ɜɫɬɪɟɬɢɥɫɹ ɧɢ ɨɞɢɧ ɭɱɟɛɧɢɤ, ɤɨɬɨɪɵɣ ɩɨɡɜɨɥɢɥ ɛɵ ɤɚɱɟɫɬɜɟɧɧɨ ɨɫɜɨɢɬɶ ɥɸɛɨɣ ɢɡ ɩɪɨɞɭɤɬɨɜ Microsoft, ɧɟ ɢɦɟɹ ɧɚɱɚɥɶɧɨɣ ɩɨɞɝɨɬɨɜɤɢ. ɏɨɪɨɲɢɟ ɤɨɦɩɥɟɤɫɧɵɟ ɡɧɚɧɢɹ ɩɪɟɞɦɟɬɚ ɦɨɠɧɨ ɩɨɥɭɱɢɬɶ, ɡɚɧɢɦɚɹɫɶ ɫ ɝɪɭɩɩɨɣ ɧɚ ɤɭɪɫɚɯ, ɧɨ, ɜɨ-ɩɟɪɜɵɯ, ɞɚɥɟɤɨ ɧɟ ɤɚɠɞɵɟ ɤɭɪɫɵ ɞɚɸɬ ɞɟɣɫɬɜɢɬɟɥɶɧɨ ɩɨɥɧɵɟ ɢ ɯɨɪɨɲɢɟ ɡɧɚɧɢɹ, ɚ, ɜɨɜɬɨɪɵɯ, ɷɬɨ ɜɟɫɶɦɚ ɞɨɪɨɝɨɟ ɭɞɨɜɨɥɶɫɬɜɢɟ, ɢ ɨɬɧɢɦɚɟɬ ɨɧɨ ɦɧɨɝɨ ɜɪɟɦɟɧɢ (ɨɞɧɚ ɞɨɪɨɝɚ ɬɭɞɚ ɢ ɨɛɪɚɬɧɨ ɱɟɝɨ ɫɬɨɢɬ). Ʉɭɪɫɵ ɫɟɪɢɢ «TeachPro™» ɫɨɜɦɟɳɚɸɬ ɜ ɫɟɛɟ ɤɚɱɟɫɬɜɨ ɡɧɚɧɢɣ, ɩɨɥɭɱɚɟɦɵɯ ɩɪɢ ɡɚɧɹɬɢɹɯ ɜ ɯɨɪɨɲɟɣ ɝɪɭɩɩɟ ɫ ɨɩɵɬɧɵɦ ɩɪɟɩɨɞɚɜɚɬɟɥɟɦ, ɫ ɢɧɞɢɜɢɞɭɚɥɶɧɨɣ ɪɚɛɨɬɨɣ ɫ ɭɱɟɛɧɢɤɨɦ ɢ ɫɩɪɚɜɨɱɧɵɦ ɪɭɤɨɜɨɞɫɬɜɨɦ. ȼɵ ɛɭɞɟɬɟ ɩɨɪɚɠɟɧɵ, ɭɛɟɞɢɜɲɢɫɶ, ɤɚɤ ɥɟɝɤɨ ɢ ɛɵɫɬɪɨ ɭɫɜɚɢɜɚɸɬɫɹ ɧɨɜɵɟ ɡɧɚɧɢɹ, ɦɟɬɨɞɵ ɢ ɩɪɢɟɦɵ ɪɚɛɨɬɵ.
330
TeachPro Microsoft FrontPage 2003
Ɇɭɥɶɬɢɦɟɞɢɣɧɵɟ ɫɚɦɨɭɱɢɬɟɥɢ ɩɨ ɢɡɭɱɟɧɢɸ ɢɧɨɫɬɪɚɧɧɵɯ ɹɡɵɤɨɜ Cɟɪɢɹ «DeLuxe» «DeLuxe» — ɫɟɪɢɹ ɦɭɥɶɬɢɦɟɞɢɣɧɵɯ ɭɱɟɛɧɢɤɨɜ ɞɥɹ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨɝɨ ɢɡɭɱɟɧɢɹ ɢɧɨɫɬɪɚɧɧɵɯ ɹɡɵɤɨɜ, ɪɚɡɪɚɛɨɬɚɧɧɨɟ ɜ ɫɨɨɬɜɟɬɫɬɜɢɢ ɫ ɤɨɧɰɟɩɰɢɟɣ ɫɨɜɪɟɦɟɧɧɨɝɨ ɢɧɬɟɧɫɢɜɧɨɝɨ ɢ ɢɧɬɟɪɚɤɬɢɜɧɨɝɨ ɨɛɭɱɟɧɢɹ ɢɧɨɫɬɪɚɧɧɵɦ ɹɡɵɤɚɦ. Ȼɥɚɝɨɞɚɪɹ ɧɚɲɢɦ ɤɭɪɫɚɦ ɜɵ ɫɦɨɠɟɬɟ ɤɨɪɪɟɤɬɢɪɨɜɚɬɶ ɫɜɨɺ ɩɪɨɢɡɧɨɲɟɧɢɟ ɫ ɩɨɦɨɳɶɸ ɤɨɦɩɶɸɬɟɪɚ; ɧɚɭɱɢɬɟɫɶ ɛɵɫɬɪɨ ɢ ɩɪɚɜɢɥɶɧɨ ɤɨɧɫɬɪɭɢɪɨɜɚɬɶ ɩɪɟɞɥɨɠɟɧɢɹ; ɢɡɭɱɢɬɟ ɝɪɚɦɦɚɬɢɤɭ ɢ ɮɨɧɟɬɢɤɭ; ɨɡɜɭɱɟɧɧɵɣ ɢ ɢɥɥɸɫɬɪɢɪɨɜɚɧɧɵɣ ɫɥɨɜɚɪɶ (12000 ɫɥɨɜ) ɩɨɡɜɨɥɢɬ ɛɵɫɬɪɨ ɩɨɩɨɥɧɢɬɶ ɫɥɨɜɚɪɧɵɣ ɡɚɩɚɫ. Ƚɥɭɛɨɤɨ ɩɪɨɞɭɦɚɧɧɚɹ ɦɟɬɨɞɢɤɚ, ɪɚɡɪɚɛɨɬɚɧɧɚɹ ɫɩɟɰɢɚɥɶɧɨ ɞɥɹ ɤɨɦɩɶɸɬɟɪɧɨɝɨ ɨɛɭɱɟɧɢɹ ɢɧɨɫɬɪɚɧɧɵɦ ɹɡɵɤɚɦ, ɨɝɪɨɦɧɵɣ ɨɛɴɟɦ ɬɳɚɬɟɥɶɧɵɦ ɨɛɪɚɡɨɦ ɩɨɞɨɛɪɚɧɧɨɝɨ ɦɚɬɟɪɢɚɥɚ ɢ ɢɧɬɟɥɥɟɤɬɭɚɥɶɧɵɟ ɫɪɟɞɫɬɜɚ ɤɨɧɬɪɨɥɹ ɜ ɫɨɜɨɤɭɩɧɨɫɬɢ ɫɨɡɞɚɸɬ ɜɫɟ ɩɪɟɞɩɨɫɵɥɤɢ ɞɥɹ ɷɮɮɟɤɬɢɜɧɨɝɨ ɢɡɭɱɟɧɢɹ ɢɧɨɫɬɪɚɧɧɨɝɨ ɹɡɵɤɚ. Ⱦɢɚɥɨɝ. Ɋɚɡɞɟɥ ɫɨɫɬɨɢɬ ɢɡ 144 ɞɢɚɥɨɝɨɜɵɯ ɫɢɬɭɚɰɢɣ ɢɡ ɠɢɡɧɢ. Ʉɚɠɞɵɣ ɭɪɨɤ ɫɨɞɟɪɠɢɬ ɫɥɨɜɚɪɶ, ɝɪɚɦɦɚɬɢɱɟɫɤɢɟ ɩɨɹɫɧɟɧɢɹ, ɭɩɪɚɠɧɟɧɢɹ ɩɨ ɨɬɪɚɛɨɬɤɟ ɩɪɨɢɡɧɨɲɟɧɢɹ, ɧɚɩɢɫɚɧɢɹ ɢ ɩɟɪɟɜɨɞɚ ɫɥɨɜ ɢ ɮɪɚɡ. ȼɵ ɫɦɨɠɟɬɟ ɫɬɚɬɶ ɚɤɬɢɜɧɵɦ ɭɱɚɫɬɧɢɤɨɦ ɞɢɚɥɨɝɨɜ, ɦɨɞɟɥɢɪɭɹ ɪɟɱɟɜɵɟ ɫɢɬɭɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɦɢɤɪɨɮɨɧɚ. Ɏɢɥɶɦ. Ɂɜɭɤɨɜɨɣ ɪɹɞ, ɫɥɚɣɞɵ ɢ ɬɟɤɫɬ ɩɨɦɨɝɚɸɬ ɩɨɧɹɬɶ, ɤɚɤ ɝɨɜɨɪɹɬ ɜ ɫɬɪɚɧɟ, ɹɡɵɤ ɤɨɬɨɪɨɣ ɜɵ ɢɡɭɱɚɟɬɟ, ɭɥɨɜɢɬɶ ɪɚɡɥɢɱɢɟ ɞɢɚɥɟɤɬɨɜ ɢ ɩɪɨɫɬɨ ɩɨɱɭɜɫɬɜɨɜɚɬɶ ɹɡɵɤ. ȿɫɥɢ ɜɨɡɧɢɤɧɭɬ ɫɥɨɠɧɨɫɬɢ ɫ ɩɨɧɢɦɚɧɢɟɦ ɮɢɥɶɦɚ, ɩɟɪɟɣɞɢɬɟ ɜ ɩɨɲɚɝɨɜɵɣ ɪɟɠɢɦ. ȼ ɧɟɦ ɜɵ ɫɦɨɠɟɬɟ ɩɪɨɪɚɛɨɬɚɬɶ ɤɚɠɞɭɸ ɮɪɚɡɭ. ɋɥɨɜɚɪɶ. ɂɥɥɸɫɬɪɢɪɨɜɚɧɧɵɣ ɢ ɨɡɜɭɱɟɧɧɵɣ ɫɥɨɜɚɪɶ ɤɭɪɫɚ ɫɨɞɟɪɠɢɬ ɛɨɥɟɟ 12000 ɫɥɨɜ, ɱɬɨ ɞɨɫɬɚɬɨɱɧɨ ɞɥɹ ɫɜɨɛɨɞɧɨɝɨ ɨɛɳɟɧɢɹ ɧɚ ɹɡɵɤɟ. Ɋɚɛɨɬɚ ɫɨ ɫɥɨɜɚɪɺɦ ɞɟɥɢɬɫɹ ɧɚ 4 ɷɬɚɩɚ ɢ ɩɪɨɯɨɞɢɬ ɜ ɢɧɬɟɪɚɤɬɢɜɧɨɦ ɪɟɠɢɦɟ, ɝɞɟ ɜɦɟɫɬɟ ɫ ɜɢɪɬɭɚɥɶɧɵɦ ɭɱɢɬɟɥɟɦ ȼɵ ɫɧɚɱɚɥɚ ɡɧɚɤɨɦɢɬɟɫɶ ɫɨ ɫɥɨɜɚɦɢ ɢ ɢɯ ɩɪɨɢɡɧɨɲɟɧɢɟɦ, ɩɨɬɨɦ ɭɱɢɬɟɫɶ ɩɪɚɜɢɥɶɧɨ ɩɢɫɚɬɶ, ɚ ɡɚɬɟɦ ɢ ɩɪɨɢɡɧɨɫɢɬɶ ɢɯ. Ɍɚɤɚɹ ɫɢɫɬɟɦɚ, ɦɨɛɢɥɢɡɭɹ ɜɫɟ ɦɟɯɚɧɢɡɦɵ ɩɚɦɹɬɢ, ɞɟɥɚɟɬ ɩɪɨɰɟɫɫ ɡɚɩɨɦɢɧɚɧɢɹ ɧɚɢɛɨɥɟɟ ɷɮɮɟɤɬɢɜɧɵɦ ɢ ɛɵɫɬɪɵɦ. Ɋɚɡɞɟɥ ɫɧɚɛɠɺɧ ɩɨɢɫɤɨɜɨɣ ɫɢɫɬɟɦɨɣ, ɱɬɨ ɨɛɥɟɝɱɢɬ ɩɨɢɫɤ ɢɧɬɟɪɟɫɭɸɳɟɝɨ ɜɚɫ ɫɥɨɜɚ. Ƚɪɚɦɦɚɬɢɤɚ. ɋ ɩɨɦɨɳɶɸ ɞɨɫɬɭɩɧɨɝɨ ɢ ɭɞɨɛɧɨɝɨ ɝɪɚɦɦɚɬɢɱɟɫɤɨɝɨ ɪɚɡɞɟɥɚ ɤɭɪɫɚ ɜɵ ɧɚɭɱɢɬɟɫɶ ɝɪɚɦɨɬɧɨ ɢ ɤɪɚɫɢɜɨ ɝɨɜɨɪɢɬɶ ɢ ɩɢɫɚɬɶ ɧɚ ɢɡɭɱɚɟɦɨɦ ɹɡɵɤɟ. Ɏɨɧɟɬɢɤɚ. ɗɬɨɬ ɪɚɡɞɟɥ ɤɭɪɫɚ ɫɨɞɟɪɠɢɬ ɢɫɱɟɪɩɵɜɚɸɳɢɣ ɬɟɨɪɟɬɢɱɟɫɤɢɣ ɦɚɬɟɪɢɚɥ ɩɨ ɮɨɧɟɬɢɤɟ ɢ ɩɪɚɤɬɢɱɟɫɤɢɟ ɡɚɧɹɬɢɹ ɩɨ ɨɬɪɚɛɨɬɤɟ ɩɪɨɢɡɧɨɲɟɧɢɹ ɨɬɞɟɥɶɧɵɯ ɫɥɨɜ, ɢɧɬɨɧɚɰɢɢ, ɫɤɨɪɨɫɬɢ ɢ ɪɢɬɦɢɱɧɨɫɬɢ ɪɟɱɢ. Ⱥɞɦɢɧɢɫɬɪɢɪɨɜɚɧɢɟ. Ʉɭɪɫ ɫɧɚɛɠɺɧ ɭɧɢɤɚɥɶɧɨɣ ɫɢɫɬɟɦɨɣ ɤɨɧɬɪɨɥɹ ɢ ɤɨɨɪɞɢɧɚɰɢɢ ɭɱɟɛɧɨɝɨ ɩɪɨɰɟɫɫɚ, ɤɨɬɨɪɚɹ ɫɨɫɬɨɢɬ ɢɡ ɫɢɫɬɟɦɵ ɫɛɨɪɚ ɫɬɚɬɢɫɬɢɤɢ ɭɫɩɟɜɚɟɦɨɫɬɢ ɤɚɠɞɨɝɨ ɩɨɥɶɡɨɜɚɬɟɥɹ ɩɨ ɜɫɟɦ ɪɚɡɞɟɥɚɦ ɢ ɫɢɫɬɟɦɵ ɚɞɦɢɧɢɫɬɪɢɪɨɜɚɧɢɹ, ɤɨɬɨɪɚɹ ɩɨɡɜɨɥɹɟɬ ɩɪɢɜɢɥɟɝɢɪɨɜɚɧɧɨɦɭ ɩɨɥɶɡɨɜɚɬɟɥɸ ɨɬɫɥɟɠɢɜɚɬɶ ɭɫɩɟɜɚɟɦɨɫɬɶ ɜɫɟɯ ɩɨɥɶɡɨɜɚɬɟɥɟɣ ɤɭɪɫɚ ɢ ɧɚɫɬɪɚɢɜɚɬɶ ɢɧɞɢɜɢɞɭɚɥɶɧɵɟ ɭɪɨɜɧɢ ɫɥɨɠɧɨɫɬɢ ɞɥɹ ɤɚɠɞɨɝɨ ɢɡ ɧɢɯ. ɋɢɫɬɟɦɚ <Ⱥɞɦɢɧɢɫɬɪɚɬɨɪ> ɩɪɢɝɨɞɧɚ ɞɥɹ ɢɫɩɨɥɶɡɨɜɚɧɢɹ ɜ ɞɢɫɬɚɧɰɢɨɧɧɨɦ ɨɛɭɱɟɧɢɢ: ɫɬɚɬɢɫɬɢɱɟɫɤɢɟ ɞɚɧɧɵɟ ɱɟɪɟɡ Internet ɨɬɩɪɚɜɥɹɸɬɫɹ ɧɚ ɫɟɪɜɟɪ Ⱦɢɫɬɚɧɰɢɨɧɧɨɝɨ Ɉɛɭɱɟɧɢɹ, ɤɨɬɨɪɵɣ ɬɚɤɢɦ ɠɟ ɨɛɪɚɡɨɦ ɭɩɪɚɜɥɹɟɬ ɥɨɤɚɥɶɧɵɦ ɤɨɦɩɶɸɬɟɪɨɦ ɜ ɡɚɜɢɫɢɦɨɫɬɢ ɨɬ ɭɫɩɟɜɚɟɦɨɫɬɢ ɩɨɥɶɡɨɜɚɬɟɥɹ.
e-ɂɡɞɚɬɟɥɶɫɬɜɨ «ɆɆɌ ɢ ȾɈ»
331
Ʉɭɪɫɵ ɫɧɚɛɠɟɧɵ ɞɨɩɨɥɧɢɬɟɥɶɧɵɦ ɫɟɪɜɢɫɨɦ: ɬɟɩɟɪɶ ɩɨɥɶɡɨɜɚɬɟɥɶ ɦɨɠɟɬ ɫɚɦɨɫɬɨɹɬɟɥɶɧɨ ɧɚɫɬɪɚɢɜɚɬɶ ɫɢɫɬɟɦɭ (ɬɚɣɦɟɪ, ɛɭɞɢɥɶɧɢɤ, ɧɚɫɬɪɨɣɤɚ ɜɪɟɦɟɧɧɵɯ ɢɧɬɟɪɜɚɥɨɜ ɦɟɠɞɭ ɮɪɚɡɚɦɢ ɜ ɞɢɚɥɨɝɚɯ). ȼɟɫɶ ɭɱɟɛɧɵɣ ɦɚɬɟɪɢɚɥ ɢɡ ɥɸɛɨɝɨ ɪɚɡɞɟɥɚ ɦɨɠɧɨ ɜɵɜɟɫɬɢ ɧɚ ɩɟɱɚɬɶ. ȼɚɠɧɵɦ ɨɬɥɢɱɚɟɦ DeLuxe ɨɬ ɩɪɟɞɵɞɭɳɢɯ ɜɟɪɫɢɣ ɢ ɚɧɚɥɨɝɢɱɧɵɯ ɨɛɭɱɚɸɳɢɯ ɩɪɨɝɪɚɦɦ ɹɜɥɹɟɬɫɹ ɢɧɬɟɝɪɚɰɢɹ ɜɫɟɯ ɩɨɞɫɢɫɬɟɦ ɤɭɪɫɚ (ɞɢɚɥɨɝɢ, ɫɥɨɜɚɪɶ, ɮɢɥɶɦ, ɝɪɚɦɦɚɬɢɤɚ) ɜ ɟɞɢɧɭɸ ɨɛɭɱɚɸɳɭɸ ɫɪɟɞɭ, ɱɬɨ ɩɨɡɜɨɥɹɟɬ ɪɚɡɜɢɜɚɬɶ ɜɫɟ ɚɫɩɟɤɬɵ ɹɡɵɤɚ ɜɡɚɢɦɨɫɜɹɡɚɧɧɨ.
Ɇɭɥɶɬɢɦɟɞɢɣɧɵɟ ɫɚɦɨɭɱɢɬɟɥɢ ɩɨ ɩɪɨɝɪɚɦɦɧɵɦ ɩɪɨɞɭɤɬɚɦ Microsoft ɧɚ CD-ROM TeachPro Word 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Word 2003.
TeachPro Excel 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Excel 2003.
TeachPro Access 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Access 2003.
TeachPro PowerPoint 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft PowerPoint 2003.
TeachPro Outlook 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Outlook 2003.
TeachPro FrontPage 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft FrontPage 2003.
TeachPro Visio 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Visio 2003.
TeachPro Publisher 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Publisher 2003.
TeachPro OneNote 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft OneNote 2003.
TeachPro Internet 2003
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Internet 2003.
TeachPro Office 2003
Cɛɨɪɧɢɤ ɫɚɦɨɭɱɢɬɟɥɟɣ ɩɨ Word 2003, Excel 2003, Access 2003, Outlook 2003, PowerPoint 2003, FrontPage 2003, Visio 2003, Publisher 2003 ɢ OneNote 2003.
TeachPro Windows XP
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Windows XP.
TeachPro Word 2002
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Word 2002.
TeachPro Excel 2002
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Excel 2002.
TeachPro Access 2002
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Access 2002.
TeachPro PowerPoint 2002
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft PowerPoint 2002.
TeachPro Outlook 2002
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Outlook 2002.
TeachPro Internet 2002
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft Internet 2002.
TeachPro FrontPage 2002
Cɚɦɨɭɱɢɬɟɥɶ ɩɨ Microsoft FrontPage 2002.
TeachPro Win&Office XP
Cɛɨɪɧɢɤ ɫɚɦɨɭɱɢɬɟɥɟɣ ɩɨ Windows ɏɊ, Word 2002, Excel 2002, Access 2002, Outlook 2002, PowerPoint 2002, FrontPage 2002 ɢ Internet 2002.
TeachPro Microsoft FrontPage 2003
332
ɋɚɦɨɭɱɢɬɟɥɢ ɞɥɹ ɲɤɨɥɶɧɢɤɨɜ ɢ ɚɛɢɬɭɪɢɟɧɬɨɜ TeachPro ɈȻɀ
Ɉɫɧɨɜɵ ɛɟɡɨɩɚɫɧɨɫɬɢ ɠɢɡɧɟɞɟɹɬɟɥɶɧɨɫɬɢ ɞɥɹ 10 ɤɥɚɫɫɚ.
TeachPro Ɏɢɡɢɤɚ 11 ɤɥɚɫɫ
Ɏɢɡɢɤɚ ɩɨ ɩɪɨɝɪɚɦɦɟ ɞɥɹ 11 ɤɥɚɫɫɚ.
TeachPro Ɏɢɡɢɤɚ
Ɏɢɡɢɤɚ ɞɥɹ ɚɛɢɬɭɪɢɟɧɬɨɜ ɞɥɹ 7-11 ɤɥɚɫɫɨɜ.
TeachPro Ɇɚɬɟɦɚɬɢɤɚ
Ɇɚɬɟɦɚɬɢɤɚ ɞɥɹ ɚɛɢɬɭɪɢɟɧɬɨɜ ɞɥɹ 7-11 ɤɥɚɫɫɨɜ.
TeachPro ɏɢɦɢɹ
ɏɢɦɢɹ ɞɥɹ ɚɛɢɬɭɪɢɟɧɬɨɜ ɞɥɹ 7-11 ɤɥɚɫɫɨɜ
TeachPro Ɋɟɲɟɛɧɢɤ ɩɨ Ɏɢɡɢɤɟ
Ɋɟɲɟɛɧɢɤ ɩɨ ɮɢɡɢɤɟ ɞɥɹ 7-11 ɤɥɚɫɫɨɜ.
TeachPro Ɋɟɲɟɛɧɢɤ ɩɨ Ɇɚɬɟɦɚɬɢɤɟ
Ɋɟɲɟɛɧɢɤ ɩɨ ɦɚɬɟɦɚɬɢɤɟ ɞɥɹ 7-11 ɤɥɚɫɫɨɜ.
TeachPro Ɋɟɲɟɛɧɢɤ ɩɨ ɏɢɦɢɢ
Ɋɟɲɟɛɧɢɤ ɩɨ ɯɢɦɢɢ ɩɨ 7-11 ɤɥɚɫɫɨɜ.
TeachPro ɂɧɮɨɪɦɚɬɢɤɚ
ɂɧɮɨɪɦɚɬɢɤɚ ɞɥɹ ɚɛɢɬɭɪɢɟɧɬɨɜ.
ɋɚɦɨɭɱɢɬɟɥɢ ɩɨ ɹɡɵɤɚɦ ɩɪɨɝɪɚɦɦɢɪɨɜɚɧɢɹ TeachPro ɋ++
ɋɚɦɨɭɱɢɬɟɥɶ ɋ++.
TeachPro JAVA
ɋɚɦɨɭɱɢɬɟɥɶ JAVA.
TeachPro Visual Basic .Net
ɋɚɦɨɭɱɢɬɟɥɶ Visual Bacic. Net.
TeachPro Visual Basic for Applications
ɋɚɦɨɭɱɢɬɟɥɶ Visual Basic for Applications.
ɋɚɦɨɭɱɢɬɟɥɢ ɩɨ ɝɪɚɮɢɱɟɫɤɢɦ ɩɪɨɝɪɚɦɦɚɦ TeachPro Flash MX
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Flash MX.
TeachPro Adobe PageMaker
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe PageMaker 7.0.
TeachPro AutoCad 2005
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ AutoCad 2005.
TeachPro Adobe Premiere Pro 1.5
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe Premiere Pro 1.5.
TeachPro Adobe Photoshop CS
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe Photoshop CS.
TeachPro Adobe Illustrator CS
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe Illustranor CS.
TeachPro 3D Studio Max6
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe ɩɨ 3D Studio Max6.
TeachPro CorelDraw 12
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe ɩɨ CorelDraw 12.
TeachPro Web-ɞɢɡɚɣɧ
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Web-ɞɢɡɚɣɧɭ.
TeachPro Quark XPress 6.0
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Quark XPress 6.0.
TeachPro Adobe Photoshop
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ Adobe Photoshop 6.0.
e-ɂɡɞɚɬɟɥɶɫɬɜɨ «ɆɆɌ ɢ ȾɈ»
333
ɋɚɦɨɭɱɢɬɟɥɢ ɩɨ ɞɪɭɝɢɦ ɩɪɢɥɨɠɟɧɢɹɦ TeachPro ɍɬɢɥɢɬɵ
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ ɭɬɢɥɢɬɚɦ. (Ɉɩɢɫɚɧɨ 29 ɭɬɢɥɢɬ: ɚɪɯɢɜɚɬɨɪɨɜ, ɮɚɣɥɨɜɵɯ ɦɟɧɟɞɠɟɪɨɜ, ɚɧɬɢɜɢɪɭɫɧɵɯ ɩɪɨɝɪɚɦɦ, ɩɪɨɝɪɚɦɦ ɞɥɹ ɪɚɛɨɬɵ ɫɨ ɡɜɭɤɨɜɵɦɢ ɮɚɣɥɚɦɢ ɢ ɞɥɹ ɧɚɫɬɪɨɣɤɢ ɢ ɨɩɬɢɦɢɡɚɰɢɢ ɪɚɛɨɬɵ Ɉɋ).
TeachPro Excel ɧɚ ɩɪɨɢɡɜɨɞɫɬɜɟ
ɍɱɟɛɧɢɤ. ɉɪɨɟɤɬɢɪɨɜɚɧɢɟ ɩɪɨɢɡɜɨɞɫɬɜɟɧɧɨɝɨ ɩɪɨɝɪɚɦɦɧɨɝɨ ɨɛɟɫɩɟɱɟɧɢɹ ɜ ɫɪɟɞɟ Microsoft Excel.
TeachPro Ʌɟɤɰɢɢ ɩɨ ɦɚɬɟɦɚɬɢɤɟ ɞɥɹ ɸɪɢɫɬɨɜ
ɋɚɦɨɭɱɢɬɟɥɶ ɦɚɬɟɦɚɬɢɤɢ ɞɥɹ ɸɪɢɫɬɨɜ.
TeachPro ɋɉɗɋ
ɂɧɞɢɜɢɞɭɚɥɶɧɵɣ ɤɨɦɩɶɸɬɟɪɧɵɣ ɬɪɟɧɢɧɝ. ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ ɫɩɪɚɜɨɱɧɨ-ɩɪɚɜɨɜɵɦ ɢ ɷɤɨɧɨɦɢɱɟɫɤɢɦ ɫɢɫɬɟɦɚɦ. Ʉɨɧɫɭɥɶɬɚɧɬ ɩɥɸɫ, Ʉɨɞɟɤɫ, ȼɚɲɟ ɩɪɚɜɨ, Ƚɚɪɚɧɬ, ɘɋɂɋ, 1ɋ-Ȼɭɯɝɚɥɬɟɪɢɹ, ProjectExpert.
TeachPro Internet Trading
ɋɚɦɨɭɱɢɬɟɥɶ ɩɨ ɨɩɟɪɚɰɢɹɦ ɫ ɰɟɧɧɵɦɢ ɛɭɦɚɝɚɦɢ ɜ Internet (ɧɚ ɚɧɝɥɢɣɫɤɨɦ ɹɡɵɤɟ).
TeachPro Ɇɚɫɫɚɠ
ɍɱɟɛɧɢɤ ɩɨ ɬɟɨɪɢɢ ɢ ɩɪɚɤɬɢɤɟ ɬɨɱɟɱɧɨɝɨ ɦɚɫɫɚɠɚ.
TeachPro PC User 98
ɋɛɨɪɧɢɤ ɨɛɭɱɚɸɳɢɯ ɩɪɨɝɪɚɦɦ ɩɨ MS Windows, MS Office ɢ Internet.
ȿɜɚɧɝɟɥɢɹ
Ɇɭɥɶɬɢɦɟɞɢɣɧɨɟ ɢɡɞɚɧɢɟ.
TeachPro ɉɪɨɝɪɚɦɦɵ ɋɚɦɨɭɱɢɬɟɥɶ ɤɨɦɩɶɸɬɟɪɧɵɯ ɩɪɨɝɪɚɦɦ ɞɥɹ ɩɪɨɮɟɫɫɢɨɧɚɥɶɧɨɝɨ ɩɟɪɟɜɨɞɚ ɩɪɨɮɟɫɫɢɨɧɚɥɶɧɵɯ ɩɟɪɟɜɨɞɱɢɤɨɜ.
ɋɚɦɨɭɱɢɬɟɥɢ ɩɨ ɢɧɨɫɬɪɚɧɧɵɦ ɹɡɵɤɚɦ English DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɚɦɟɪɢɤɚɧɫɤɨɝɨ ɚɧɝɥɢɣɫɤɨɝɨ ɹɡɵɤɚ.
Oxford DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɚɧɝɥɢɣɫɤɨɝɨ ɹɡɵɤɚ.
Deutsch DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɧɟɦɟɰɤɨɝɨ ɹɡɵɤɚ.
Franɫais DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɮɪɚɧɰɭɡɫɤɨɝɨ ɹɡɵɤɚ.
Espanol DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɢɫɩɚɧɫɤɨɝɨ ɹɡɵɤɚ.
Italiano DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɢɬɚɥɶɹɧɫɤɨɝɨ ɹɡɵɤɚ.
Japanese DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɹɩɨɧɫɤɨɝɨ ɹɡɵɤɚ.
Chinese DeLuxe
ɋɚɦɨɭɱɢɬɟɥɶ ɤɢɬɚɣɫɤɨɝɨ ɹɡɵɤɚ.
ɇɟɦɟɰɤɢɣ ɹɡɵɤ
Ȼɢɛɥɢɨɬɟɤɚ ɧɚɝɥɹɞɧɵɯ ɩɨɫɨɛɢɣ.
Ⱥɧɝɥɢɣɫɤɢɣ ɹɡɵɤ. 5-9 ɤɥɚɫɫɵ
ɋɚɦɨɭɱɢɬɟɥɶ ɚɧɝɥɢɣɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ 5-9 ɤɥɚɫɫɨɜ.
ɇɟɦɟɰɤɢɣ ɹɡɵɤ. 5-9 ɤɥɚɫɫɵ
ɋɚɦɨɭɱɢɬɟɥɶ ɧɟɦɟɰɤɨɝɨ ɹɡɵɤɚ ɞɥɹ 5-9 ɤɥɚɫɫɨɜ.
Ɏɪɚɧɰɭɡɫɤɢɣ ɹɡɵɤ. 5-9 ɤɥɚɫɫɵ
ɋɚɦɨɭɱɢɬɟɥɶ ɮɪɚɧɰɭɡɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ 5-9 ɤɥɚɫɫɨɜ.
ɂɫɩɚɧɫɤɢɣ ɹɡɵɤ. 5-9 ɤɥɚɫɫɵ
ɋɚɦɨɭɱɢɬɟɥɶ ɢɫɩɚɧɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ 5-9 ɤɥɚɫɫɨɜ.
əɩɨɧɫɤɢɣ ɹɡɵɤ. 5-9 ɤɥɚɫɫɵ
ɋɚɦɨɭɱɢɬɟɥɶ ɹɩɨɧɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ 5-9 ɤɥɚɫɫɨɜ.
ɂɬɚɥɶɹɧɫɤɢɣ ɹɡɵɤ ɞɥɹ ɞɟɬɟɣ
ɋɚɦɨɭɱɢɬɟɥɶ ɢɬɚɥɶɹɧɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɞɟɬɟɣ.
TeachPro Microsoft FrontPage 2003
334 Ʉɢɬɚɣɫɤɢɣ ɹɡɵɤ ɞɥɹ ɞɟɬɟɣ
ɋɚɦɨɭɱɢɬɟɥɶ ɤɢɬɚɣɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɞɟɬɟɣ.
ɋɚɦɨɭɱɢɬɟɥɢ ɪɭɫɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɢɧɨɫɬɪɚɧɰɟɜ ɋɟɪɢɹ Gold 2000 Golden Russian 2000
ɍɱɟɛɧɢɤ ɪɭɫɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɚɧɝɥɢɱɚɧ.
Russe d’Or 2000
ɍɱɟɛɧɢɤ ɪɭɫɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɮɪɚɧɰɭɡɨɜ.
Goldenes Russisch 2000
ɍɱɟɛɧɢɤ ɪɭɫɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɧɟɦɰɟɜ.
Ruso de Oro 2000
ɍɱɟɛɧɢɤ ɪɭɫɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɢɫɩɚɧɰɟɜ.
Golden Russian 2000
ɍɱɟɛɧɢɤ ɪɭɫɫɤɨɝɨ ɹɡɵɤɚ ɞɥɹ ɹɩɨɧɰɟɜ.
ɍɱɟɛɧɨɟ ɢɡɞɚɧɢɟ Ⱥɤɨɩɹɧ Ⱥɪɰɭɧ ȼɥɚɞɢɦɢɪɨɜɢɱ
TeachPro™ Microsoft
FrontPage 2003 Ɉɬɜɟɬɫɬɜɟɧɧɵɣ ɪɟɞɚɤɬɨɪ ȼ.Ɏ.Ƚɨɧɱɚɪɨɜ ɏɭɞɨɠɟɫɬɜɟɧɧɵɣ ɪɟɞɚɤɬɨɪ ɘ.Ɇ.ɋɥɚɜɧɨɜɚ Ʉɨɦɩɶɸɬɟɪɧɚɹ ɜɟɪɫɬɤɚ Ɋ.Ⱦ.Ɍɨɪɨɫɹɧ
ɂɡɞɚɬɟɥɶɫɤɚɹ ɥɢɰɟɧɡɢɹ ɂȾ ʋ 06489 Ƚɢɝɢɟɧɢɱɟɫɤɢɣ ɫɟɪɬɢɮɢɤɚɬ ʋ77.99.02.953.ɉ.000415.02.02 ɨɬ 28.02.2002
ɇɚɲɢ ɤɨɨɪɞɢɧɚɬɵ: 111024, Ɇɨɫɤɜɚ, ɒɨɫɫɟ ɗɧɬɭɡɢɚɫɬɨɜ, ɞ. 20Ⱥ ɬɟɥ. (495) 673-7692, (495) 673-7693 ɮɚɤɫ (495) 673-5975 http://www.mmt-dl.ru
[email protected] — ɨɬɞɟɥ ɩɪɨɞɚɠ
[email protected] — ɫɥɭɠɛɚ ɬɟɯɧɢɱɟɫɤɨɣ ɩɨɞɞɟɪɠɤɢ
[email protected] — ɡɚɦɟɱɚɧɢɹ ɢ ɩɪɟɞɥɨɠɟɧɢɹ ɩɨ ɫɚɣɬɭ
[email protected] — ɨɛɳɚɹ ɢɧɮɨɪɦɚɰɢɹ ɨ ɧɚɲɢɯ ɩɪɨɞɭɤɬɚɯ
[email protected] — ɞɪɭɝɢɟ ɜɨɩɪɨɫɵ
