中文版Dreamweaver MX 2004 网页制作培训教程05：为网页加入文字

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

第五课 课前导读 课堂讲解 上机实战 课后练习

为网页加入文字

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

课前导读 基础知识 重点知识

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

基础知识插入普通文本、特 殊文本、水平线和时间 的方法，项目列表的建 立方法。

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

重点知识

文本格式化的方法。

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

课堂讲解 插入文本 格式化文本 项目列表

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

插入文本 普通文本 特殊文本 在字符之间添加空格 水平线 日期

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》文 本 是 网 页 制 作 的 核 心 内 容 ， Dreamweaver MX 2004允许通过以下方式在Web页中添加文本： 直接将文本输入到页面中、从其他文档复制和粘 贴文本或从其他应用程序中拖放文本。能够合并 到Web页的常见文档类型有ASCII文本文件、RTF文 件和MS Office文档，用Dreamweaver可以从这些 文档类型中的任何一种程序取出文本，然后将文 本插入到Web页中。

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

普通文本普通文本是指一般的汉字或英文文本，它的插入 方法十分简单，将光标直接定位到编辑窗口中要输 入文字的地方，然后直接输入文字即可。 也可以在其他文本编辑器中编辑文本(如Word、 WPS等),然后复制该文字，打开Dreamweaver中要 添加该文字的Web页面，选择[编辑] [粘贴]菜单命 令即可粘贴一般的文本。但Dreamweaver不保留在其 他应用程序中设置的文本格式，只可以保留换行符。 如果想保留文本的格式，可以选择[编辑] [带格式 粘贴]菜单命令，如果不想保留文本格式，还可选择 [编辑] [粘贴文本]菜单命令。若要将Word或Excel 文档的内容添加到新的或现有的Web页中，具体操作 如下。首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

(1)打开要

将Word或Excel文件的内容复制 到的目标Web页。 (2)选择[文件] [导入] [Word文档]或 [文件] [导入] [Excel文档]菜单命令。在打开 的“打开”对话框中，选择要添加的文件，然 后单击 按钮，Word或Excel文档的内容将 出现在页面中。

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

特殊文本在Dreamweaver MX 2004中，可以在文档 中插入多种特殊符号，如版权复制符号、并 列符、注册商标符号等。要插入特殊符号， 具体操作如下。 (1)将光标定位到插入特殊字符的位置。 (2)单击“插入”栏中的“文本”选项 卡，如图5-1所示。 (3)单击 按钮，展开如图5-2所示的 “字符”下拉列表。首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

图5-1

图5-2首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》(4)单击相应的选项即可在Web页面中 添加相应的特殊字符，如图5-3所示。如果没 有使用西欧字符，则会弹出一个警告框，提 示可能有些浏览器不能正常显示这些字符， 如图5-4所示。

图5-3首页 末页 向上 向下 返回 结束 调音

图5-4南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》(5)如果还需要输入其他的特殊字符， 可以在“字符”下拉列表中选择“其他字符” 选项，打开如图5-5所示的“插入其他字符” 对话框。 (6)单击需要的字符后再单击 按钮 即可输入相应的字符，如图5-6所示。 也可以选择[插入] [HTML] [特殊字符] 菜单命令下的相应命令插入相应字符。

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

图5-5 图5-6首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

在字符之间添加空格Dreamweaver MX 2004的HTML代码只允许字 符之间包含一个空格，若要在文档中添加其他空 格，必须插入不换行空格，也可以设置一个在文 档中自动添加不换行空格的参数选择。 插入不换行空格 设置添加不换行空格的参数

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林

中文版Dreamweaver MX 2004 网页制作培训教程

《中文版Dreamweaver MX 2004网页制作设计教程 》

插入不换行空格插入不换行空格，可执行如下操作之一。 在“插入”栏的“文本”选项卡中，单击“字符”按 钮，在下拉列表中选择“插入不换行空格”选项。 选择[插入] [HTML]

[特殊字符] [不换行空格]菜单 命令。 按【Ctrl+Shift+空格键】键输入。

将输入法切换到全角状态再按空格键。

首页 末页 向上 向下 返回 结束 调音

南通大学计算机学院 王则林