在网页中输入文本研讨.ppt

10.1.1　在网页中输入文本 在网页中，文本内容也可以说是最重要也是最基本的组部分，Dreamweaver CC跟普通文字处理程序一样，可以对网页中的文字和字符进行格式化处理。 网页中需要输入大量的文本内容时，可以通过以下两种方式来输入文本内容。 第一种是在网页编辑窗口中直接用键盘输入文本，这可以算是最基本的输入方式了，和一些文本编辑软件的使用方法相同，如Microsoft Word。 第二种是使用复制的方式。有些读者可能不喜欢在Dreamweaver中直接输入文字，而更习惯在专门文本编辑软件中快速打字，如Microsoft Word和Windows中的记事本等，或者是文本的电子版本，那么就可以直接使用Dreamweaver的文本复制功能，将大段的文本内容复制到网页的编辑窗口来进行排版的工作。 动手实践——制作文本网页 动手实践：制作文本网页 最终文件：光盘\最终文件\第10章\10-1-1.html 视 频：光盘\源文件\第10章\10-1-1.swf 10.1.2　页面编码以及分行和分段 1．页面编码方式 在Dreamweaver中，首先要根据用户语言的不同，选择不同的文本编码方式，错误的文本编码方式将使中文字体显示为乱码。 2．分行与分段 遇到文本末尾的地方，Dreamweaver会自动进行分行操作，然而在某些情况下，我们需要进行强制分行，将某些文本放到下一行去，此时在操作上读者可以有两种选择：按键盘上的Enter键（为段落标签），在“代码”视图中显示为P标签，可以将文本彻底划分到下一段落中去，两个段落之间将会留出一条空白行。 在Dreamweaver CC中可以设置文本颜色、大小和对齐方式等属性，合理的设置文本的属性，可以使浏览者阅读起来更加方便，将光标移至文本中时，在“属性”面板中便会出现相应的文本属性选项。 10.2.1　设置HTML选项面板 拖动光标选中需要设置属性的文字，在“属性”面板上单击HTML按钮，可以切换到文字HTML属性设置面板中。 10.2.2　设置CSS选项面板 在“属性”面板上单击CSS按钮，可以切换到文字CSS属性设置面板中。 在Dreamweaver CC中，使用“命令”菜单中的“检查拼写”命令可以检查当前文档中的拼写错误。使用“编辑”菜单中的“查找和替换”命令，可以查找和替换选择的文本、当前文档、文件夹、站点中选定的文件或整个当前本地站点中的内容。 10.3.1　检查拼写 一个页面完成之后，难免会有单词拼写错误，Dreamweaver CC对文档中的英文内容提供了简单的拼写检查功能。执行“命令检查拼写”命令，即可对文档进行检查。 10.3.2　查找和替换 在设计视图中，执行“编辑查找和替换”命令，弹出“查找和替换”对话框。 在网页中除了可以插入普通的文本内容外，还可以插入一些比较特殊的文字元素，例如列表、时间、水平线等，本节就将向读者介绍如何在网页中插入特殊的文本对象。 10.4.1　无序列表和有序列表 列表分为有序列表和无序列表两种，操作方法非常简单。 动手实践——制作新闻列表 动手实践：制作新闻列表 最终文件：光盘\最终文件\第10章\10-4-1.html 视 频：光盘\源文件\第10章\10-4-1.swf 水平线可以起到分隔文本的作用，在页面中，可以使用一条或多条水平线分隔文本或元素，使整个页面更加整洁、结构更加清晰。 10.4.3　插入水平线 动手实践——插入水平线 动手实践：插入水平线 最终文件：光盘\最终文件\第10章\10-4-3.html 视 频：光盘\源文件\第10章\10-4-3.swf 10.4.2　设置列表属性 在对网页进行了更新后，一般都会加上更新日期。在Dreamweaver中只需单击“日期”按钮，选择日期显示的格式，即可向网页中加入当前的日期和时间。而且通过设置，可以使网页每次保存时都能自动更新日期。 10.4.5　插入日期 动手实践——插入日期 动手实践：插入日期 最终文件：光盘\最终文件\第10章\10-4-5.html 视 频：光盘\源文件\第10章\10-4-5.swf 10.4.4　设置水平线属性 首先将光标移至需要插入特殊字符的位置，单击“插入”面板上的“字符”按钮右侧的下三角符号，在弹出菜单中可以选择需要插入的特殊字符，在弹出菜单中选择“其他字符”选项，在弹出的“插入其他字符”对话框中可以选择更多特殊字符，单