1.不同图像文件的特点(位图 / 矢量图)
位图:记录每一个像素的色彩、色度、对比度,画风细腻,无论图像的形状是否规则都能很好地表达,缺点是——占存储容量多。常见文件类型有:BMP、GIF、JPG / JPEG等。
矢量图:记录每一条边界线的解析几何方程,相同内容一笔带过,对于形状规则的图形,能用很少的容量记录,并且放大后图像也不会失真。常见文件类型有:bw、ai(Illustrator)、cdr (CorelDraw)、dwg / dxb / dxf(AutoCAD)等。
文件类型 | 文件大小 | 色彩 | 图像特点 | 适用场合 |
BMP | 大 | 最丰富,最多可达24位真彩色 | 细腻,不论什么类型的照片都可保存全部细节 | 因文件大,传输慢,不太适合网页 |
GIF | 小 | 相对较少,最多256色 | 可设透明背景,可有动画效果 | 十分适合网页,尤其是要求背景透明的商品照片 |
JPEG JPG | 小 | 相对较多,最多1670万色 | 压缩比大,可表达的信息多 | 十分适合网页,尤其是对色彩要求高的图片 |
2.插入图像时的2种图像源
来自文件
插入后保存到本站,好处是图片不会流失。
来自其它网站
不将图像存入本站,而是使用网上的图像源。如果其它网站上的图像源稳定,用此法可以减少本网的文件大小。网上商店用得较多。
每种试验一下,看一下效果
3.设置图像格式
设置图像大小
定像素、定百分比、拖动,试验一下,各种操作方法的特点。何时能使图像形状始终不失真,何时能使图像大小始终占屏幕的10%宽。
设置图像大小位置
水平位置(左环绕、右环绕)、垂直位置(顶边对齐、水平居中、底边对齐)、与周围的间距(水平间距、垂直间距)。你认为这些功能中最有用的是什么,为什么?
设置图像别名
图像别名有什么用处?
使用背景图像
背景图像的选取原则:宜小不宜大(容量)、宜浅不宜深(颜色)
试验:如果背景图像很小,需要将它放大以铺满整个屏幕吗?
4.跟书操作后课堂交流
跟书操作P123-138,然后就以下问题进行交流
创建交换图像
按P124—125“创建交换图像”进行操作,回答:什么时候可以应用交换图像?
使用导航条
P125—128
如何插入导航条
插入后如何修改导航条
4种图像中你最爱用的是哪些,为什么?
图像映射
P128—134
试验1:如何建立热区?
试验2:如何将指定的热区映射到站内文件、互联网位置、搜索引擎结果、带标题的邮件?
网站相册
P136—138
建立一个网站相册
回答:相册的首页也叫index,这和默认的网站首页名称不是重名了吗,会不会覆盖掉已做好的网站首页呢?