清华网页制作2.ppt
《清华网页制作2.ppt》由会员分享,可在线阅读,更多相关《清华网页制作2.ppt(34页珍藏版)》请在三一文库上搜索。
1、网页制作,计算机文化基础课程电子讲稿 2008年11月 http:/,HTML,2,本次大课的内容提要,认识图形格式,图形简单的编辑,绝对路径与相对路径,设置超链接,网页布局(表格),网页布局(框架),参考资料,3,图形的插入,HTML并不能包含图像,它只是包含图像文件的名称 和相应的格式代码。 ,图形的插入 直接拖拽来改变图片的大小 使用图片属性对话框来设置 图片的替代文字、图片边框 使用图片工具栏编辑图片,4,认识图形格式,GIF JPEG PNG (图形交换格式)(联合图像专家组)(可移植网络图形) 可用颜色数 16777216 16777216 4294967296 每幅图像的颜色 2
2、56 16777216 256-4294967296 压缩 无损 有损 无损 透明 单色 否 Alpha通道 半透明 否 否 Alpha通道 动画 是 否 否,参阅教材7.4节内容,5,GIF格式图像举例,GIF(Graphics Interchange Format)是作为一个跨平台图形标准而开发的、与硬件无关的8位彩色图形格式,也是在因特网上使用最早、应用最广泛的图像格式,包含87A和89A两种格式。,2cm2cm 2K,4cm3.6cm 8K,5cm14cm 47K 256色的调色板 导致色滩出现, 色彩层次感差。,6,JPEG格式图像举例,JPEG格式(简称JPG)是一种流行的图像文件
3、压缩格式,通常,JPEG可将图像文件的长度缩短成原来的50%到2%不等。在保证对图像质量的前提下,获得较高的压缩比。摄影图像通常采用JPEG格式存储和显示,大多数数字相机拍摄的图像都经过了JPEG压缩处理。,高压缩比 15cm20cm 43K,低压缩比 8cm6cm 116K,7,图形的简单编辑(1),图形的插入:执行“插入”/“图片”/“来自文件” 菜单命令 直接拖拽来改变图片的大小 大图像不能通过减小该图像尺寸以达到减少 其文件大小和下载时间的目的。 图片的替代文字和缩略图,参阅教材9.3.4节内容,重新取样图片,HTML并不能包含图像,它只是包含图像文件的名称 和相应的格式代码。 ,自动
4、缩略图,8,图形的简单编辑(2),参阅教材9.3.4节内容,使用图片属性对话框来精确设置图片大小,9,图形的简单编辑(3),定位图像 自由放置图像位置,调整多个重叠图像的层次关系。 旋转和翻转图像,参阅教材9.3.4节内容,10,图形的简单编辑(4),剪裁图像 剪去不需要的部分。 设置透明色 选择图片中的一种颜色为透明效果。,参阅教材9.3.4节内容,“剪裁”按钮,设置透明的颜色,11,图形插入的补充,FrontPage,在FrontPage 可以输入其他的一些图像格式,但在保存网页时,FrontPage会自动将它们转换成GIF 或JPEG格式,对超出256色的图像,将转换成JPEG格式,而将
5、少于256色的图像转换成GIF格式。,12,网页中图片不能正常显示问题,原因1:图片没有保存到网站中 原因2:图片保存到网站中,但保存的路径不正确。,13,绝对路径和相对路径(1),网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。网页中的路径有相对路径和绝对路径,在应该使用相对路径的地方使用了绝对路径,或相对路径的引用不正确都会导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。,HTML并不能包含图像,它只是包含图像文件的名称 和相应的格式代码。 ,14,绝对路径与相对路径(2),绝对路径:文件在硬盘上的真正路径,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 清华 网页 制作
链接地址:https://www.31doc.com/p-3309800.html