第10章插入文本、图像及超级链接 本章要点: 区插入文本、特殊字符、日期、水平线 区创建列表 ※区设置文本属性 ※区插入图像、鼠标经过图像、网站相册 区设置图像属性 区设置超链接、锚点链接 ※区CSS样式
第10章 插入文本、图像及超级链接 本章要点： 插入文本、特殊字符、日期、水平线 创建列表 设置文本属性 插入图像、鼠标经过图像、网站相册 设置图像属性 设置超链接、锚点链接 CSS样式
10.1插入文本和对象 101.1插入文本 在网页中插入文本,可以有以下两种方式: (1)在文档编辑窗口中直接由键盘输入 (2)复制其他已有的文本。即:先选中要复制 的文本,用【复制】命令或用快捷健CtHC复制, 然后切换到 Dream weaver mX文档编辑窗口,将插 入点设置到要放文本的地方,然后用【编辑】 【粘贴】命令或按快捷键 Ctrltv
10.1 插入文本和对象 10.1.1 插入文本 在网页中插入文本，可以有以下两种方式： （1）在文档编辑窗口中直接由键盘输入。 （2）复制其他已有的文本。即：先选中要复制 的文本，用【复制】命令或用快捷健Ctrl+C复制， 然后切换到Dreamweaver MX文档编辑窗口，将插 入点设置到要放文本的地方，然后用【编辑】→ 【粘贴】命令或按快捷键Ctrl+v
10.12插入特殊的文本字符 1.插入特殊字符 操作步骤如下: (1)在需要添加特殊字符的位置单击,设置插入点 (2)选择“插入”面板的“字符”类别,然后选择所需 特殊字符。 3)若面板上没有所需字符,则单击面板最后的“其他 字符”按钮 (4)如果要在文档中插入象■、◆等这样的特殊符号, 就不能利用 Dreamweaver MX提供的方法了
10.1.2 插入特殊的文本字符 1．插入特殊字符 操作步骤如下： （1）在需要添加特殊字符的位置单击，设置插入点。 （2）选择“插入”面板的“字符”类别，然后选择所需 特殊字符。 （3）若面板上没有所需字符，则单击面板最后的“其他 字符”按钮。 （4）如果要在文档中插入象■、◆等这样的特殊符号， 就不能利用Dreamweaver MX提供的方法了
2.插入空格 选择【编辑】→【参数选择】菜单命令,打开 “参数选择”对话框,左边选择“常规”分类, 在右边将“允许多个连续的空格”复选框选中, 如图10-3所示,这样在文档中就可以用空格键连续 插入空格了 3.插入换行符 插入换行符的方式:首先将光标定位在要换行的位 置,然后单击“字符”面板的“换行符”按钮
2．插入空格 选择【编辑】→【参数选择】菜单命令，打开 “参数选择”对话框，左边选择“常规”分类， 在右边将“允许多个连续的空格”复选框选中， 如图10-3所示，这样在文档中就可以用空格键连续 插入空格了。 3．插入换行符 插入换行符的方式：首先将光标定位在要换行的位 置，然后单击“字符”面板的“换行符”按钮
1013设置文本属性 1.应用段落和标题格式 在属性面板的“格式”文本框中可以设置文本的段落 和标题字体。标题共分6级,标题1的字体最大,标题6 的字体最小 2.修改文本字体 通过单击字体列表文本框的下拉箭头,弹出字体列表, 如图10-6所示,选择其中的字体类型,可以为所选择 的文本修改字体类型 3.设置字体的大小 在属性面板的“大小”列表框中可以选择所需的字体 的大小
10.1.3 设置文本属性 1．应用段落和标题格式 在属性面板的“格式”文本框中可以设置文本的段落 和标题字体。标题共分6级，标题1的字体最大，标题6 的字体最小 2．修改文本字体 通过单击字体列表文本框的下拉箭头，弹出字体列表， 如图10-6所示，选择其中的字体类型，可以为所选择 的文本修改字体类型。 3．设置字体的大小 在属性面板的“大小”列表框中可以选择所需的字体 的 大小
4.设置文本颜色 可以通过属性面板对文本的颜色进行设置,该颜色将 覆盖“页面属性”中设置的文本颜色。 5.文本的对齐方式和缩进 文本的对齐方式有四种:左对齐、居中对齐、右对齐 和两端对齐。 6.设置文本的样式 首先选中文本,然后选择【文本】→【样式】子菜单 中的样式即可,这些样式可以随意组合
4．设置文本颜色 可以通过属性面板对文本的颜色进行设置，该颜色将 覆盖“页面属性”中设置的文本颜色。 5．文本的对齐方式和缩进 文本的对齐方式有四种：左对齐、居中对齐、右对齐 和两端对齐。 6．设置文本的样式 首先选中文本，然后选择【文本】→【样式】子菜单 中的样式即可，这些样式可以随意组合
10.1.4插入更新日期 兴在文档中插入当前日期的步骤如下: (1)在文档中将光标插入在要插入日期的位置。 (2)选择【插入】→【日期】菜单命令,或单击“插入” 面板上的“日期”按钮 (3)在弹出的“插入日期”对话框中选择日期格式, 在三个下拉列表中可分别选择星期、日期和时间的格 式。如日 星期格式:「[不要星期] 确定 日期格式: March7,1974 取消 07-Mar-1974 帮助 03/07/1974 3/7/74 1974-03-07 时间格式:「[不要时间 储存时自动更新
10.1.4 插入更新日期 在文档中插入当前日期的步骤如下： （1）在文档中将光标插入在要插入日期的位置。 （2）选择【插入】→【日期】菜单命令，或单击“插入” 面板上的“日期”按钮。 （3）在弹出的“插入日期”对话框中选择日期格式， 在三个下拉列表中可分别选择星期、日期和时间的格 式。如图 :
10.15插入水平线 要插入水平线的方法如下: (1)将插入点放置在要插入水平线的位置 (2)选择【插入】→【水平线】菜单命令,或单击 “插入”面板上的“水平线”按钮。 (3)此时文档中就插入了一条水平线,选中该水平线, 在属性面板上可对其属性进行编辑。如下图所示 屈性 蓝水平线宽0 对齐居中齐 高0 厂阴影)
10.1.5 插入水平线 要插入水平线的方法如下： （1）将插入点放置在要插入水平线的位置。 （2）选择【插入】→【水平线】菜单命令，或单击 “插入”面板上的“水平线”按钮。 （3）此时文档中就插入了一条水平线，选中该水平线， 在属性面板上可对其属性进行编辑。如下图所示
10.1.6创建项目列表 1.创建项目列表 (1)选中要设置为列表的文本,或将光标放置在要插入列表的行 (2)在属性面板中单击“项目列表”按钮或“编号列表”按钮,或选择 【文本】→【列表】菜单项,从扩展的子菜单中选择需要的列表类别。 (3)输入完整的列表项内容后,按回车键两次,即可完成整个列表的插入。 2.创建嵌套项目列表 (1)将光标放置在需要嵌套的列表项行中。 (2)在“属性”面板中按下“文本缩进”按钮,或者选择【文本】→【缩 进】菜单命令,将列表项缩进。即可看到项目被嵌套了。 (3)如果要将深级别的列表提高级别,可以单击“属性”面板的“文本 凸出”按钮,或选择【文本】→【凸出】菜单命令
10.1.6 创建项目列表 1．创建项目列表 （1）选中要设置为列表的文本，或将光标放置在要插入列表的行。 （2）在属性面板中单击“项目列表”按钮或“编号列表”按钮，或选择 【文本】→【列表】菜单项，从扩展的子菜单中选择需要的列表类别。 （3）输入完整的列表项内容后，按回车键两次，即可完成整个列表的插入。 2．创建嵌套项目列表 （1）将光标放置在需要嵌套的列表项行中。 （2）在“属性”面板中按下“文本缩进”按钮，或者选择【文本】→【缩 进】菜单命令，将列表项缩进。即可看到项目被嵌套了。 （3）如果要将深级别的列表提高级别，可以单击“属性”面板的“文本 凸出”按钮，或选择【文本】→【凸出】菜单命令
3.设置项目列表属性 兴列表属性可以决定整个列表和选定列表 项的外观。可以通过设置列表的属性来 选择列表的类型,从而控制列表的样子。 列表属性 列表类型〔r):项目列表 确定 样式()「默认 取消 开始计数C 〔数字 帮助 列表项目 新建样式):[默认] 重设计数)厂 数字)
3．设置项目列表属性 列表属性可以决定整个列表和选定列表 项的外观。可以通过设置列表的属性来 选择列表的类型，从而控制列表的样子