Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
внимание, что в нижней части ,вкладки показываются размеры файла исходного и оптимизированного изображений. Как видим, оптимизация с параметрами, установленными по умолчанию, позволила уменьшить размер графического файла в несколько раз.
> Выберите команду меню Window ¦ Optimize (Окно ¦ Оптимизировать). На экране появится панель Optimize (Оптимизировать) (Рис. 3.40)..
> Если во втором сверху открывающемся списке не выбрана строка GIF, то выберите ее, чтобы в дальнейшем
сохранить созданный баннер в GIF-файле.
> В открывающемся списке Colors (Цвета) выберите число цветов 32, которые будут использоваться в оптимизируемом баннере. Качество баннера в правой
части окна документа практически не изменится, хотя размер оптимизируемого файла уменьшится.
Можно выбрать число цветов и меньше 32. Напомним, что количество цветов выбирается из списка 2, 4, 8 и т.д. в зависимости от количества цветов на баннере. Напомним также, что лучше выбирать 8, а не 6, т.к. выбор 6 цветов не дает никакого преимущества в размере получающегося
файла.
гз
Ў Oplirnra
і".
-[SIF WObS(Up 128
"г—
tSL___Jil
Майе: [T^
jweb Adaptive PJ
CdIots: [ttaj»|
Loss: ^
Other: |o%
|iSla Transparency
Sort: |Non» |-| 128 color!:
Рис. 3.40. Панель Optimize (Оптимизировать)
Открывающийся список Dither (Смешивать) позволяет создавать Отсутствующие в баннере цвета,' смешивая имеющиеся. Следует отметить, что смешивание цветов может существенно увеличить размер.-файла.
> В поле ввода Loss (Потеря) введите величину потерь оптимизации 35% за счет удаления пикселов из изображения. Качество баннера в правой части окна документа останется примерно тем же, а размер оптимизируемого файла снова уменьшится.
Теперь сохраним баннер в GIF-файле. ¦¦'¦¦>-'
> Выберите команду меню File ¦ Export (Файл * Экспорт). На экране появится диалог Export (Экспорт) (Рис. 3.41).
> В открывающемся списке Папка (Save in) выберите диск для сохранения GIF-файла.
В списке папок и файлов диалога Export (Экспорт) выберите папку, в которую нужно
записать файл.
> Если в открывающемся списке Тип файла (File type) не выбрана строка Images Only ¦ (Только изображения), то выберите ее, чтобы сохранить баннер только в GIF-файле. .
84
Быстро и легко создаем, программируем и раскручиваем Web-сайт;
IS1
i он документы
Ш Ott в? га-
«С Untitled 1png Ht беннер.рпд
г.
:,і-4 ¦flsS: JVf:"
•''. f л-г: ІІ -
Имя Файл»: Тип файл*
|баннер.д*
III
Сохранить J
[Images Only
.............J
j Отмена J
Sites: jNooe
3
:¦¦"^'mat¦¦M^ ~л f ™ Ш todu* areas rtftboufc sfe«
Рис. 3.41. Диалог Export (Экспорт)
-. ' -:-у . '-і
6. • . •
> В поле ввода Имя. файла (File name) введите имя GIF-файла баннер. .!!
> Нажмите кнопку Сохранить (Save), чтобы закрыть диалог Export (Экспорт). Созданный баннер будет сохранен на диске в GIF-файле.
Давайте просмотрим наш баннер в программе Microsoft Internet Explorer [Майкрософт Интернет Эксплорер], которая используется для путешествий по Web-сайтам.
. > Выберите команду меню File • Preview in Browser ¦ Preview in iexplorer.exe (Файл ¦ " Предварительный просмотр в браузере * Предварительный просмотр в Internet Explorer). Будет запущена профамма Microsoft Internet Explorer, и на экране появится ее окно с бан-нером: логотип фирмы АТЛАНТ и надпись о деятельности компании (Рис. 3.42).. .
¦Je \web
OdHJItjj.qil
тшщ
U Фейа
IpMK-II [
ш ИзЙраннпв Сервис Справка |
|O К—
S) Hl €Ь |/>Пенс ^Ие*>™. 0\
] Адрес: |Т&
c:\WEB\6wHep.gil
1-1 El Переюя
?
ш
Компьютеры на любой вкус
ЩГогаео
I l.llJl. II .i*^..
. ¦¦'•L. : ч--.ч-
Рис. 3.42. ?аннер в окне программы Microsoft Internet Explorer ^ -;.;^
> Нажмите кнопк^И в правом верхнем углу окнапрограммы Microsoft Internet Explorer, чтобы закрыть окно.
/ -
Папка:
!ГЛАВА'3. Подготовка'графики с помОщью Macromedia Fireworks MX 85
С помощью программы Проводник (Explorer) операционной системы Windows вы можете убедиться, что оптимизированный файл баннер.діт по размеру более чем в десять раз меньше файла баннер.рпд. i .¦'-^y. ' .
Создаем прозрачные изображения
Иногда под изображением необходимо видеть фоновую Web-страницу. В подобных ситуациях рисунок должен быть частично прозрачным. В этом знакомстве мы рассмотрим, как создавать прозрачные изображения.
> В нижнем открывающемся списке на панели Optimize (Оптимизировать) (Рис. 3.40) выберите строку Index Transparency (Прозрачный цвет) для установки режима прозрачности. В правой части окна документа белый фон баннера примет вид шахматной доски. Это означает, что фон стал прозрачным (Рис. 3.43).
«1» MX .ЛИН - Іблннвр гш| Є 1 ГІГІ J. (ТскіП
[ ,FiIa Edit View Select Modify lent Command. FUtMt Wind™ Help |ffl«<J0 I
5
!аъггугЧъ? Рис. 3.43. Прозрачный фон в баншре
услуги продвижения в интернете