HTML语言与网页设计
—— 使用图像
目录
?常用图像格式
?常用图像处理软件
?在网页中插入图像
?使用动画 gif
?Fireworks 演示
常用图像格式
常用的网页图像格式包括:
?GIF
?JPEG
?PNG
?矢量格式
GIF
GIF( Graphics Interchange
Format,图形交换格式)格式的特
点:
?无损压缩
?最多 256色
?能够使用透明色
?交错式 Gif( interlaced gif)
?动画 Gif
演示 —— 透明 GIF效果
JPEG
JPEG( Joint Photographic Expert
Group,联合图形专家组)格式的
特点:
?有损压缩
?没有颜色限制
?可以控制压缩比
?渐进式 JPEG
演示 —— 不同质量的 JPEG
PNG
PNG( Portable Network
Graphics,可移植的网络图形)
格式的特点:
?无损压缩
?没有颜色限制
?支持透明度
矢量格式
矢量格式的特点:
?文件较小
?矢量动画
演示 —— Flash动画的效果
常用图像处理软件
?Windows 画图
?PhotoShop
?Paint Shop Pro
?PhotoDraw
?Fireworks
?Flash
?Freehand
在网页中插入图像
?IMG 标记符
?SRC 和 ALT 属性
?WIDTH 和 HEIGHT 属性
?BORDER 属性
?HSPACE和 VSPACE属性
演示 —— 插入图像
演示 —— width和 height属性
演示 —— hspace和 vspace属性
使用动画 gif
?什么是动画 gif
?在网页中插入动画 gif
演示 —— 动画 gif
Fireworks4 演示
?Fireworks 简介
?图像的优化与处理
?创建动画 gif
?创建 rollover
?创建弹出菜单