FrontPage

12). Чтобы показать панель таблиц на экране, выберите в меню View опцию

Table Toolbar или Draw Table в меню Table.

[pic]

Рис. 12. Инструменты панели таблиц.

С помощью этой панели вы можете рисовать таблицы прямо на странице, а

впоследствии при необходимости изменять их параметры. Первой на панели

таблиц расположена кнопка Draw Table (Нарисовать таблицу); с нее вы обычно

и будете начинать построение таблиц:

1. Выберите в меню Table опцию Draw Table или нажмите кнопку Draw

Table на панели таблиц; при этом курсор мыши примет вид карандаша.

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

нажмите кнопку мыши и тяните курсор вниз и направо. На захваченном

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

которой вы потом сможете изменить произвольным образом. Чтобы вы

представляли себе величину вашей будущей таблицы, Редактор пунктирной

линией показывает ее внешний контур.

Итак, вы нарисовали таблицу, состоящую из одной ячейки, с одним

столбцом и одной строкой; при этом автоматически была нарисована ее рамка

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

таблица будет выглядеть примерно так, как показано на рис. 13.

[pic]

Рис. 13. Новая таблица.

Если первоначальный результат вас не устраивает, вы всегда можете, не

перерисовывая таблицу, изменить ее размеры. Установите курсор на границу

таблицы; заметьте, что курсор изменил свою форму и превратился в

двустороннюю стрелку. Нажмите кнопку мыши и тащите курсор в нужную

сторону: чтобы изменить ширину таблицы, цепляйтесь за ее правую границу, а

чтобы изменить высоту — за нижнюю.

Совет: Если, перетаскивая границу, вы будете удерживать нажатой

клавишу , то все ячейки в этом направлении сохранят свою ширину.

Добавление строк и столбцов.

После того как вы придали своей таблице желаемые размеры, разбейте ее

на несколько строк и столбцов. С помощью курсора-карандаша можно построить

в таблице практически любые графы.

1. Выберите на панели таблиц карандаш (если вы еще этого не сделали),

нажав кнопку Draw Table.

2. Поместите карандаш внутрь ячейки, которую вы хотите разделить; при

этом курсор не должен касаться рамки таблицы.

3. Нажмите кнопку мыши и тащите курсор горизонтально, чтобы разбить

ячейку по горизонтали, или вертикально, чтобы разбить по вертикали. Когда

вы начнете тащить курсор, за ним потянется пунктирная линия, намечающая

будущую графу. Не старайтесь рисовать строго прямолинейно, т. к. Frontpage

выпрямит линию, которую вы ведете; главное — двигаться в верном

направлении.

На рис. 14 представлена таблица, разделенная на две колонки, причем

правая колонка разделена на две строки.

[pic]

Рис. 14. Таблица усложняется.

Если вы хотите разбить таблицу на равные строки или столбцы,

воспользуйтесь кнопками панели таблиц Insert Rows (Вставить строки) и

Insert Columns (Вставить столбцы).

1. Поместите курсор внутрь ячейки, которую вы хотите разделить.

2. Нажмите кнопку Insert Columns или Insert Rows. Frontpage создаст

два столбца вполовину ячейки шириной каждый или, соответственно, добавит

строку, высота которой будет равна высоте ячейки. Мигающий курсор

останется в новой ячейке.

На рис. 15 приведен пример таблицы, разбитой при помощи кнопки панели

таблиц Insert Columns. Обратите внимание, что теперь у нас есть одна

таблица, разделенная на два одинаковых столбца. Повторяя вышеописанные

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

таблицы вы также совершенно свободно можете двигать как потребуется, вне

зависимости от сложности таблицы и метода ее построения.

[pic]

Рис. 15. Разбиение таблицы на два равных столбца.

Остальные кнопки панели таблиц.

Оставшиеся кнопки панели предоставляют в ваше распоряжение следующие

возможности:

- Delete Cells (Удалить ячейки). Ячейки можно удалять еще и таким

образом: отметить строку или столбец, в которых содержатся ненужные

ячейки, и нажать кнопку Delete Cells.

- Merge Cells (Объединить ячейки). Чтобы слить воедино несколько

смежных ячеек, отметьте их и нажмите кнопку Merge Cells на панели таблиц.

- Split Cells (Разбить ячейки). Чтобы разбить определенную ячейку,

выберите ее и нажмите на панели таблиц кнопку Split Cells. При этом

появится диалоговое окно Split Cells.

- Align Top (Прижать вверх), Center Vertically (Отцентрировать по

вертикали), Align Bottom (Прижать вниз). Эти кнопки соответствующим

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

- Distribute Rows Evenly (Равномерно распределить строки), Distribute

Columns Evenly (Равномерно распределить столбцы). Если вы хотите, чтобы

ряд смежных строк или столбцов были одинакового размера, отметьте их и

воспользуйтесь одной из этих кнопок.

- Background Color (Фоновый цвет). Если вы хотите сделать фон одной

или нескольких ячеек или таблицы в целом цветным, выберите нужную область

и нажмите кнопку Background Color. Появится диалоговое окно Color (Выбор

цвета); выберите в нем понравившийся вам цвет и нажмите ОК.

Вставка таблицы.

А вот как выглядит процесс вставки таблицы с помощью команд меню

Frontpage:

1. Установите курсор в то место, где вы хотите начать таблицу, и

выберите в меню Table команду Insert Table. Вы увидите диалоговое окно

Insert Table, показанное на рис. 16.

[pic]

Рис. 16. Диалоговое окно Insert Table.

2. Введите предполагаемое число строк и столбцов вашей таблицы.

Впоследствии строки и столбцы вы сможете как добавлять, так и удалять.

3. Выберите вариант выравнивания в таблице в целом: по левому краю, по

центру или по правому краю.

4. Введите ширину рамки таблицы (Border Size) в пикселах. Если рамка

не нужна, установите это значение равным нулю. Эта рамка будет окружать

всю таблицу в целом. Если нужно, выберите ее цвет. Помимо нее, рамкой

можно окружить любые ячейки таблицы, и их ширина тоже регулируется в этом

окно. В любом случае точный вид таблицы в браузере в большей степени

определяется особенностями самого браузера, нежели этими параметрами.

Совет: Если вы строите таблицу без рамки и без линий сетки и хотите

посмотреть, как она будет выглядеть без символов форматирования, то

воспользуйтесь командой Format Marks меню View или кнопкой Show/Hide

Paragraph стандартной панели инструментов. В Редакторе будут видны контуры

ячеек, которые браузеры не покажут.

5. Введите значение Cell Padding (Отступ от границы ячейки) в

пикселах. Это число устанавливает минимальное расстояние между рамками

таблицы и ее содержимым. Этот параметр относится ко всем ячейкам таблицы и

индивидуально для отдельных ячеек не устанавливается. По умолчанию

предлагается значение Cell Padding, равное 1.

6. Введите значение Cell Spacing (Интервал между ячейками) в пикселах.

Этот параметр задает расстояние между ячейками таблицы и в виде рамки

вокруг каждой ячейки (в том числе вокруг ячеек, находящихся у краев

таблицы). Стандартное значение промежутка между ячейками равно 2.

7. Введите значение ширины таблицы (опция Specify Width). Ширину можно

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

Например, если вы установите ширину таблицы равной 50%, то таблица будет

занимать по ширине половину окна браузера.

8. Нажмите кнопку ОК. Редактор создаст таблицу и покажет ее на экране;

картина, которую вы увидите, приведена на рис. 17. Frontpage по количеству

столбцов и по ширине таблицы сам вычислит ширину всех столбцов.

[pic]

Рис. 17. Таблица имеет три строки и два столбца, располагается по левому

краю страницы, окружена рамкой шириной 2 пиксела, расстояние между ячейками

(Cell Spacing) составляет 2 пиксела, а отступ от границы ячейки (Cell

Padding) — 1 пиксел. Ширина таблицы равна 50%.

Изменение свойств таблицы.

При необходимости в любой момент можно изменить тип выравнивания

таблицы, ширину ее рамки, интервал между ячейками, отступ от границы

ячейки и суммарную ширину таблицы. Для этого существует команда Table

Properties (Свойства таблицы). Щелкните на таблице правой кнопкой мыши и

найдите в контекстном меню пункт Table Properties. Можно добраться до этой

опции и другим способом: установите курсор внутрь таблицы и выберите Table

Properties в меню Table. Перед вами откроется окно диалога Table

Properties, показанное на рис. 18.

[pic]

Рис. 18. Диалоговое окно Table Properties.

Совет: Чтобы в страницу быстро вставить таблицу, нажмите на панели

инструментов кнопку Insert Table и на появившейся сетке отмерьте нужный

фрагмент. Параметры новой таблицы будут основываться на последней по

времени установке свойств таблицы.

Чтобы посмотреть, как таблица будет выглядеть при тех или иных

значениях различных параметров, откроите диалоговое окно Table Properties,

измените в нем какое-нибудь значение и нажмите кнопку Apply (Применить).

Вы можете менять параметры и нажимать Apply сколько вам заблагорассудится.

Помимо всего прочего, вы еще можете присвоить таблице фоновый рисунок

или задать цвет ее фона. Чтобы выбрать рисунок для фона вашей таблицы,

установите флажок Use Background Image (Использовать фоновое изображение).

После этого станет доступным текстовое поле под ним. Можно ввести имя

файла с изображением прямо в нем, а можно нажать расположенную рядом

кнопку Browse; в этом случае откроется окно Select Background Image

(Выбрать фоновое изображение), где у вас будет несколько вариантов

дальнейших действий:

- Если вы собираетесь использовать рисунок, присутствующий в открытом

сайте, найдите файл в соответствующей папке и нажмите кнопку ОК.

- Если нужный вам файл находится в другом месте (на дискете, на

жестком диске, где-то в локальной сети), найдите его при помощи

стандартных средств навигации диалогового окна Select Background Image, а

затем нажмите кнопку ОК. Вы можете даже выбрать фоновое изображение во

Всемирной Паутине или создать гиперссылку на файл, находящийся на вашем

компьютере.

- И, наконец, вы можете воспользоваться коллекцией картинок (Clip

Art), поставляемой вместе с Frontpage. Для этого в диалоговом окне нажмите

кнопку Clip Art, выберите понравившееся изображение и нажмите кнопку ОК.

Если ваша таблица имеет рамку, то в секции Custom Colors (Заказные

цвета) окна диалога Table Properties вы можете подобрать для нее цвета.

Если вы хотите установить для рамок однородный цвет, то выберите его в

списке Border; если же вы будете выбирать цвета из списков Light Border и

Dark Border, то сможете придать своей таблице некоторую трехмерность. Из

списка Light Border выберите цвет освещенных плоскостей рамки, а из Dark

Border — цвет теневой части. Поэкспериментировав с этими цветами, вы

сможете придавать своим таблицам весьма привлекательный вид.

Примечание: Наверное, самый простой способ добавления новых строк в

таблицу — установить курсор в правую нижнюю ячейку таблицы и нажать

клавишу .

Размещение изображений.

Теперь, когда вы знаете немного о видах графических форматов и об

управлении цветом, настало время выяснить, как разместить изображения на

Web-страницах. Для этого в меню Insert Редактора выберите команду Image

(изображение) и далее следуйте описанной ниже процедуре:

1. В окне Редактора поместите курсор в то место, где вы хотите видеть

изображение.

2. В меню Insert выберите Image. Если при этом у вас запущен

Проводник, вы увидите показанное на рис. 19 диалоговое окно Image.

[pic]

Рис. 19. Диалоговое окно Image.

Здесь вы можете выбрать любой файл в открытом сайте, а также

просмотреть содержимое его папок. Щелкнув на любом файле, вы увидите его

содержимое в правой области диалогового окна. Если вам известен URL файла,

то вы можете просто ввести его в текстовом поле; кроме этого, выбрать

изображение можно также при помощи браузера — для этого следует нажать

кнопку Use your Web Browser to select a page or file справа от текстового

поля URL. Наконец, вы можете указать файл, расположенный на вашем

компьютере, нажав соседнюю кнопку Select a file on your computer; в этом

случае появится описанное далее диалоговое окно Select File.

При автономной работе в Редакторе вы сразу увидите диалоговое окно

Select File, показанное на рис. 20.

[pic]

Рис. 20. Диалоговое окно Select File.

В этом диалоговом окне вы можете выбрать любой файл на вашем

компьютере. Нажав кнопку Cancel, вы перейдете в диалоговое окно Image.

Конечно, если вы не открыли сайт в Проводнике, то сможете здесь выбрать

файл изображения только с помощью браузера.

Если у вас есть сканер или цифровая камера, то в вашем распоряжении

имеется очень интересная возможность. Из диалогового окна Image вы в любой

момент можете, нажав кнопку Scan, считать изображение прямо с имеющегося

устройства видеоввода. Далее вы можете поместить полученное изображение

непосредственно в Редактор, сохранив его под любым именем в произвольной

папке. Если вы не укажете имя, то файлу будет присвоено имя по умолчанию и

он будет помещен в папку TEMP каталога, в котором установлен Frontpage.

Коллекция иллюстраций.

Frontpage располагает целой коллекцией иллюстраций (Clip Art), а

помимо этого ему доступна библиотека иллюстраций Microsoft Office (если

таковой у вас установлен). Добраться до коллекции иллюстраций можно двумя

способами: либо по нажатию кнопки Clip Art диалогового окна Image, либо

командой Clipart меню Insert. В обоих случаях вы увидите диалоговое окно

Microsoft Clip Gallery, показанное на рис. 21.

[pic]

Рис. 21. Диалоговое окно Microsoft Clip Gallery.

Из четырех имеющихся вкладок выберите: Clip Art (Иллюстрации),

Pictures (Изображения), Sounds (Звуки) или Video (Видео). После того как

вы найдете нужное изображение, выберите его в окне предварительного

просмотра и нажмите Insert (Вставить). Если вы просматриваете звуки или

видеоролики, то прежде чем вставлять, вы можете их проиграть, нажав кнопку

Play. Если вам не понравились предложенные изображения, то вы можете

нажать кнопку Connect to Web for additional clips (Пойти за

дополнительными иллюстрациями в Internet), находящуюся в правой нижней

части диалогового окна. В этом случае вы сразу попадете на сайт

www.microsoft.com, где найдете десятки бесплатных иллюстраций. Любые

выбранные здесь изображения будут автоматически добавлены к вашей

библиотеке.

Изменение свойств изображения.

При желании вы можете в широких пределах менять многие характеристики

изображения и его расположение на странице. Для того чтобы изменить любое

из свойств изображения, необходимо:

1. Выбрать изображение в Редакторе, щелкнув на нем мышью.

2. Выбрать в меню Edit пункт Image Properties. Вы увидите диалоговое

окно Image Properties, показанное на рис. 22, состоящее из трех вкладок:

General (Общие), Video (Видео) и Appearance (Оформление).

[pic]

Рис. 22. Диалоговое окно Image Properties.

3. Внести необходимые изменения. По окончании изменения параметров

настройки нажмите кнопку ОК. Естественно, эти параметры не будут высечены

в камне, поэтому если вам снова потребуется их изменить, то вы в любой

момент сможете вернуться к диалоговому окну Image Properties.

Ниже детально рассматриваются параметры настройки диалогового окна,

начиная с вкладки General.

Подсказка: Вывести диалоговое окно Image Properties можно, щелкнув

по изображению правой кнопкой мыши и выбрав в появившемся меню пункт Image

Properties. Еще быстрее открыть диалоговое окно Image Properties можно,

выделив изображение и нажав комбинацию клавиш +.

На вкладке General вы найдете следующие параметры:

• Image Source (Источник изображения). В этом текстовом поле стоит

либо относительный URL изображения, находящегося на открытом сайте

Frontpage, либо абсолютный URL, если изображение берется из Internet, либо

путь и имя локального файла, если оно располагается на вашем компьютере.

Если вы хотите сменить изображение, то нажмите кнопку Browse; откроется

диалоговое окно Image. Если вы хотите открыть изображение для дальнейшей

обработки в графическом редакторе, нажмите кнопку Edit.

• Type (Тип). В этом разделе задается формат текущего изображения (GIF

или JPEG) и специфические для выбранного формата параметры. Положение

переключателя Type соответствует текущему формату; если вы поставите его в

другое положение, формат изображения будет автоматически преобразован.

При выборе опции GIF вы можете задать следующие свойства изображения:

Transparent (Прозрачный) и Interlaced (Чересстрочный); оба параметра можно

задать одновременно.

• Transparent. Эта опция допустима только для изображений в формате

GIF; флажок Transparent автоматически устанавливается в том случае, если в

изображении присутствует прозрачный цвет. Для того чтобы вернуть невидимым

частям изображения нормальный цвет и сделать изображение непрозрачным,

уберите этот флажок. .

• Interlaced. Если установлен переключатель Interlaced, то изображение

при просмотре в браузере будет проявляться постепенно, сначала грубо,

становясь по мере загрузки более четким.

При выборе опции JPEG становится доступным поле Quality (Качество).

• Quality (Качество). Качество изображения варьируется в пределах от 1

до 100. Большее значение означает меньшую степень сжатия и более высокое

качество изображения; однако это также означает и больший размер файла

изображения и более длительную загрузку. Чем меньше это значение, тем,

соответственно, больше сжатие, что влечет за собой ухудшение качества

изображения, но вместе с тем и уменьшение размера файла. По умолчанию

значение Quality равно 75.

• Alternative Representations (Альтернативные представления). Не все

браузеры поддерживают графику и, кроме того, в большинстве браузеров вывод

графики можно отключить. С другой стороны, некоторые браузеры способны по

ходу загрузки с сервера изображений с высоким разрешением выводить вместо

них изображения в низком разрешении. В ваших силах обеспечить для каждого

из этих случаев альтернативный вариант представления изображения.

• Low-Res (Низкое разрешение). Здесь задается изображение с грубым

разрешением, которое во время загрузки изображения с высоким разрешением

будет отображаться вместо него. Нажмите кнопку Browse, выберите

альтернативное изображение и затем нажмите кнопку ОК. Для знатоков HTML:

задание альтернативного изображения эквивалентно использованию атрибута

LOWSRC.

Совет: Ни Frontpage, ни браузер не проверяют, является ли в

действительности грубое изображение версией реального изображения в низком

разрешении. В качестве грубого изображения удобно использовать полутоновую

версию с небольшим количеством цветов.

• Text (Текст). В этом поле задается альтернативный текст, который

появится вместо изображения, если отображение графики в браузере

пользователя отключено или отсутствует вовсе. Если вы не считаете нужным

отказывать этим посетителям в гостеприимстве, не пожалейте времени на то,

чтобы снабдить текстом весь графический материал вашего сайта. В некоторых

браузерах этот текст выводится во время загрузки изображения. По умолчанию

Frontpage вставит в это поле имя и размер изображения; вы же, со своей

стороны, можете произвольным образом изменить эту информацию.

• Default Hyperlink (Ссылка по умолчанию). Вы можете использовать

часть изображения или все его целиком в качестве активной области,

служащей гиперссылкой (как именно, вы узнаете несколько позже в этой

главе). Если изображение содержит несколько активных областей, то в этой

секции вы можете задать гиперссылку для тех его частей, которые не

попадают ни в одну активную область.

Чтобы установить ссылку по умолчанию: Нажав кнопку Browse, вы увидите

диалоговое окно Edit Hyperlink. В качестве ссылки вы можете использовать

одну из открытых в настоящее время страниц; страницу или файл с сайтов

WWW, Gopher, Newsgroup или FTP; наконец, новую страницу. Нажав кнопку Make

a hyperlink that sends E-mail, вы поставите ссылку, с которой можно будет

отправлять электронную почту. Установите ссылку; чтобы вернуться в

диалоговое окно Image Properties, нажмите OK.

Чтобы изменить ссылку по умолчанию: Если с изображением уже связана

гиперссылка, нажмите кнопку Browse; вы увидите диалоговое окно Edit

Hyperlink. Редактирование ссылки производится точно так же, как и

установка. Отредактируйте ссылку и нажмите кнопку ОК, чтобы вернуться в

диалоговое окно Image Properties.

В текстовом поле Target Frame вы можете указать целевой фрейм для

ссылки по умолчанию. Для присоединения или редактирования связанной с

изображением таблицы стилей нажмите кнопку Style.

Вкладка Video диалогового окна Image Properties, показанная на рис.

23, позволяет помещать на страницу файлы типа AVI (аудио- и видеофайлы).

Изображение, заданное на вкладке General, используется в качестве заставки

на время загрузки файла AVI. Добавление на страницу видеороликов с помощью

команды Video меню Insert выглядит немного иначе.

[pic]

Рис. 23. Вкладка Video диалогового окна Image Properties.

• Video Source (Источник видеоданных). В этом поле вы можете ввести

путь и имя вашего видеофайла или указать файл, используя кнопку Browse.

• Show Controls in Browser (Показывать в браузере элементы

управления). При установленном флажке вместе с видеороликом в браузере

будут отображаться следующие элементы управления: Play (Пуск), Stop (Стоп)

и ползунок перемотки ролика.

• Repeat (Повтор). В этом разделе устанавливается частота и момент

начала воспроизведения видеофайла.

• Loop (Цикл). Укажите в этом поле число повторений вашего

видеофрагмента

• Loop fielay (Задержка). Этот параметр задает временной интервал в

миллисекундах между последовательными повторениями.

• Forever (Всегда). Установите этот флажок в том случае, если вы

хотите, чтобы видеоролик крутился все время показа страницы.

• Start (Запуск). В этом разделе вы можете указать момент времени

начала проигрывания видеофайла.

• On File Open (При открытии файла). При установке этого флажка

видеоролик будет запущен сразу после загрузки в браузер.

• On Mouse Over (По курсору мыши). При установке этого флажка

воспроизведение видеофайла начнется в тот момент, когда пользователь

установит на его заставку курсор мыши.

Третья вкладка диалогового окна Image Properties называется Appearance

(рис. 24), с ее помощью вы будете управлять некоторыми параметрами

оформления изображения.

[pic]

Рис. 24. Вкладка Appearance диалогового окна Image Properties.

• Layout (Размещение). В этом разделе определяется положение

изображения на странице.

• Alignment (Выравнивание). Задает характер выравнивания изображения

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

вариантов выравнивания.

Bottom: Выравнивание текста по нижней границе изображения таким

образом, что текст начинается внизу изображения.

Middle: Выравнивание текста по середине изображения Тор: Выравнивание

текста по верхней границе изображения.

Absbottom: Выравнивание изображения по нижней границе текущей строки.

Absmiddle: Выравнивание изображения по середине текущей строки.

Texttop: Выравнивание верхней границы изображения по верху самого

высокого текста в строке.

Baseline: Выравнивание изображения по опорной линии текущей строки.

Left: Изображение размещается по левому краю страницы, последующий

текст обтекает его по правой стороне.

Right: Изображение размещается по правому краю страницы, последующий

текст обтекает его по левой стороне.

Совет: Управлять расположением изображения (слева, справа и по

центру страницы) можно также при помощи кнопок выравнивания панели

инструментов Редактора. Все эти операции происходят в режиме WYSIWYG, так

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

Эти установки имеют смысл только для изображений, расположенных на

одной строке с текстом. Если изображение является в строке единственным

элементом, то выравнивание будет иметь значение Bottom.

• Border Thickness (Толщина рамки). Задает ширину (в пикселах) черной

рамки вокруг изображения. Чтобы изменить ширину, выделите значение в

текстовом поле и введите вместо него новое.

• Horizontal Spacing (Горизонтальный интервал). Задает горизонтальный

интервал в пикселах до ближайшего изображения или текста с обеих сторон

изображения.

• Vertical Spacing (Вертикальный интервал). Задает вертикальный

интервал в пикселах до ближайшего сверху и/или снизу изображения или

текста.

• Size (Размер). В этом разделе индицируется высота (Height) и ширина

(Width) изображения в пикселах. Для того чтобы вручную изменить размеры

изображения, либо для того, чтобы в код HTML были включены теги ширины и

высоты, установите флажок Specify Size. Размеры исчисляются либо в

пикселах, либо в процентах от размеров окна браузера.

• Keep Aspect Ratio (Сохранить пропорции). Манипулируя размерами

изображения, установите этот флажок, чтобы сохранить пропорции изображения

при изменении одного из размеров.

Подсказка: Можно менять размер изображения, цепляя его за стороны или

углы и вытягивая в нужном направлении. Если вы будете тянуть изображение

за углы, то его размеры будут меняться пропорционально. Помните, что это

влияет только на видимый размер изображения, но не на размер файла.

Примечание: Когда браузер начинает загружать страницу, он ищет теги

HTML. Один из этих тегов относится к изображениям. Когда ширина и высота

изображения известны заранее, браузер выделяет под него пространство на

странице еще до загрузки изображения. Если теги ширины и высоты не заданы,

прежде чем выделить для изображения место на странице, браузер ожидает

окончания его загрузки. Когда оно будет загружено, текст и другие элементы

страницы сместятся, освобождая изображению место. Чтобы гарантировать

наличие этих тегов, установите на вкладке Appearance диалогового окна

Image Properties флажок Specify Size.

Звуки.

Фоновые звуки придадут вашему сайту новое качество и сделают его более

"мультимедийным". Фоновый звук включается в тот момент, когда посетитель

заходит на сайт. Звук может воспроизводиться заданное число раз или

непрерывно. Неумеренное использование фонового звука может раздражать,

поэтому применяйте фоновые звуки в меру и к месту.

Frontpage поддерживает несколько типов звуковых файлов: оцифрованные

звуки (файлы с расширением WAV) и MIDI последовательности (файлы MID), а

также файлы в формате AIFF (расширения AIF, AIFC, AIFF) и AU (расширения

AU, SND).

Вставка фонового звука и установка его свойств производится в

диалоговом окне Page Properties (Свойства страницы). Чтобы вставить в

страницу звук:

1. Щелкните на странице правой кнопкой мыши и выберите в контекстном

меню пункт Page Properties (или найдите Page Properties в меню File);

откроется показанное на рис. 25 диалоговое окно Page Properties.

[pic]

Рис. 25. Диалоговое окно Page Properties.

2. На вкладке General (Общие) в секции Background Sound (Фоновый звук)

укажите путь к нужному звуковому файлу. Можно не вводить путь к файлу

вручную, а выбрать файл, нажав кнопку Browse; появится диалоговое окно

Background Sound, показанное на рис. 26.

[pic]

Рис. 26. Диалоговое окно Background Sound.

Можно выбрать звук в текущем сайте, можно с помощью браузера найти

нужный файл в Internet, а можно указать файл, находящийся на локальном

диске вашего компьютера. Завершив выбор файла, нажмите кнопку ОК, чтобы

вернуться в диалоговое окно Page Properties.

3. В строке Loop диалогового окна Page Properties задайте количество

повторений звука. Если вы хотите, чтобы звук воспроизводился циклически,

установите флажок Forever (Всегда).

4. Выйдите из диалогового окна Page Properties, нажав кнопку ОК.

Подвижные кнопки.

Вы когда-нибудь интересовались, как устроены такие симпатичные

кнопочки на некоторых Web-страницах, которые можно нажимать и при этом они

меняют цвет, когда вы проводите над ними курсор мыши? Конечно, чтобы

самому сконструировать такую кнопку, нужно кое-что смыслить в

программировании и графическом дизайне. Однако вы уже знаете, что с

помощью Frontpage вы можете позволить себе такое, о чем раньше и подумать

не могли; и снова Frontpage не подведет вас: воспользуйтесь опцией Hover

Button (Подвижная кнопка).

Чтобы создать полноценную подвижную кнопку, реагирующую на движения

мыши и снабженную собственной гиперссылкой, вам понадобится только сделать

несколько несложных установок Для начала выберите в меню Insert команду

Active Elements и затем Hover Button в появившемся меню В это окно можно

попасть и другим путем: щелкнув правой кнопкой мыши на существующей

подвижной кнопке и выбрав в контекстном меню Java Applet Properties

(Свойства Java-апплета), или двойным щелчком на существующей кнопке, или

выделив подвижную кнопку, нажать комбинацию клавиш +. Любое из

этих действий приведет к открытию диалогового окна Hover Button,

показанного на рис 27.

[pic]

Рис. 27. Диалоговое окно Hover Button.

В окне Hover Button находится ряд стандартных опций, а также несколько

более экзотических, обеспечивающих любопытные дополнительные возможности,

такие, как проигрывание звукового файла или использование изображения в

качестве кнопки. В число стандартных опций входят следующие:

- Button Text (Текст на кнопке) Большинство кнопок на Web-страницах

снабжены текстом, поясняющим, чего следует ожидать при нажатии на них.

Текст, который вы хотели бы разместить на кнопке, введите в текстовом поле

Button Text.

- Link to (Ссылка). Если с кнопкой должна быть связана гиперссылка,

введите ее URL в этом текстовом поле или задайте URL, нажав кнопку Browse.

Имейте в виду, что в большинстве своем ваши посетители склонны

предполагать, что с кнопкой связана с гиперссылка, так что постарайтесь не

обманывать их ожиданий.

- Button color (Цвет кнопки). Этот раскрывающийся список служит для

задания цвета кнопки. Если для кнопки вы выберете изображение (опция

Custom), то задавать здесь цвет ни к чему.

- Effect (Эффект), Effect color (Цвет эффекта). В списке Effect вы

можете выбрать один из множества визуальных эффектов. Цвет кнопки

выбирается в раскрывающемся списке Effect Color. Здесь есть ряд интересных

вариантов, так что поэкспериментируйте и выберите тот, который лучше всего

подходит.

- Width (Ширина), Height (Высота). Здесь следует ввести значения

соответственно ширины и высоты (в пикселах) вашей кнопки. Если в качестве

кнопки вы используете изображение, то в этих полях следует проставить его

размеры.

Чтобы добраться до специальных опций подвижной кнопки, нажмите в

нижней части диалогового окна Hover Button кнопку Custom; при этом

откроется диалоговое окно Custom, показанное на рис. 28.

(Это окно разделено на две части, в каждой из которых имеют место

всего по два параметра.).

[pic]

Рис. 28. Диалоговое окно Custom.

- Play Sound (Проигрывать звук). В этой секции можно задать звук,

который будет воспроизводиться, когда пользователь щелкнет по кнопке мышью

(On click) или проведет курсор мыши над ней (On hover). Можно проигрывать

звук в обоих случаях, но это не самое разумное решение. Для поиска

звуковых файлов используется стандартный диалог Browse.

- Custom Image (Заказное изображение). Если вам кажется, что в

графическом исполнении ваша кнопка будет смотреться лучше, нажмите рядом с

полем Button кнопку Browse и выберите подходящий рисунок. А если вам

нужно, чтобы изображение на кнопке появлялось, когда пользователь проводит

над ней мышью, то аналогичным образом укажите изображение в поле On hover.

He забудьте, что в диалоговом окне Hover Button вам нужно будет ввести для

выбранных здесь изображений правильные значения ширины и высоты.

Менеджер баннеров.

Одним из наиболее популярных на сегодняшний день способов

зарабатывания денег на Internet является продажа рекламного места на

страницах. Вероятно, кое-где вы замечали, что когда вы задерживаетесь на

странице на более или менее длительное время, то баннеры на одном и том же

месте сменяют друг друга? Если вы хотите, чтобы ваша страница выглядела не

хуже других, то при помощи Менеджера баннеров (Banner Ad Manager) вы

сможете организовать на своем сайте чередующиеся баннеры.

Разумеется, ваши возможности не ограничиваются одними баннерами. Вы

можете чередовать любые изображения и даже обеспечивать плавные переходы

между ними; например, вы сможете создать свое собственное маленькое слайд-

шоу.

Frontpage создает чередующиеся баннеры в виде Java-апплетов, для

конфигурирования их свойств предназначено диалоговое окно Banner Ad

Manager, представленное на рис. 29.

[pic]

Рис. 29. Диалоговое окно Banner Ad Manager.

Попасть в это диалоговое окно можно через меню Active Elements либо

посредством двойного щелчка на существующем баннере. Можно также щелкнуть

на баннере правой кнопкой мыши и выбрать из контекстного меню опцию Java

Applet Properties (Свойства Java-апплета) или нажать комбинацию клавиш

+. В этом окне путем установки ряда параметров настраивается

вид вашего баннера в браузере:

- Width (Ширина), Height (Высота). Будьте внимательны: здесь следует

ввести значения, соответствующие размерам самого большого из серии

чередующихся изображений. Все остальные изображения будут располагаться на

нейтральном фоне по центру. Если вы собираетесь извлечь максимум пользы из

этого эффекта, то следите за тем, чтобы все изображения были примерно

одинаковы по размерам.

- Transition (Переход). Здесь вам предоставляется следующий выбор:

Blinds Horizontal (Горизонтальный переход), Blinds Vertical (Вертикальный

переход), Dissolve (Растворение), Box In (Сжатие) или Box Out

(Расширение). При значении None изображения будут выводиться без

переходных эффектов. Здесь же можно установить время (в секундах)

демонстрации баннера до смены его следующим. Если баннер содержит текст,

то это время должно быть не слишком большим, но достаточным для того,

Страницы: 1, 2, 3