Настройка параметров графических изображений.

Прежде всего следует настроить размеры рисунка. Производится эта операция так же, как и во всех других офисных приложениях. Вначале щелчком мыши необходимо выделить рисунок, а затем,установив курсор мыши на один из маркеров выделения и нажав левую кнопку мыши, растянуть или уменьшить рамку рисунка. Если вы воспользуетесь угловыми маркерами, изменяться будут как высота, так и ширина выделенного объекта, боковые маркеры изменяют либо высоту, либо ширину объекта.

Все остальные параметры графических изображений настраиваются с помощью диалогового окна Свойства рисунка. Для вызова этого окна выделите рисунок и выполните команду Формат / Свойства или же выполните щелчок правой кнопкой мыши по рисунку и в появившемся контекстном меню выберите Свойства рисунка…

На вкладке Вид диалогового окна Свойства рисунка(рис. 13) находятся параметры, определяющие положение рисунка на Web-странице и его размер. В разделе Обтекание при необходимости можно задать возможность обтекания рисунка текстом (в нашем случае установлен вариант нет с тем, чтобы рисунок остался в пустом текстовом абзаце). С помощью поля Выравнивание раздела Положение вы можете определить выравнивание текста относительно рисунка (правда, для того чтобы продемонстрировать действие всех значений этого поля, придется рядом с рисунком в том же абзаце ввести какой-либо текст). Поля Интервал по горизонтали и Интервал по вертикали позволяют указать размер (в пикселях) пустых полей слева и справа от рисунка, а также над и под ним соответственно. Здесь же вы можете определить необходимость отображения границ рисунка. Для этого в поле Толщина границынужно просто ввести требуемое значение ширины рамки рисунка (опять-таки в пикселях). Выше мы уже упоминали об изменении размеров графических изображений с помощью мыши. Однако настроить ширину и высоту рисунка можно и с помощью диалогового окна Свойства рисунка.Обратите внимание, что в последнем случаеразмерырисунка могут задаваться либо в процентном отношении, либо точно в пикселях (точках).

Перейдите на вкладку Общие (рис. 14). Здесь находятся параметры определения формата файла графического изображения, а также варианты альтернативного представления для рисунка. В поле Рисунок указано местоположение и имя файла добавленного на Web-страницу рисунка. Чаще всего картинки из Коллекции картинок (Microsoft) представлены в формате WMF. И здесь следует иметь в виду, что для представления графических изображений на Web-страницах используются форматы GIF, JPEG или PNG. Выбор формата для рисунка зависит от многих факторов. Например, формат GIF наилучшим образом подходит для изображений, в которых содержится небольшое количество разных цветов. У этого формата есть несколько преимуществ. Во-первых, этот формат позволяет один из цветов изображения сделать прозрачным (согласитесь, это удобно в случае необходимости определения прозрачного фона рисунка). Кроме того, для формата GIF можно определить возможность загрузки с чередованием строк вместо стандартной прорисовки рисунка сверху вниз (так называемая чересстрочная загрузка рисунка). В результате рисунок, представленный в формате GIF с чередованием, сначала загружается с низким качеством, а затем качество рисунка постепенно улучшается. Таким образом, пользователь сможет увидеть изображение еще до того, как оно загрузится целиком.

Формат JPEG обычно используется для рисунков высокого качества, содержащих тысячи и миллионы цветов. Этот формат удобен тем, что, изменяя качество рисунка (от 1 до 100), можно управлять степенью сжатия файла и, следовательно, его размером. Понятно, что чем ниже качество, тем меньше размер файла изображения и тем быстрее он будет загружаться. Кроме того, для этого формата можно определить число последовательных проходов, за которое рисунок отображается при загрузке в браузере, что позволяет создать эффект поэтапного улучшения качества рисунка при загрузке.

Формат PNG с недавних пор является альтернативой форматам GIF и JPEG. Он поддерживает прозрачность для рисунков, содержащих тысячи или миллионы цветов. Однако этот формат пока не очень широко распространен и поддерживается не всеми программами-браузерами.

В результате, поскольку стандартными форматами файлов изображений для Web-страниц являются GIF, JPEG или PNG, перед добавлением рисунка на Web-страницу, необходимо с помощью графического редактора произвести преобразование рисунка в требуемый формат. Конечно же, подобная предварительная работа не всегда удобна и требует наличия на вашем персональном компьютере дополнительных программ. Если вы хотите этого избежать, вам на помощь придет все тот же Microsoft FrontPage. Мы уже обратили внимание, что в нашем случае рисунок, вставленный из Коллекции картинок (Microsoft), представлен в формате WMF. Даже если вы заранее не побеспокоились о преобразовании формата графического изображения, при сохранении Web-страницы Microsoft FrontPage предложит вам сохранить рисунок в папке сайта. При этом рисунки, использующие 256 или меньше цветов, будут автоматически преобразованы в формат GIF, а все остальные – в формат JPEG. Согласитесь, это очень удобная особенность программы. В данном случае Microsoft FrontPage частично реализует некоторые функции графического редактора. Если же вы сами хотите определить формат файла графического изображения, в диалоговом окне Свойства рисункана вкладкеОбщиевоспользуйтесь кнопкойТип графических файлов. В появившемся диалоговом окне Тип графических файлов(рис. 15)вы можете не только определить требуемый формат файла и настроить его параметры, но и провести небольшое исследование. Обратите внимание, что в этом окне отображается размер как исходного, так и измененного файла в выбранном вами формате. Таким образом, можно определить в каком формате и с каким дополнительными параметрами ваш рисунок будет иметь минимальный размер и, следовательно, быстрее открываться при загрузке в браузере. Установите для нашей картинки параметры, указанные на рис. 15, и подтвердите выбор параметров с помощью кнопки ОК. Обратите внимание, что после этого изменилась запись в поле Рисунок.

На этой же вкладке можноопределить варианты альтернативного представления для рисунка. В поле Текст раздела Альтернативные представления введите: Мой любимый рисунок. Этот альтернативный (или говорят еще замещающий) текст будет отображаться при наведении курсора мыши на рисунок в виде текстовой подсказки при просмотре Web-страницы в браузере. В том случае, если пользователь при просмотре вашей страницы в браузере откажется от загрузки рисунков, этот текст будет отображаться в рамке рисунка. Кроме текста для рисунка можно задать в качестве альтернативы версию этого же рисунка с низким разрешением. Для этого используется поле Низкое разрешение. Однако предварительно в графическом редакторе необходимо создать версию рисунка с низким разрешением, не изменяя при этом его ширину и высоту, и сохранить в виде отдельного файла. Далее в Microsoft FrontPage в поле Низкое разрешение диалогового окна Свойства рисунказадаетсяотображение версии рисунка с низким разрешением в ходе загрузки оригинала. В этом случае рисунок с низким разрешением предполагается использовать в качестве временной замены для рисунка с высоким разрешением. Понятно, что таким образом время загрузки рисунка-оригинала не будет уменьшено, однако в процессе загрузки приятнее видеть хоть какой-то вариант рисунка вместо пустой области страницы.

Обратите внимание, что на этой же вкладке в разделе Гиперссылка по умолчанию для рисунка можно задать еще и ссылку на какой-либо ресурс. При щелчке по кнопке Обзор… этого раздела появится уже знакомое нам диалоговое окно создания гиперссылок. Хотя для создания гиперссылки можно воспользоваться и старым алгоритмом: выделить рисунок, затем выполнить командуВставка / Гиперссылка…или воспользоваться кнопкой панели инструментов Стандартная и указать ресурс назначения.

Вот практически и все, что касается настройки параметров графических изображений. Вкладка Видеозапись этого диалогового окна предназначена для дополнительной настройки вставленных на Web-страницу видеоклипов. Не забудьте подтвердить применение выбранных параметров с помощью кнопки ОК.

С помощью инструмента панели Форматирование задайте выравнивание абзаца с рисунком по центру. Сохраните изменения начальной страницы сайта, воспользовавшись инструментом панели Стандартная. Т.к. в сохраняемом документе появился новый внедренный объект, Microsoft FrontPage выведет на экран диалоговое окно Сохранение внедренных файлов. Проследите за тем, чтобы рисунок был помещен в папку images нашего сайта и щелчком по кнопке ОК подтвердите сохранение графического изображения в выбранном нами формате.

Нам осталось протестировать Web-страницу с помощью программы-браузера. Для этого выполните команду Файл / Просмотреть в обозревателе или воспользуйтесь инструментом панели Стандартная. Установив курсор мыши на рисунок, убедитесь в наличии текстовой подсказки. Проконтролируйте внешний вид страницы в режиме отключения графики. Отключите загрузку рисунков (Сервис / Свойства обозревателя… /вкладка Дополнительно /в блоке Мультимедиа снимите флажок Отображать рисунки / ОК), обновите текущую страницу (кнопка Обновить на панели инструментов) и убедитесь в том, что альтернативный текст будет отображаться в рамке рисунка. Не забудьте после этого завершить работу с браузером и вернуться в Microsoft FrontPage.

Закройте начальную страницу нашего сайта с помощью команды Файл / Закрыть или воспользовавшись кнопкой в заголовке окна документа. В качестве задания проиллюстрируйте Web-страницу hobby.htm, посвященную вашим увлечениям, рисунками из Коллекции картинок (Microsoft). Определите размеры рисунков и их положение на Web-странице по своему усмотрению, задайте формат файлов графических изображений, определите для них альтернативный текст. Сохраните Web-страницу и протестируйте в браузере. Если у вас в наличии есть своя отсканированная фотография, с помощью команды Вставка / Рисунок / Из файла… поместите ее на Web-страницу biography.htm. Настройте параметры фотографии, сохраните Web-страницу и просмотрите в браузере.

О дополнительных возможностях по работе с графическими изображениями, предоставляемыми Microsoft FrontPage, мы поговорим в следующий раз. В заключение нашего сегодняшнего занятия выполните

5. Завершение работы с Microsoft Office FrontPage 2003.

Урок 5

Изменение графических изображений

В прошлый раз мы обсудили вопросы вставки графических изображений на Web-страницу. При этом мы рассмотрели, как произвести настройку основных параметров рисунков, и упомянули о том, что Microsoft FrontPage может выступать в качестве конвертера графических изображений, предлагая определить формат файла рисунка. Сегодня мы продолжим разговор о работе с графическими изображениями и рассмотрим, какие еще возможности по обработке рисунков предлагает Microsoft FrontPage без привлечения дополнительных программных средств. Чтобы приступить к работе, выполните ставшие уже традиционными