【网页设计技术】插入文本、图像及.pptVIP

第10章 插入文本、图像及超级链接 本章要点： ? 插入文本、特殊字符、日期、水平线 ? 创建列表 ? 设置文本属性 ? 插入图像、鼠标经过图像、网站相册 ? 设置图像属性 ? 设置超链接、锚点链接 ? CSS样式 10.1 插入文本和对象 10.1.1 插入文本 在网页中插入文本，可以有以下两种方式： 10.1.2 插入特殊的文本字符 1．插入特殊字符 操作步骤如下： （1）在需要添加特殊字符的位置单击，设置插入点。 （2）选择“插入”面板的“字符”类别，然后选择所需特殊字符。 （3）若面板上没有所需字符，则单击面板最后的“其他字符”按钮。 （4）如果要在文档中插入象■、◆等这样的特殊符号，就不能利用Dreamweaver MX提供的方法了 。 2．插入空格 选择【编辑】→【参数选择】菜单命令，打开“参数选择”对话框，左边选择“常规”分类，在右边将“允许多个连续的空格”复选框选中，如图10-3所示，这样在文档中就可以用空格键连续插入空格了。 3．插入换行符 插入换行符的方式：首先将光标定位在要换行的位置，然后单击“字符”面板的“换行符”按钮。 10.1.3 设置文本属性 1．应用段落和标题格式 在属性面板的“格式”文本框中可以设置文本的段落和标题字体。标题共分6级，标题1的字体最大，标题6的字体最小 2．修改文本字体 通过单击字体列表文本框的下拉箭头，弹出字体列表，如图10-6所示，选择其中的字体类型，可以为所选择的文本修改字体类型。 3．设置字体的大小 在属性面板的“大小”列表框中可以选择所需的字体的 大小。 4．设置文本颜色 可以通过属性面板对文本的颜色进行设置，该颜色将覆盖“页面属性”中设置的文本颜色。 5．文本的对齐方式和缩进 文本的对齐方式有四种：左对齐、居中对齐、右对齐和两端对齐。 6．设置文本的样式 首先选中文本，然后选择【文本】→【样式】子菜单中的样式即可，这些样式可以随意组合。 10.1.4 插入更新日期 在文档中插入当前日期的步骤如下： （1）在文档中将光标插入在要插入日期的位置。 （2）选择【插入】→【日期】菜单命令，或单击“插入”面板上的“日期”按钮。 （3）在弹出的“插入日期”对话框中选择日期格式，在三个下拉列表中可分别选择星期、日期和时间的格式。如图 : 10.1.5 插入水平线 要插入水平线的方法如下： （1）将插入点放置在要插入水平线的位置。 （2）选择【插入】→【水平线】菜单命令，或单击“插入”面板上的“水平线”按钮。 （3）此时文档中就插入了一条水平线，选中该水平线，在属性面板上可对其属性进行编辑。如下图所示 10.1.6 创建项目列表 1．创建项目列表 （1）选中要设置为列表的文本，或将光标放置在要插入列表的行。 （2）在属性面板中单击“项目列表”按钮或“编号列表”按钮，或选择【文本】→【列表】菜单项，从扩展的子菜单中选择需要的列表类别。 （3）输入完整的列表项内容后，按回车键两次，即可完成整个列表的插入。 2．创建嵌套项目列表 （1）将光标放置在需要嵌套的列表项行中。 （2）在“属性”面板中按下“文本缩进”按钮，或者选择【文本】→【缩进】菜单命令，将列表项缩进。即可看到项目被嵌套了。 （3）如果要将深级别的列表提高级别，可以单击“属性”面板的“文本凸出”按钮，或选择【文本】→【凸出】菜单命令。 3．设置项目列表属性 列表属性可以决定整个列表和选定列表项的外观。可以通过设置列表的属性来选择列表的类型，从而控制列表的样子。 10.2 插入图像 10.2.1 插入图像 在网页中可以插入GIF、JPEG和PNG格式的图像，同时还可以在表格、层中插入图像。 10.2.2 设置图像属性 如果要调整图像的属性，选中图像，就可在“属性”面板上设置图像的相关属性。图像的属性面板如下图所示: 10.2.3 创建图像映射 1．建立图像映射 2．修改图像热点 10.2.4 创建鼠标经过图像 鼠标经过图像是在浏览器中当鼠标移到图像上时，会变化成另一幅图像。鼠标经过图像实际上由两个图像组成：主图像（当首次载入网页时显示的图像）和次图像（当鼠标移到主图像上时显示的图像）。 10.2.5 创建网站相册 创建网站相册的操作步骤如下： 1）选择【命令】→【创建网站相册】菜单命令。 2）在“相册标题”文本域中输入一个标题。 3）单击“源图像文件夹”文本域旁的“浏览”按钮，选择包含源图像的文件夹。 4）单击“目标文件夹”文本域旁的“浏览”按钮，选择（或创建）一个用来存放所有导出的图像和