网站建设与网页制作-电子教案-姚翠友06第六章节.pptVIP

尚辅网 / 网站建设与网页设计 第六章 文本编辑与格式化 说明：本章节中的具体操作步骤参见书籍的对应章节。 第六章 文本编辑与格式化 6.1 文本编辑 6.2 文本格式化 6.1 文本编辑 文本元素是Web页面内容的基本表现形式，它通常被放置于网页中的行、段落、表单、AP Div元素、Div标签等HTML标签中。使用CSS样式可以对网页中的文本格式化，从而使文本整齐、美观地显示在Web页面中。 在Dreamweaver CS4中，使用“文本”工具栏，可以快速地插入各种类型的文本。要应用“文本”工具栏，先打开“插入”面板，然后拖动该面板至“文档”窗口顶部位置，可以将“插入”面板更改为“插入”工具栏，如下图。 6.1.1 文本基本操作 6.1 文本编辑 在Dreamweaver CS4中，文档窗口进行输入文本是非常简单的，其输入方式与其他办公软件中的文本输入方式类似，一种是直接在插入点输入文本，一种是复制、粘贴准备好的文本，还有一种是导入其它格式的文本，之后就可以进行各种文本编辑活动，如查找、替换等。 在Dreamweaver CS4的文档窗口中编辑文本，可使用菜单栏【编辑】命令。一般步骤：先选取所需文本，然后执行【编辑】菜单中的相应命令。 在文档窗口中，一般使用的文本编辑的基本操作有以下几项。 按住鼠标左键不放，在文本上拖动鼠标，选取相应的文本。 选取文本后，点击【Backspace】键或【Delete】键，可删除文本。 选择【编辑】菜单中相应命令，可执行的操作有剪切、拷贝、粘贴、查找与替换等。 6.1.1 文本基本操作 6.1 文本编辑 在制作Web页面过程中，可能需要输入一些特殊字符，例如“￥”（人民币符号）、?（版权符号）等。这些特殊字符可在网页代码设计视图中直接输入代码，例如，版权符号表示为“copy；”，空格表示为“nbsp；”。 在文档中使用特殊字符，可以通过插入字符的方式完成输入,下面为操作截图。 6.1.2 输入特殊字符 6.1 文本编辑 Web页面中一般还包含一些HTML元素，如日期、水平线、注释等。这类元素也可通过插入栏中的按钮添加。 水平线对于信息组织很有用，在Web页面中，可以使用一条或多条水平线来可视化分隔文本和对象，是段落更分明和层次感；日期元素的插入可以方便用户对于时间的处理，每次保存文件都会自动更新插入的日期。 6.1.3 插入HTML元素 6.1 文本编辑 插入水平线的网页效果如下图所示。 6.1.3 插入HTML元素 6.2 文本格式化 文本格式主要包括段落格式和字符格式两个方面。段落是具有统一样式的一段文本，在文档窗口中输入文本后，点击【Enter】键就会产生一个段落（HTML对应p标签）。 Web页面中的段落文本格式主要包括文本行、标题和列表格式。设置文本行使用换行符；设置标题或列表格式，使用属性检测器中的【格式】框进行操作。下图为段落格式设置后的截图。 6.2.1 段落格式 6.2 文本格式化 6.2.2 字符格式 字符是组成段落的基本元素，它包括字符的样式、字体、字号、颜色等。 在网页中要修饰文本主要靠设置字符格式来实现。在Dreamweaver CS4中，使用属性检查器为文本添加CSS样式来设置字符格式。完成字符格式设置后的效果如下图所示。 谢谢！ 尚辅网 /