网页设计课件图片链接网页的实现

《网页设计课件图片链接网页的实现》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学项目三网页中图片的处理及链接的实现【基本内容】讲解图片的插入、图片的处理、图片的分块链接、区域链接及利用表格实现对网页结构布局【教学要求】使学生熟悉熟练掌握图片的插入、图片链接的操作及表格在网页结构布局中的使用一、案例设计个人音乐网站二、图片的处理1、图片的插入2、图片的处理文本：在图像中加入文本自动缩略图：将选中的图像生成一个图像的缩略图绝对位置：在定义层时用于设置图像在当前层的绝对位置上移一层：将图像上移一层下移一层：将图像下移一层向左旋转：将图像向左旋转90度向左旋转：图像向左旋转90度水平翻转：图像

2、沿垂直线对称翻转垂直翻转：图像沿水平线对称翻转加大对比度：增加图像前景和背景的对比度降低对比度：增加减低亮度：剪裁：对图像进行剪裁设置透明的颜色：将图像中某种颜色变成透明色黑白模式：彩色图像转换为黑色图像淡化：图像的颜色进行淡化凹凸效果：图像变为3D图像案例设计二：图片的常见处理案例设计三：图片的分块链接(一)新建站点，并在站点下新建主页index.htm,并分别建立网页1.htm,2.htm,3.htm,4.htm,5.htm,6.htm(二)将图片在Photoshop中分割成六部分,并分别保存:tp04-0

3、1.jpg、tp04-02.jpg、tp04-03.jpg、tp04-04.jpg、tp04-05.jpg、tp04-06.jpg步骤：(三)在主页插入表格，在单元格中插入图片，设定超级链，在各子网页中设计返回主页效果如下，在不同单元格图片上单击时，可以打开相应的超级链接链接一：链接二：链接三：链接四：链接五：链接六：案例设计四：图片热区链接的网页长方形热点：在图像上定义长方形热点，在热点定义超级链接圆形热点：在图像中定义圆形热点，图形热点上定义超级链接多边形热点：定义多边形热点突出显示热点：用于在图像中突出显

4、示热点步骤：（一）设计站点，并设计网页jiaoyou.htm(二)在jiaoyou.htm中将图片中的文字进入和注册区域设定矩形热区链接与圆形区域链接。单击进入时，打开jin.htm,单击注册时，打开zhuce.htm【课后小结】通过本次课的学习，学会利用表格布局网页中的内容，并能熟练进行图片的插入、处理、分块链接和热区链接操作。