清华网页制作2.pptVIP

网页制作 计算机文化基础课程电子讲稿 2008年11月 本次大课的内容提要 图形的插入 认识图形格式 GIF格式图像举例 JPEG格式图像举例 图形的简单编辑（1） 图形的简单编辑（2） 图形的简单编辑（3） 图形的简单编辑（4） 图形插入的补充 网页中图片不能正常显示问题 绝对路径和相对路径（1） 绝对路径与相对路径（2） 绝对路径与相对路径（3） 绝对路径与相对路径（4） 给予网页一致性外观 建立超链接 图像映射 网页布局（表格） 网页布局（表格） 表格布局举例补充 表格布局补充 表格单位的设置 表格单位的设置举例 框架布局 认识框架集网页 框架网页的创建（1） 框架网页的创建（2） 框架网页的创建（3） 框架网页的创建（4） 框架网页的保存 框架之间的超链接 参考资料 设置框架属性：选中具体的框架，执行“框架”/ “框架属性”命令。 需要分别保存每一个框架对应的网页文件，并要保存“框架集”文件本身。对话框的右侧为框架示意图，其中以深兰色框来突出显示的框架就是当前需要保存的框架。 当前要保存的框架 指定超链接目的网页出现在哪个框架中。 在框架网页中，单击某框架内网页上的超链接时，被超链接所指定的网页通常在另一个框架中打开，这个框架称为目标框架。 * * HTML 认识图形格式 图形简单的编辑 绝对路径与相对路径 设置超链接 网页布局（表格） 网页布局（框架） 参考资料 HTML并不能包含图像，它只是包含图像文件的名称 和相应的格式代码。 IMG SRC=“图像文件存放位置/图像文件名.扩展名” 图形的插入 直接拖拽来改变图片的大小 使用图片属性对话框来设置 图片的替代文字、图片边框 使用图片工具栏编辑图片 GIF JPEG PNG （图形交换格式）（联合图像专家组）（可移植网络图形） 可用颜色数 4294967296 每幅图像的颜色 256 256-4294967296 压缩 无损 有损 无损 透明 单色 否 Alpha通道 半透明 否 否 Alpha通道 动画 是 否 否 G R B 参阅教材7.4节内容 GIF（Graphics Interchange Format）是作为一个跨平台图形标准而开发的、与硬件无关的8位彩色图形格式，也是在因特网上使用最早、应用最广泛的图像格式，包含87A和89A两种格式。 2cm×2cm 2K 4cm×3.6cm 8K 5cm×14cm 47K 256色的调色板 导致色滩出现， 色彩层次感差。 JPEG格式（简称JPG）是一种流行的图像文件压缩格式，通常，JPEG可将图像文件的长度缩短成原来的50%到2%不等。在保证对图像质量的前提下，获得较高的压缩比。摄影图像通常采用JPEG格式存储和显示，大多数数字相机拍摄的图像都经过了JPEG压缩处理。 高压缩比 15cm×20cm 43K 低压缩比 8cm×6cm 116K 图形的插入：执行“插入”/“图片”/“来自文件” 菜单命令 直接拖拽来改变图片的大小 大图像不能通过减小该图像尺寸以达到减少 其文件大小和下载时间的目的。 图片的替代文字和缩略图 参阅教材9.3.4节内容 重新取样图片 HTML并不能包含图像，它只是包含图像文件的名称 和相应的格式代码。 IMG SRC=“图像文件存放位置/图像文件名.扩展名” 自动缩略图 参阅教材9.3.4节内容 使用图片属性对话框来精确设置图片大小 定位图像自由放置图像位置，调整多个重叠图像的层次关系。 旋转和翻转图像 参阅教材9.3.4节内容 绝对定位 上移一层 下移一层 剪裁图像 剪去不需要的部分。 设置透明色 选择图片中的一种颜色为透明效果。 参阅教材9.3.4节内容 “剪裁”按钮 设置透明的颜色 FrontPage 在FrontPage 可以输入其他的一些图像格式，但在保存网页时，FrontPage会自动将它们转换成GIF 或JPEG格式，对超出25