Размещение графических изображений
Графические изображения, размещенные на Web-странице, не только способствуют лучшему восприятию информации, но и позволяют сделать страницы более яркими и запоминающимися. Графические изображения вы можете подготовить сами или воспользоваться услугами дизайнеров. Можно также использовать библиотеки графических файлов программных продуктов, таких как Microsoft Office, CorelDraw и т.д.
Разместим на домашней странице создаваемого нами Web-узла графическое изображение из библиотеки Clip Art, входящей в состав Microsoft Office. Для этого выполните следующие действия:
1. Откройте созданный Web-узел.
2. Откройте домашнюю страницу, дважды щелкнув мышью на имени файла index.htm
в панели Список папок (Folder
List).
3. В меню Вставка (Insert)
выберите команду Рисунок (Picture),
а затем в открывшемся подменю — опцию Картинки (Clip Art). В окне
программы FrontPage появляется панель Вставка картинки (Insert Clip Art).
4. Выберите на этой панели команду Коллекция картинок (Media Gallery).
Открывается диалоговое окно, позволяющее выбрать графическое изображение (рис.
15.8).
Рис. 15.8. Диалоговое окно Коллекция картинок (Microsoft)
В верхней части диалогового окна помимо кнопок, управляющих отображением показываемых в окне объектов, а также копированием и удалением объектов, содержатся кнопки назначения (см. таблицу).
| Кнопка | Назначение |
| Поиск | Отображает в окне панель Поиск, предназначенную для поиска мультимедийных файлов |
| Список коллекций | Отображает в окне панель Список коллекций со списком категорий и разделов библиотеки |
| Коллекция картинок в Интернете | Запускает обозреватель для поиска изображения в Интернете |
5. Панель Список коллекций содержит папки вашего компьютера с мультимедийными файлами, а также файлы картинок библиотеки Clip Art. Откройте папку интересующей вас категории картинок. В рабочей области окна появятся изображения данной категории. При установке курсора на изображение видна подсказка с указанием имени, размера изображения и файла, в котором он содержится, а также формата графического изображения (рис. 15.9).
Рис. 15.9. Подсказка с указанием размера файла при установке курсора на изображение
6. Нажмите кнопку со стрелкой с правой стороны выбранного изображения.
Появляется контекстное меню.
7. Выберите в контекстном меню команду Копировать (Сору).
8. Перейдите на Web-страницу и вставьте на
нее из буфера обмена изображение, используя для этого любое удобное средство.
Например, нажмите комбинацию клавиш <Shift>+<Ins>.
9. Сохраните Web-страницу с размещенным в ней графическим изображением, нажав
кнопку Сохранить (Save) на
стандартной панели инструментов. Появляется диалоговое окно Сохранение внедренных файлов (Save
Embedded Files) (рис. 15.10), предлагающее сохранить размещенное на странице
изображение в папке images Web-узла под именем, с которым файл находился
в библиотеке. Это окно содержит кнопки следующего назначения:
Область Рисунок (Picture preview) показывает размещаемое изображение. Установив в диалоговом окне Сохранение внедренных файлов нужные параметры, нажмите кнопку ОК. Графический файл будет сохранен в указанной вами папке Web-узла.
Рис. 15.10. Диалоговое окно Сохранение внедренных файлов
Размещение графического изображения из файла
Мы рассмотрели размещение на Web-странице графического изображения из библиотеки Clip Ait. Для размещения на странице графического изображения из файла выполните одно из следующих действий:
В меню Вставка (Insert) выберите команду Рисунок (Picture), а затем в открывшемся подменю — опцию Из файла (From File) Нажмите кнопку Добавить рисунок из файла (Insert Picture From File) на стандартной панели инструментов Нажмите кнопку Добавить рисунок из файла (Insert Picture From File) на панели инструментов Рисунки (Pictures)При выполнении любого из этих действий открывается диалоговое окно Рисунок (Picture) (рис. 15.11). Найдите с помощью этого окна требуемый графический файл и для его размещения на Web-странице нажмите кнопку Вставить (Insert). Диалоговое окно закроется, а изображение будет размещено на странице.
Рис. 15.11. Диалоговое окно Рисунок
Настройка свойств изображения
После размещения изображения на Web-странице необходимо настроить его свойства, используя диалоговое окно Свойства рисунка (Picture Properties) (рис. 15.12). Для его открытия щелкните мышью на изображении, а затем выполните одно из следующих действий:
В меню Формат (Format) выберите команду Свойства (Properties) Выберите команду контекстного меню Свойства рисунка (Picture Properties) Нажмите комбинацию клавиш <Alt>+<Enter>Диалоговое окно Свойства рисунка содержит три вкладки: Общие (General), Видеозапись (Video), Вид (Appearance). Рассмотрим более подробно возможности настройки с помощью данного диштогового окна.
Рис. 15.12. Вкладка Общие диалогового окна Свойства рисунка
Редактирование изображений
При размещении на Web-странице графического изображения на экране появляется панель инструментов Рисунки (Pictures), предоставляющая средства по его обработке (рис. 15.15).
Рис. 15.15. Панель инструментов Рисунки
Совет
Если панель инструментов Рисунки не появилась на экране, то в меню Вид (View) выберите команду Панели инструментов (Toolbars), а затем — опцию Рисунки.
На панели инструментов Рисунки имеется множество кнопок, которые удобно использовать для корректировки изображения. Их назначение описано в табл. 15.2.
Таблица 15.2. Кнопки панели инструментов Рисунки
| Кнопка | Название | Назначение | ||
 |
Добавить рисунок из файла (Insert Picture From File) |
Открывает диалоговое окно Рисунок, позволяющее выбрать графическое изображение, содержащееся в файле, и разместить его на Web-странице | ||
 |
Текст (Text) | Размещает на графическом изображении форматированный текст, который можно связывать с активной областью | ||
 |
Автоэскизы (Auto Thumbnail) | Представляет графическое изображение в виде автоэскиза | ||
 |
Position Absolutely (Абсолютное положение) |
Позволяет позиционировать изображение | ||
 |
Переместить вперед (Bring Forward) |
Перемещает изображение на верхний слой | ||
 |
Переместить назад (Send Backward) |
Перемещает изображение на нижний слой | ||
 |
Повернуть влево (Rotate Left) . |
Поворачивает изображение против часовой стрелки на 90 градусов | ||
 |
Повернуть вправо (Rotate Right) |
Поворачивает изображение по часовой стрелке на 90 градусов | ||
 |
Отразить слева направо (Flip Horizontal) |
Отражает изображение относительно вертикальной оси (создает горизонтальное зеркальное отражение) | ||
 |
Отразить сверху вниз (Flip Vertical) |
Отражает изображение относительно горизонтальной оси (создает вертикальное зеркальное отражение) | ||
 |
Увеличить контрастность (More Contrast) |
Увеличивает контрастность изображения | ||
 |
Уменьшить контрастность (Less Contrast) | Уменьшает контрастность изображения | ||
 |
Увеличить яркость (More Brightness) |
Увеличивает яркость изображения | ||
 |
Уменьшить яркость (Less Brightness) |
Уменьшает яркость изображения | ||
 |
Тип линии (Line Style) | Задает стиль линии | ||
 |
Обрезка (Crop) | Обрезает изображение, находящееся вне выделенного контура | ||
 |
Установить прозрачный цвет (Set Transparent Color) | Делает прозрачным один из цветов изображения, представленного в формате GIF | ||
 |
Цвет (Color) | Открывает меню, содержащее команды, управляющие цветом изображения. Так, например, команда Оттенки серого (GrayScale) преобразовывает цветное изображение в полутоновое, а Черно-белое (Black & White) — в черно-белое. Команда Размытие (Wash Out) делает изображение более блеклым | ||
 |
Багетная рамка (Bevel) | Придает изображению эффект выпуклости | ||
 |
Сокращение цветов (Resample) |
Устраняет небольшие дефекты изображения, возникающие при изменении его размеров | ||
 |
Выбрать (Select) | Выбирает объект | ||
 |
Гиперпрямоугольник (Rectangular Hotspot) |
Размещает на изображении активную область в виде прямоугольника, используемую для создания гиперссылки | ||
 |
Гиперкруг (Circular Hotspot) |
Размещает на изображении активную область в виде круга, используемую для создания гиперссылки | ||
 |
Гипермногоугольник (Polygonal Hotspot) |
Размещает на изображении активную область в виде многоугольника, используемую для создания гиперссылки | ||
 |
Выделить гиперобъекты (Highlight Hotspots) |
Показывает все размещенные на изображении активные области | ||
 |
Восстановить (Restore) | Отменяет все последние изменения в графическом изображении с момента последнего сохранения файла | ||
Панель инструментов Рисунки позволяет вам слегка доработать графическое изображение не выходя из программы FrontPage. При использовании этих средств придерживайтесь следующих рекомендаций:
Перед использованием средств редактирования изображения создайте резервную копию изображения Получив приемлемый промежуточный результат, сохраните его В том случае, если ваши действия ухудшили изображение, воспользуйтесь кнопкой Восстановить (Restore) на панели инструментов Рисунки. Она отменит все выполненные вами действия с момента последнего сохранения результатов работы.Рассмотрим несколько примеров использования кнопок панели инструментов Рисунки.
Вращение изображения
На панели инструментов размещены 4 кнопки, позволяющие в режиме редактирования графического изображения развернуть рисунок: Повернуть влево (Rotate Left), Повернуть вправо (Rotate Right), Отразить слева направо (Flip Horizontal) и Отразить сверху вниз (Flip Vertical).
При нажатии кнопки Повернуть влево изображение поворачивается против часовой стрелки, а кнопки Повернуть вправо — по часовой стрелке на 90°.
Кнопка Отразить слева направо на панели инструментов Рисунки используется в том случае, если нужно получить зеркальное изображение исходного графического изображения. Для получения перевернутого изображения выделите его и нажмите кнопку Отразить сверху вниз.
Рис. 15.16. Примеры применения к изображению поворота, зеркального отражения и переворачивания
На рис. 15.16 представлен пример обработки изображения с использованием этих кнопок. Первое изображение является исходным, четыре остальных — результат применения поворота по часовой стрелке, против часовой стрелки, а также эффекта зеркального отражения и эффекта переворачивания.
Изменение яркости и контраста
В том случае, если необходимо немного подкорректировать контрастность изображения, вы можете воспользоваться кнопками Увеличить контрастность (More Contrast) и Уменьшить контрастность (Less Contrast) на панели инструментов Рисунки, увеличивающей и уменьшающей, соответственно, значение данного параметра. Для изменения яркости предназначены кнопки Увеличить яркость (More Brightness) и Уменьшить яркость (Less Brightness).
Меняйте данные параметры с большой осторожностью, так как можете испортить изображение. Лучше изменять яркость и контрастность изображения в соответствующих графических редакторах, позволяющих изменять эти параметры плавно.
Вырезание части изображения
Вам может потребоваться не все изображение, а какой-либо его фрагмент. В этом случае вы можете поступить следующим образом:
1. Выделите изображение.
2. Нажмите на панели инструментов Рисунки кнопку Обрезка (Crop).
3. Вокруг всего изображения появляется рамка с маркерами выделения.
Устанавливая курсор поочередно на маркеры, перемещайте контуры рамки, изменяя
размер ограничиваемой рамкой области таким образом, чтобы она выделила на
изображении нужную область. Для перемещения рамки по изображению используйте
клавиши со стрелками на клавиатуре.
Совет
Для выделения части изображения вы можете поступить и так: установите курсор на изображение и, используя мышь, нарисуйте рамку вокруг той его части, которую хотите вырезать.
4. После того как необходимая часть изображения выделена рамкой, нажмите еще раз кнопку Обрезка или клавишу <Enter>.
На рис. 15.17 показано исходное изображение и изображение, полученное в результате обрезки.
Рис. 15.17. Изображение и вырезанная его часть
Применение опции прозрачности
Кнопка Установить прозрачный цвет (Set Transparent Color) на панели инструментов Рисунки позволяет сделать прозрачным один из цветов, используемых в изображении. Данная операция может быть применена только к графическим файлам в формате GIF.
Для преобразования одного из цветов изображения в прозрачный выполните следующие действия:
1. Выделите изображение, к которому хотите применить данный эффект.
2. Нажмите на панели инструментов Рисунки кнопку Установить прозрачный цвет.
3. Если ваше изображение имеет формат, отличный от GIF, на экране появляется
запрос на изменение формата файла (рис. 15.18). Если вы хотите продолжить
выполнение операции, нажмите кнопку
ОК.
Рис. 15.18. Запрос на преобразование файла в формат GIF
4. Установите курсор, который принял вид карандаша, на тот цвет в изображении, который хотите сделать прозрачным, и щелкните кнопкой мыши.
На рис. 15.19 представлены два изображения. Первое является исходным, второе — результат применения эффекта преобразования цвета в прозрачный.
,
Рис. 15.19. Результат применения к изображению эффекта преобразования цвета в прозрачный
Замечание
В изображении может быть задан только один прозрачный цвет. При применении данного эффекта к другому цвету происходит восстановление первого цвета, который ранее был установлен прозрачным.
Преобразование в полутоновое изображение
В том случае, если вы хотите уменьшить размер графического файла, содержащего изображение (что позволит ускорить его загрузку в обозреватель), можете преобразовать исходное изображение в полутоновое. Для этого на панели инструментов Рисунки нажмите кнопку Цвет (Color) и выберите из появившегося меню команду Оттенки серого (Grayscale).
При сохранении файла, к которому применен эффект преобразования в полутоновое изображение, информация о цвете теряется.
Эффект объемности
В том случае, если вы хотите использовать размещенное на Web-странице изображение в качестве ссылки, можете придать ему объемность, воспользовавшись кнопкой Багетная рамка (Bevel) на панели инструментов Рисунки. При этом изображение принимает вид трехмерной кнопки за счет того, что его верхняя и правая граница затемняются, а нижняя и левая — осветляются.
Эффект размытия
Эффект размытия изображения хорош для графических изображений, которые вы хотите использовать для фона Web-страницы. Применение данного эффекта осветляет изображение, и его рисунок не мешает восприятию размещенной на странице информации. На рис. 15.20 слева представлено исходное изображение, а справа — результат применения к нему эффекта размытия.
Чтобы применить к графическому изображению эффект размытия, нажмите на панели инструментов Рисунки кнопку Цвет (Color) и выберите из появившегося меню команду Размытие (Wash Out).
Рис. 15.20. Результат применения к изображению эффекта размытия
Автоэскизы
Кнопка Автоэскизы (Auto Thumbnail) на панели инструментов Рисунки позволяет представить графическое изображение в уменьшенном виде, оформленном как автоэскиз.
Совет
Для преобразования изображения в автоэскиз можно также использовать комбинацию клавиш <С1г1>+<Т>.
Прежде чем автоэскиз создавать, необходимо настроить его параметры. Для настройки параметров автоэскиза используется вкладка Автоэскизы (Auto Thumbnail) диалогового окна Параметры страницы (Page Options) (рис. 15.21), открываемого при выборе из меню Сервис (Tools) команды Параметры страницы (Page Options).
Рис. 15.21. Диалоговое окно для настройки параметров автоэскизов
Используя раскрывающийся список Задать (Set) вкладки Auto Thumbnail, вы можете задать один из следующих параметров автоэскиза (в пикселах):
по ширине (Width) — высота миниатюры по высоте (Height) — ширина миниатюры по меньшей стороне (Shortest side) — наименьший размер по большей стороне (Longest side) — наибольший размерЗамечание
С помощью списка Задать (Set) вы устанавливаете один из размеров автоэскиза. Второй размер устанавливается программой FrontPage автоматически исходя из размеров исходного изображения с учетом сохранения его пропорций.
Чтобы миниатюра, создаваемая с помощью кнопки Автоэскизы (Auto Thumbnail), была помещена в рамку, необходимо на вкладке Автоэскизы диалогового окна Параметры страницы установить флажок Толщина границы (Border thickness). Для задания толщины рамки используется поле Точек (Pixels), расположенное рядом с этим флажком.
Для придания миниатюре эффекта объемности установите флажок Рельефная граница (Beveled edge). При этом создаваемая миниатюра будет иметь вид кнопки.
Замечание
Результаты, полученные при установке флажка Рельефная граница, аналогичны результатам после нажатия кнопки Багетная рамка (Bevel) на панели инструментов Рисунки.
Задание фонового звука страницы
Мультимедиа играет большую роль в World Wide Web. В путешествии по сети Интернет вы, наверное, не раз встречали ссылки на аудио- и видеофайлы, для воспроизведения которых используются специальные проигрыватели, являющиеся составной частью системы Windows. Программа FrontPage поддерживает следующие звуковые форматы:
RealMedia (RAM, RA) Wave sound (WAV) MIDI sequencer (MID) AIFF sound (AIF) AU sound (AU)Для своего Web-узла вы можете задать фоновый звук, который будет включаться при его открытии и воспроизводиться заданное количество раз. Для этого выполните следующие действия:
1. В меню Файл (File)
выберите команду Свойства (Properties)
или в контекстном меню страницы выберите команду Свойства страницы (Page Properties).
Появляется одноименное диалоговое окно (рис. 15.22) с открытой по умолчанию
вкладкой Общие (General).
2. В поле Расположение (Location)
области Фоновый звук (Background
sound) введите расположение и имя звукового файла. Для поиска файла вы можете
использовать диалоговое окно
Фоновый звук (рис. 15.23), открываемое после нажатия кнопки
Обзор (Browse) и предлагающее выбрать файл из папок текущего Web-узла, с
диска или из Интернета. Завершив выбор файла, нажмите кнопку ОК.
3. В поле Повтор (Loop)
введите количество повторений звучания файла.
Рис. 15.22. Диалоговое окно Свойства страницы
Рис. 15.23. Диалоговое окно Фоновый звук
Замечание
Если хотите, чтобы звук воспроизводился непрерывно, установите флажок Непрерывно (Forever). Но не злоупотребляйте звуковыми эффектами. Звучащая непрерывно мелодия может многих раздражать.
4.
Нажмите кнопку ОК
для закрытия диалогового окна
Свойства страницы.
5. Сохраните страницу. В открывшемся диалоговом окне Сохранение внедренных файлов (Save
Embedded Files) в случае необходимости измените имя звукового файла, укажите его
расположение в папках Web-узла и нажмите кнопку
ОК.
Размещение видеозаписи и настройка ее свойств
FrontPage позволяет размещать на Web-страницах видеозаписи в формате AVI, позволяя тем самым оживить отображаемую информацию. При загрузке такого файла Internet Explorer автоматически загружает проигрыватель для его воспроизведения. Необходимо только при размещении видеозаписи на Web-страницах учитывать, что они имеют большой объем и замедляют загрузку Web-узла.
Для размещения видеозаписи выполните следующие действия:
1. Установите курсор в место предполагаемого размещения видеофайла.
2. В меню Вставка (Insert)
выберите команду Рисунок (Picture),
а затем в открывшемся меню — опцию
Видеозапись (Video).
3. На экране открывается диалоговое окно Видео (Video), предлагающее выбрать
файл из папок текущего Web-узла, с диска, из Интернета. Выбрав необходимый файл,
нажмите кнопку ОК.
Диалоговое окно закроется, а видеозапись будет размещена на странице.
4. После того как видеозапись размещена, необходимо настроить ее свойства.
Для этого выделите созданный объект и откройте окно его свойств, выполнив одно
из следующих действий:
В открывшемся диалоговом окне Свойства рисунка (Picture Properties) (рис. 15.24) по умолчанию будет открыта вкладка Видеозапись (Video). Поле Источник видеозаписи (Video source) указывает расположение и наименование размещенной на Web-странице видеозаписи.
5. В поле Повтор (Loop) области Повторять (Repeat) укажите число повторений видеозаписи, а в поле Задержка повтора (Loop delay) — интервал (в миллисекундах) между повторениями.
Рис. 15.24. Вкладка Видеозапись диалогового окна Свойства рисунка
Рис. 15.25. Видеозапись, размещенная на Web-странице
Замечание
Если вы хотите, чтобы видеозапись воспроизводилась в течение всего просмотра Web-страницы, установите флажок Forever (Непрерывно).
6. Параметры области Начать (Start) позволяют задать
момент начала воспроизведения видеозаписи. Чтобы видеозапись запускалась при
загрузке Web-страницы в обозреватель, установите флажок при открытии файла (On file open).
Для запуска файла на воспроизведение при указании на него курсора установите
флажок при наведении указателя
мыши (On mouse over).
7. Завершив установку параметров, нажмите кнопку ОК для закрытия диалогового окна.
На рис. 15.25 представлена Web-страница с размещенной в ней видеозаписью.
Использование тем в оформлении страницы
Вы вероятно, уже поняли, что оформление Web-страниц — работа трудоемкая, требующая не только больших затрат времени, но и умения. Разработчики FrontPage позаботились о том, чтобы при минимуме затрат ваши Web-страницы выглядели так, будто в их создании приняли участие профессионалы-дизайнеры. При оформлении страниц вам необходимо только воспользоваться темами, называемыми также декорациями.
Для просмотра тем, предлагаемых программой FrontPage, выполните одно из следующих действий:
Выберите в меню Формат (Format) команду Тема (Theme) Отобразите контекстное меню страницы и выберите из него команду ТемаВ результате на экране откроется диалоговое окно Темы (Themes) (рис. 15.26).
Рис. 15.26. Диалоговое окно Темы
В левой части этого диалогового окна расположен переключатель Применить тему (Apply Theme to), содержащий две опции, которые позволяют указать, на какие страницы Web-узла будут распространяться выбранные установки:
ко всем страницам (All pages) — выбранная тема оформления будет применена ко всем страницам Web-узла к выбранным страницам (Selected page(s)) — выбранная тема будет применена только к указанным вами страницамНиже находится список тем оформления, предлагаемых программой FrontPage. Просмотрите этот список. При выборе того или иного образца в области Образец темы (Sample of Theme) вы можете увидеть, как будут выглядеть заголовки, маркеры оформления списков, кнопки навигации, гиперссылки при использовании данной темы в оформлении страницы.
Устанавливая флажки, располагаемые под списком тем, вы можете изменить следующие параметры выбранной темы:
| Флажок | Назначение |
|
Яркие цвета (Vivid colors) |
Используемые в оформлении цвета становятся более насыщенными |
|
Активные рисунки (Active graphics) |
Добавляется активная графика |
|
Фоновый рисунок (Background picture) |
Добавляется фоновое изображение |
|
Применить с помощью CSS (Apply using CSS) |
Добавляется внешняя таблица стилей CSS |
Рис. 15.27. Вид диалогового окна Темы после нажатия кнопки Изменить
При нажатии кнопки Изменить (Modify), расположенной в нижней части диалогового окна Темы (Themes), появляются кнопки Цвета (Colors), Графика (Graphics), Текст (Text), Сохранить как (Save As), позволяющие на основе предложенных тем создать собственную, модифицировав используемую цветовую гамму, оформление графических элементов и шрифты (рис. 15.27). Созданную пользовательскую тему затем можно применять при оформлении разрабатываемых Web-страниц.
Изменение цветовой схемы темы
FrontPage позволяет изменить используемую в оформлении темы цветовую схему. При этом применяемые в теме шрифты, графические элементы остаются неизменными, изменяется только цвет текста, размещенного на Web-странице, и фона. Чтобы воспользоваться этой возможностью, выполните следующие действия:
1. В диалоговом окне Темы
выберите тему, которую хотите взять за основу при создании собственной темы, и
нажмите кнопку Изменить.
2. Нажмите кнопку Цвета (Colors).
Откроется диалоговое окно
Изменение темы (Modify Theme).
3. На вкладке Цветовые схемы
(Color Schemes), выбирая из списка цветовые схемы, предложенные программой
FrontPage, и просматривая их в области Пример темы (Sample of Theme),
подберите подходящую (рис. 15.28).
Рис. 15.28. Вид диалогового окна Изменение темы при изменении цветовой схемы
4. Перейдите на вкладку
Цветовой круг (Color Wheel). Используя движок Яркость (Brightness),
установите необходимую яркость подобранной цветовой схемы.
5. На вкладке Другой (Custom),
используя списки Элемент (Item)
и Цвет (Color), вы можете по
своему усмотрению изменить цвета любого элемента оформления Web-страницы:
гиперссылок, активных гиперссылок, заголовков любого уровня, панелей управления
и т. д. Список Элемент
содержит следующие настраиваемые элементы:
Выбирая из списка Элемент объекты, цветовое оформление которых хотите изменить, и, используя цветовую палитру списка Цвет, осуществите настройку их цветов.
6. Завершив установку всех необходимых параметров, нажмите кнопку ОК для закрытия диалогового окна Изменение темы.
7. Чтобы сохранить созданную тему, нажмите кнопку Сохранить как (Save As). На экране
появляется диалоговое окно
Сохранение темы (Save Theme) (рис. 15.29), в котором введите наименование
темы и нажмите кнопку ОК.
Предупреждение
В диалоговом окне Темы для сохранения результатов модификации можно использовать кнопку Сохранить (Save). Но в этом случае, если вы решите отказаться от введенных изменений, восстановление исходной темы потребует значительных усилий. Лучше модифицированную схему сохранить под новым именем.
Рис. 15.29. Диалоговое окно Сохранение темы
Посмотрите на список тем в диалоговом окне Темы. В нем появилось наименование созданной вами темы. При установке курсора мыши на созданную тему становится доступной кнопка Удалить (Delete), с помощью которой можно удалить из списка пользовательские темы, если они больше не нужны. Данная кнопка не позволяет удалять темы, входящие в состав программы FrontPage.
Изменение оформления графических элементов
Программа FrontPage предоставляет возможность изменять оформление графических элементов в теме. Для этого используется диалоговое окно Изменение темы (Modify Theme), открываемое при нажатии кнопки Графика (Graphics). Чтобы изменить оформление графических элементов, выполните следующие действия:
1. В диалоговом окне Темы
(Themes) выберите созданную вами тему.
2. Нажмите кнопку Графика
(Graphics). На экране открывается диалоговое окно Изменение темы (рис. 15.30),
содержащее две вкладки Рисунок
(Picture) и Шрифт (Font).
Рис. 15.30. Вид диалогового окна Изменение темы, используемого для изменения оформления графических элементов
3. В верхней части диалогового окна расположен список Элемент (Item) настраиваемых графических объектов:
Горизонтальная линейка (Horizontal Rule) Кнопка "Вверх" (Quick Up Button) Кнопка "Вперед" (Quick Next Button) Кнопка "Назад" (Quick Back Button) Кнопка "Домой" (Quick Home Button) Кнопки глобальных переходов (Global Navigation Buttons) Маркированный список (Bullet List) Объявления (Banner) Переходы по вертикали (Vertical Navigation) Переходы по горизонтали (Horizontal Navigation) Фоновый рисунок (Background Picture)Выберите из этого списка настраиваемый графический объект и откройте вкладку Рисунок (Picture).
4. На вкладке Рисунок вы
можете указать графический файл, который будет использоваться при оформлении
выбранного элемента. Для этого введите в поле ввода расположение и наименование
файла или для выбора файла воспользуйтесь кнопкой Обзор (Browse). После нажатия этой
кнопки открывается диалоговое окно
Открытие файла (Select Picture), позволяющее выбрать графический файл из
папок открытого Web-узла, в Интернете или на диске.
5. Перейдите на вкладку
Шрифт. Она содержит списки
Шрифт (Font), Размер (Size), Начертание (Style), Выровнять по оси X (Horizontal
Alignment) и Выровнять по оси Y
(Vertical Alignment), позволяющие в оформлении выбранного элемента изменить
шрифт, его размер, стиль и задать выравнивание текстовой информации, размещенной
на этом графическом элементе.
6. Настроив необходимые графические элементы, нажмите кнопку ОК для закрытия диалогового окна Изменение темы.
7. Сохраните введенные изменения, нажав кнопку Сохранить (Save) диалогового окна Темы (Themes).
Изменение оформления текстовых элементов
Если необходимо изменить в теме, предложенной программой FrontPage, оформление только текстовых элементов, воспользуйтесь диалоговым окном Изменение темы (рис. 15.31), открываемым при нажатии кнопки Текст (Text) в диалоговом окне Темы (Themes). верхней части открывшегося диалогового окна расположен список Элемент (Item) настраиваемых объектов. Среди них находятся заголовки всех уровней и текстовая информация Web-страницы. Список Шрифт (Font) coдержит все шрифты, доступные на вашем компьютере.
Используя данные списки, измените необходимые параметры и нажмите кнопку ОК для закрытия диалогового окна.
Рис. 15.31. Вид диалогового окна Изменение темы при изменении оформления текста
|