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