网页设计技术教程 第10章 插入文本、图像及超级链接

《网页设计技术教程 第10章 插入文本、图像及超级链接》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第10章插入文本、图像及超级链接本章要点：插入文本、特殊字符、日期、水平线创建列表设置文本属性插入图像、鼠标经过图像、网站相册设置图像属性设置超链接、锚点链接CSS样式10.1插入文本和对象10.1.1插入文本在网页中插入文本，可以有以下两种方式：（1）在文档编辑窗口中直接由键盘输入。（2）复制其他已有的文本。即：先选中要复制的文本，用【复制】命令或用快捷健Ctrl+C复制，然后切换到DreamweaverMX文档编辑窗口，将插入点设置到要放文本的地方，然后用【编辑】→【粘贴】命令或按快捷键Ctrl+v。10.1.2插入特殊的文本字符1．插入特殊

2、字符操作步骤如下：（1）在需要添加特殊字符的位置单击，设置插入点。（2）选择“插入”面板的“字符”类别，然后选择所需特殊字符。（3）若面板上没有所需字符，则单击面板最后的“其他字符”按钮。（4）如果要在文档中插入象■、◆等这样的特殊符号，就不能利用DreamweaverMX提供的方法了。2．插入空格选择【编辑】→【参数选择】菜单命令，打开“参数选择”对话框，左边选择“常规”分类，在右边将“允许多个连续的空格”复选框选中，如图10-3所示，这样在文档中就可以用空格键连续插入空格了。3．插入换行符插入换行符的方式：首先将光标定位在要换行的位置，然后单击“字符”面板

3、的“换行符”按钮。10.1.3设置文本属性1．应用段落和标题格式在属性面板的“格式”文本框中可以设置文本的段落和标题字体。标题共分6级，标题1的字体最大，标题6的字体最小2．修改文本字体通过单击字体列表文本框的下拉箭头，弹出字体列表，如图10-6所示，选择其中的字体类型，可以为所选择的文本修改字体类型。3．设置字体的大小在属性面板的“大小”列表框中可以选择所需的字体的大小。4．设置文本颜色可以通过属性面板对文本的颜色进行设置，该颜色将覆盖“页面属性”中设置的文本颜色。5．文本的对齐方式和缩进文本的对齐方式有四种：左对齐、居中对齐、右对齐和两端对齐。6．设置文本

4、的样式首先选中文本，然后选择【文本】→【样式】子菜单中的样式即可，这些样式可以随意组合。10.1.4插入更新日期在文档中插入当前日期的步骤如下：（1）在文档中将光标插入在要插入日期的位置。（2）选择【插入】→【日期】菜单命令，或单击“插入”面板上的“日期”按钮。（3）在弹出的“插入日期”对话框中选择日期格式，在三个下拉列表中可分别选择星期、日期和时间的格式。如图:10.1.5插入水平线要插入水平线的方法如下：（1）将插入点放置在要插入水平线的位置。（2）选择【插入】→【水平线】菜单命令，或单击“插入”面板上的“水平线”按钮。（3）此时文档中就插入了一条水平线，

5、选中该水平线，在属性面板上可对其属性进行编辑。如下图所示10.1.6创建项目列表1．创建项目列表（1）选中要设置为列表的文本，或将光标放置在要插入列表的行。（2）在属性面板中单击“项目列表”按钮或“编号列表”按钮，或选择【文本】→【列表】菜单项，从扩展的子菜单中选择需要的列表类别。（3）输入完整的列表项内容后，按回车键两次，即可完成整个列表的插入。2．创建嵌套项目列表（1）将光标放置在需要嵌套的列表项行中。（2）在“属性”面板中按下“文本缩进”按钮，或者选择【文本】→【缩进】菜单命令，将列表项缩进。即可看到项目被嵌套了。（3）如果要将深级别的列表提高级别，可以

6、单击“属性”面板的“文本凸出”按钮，或选择【文本】→【凸出】菜单命令。3．设置项目列表属性列表属性可以决定整个列表和选定列表项的外观。可以通过设置列表的属性来选择列表的类型，从而控制列表的样子。10.2插入图像10.2.1插入图像在网页中可以插入GIF、JPEG和PNG格式的图像，同时还可以在表格、层中插入图像。提示：要插入的图像文件应该存放于当前站点的目录内。如果要插入的图像没有位于本地站点的目录中，则会出现一个对话框，询问是否要将该图像文件复制到本地站点中。选择“是”按钮将图像文件保存在本地站点内，以保证文档中对图像文件的正确引用。10.2.2设置图像属

7、性如果要调整图像的属性，选中图像，就可在“属性”面板上设置图像的相关属性。图像的属性面板如下图所示:10.2.3创建图像映射1．建立图像映射要建立图像映射，也就是要在图像上建立热点。图像的热点工具在图像属性检查器上，有矩形、圆形和多边形三种。如下图所示:2．修改图像热点可以很容易对在图像映射中所创建的热点进行编辑。可以移动热点，调整热点大小，或者在层之间向上或向下移动热点。还可以将含有热点的图像从一个文档拷贝到其他文档，或者拷贝某图像中的一个或多个热点，然后将其粘贴到其他图像上。10.2.4创建鼠标经过图像鼠标经过图像是在浏览器中当鼠标移到图像上时，会变化成另

8、一幅图像。鼠标经过图像实际上由两个图像