《第3章网页的基本操作.pptVIP

本章学习目标 了解网页图像的分类及特点；理解链接的概念,其中包括URL、绝对路径和相对路径的概念。 掌握设置网页属性的方法。 掌握文本和特殊字符的输入方法,学会创建列表;掌握在网页中插入日期、水平线等常见网页元素的方法。 熟练掌握在网页中添加图像及相关属性的设置方法、学会创建图像热点区域；熟练掌握在网页中设置超级链接的方法。 掌握在网页中插入Flash元素的基本方法及相关属性的设置。 本章设计任务 构建一个以介绍厦门为主题的个人网站 内容 3.1 设置网页属性 3.2 添加网页内容 为网页加入文本 为网页加入图像 创建超链接 插入多媒体对象 3.1 设置网页属性 设置网页属性 制作网页时，先设置网页的页面属性 “修改｜页面属性”菜单命令，打开“页面属性”对话框，各选项的含义： 外观：用来设置页面的默认字体、背景颜色、背景图像、页面边距等 链接：设置链接字符的字体、颜色等 标题：设置当前网页文本的格式 标题和编码：“标题”设置网页文档的标题；“编码”设置文档字体采用的编码方式。在中文模式下默认编码为简体中文GB2312。 跟踪图像：在设计页面时插入用作参考的图像文件，浏览网页时该图片是看不到的。 设置页面属性 gaikuang.htm(厦门概况） 新建gaikuang.htm，保存在站点files下 修改?页面属性 分类列表 | 外观 | 背景图像 ： materials中bj2.jpg ../images/bg2.jpg 分类列表 | 标题/编码 | 标题：厦门概况 3.2 添加网页内容 插入文本 普通文本 特殊文本 在字符之间添加空格 水平线 日期 格式化文本 创建项目列表 3.2 添加网页内容 1.普通文本的录入 直接输入文本 复制文本。在其他文本编辑器中复制文本(如Word)，粘贴到DW中。但DW不保留原有的文本格式。如果想保留文本的格式，可以选择“编辑→选择性粘贴”菜单命令 插入Word或Excel等其他文档的内容。选择“文件→导入”菜单命令。 特殊文本。 单击“插入”栏中的“文本”，则弹出文本工具栏，单击字符按钮 ，单击相应的特殊字符。 3.2 添加网页内容 在字符之间添加多个空格 在“插入→文本”选项卡中，单击“字符”按钮，选择“插入不换行空格” 按【Ctrl+Shift+空格键】键输入。 设置添加不换行空格的参数。通过“编辑→首选参数→允许多个连续空格”菜单命令设置。 水平线：在“插入”栏的“HTML?水平线”按钮 插入关键字：关键字是为有哪些信誉好的足球投注网站引擎准备的，关键字要求简短、尽可能概括网页的主题，以便浏览者在输入很少关键字的情况下，能很大程度地有哪些信誉好的足球投注网站到网页。通过“插入→HTML→文件头标签→关键字”，各关键字用逗号分隔 日期：在“插入”栏的“常用?插入日期” 3.2.2 为网页加入图像 高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。 不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其体积的大小。 一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片时，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。 如果在同一文件中多次使用相同的图片时，最好使用相对路径查找该图片。 3.2.2 为网页加入图像 1.图像的格式由于受网络速度等方面的影响，一般用于网页的图像：GIF、JPEG或PNG，适合网页快速下载浏览 GIF(图形交换格式)：无损压缩格式，只能支持256 种颜色，适合对颜色数目要求不高的卡通画及程序界面等。GIF格式还可设置为透明及制作成动画文件。GIF图像常用于网页中的小图标、符号、动画标题等。 JPEG即JPG(联合图像专家组标准)：为有损压缩格式，支持24位真彩色，最初为照片而设计。很高压缩比，删除人眼不易察觉的部分图像，适合表现颜色丰富、色彩过渡平滑的图像，不支持透明和动画。 PNG(可移植网络图形)：无损压缩格式，支持24位真彩色，FIREWORKS的文件格式。有较大的灵活性并且文件较小。 3.2.2 为网页加入图像 2.图像的插入网页一般是图文混排结构，除了添加文本内容，还需要插入有说服力的资料图片。 直接插入图像： 可使用“插入→图像”菜单命令或“插入面板→常用→图像”按钮。 用占位符插入图像： 在制作网页时，经常会出现所需的图像还没有制作完成的情况，此时先插入一个图像占位符。图像占位符是一个占有一定空间的符号，能替换为其他真实的图像，它不会在浏览器中显示。“插入→图像对象→图像占位符” 注意：与添加文本不同，插入的图像不能从别的文档中复制，插入到网页中的图像只能以文件的形式独立存在于站点文件夹中。如果图像文件不在站点目录中，DW会保存到站点目录中。 图像的属性说明 实例：在网页gaikuang.htm中插入图