Для вставки гиперссылок в текст необходимо выполнить команду меню Insert®Hyperlink или нажать кнопку Hyperlink на основной инструментальной панели. При этом активизируется диалоговое окно Create Hyperlink. Если при создании ссылки в макете страницы не был выделен текст, то гиперссылка будет вставлена в виде URL. Если был выделен текст, то ссылка связывается с этим текстом, и URL не будет отображаться на экране.
Адрес точки перехода записывается в поле URL. Справа от поля находятся четыре вспомогательные кнопки: первая – для поиска адреса в сети, вторая – для поиска на локальном компьютере, третья – для создания ссылки на электронный адрес, четвертая – для создания ссылки на страницу, которая еще не создана.
Выпадающий список Bookmark предназначен для создания внутренних ссылок (закладок). Предварительно в документе должны быть созданы закладки с помощью команды Insert®Bookmark.
Поле Target frame задает имя окна, в которое будет загружаться документ. Основные параметры этого поля:
· Page Default отображает страницу так, как задано в браузере по умолчанию.
· Same Frame загружает документ в то же самое окно.
· Whole Page указывает, что документ займет все окно браузера.
· New Window откроет новое окно.
· Parent Frame указывает, что документ будет загружен в окно, которое является родительским по отношению к текущему.
Для вставки графического файла используется команда меню Insert® Picture®From File или кнопка Insert Picture From File на основной инструментальной панели. При их активизации появляется диалоговая панель Picture. Адрес файла записывается в поле URL. Для поиска адреса используются две вспомогательные кнопки, расположенные справа от поля: поиск в Internet и поиск на локальном компьютере. Расположенная внизу окна кнопка Clip Art позволяет выбрать изображение из коллекции, входящей в состав Microsoft Office, а кнопка Scan… предназначена для получения изображения со сканера, цифровой камеры и т.п. При этом следует сначала выбрать периферийное устройство для получения изображения, нажав кнопку Source…, а затем нажать кнопку Asquire….
Параметры тега <IMG> можно задать, если воспользоваться диалоговой панелью Picture Properties, вызываемой нажатием на изображении правой клавиши мыши. Для файла GIF можно задать свойство Interlaced (поддержка чересстрочного изображения; четкость такого рисунка будет повышаться постепенно, по мере загрузки изображения). Свойство Transparent устанавливает один из цветов рисунка как прозрачный: через этот цвет будет просвечивать то, что находится за рисунком. В поле Low-Res устанавливается адрес рисунка с низким разрешением (малообъемный файл как альтернативный исходному изображению). В поле Text вводится текст, отображаемый, если в браузере отключена функция загрузки изображения. Если изображение используется для перехода на другой ресурс, то в блоке Default Hyperlink в поле Location указывается URL этого ресурса, а в поле Target Frame – место отображения ресурса.
На вкладке Appearance того же диалогового окна Picture Properties можно задать дополнительные параметры тега <IMG>. В выпадающем списке Alignment задается тип выравнивания:
· default (настройка браузера по умолчанию);
· Left (Right) – текст расположится слева (справа) от изображения;
· Top (Bottom) – текст выравнивается по верхней (нижней) границе изображения;
· Middle – первая строка текста размещается по центру изображения;
· Texttop –текст выравнивается относительно самых высоких символов в строке;
· Absmiddle –середина первой строки текста выравнивается относительно середины рисунка;
· Absbottom – середина первой строки выравнивается относительно нижнего края рисунка;
· Baseline – базовая линия первой строки выравнивается относительно нижнего края изображения.
В поле Border thickness указывается толщина рамки вокруг рисунка; в полях Horizontal spacing и Vertical spacing указываются расстояния в пикселах по горизонтали и вертикали от изображения до текста.
При выделении рисунка в нижней части окна появляется инструментальная панель работы с изображением (рис. 9).
Рис. 9. Инструментальная панель FrontPage для работы с изображением
Кнопки инструментальной панели имеют следующее назначение:
· Text – размещение на изображении текстового блока. Его форматирование осуществляется с помощью обычных команд Format®Font…, Format®Paragraph… и т.д.
· Auto Thumbnail – создание уменьшенных копий (Thumbnail) исходного изображения. Если рисунок большой, на страницу помещается его уменьшенная копия со ссылкой на исходное изображение.
· Position Absolutely – размещение тега <IMG> в контейнере <SPAN> </SPAN> с параметром STYLE=”POSITION: ABSOLUTE; LEFT=число; TOP=число”. Переместив изображение при нажатой кнопке Position Absolutely в нужное место страницы, мы тем самым задаем координаты left и top верхнего левого края рисунка относительно левого и верхнего края окна.
· Bring Forvard и Send Backward – установка изображения соответственно поверх текста или за текстом. Это осуществляется с помощью константы z-index=число, которая добавляется к параметру style тега <span>. Объект с большим значением z-index перекрывает объект, у которого z-index имеет меньшее значение.
· Rotate Left и Rotate Right – поворот рисунка на 90 градусов соответственно против часовой стрелки и по часовой стрелке.
· Flip Horizontal и Flip Vertical – отражение рисунка относительно его горизонтальной и вертикальной оси.
· More Contrast и Less Contrast – повышение и понижение контрастности рисунка.
· More Brightness и Less Brightness – повышение и понижение яркости.
· Crop – обрезка границ рисунка.
· Set Transparent Color – установка одного из цветов рисунка прозрачным.
· Black and White – отображение рисунка в градациях серого цвета.
· Wash Out – делает цвета рисунка блеклыми, что может быть использовано при создании фоновых изображений.
· Bevel – добавление к изображению скоса («фаски») для создания иллюзии трехмерного рисунка.
· Resample – возврат первоначальных пропорций изображения, если размер рисунка был изменен.
Следующий блок кнопок предназначен для создания «карт», т.е. изображений, в которых отдельные области имеют свои гиперссылки. Например, на странице http://www.spbstu.ru/mmf/map/map.htm приведена карта СПбГТУ; при подводе курсора к какому-либо объекту на карте и при нажатии на клавишу мыши в отдельном фрейме появляется фотография соответствующего здания университета. Назначение отдельных кнопок блока «карт»:
· Select – выделение объекта на странице.
· Rectangular Hotspot, Circular Hotspot и Polygonal Hotspot – создание на изображении области соответственно прямоугольной формы, в виде круга и в виде многоугольника. При этом появляется уже рассмотренная диалоговая панель Create Hyperlink, позволяющая привязать к созданной области гиперссылку[4].
· Highlight Hotspots – стирание с экрана изображения-карты; остаются лишь контуры изображения-карты и границы всех выделенных областей.
· Restore – отмена всех изменений изображения, сделанных с момента последнего сохранения.
