Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
выделена движущейся пунктирной рамкой. Напомним, что если размер и выделенной области получились не такие, то их
легко поправить, введя координаты и размеры на панели Info (Информация).
> Нажмите кнопку qt) на панели Tools (Инструменты). • . :; ¦ . .
Подведите указатель мыши к внутренней части рамки. Указатель мыши примет вид
> Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, перемещайте мышь. Вместе с указателем мыши будет передвигаться часть d.
100
.Быстро и легко создаем, программируем _ и раскручиваем Web-сайт
> Когда часть d совместится с бывшим местом расположения части а, отпустите левую W ' кнопку мыши. Копия части d будет размещена на новом месте окна документа.
> Выберите команду меню Edit ¦ Paste (Правка * Вставить). В окно документа из буфера обмена операционной системы Windows вставится часть а, выделенная пунктирной рамкой.
* Нажмите кнопку (щ) на панели Tools (Инструменты) для перемещения фрагмента рисунка, скопированного из буфера обмена.
> Установите указатель мыши на внутренней части пунктирной рамки. Указатель мыши изменится на «+¦. ¦-.¦-'.i •• . ••¦.•. •.• -г- . '
> Нажмите и удерживайте левую кнопку
Не отпуская левую кнопку мыши, перемещайте мышь. Вместе с указателем мыши будет передвигаться часть а.
Когда нижняя и правая стороны части а совместятся с границами рабочей области окна документа, отпустите левую кнопку мыши. В окне документа части поменяются местами.
> Точно так же поменяйте местами части b и с (Рис. 3.69). ¦ л
•Л Г.
Mrtn.nne-.1id> 1неWi1Ikї MX ?I1IU I!,
File EdU Vietf Select Hoduf Те* Command. FiReH Window Help
K /¦ ¦I t
36 «36 itm
Рис. 3.69. Измененный рисунок
Теперь размоем участок, соответствующий горизонтальному шву. Данный фрагмент рисунка располагается вдоль горизонтальной линии, проходящей через центр нового , изображения.
: > Убедитесь, что нажата кнопка @ Marquee ТоЫ (Инструмент «Область») на панели Tools (Инструменты).
> Установите указатель мыши так, чтобы справа от символов X и Y в нижней части па, ,нели Info (Информация) отображались числа 0 и 45 - координаты левой верхней вершины участка для горизонтального шва.
Нажмите и удерживайте левую кнопку мыши.
Не отпуская левую кнопку мыши, перемещайте мышь.
.і-
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX_
101
> Когда в полях ввода W и Н панели Info (Информация) отобразятся числа 96 и 6 „ ширина и высота участка для , горизонтального шва в пикселах, отпустите левую
_г кнопку мыши. Нужный фрагмент будет выделен движущейся пунктирной рамкой.
> Выберите команду меню Filters ¦ Blur ¦ Blur (Фильтры * Размытие ¦ Размытие). Выделенный участок для горизонтального шва будет размыт.
Размойте фрагмент рисунка, соответствующий вертикальному шву.
Следует отметить, что механизм размывания не всегда подходит для удаления шва. Иногда шов по-прежнему будет виден, а в ряде рисунков может оказаться, что участок размывания слишком выделяется в изображении, В подобных ситуациях фрагмент, соответствующий шву, нужно редактировать вручную с помощью инструмента клонирования \Щ, работа с которым описывается в одном из следующих знакомств, посвященном ретушированию фотографий.
Сейчас переместим части размытого рисунка в исходные положения.
>• Поменяйте местами части Ь и с, а также а и d отредактированного изображения,
> Сохраните рисунок на диске в GIF-файле swirls.gif (см. знакомство «Оптимизируем и сохраняем
Осталось ' просмотреть фон, созданный " на базе нашего изображения.
> В приложении Блокнот (Notepad) в*'операционной ' системе Windows создайте файл и . введите в него текст на языке HTML: . .
<HTML>
<B0DY background=swirls.gif> < / BODY X/HTML >
Введенный текст означает создание фона Web-страницы на базе файла swirls.gif.
> Сохраните файл под именем фон.МшІ в папке, в которой хранится файл swirls.gif.
> Запустите программу Microsoft Internet Explorer и загрузите в ней файл фон.МтІ. На экране появится бесшовный фон Web-страницы (Рис. 3.70).
-m urn*
З CAWr Г1\фпн hliril . MiciosDll lnleinel E if І ДЙ Ll
Файя Правке Вча Избранное Сер— 1
¦¦¦¦ ¦ ¦l. - -••-!
I ^ VlpCnmpu»
Рис. 3.70. Бесшовный фон
Нажмите кнопку в правом верхнем углу окна программы Microsoft Internet ExPtorer, чтобы закрыть окно.
Напомним, что создаваемый фон не должен затруднять знакомство с содержимым Web-
страницы.
Быстро и легко создаем, программируем и раскручиваем Web-сайт
Разрезаем изображения и создаем изображения-карты
Иногда при создании Web-страниц рисунки полезно разбить на части. Каждый из фрагментов изображения можно по-разному оптимизировать и сохранить в отдельных файлах. Разрезанный на части рисунок будет быстрее загружаться с Web-
сайтов, поскольку все фрагменты изображения будут копироваться из Интернета
одновременно. Кроме этого, каждой части рисунка можно сопоставить электронный адрее документа, что позволяет создавать навигационную панель. В этом знакомстве мы рассмотрим, как разрезать изображения на прямоугольные фрагменты, присваивать части рисунка ссылку и данные фрагменты на диске.