下载提示
- 1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
- 2.下载该文档所得收入归上传者、原创者。
- 3.下载的文档，不会出现我们的网址水印。
文档列表
文档介绍
教学项目三网页中图片的处理及链接的实现
【基本内容】
讲解图片的插入、图片的处理、图片的分块链接、区域链接及利用表格实现对网页结构布局
【教学要求】
使学生熟悉熟练掌握图片的插入、图片链接的操作及表格在网页结构布局中的使用
一、案例设计个人音乐网站
二、图片的处理
1、图片的插入
2、图片的处理
文本:在图像中加入文本
自动缩略图:将选中的图像生成一个图像的缩略图
绝对位置:在定义层时用于设置图像在当前层的绝对位置
上移一层:将图像上移一层
下移一层:将图像下移一层
向左旋转:将图像向左旋转90度
向左旋转:图像向左旋转90度
水平翻转:图像沿垂直线对称翻转
垂直翻转:图像沿水平线对称翻转
加大对比度:增加图像前景和背景的对比度
降低对比度:
增加减低亮度:
剪裁:对图像进行剪裁
设置透明的颜色:将图像中某种颜色变成透明色
黑白模式:彩色图像转换为黑色图像
淡化:图像的颜色进行淡化
凹凸效果:图像变为3D图像
案例设计二:图片的常见处理
案例设计三: 图片的分块链接
(一) 新建站点,,,,,,,
(二)将图片在Photoshop中分割成六部分,并分别保存:
tp04-、tp04-、tp04-、tp04-、tp04-、tp04-
步骤:
(三) 在主页插入表格,在单元格中插入图片,设定超级链,在各子网页中设计返回
主页效果如下,在不同单元格图片上单击时,可以打开相应的超级链接
链接一:
链接二:
链接三:
【基本内容】
讲解图片的插入、图片的处理、图片的分块链接、区域链接及利用表格实现对网页结构布局
【教学要求】
使学生熟悉熟练掌握图片的插入、图片链接的操作及表格在网页结构布局中的使用
一、案例设计个人音乐网站
二、图片的处理
1、图片的插入
2、图片的处理
文本:在图像中加入文本
自动缩略图:将选中的图像生成一个图像的缩略图
绝对位置:在定义层时用于设置图像在当前层的绝对位置
上移一层:将图像上移一层
下移一层:将图像下移一层
向左旋转:将图像向左旋转90度
向左旋转:图像向左旋转90度
水平翻转:图像沿垂直线对称翻转
垂直翻转:图像沿水平线对称翻转
加大对比度:增加图像前景和背景的对比度
降低对比度:
增加减低亮度:
剪裁:对图像进行剪裁
设置透明的颜色:将图像中某种颜色变成透明色
黑白模式:彩色图像转换为黑色图像
淡化:图像的颜色进行淡化
凹凸效果:图像变为3D图像
案例设计二:图片的常见处理
案例设计三: 图片的分块链接
(一) 新建站点,,,,,,,
(二)将图片在Photoshop中分割成六部分,并分别保存:
tp04-、tp04-、tp04-、tp04-、tp04-、tp04-
步骤:
(三) 在主页插入表格,在单元格中插入图片,设定超级链,在各子网页中设计返回
主页效果如下,在不同单元格图片上单击时,可以打开相应的超级链接
链接一:
链接二:
链接三:
教学项目三 网页中图片的处理及链接的实现 来自淘豆网www.taodocs.com转载请标明出处.
猜你喜欢
- 人教版五年级下册《2.1 因数和倍数的认识》20.. 6页
- 智能机器人市场分析报告——2026年技术创新与.. 17页
- 年检改革对汽车品牌竞争力的影响分析报告 20页
- 人教版五年级上册《7.1 植树的问题1》2025年同.. 3页
- 2026年餐饮行业报告：数字化餐饮与市场创新趋.. 18页
- 人教版五年级上册《6.10 练习课》2025年同步练.. 5页
- 人教版五年级上册《5.6 等式的性质》2025年同.. 5页
- 2026年食品饮料行业分析报告：健康潮流与市场.. 26页
- 2026年食品行业报告及食品安全监管创新 28页
- 人教版五年级上册《5.2.3 解方程①》2025年同.. 8页
- 2026年锂电池行业技术革新与市场规模报告 30页
- 2026年锂电池回收技术进展与市场前景报告 30页
- 2026年金融行业数字化转型报告与趋势分析 15页
- 2026年金融科技风险防控报告与行业合规 17页
- 2026年金融科技风险控制策略分析报告与行业解.. 30页
相关文档 更多>>
非法内容举报中心
相关标签
最近更新
- 2025学年广东省江门市蓬江区某校五年级下第..
- 2025学年广东省汕头市潮南区五年级下期中英..
- 2025学年广东省揭阳市惠来县五年级上月考英..
- 2025学年广东省广州市黄埔区五年级下期末英..
- 2025学年广东省广州市白云区五年级下期末英..
- 2025学年广东省广州市海珠区五年级上期末英..
- 2025学年广东省广州市南沙区五年级上期末英..
- 2025学年广东省佛山市南海区五年级下期末英..
- 2025学年广东省东莞市虎门镇五年级上期中英..
- 2025学年山西省长治市沁县五年级上期中英语..
- 2025学年山西省晋中市榆次区五年级下期末英..
- 如何通过创新创业大赛吸引高层次人才项目落..
- 2025学年山西省忻州市保德县五年级上期中英..
- 2025学年山西省太原市万柏林区博跃双语实验..
- 2025学年山西省大同市左云县五年级下期中英..
- 2025学年山西省吕梁市孝义市五年级下期中英..
- 2025学年山西省临汾市霍州市五年级下期末英..
- 2025学年山西农大附中五年级下第一次段考英..
- 2025学年山东省青岛市城阳区五年级上期末英..
- 2025学年山东省菏泽市牡丹区第一实验小学五..
- 2025学年山东省烟台市莱阳市五年级上期中英..
- 2025学年山东省潍坊市潍城区五年级上期中英..
- 2025学年山东省滨州市阳信县人教PEP版五年级..
- 2025学年山东省淄博市沂源县五年级下期中英..
- 2025学年山东省济宁市微山县五年级上期中英..
- 2025学年山东省济南市章丘区五年级下期中英..
- 2025学年山东省泰安市肥城市五年级上期中英..
- 2025学年山东省枣庄市山亭区五年级下期中英..
- 2025学年山东省德州市经开区五年级下期中英..
- 2025学年山东省临沂市罗庄区五年级上期中英..