网页设计与制作 教学课件 作者 李广武 张逸昀 梁平 主编第4章_文本及其格式化.ppt

《网页设计与制作 教学课件 作者 李广武 张逸昀 梁平 主编第4章_文本及其格式化.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章文本及其格式化第4章文本及其格式化4.1文本与格式化介绍4.2文本的插入4.3文本的编辑4.4文本格式化4.5段落格式4.6创建列表4.7灵活使用历史记录面板4.8本章小结文本是网页的核心内容，对于文本应该进行仔细加工，做好这些基本的工作，网页才能进一步地修饰。学习网页设计也应从最基本的文本处理开始，文本处理不好，网页则难以生辉。在Dreamweaver中输入文本就跟在普通的字处理程序中输入文本一样，利用它提供的各种格式设置命令，可以很轻松地设置文本的格式。比如设置文本的标题、段落、列表，改变文本的字体及大小、文本的颜色、文本的对齐方式，加粗

2、文本，使文本倾斜，使文本字体等宽等等。4.1文本与格式化介绍步骤如下：1、在文档窗口中，将插入点放在要插入特殊字符的位置。2、从【插入】

3、【HTML】

4、【特殊字符】子菜单中选择字符名称。4.2.1直接输入法4.2文本的插入4.2.2复制粘贴法从剪贴板上的文本粘贴到页面文档的步骤如下：1、在其他应用程序中选择需要复制的文本内容，利用“复制”命令将其复制到剪切板上。2、在Dreamweaver中的设计视图中选择插入点。然后选择【编辑】

5、【粘贴】菜单命令，将剪贴板上的文本以文本形式粘贴到文档中。4.2文本的插入4.3文本的编辑4.3.1删除、移动和复制删

6、除文字比较简单，先将光标置于要删除文字处，按Delete键可以删除光标右侧的文字，按Backspace键可以删除光标左侧的文字。对要删除很多文字，则要结合文本的选择来共同完成，方法很多，根据需要灵活使用。4.3文本的编辑4.3.2拼写检查具体进行拼写检查的操作过程如下：1、移动光标位置，将光标放置到文档开始处。2、选择【命令】

7、【检查拼写】菜单命令，即可进行检查，当系统发现不能识别的词时，将会弹出对话框进行提示，如图所示。3、对该文档的拼写检查全部完成后，会弹出“拼写检查完成”的确认框。4.3.3查找与替换在Dreamweaver中提供了强大的查找

8、和替换功能。可以在当前文档、所选文件、目录或整个站点中搜索文本、由特定标签环绕的文本或HTML标签和属性。选择【编辑】

9、【查找和替换】菜单命令，出现如图4-6所示的“查找和替换”对话框。4.3文本的编辑4.4.1设定字体可以通过使用字体参数来统一设置Dreamweaver中用以显示每种文本的字体编码。选择【编辑】

10、【首选参数】菜单命令，然后单击“分类”列表中的“字体”，如图所示。4.4文本格式化4.4文本格式化4.4.1设定字体1、如需在设计时更改文本的字体类型，可以进行如下操作：选择需要更改的文本，然后请从文本属性检查器或【文本】

11、【字体】子菜单

12、中选择字体组合。2、如果需要的字体在该子菜单中没有显示，可以选择【格式】

13、【字体】

14、【编辑字体列表】菜单命令，从对话框顶部的列表中选择字体组合，如图所示。4.4文本格式化4.4.2选择字号在页面中，若要更改字体大小，选中文本内容后，请从“属性检查器”面板中单击“页面属性”按钮，打开“页面属性”对话框，选择“外观（CSS）”类别中的“大小”，定义文本字体的大小，如图所示，数字越大，字体越大。4.4文本格式化4.4.3色彩配置更改文本颜色的步骤如下：1、选定需要更改颜色的文本。2、单击“属性检查器”面板中单击“页面属性”按钮，打开“页面属性”对话框，选

15、择“外观（CSS）”类别中的“文本颜色”，在出现的系统颜色选择4.4文本格式化4.4.4样式设置在格式化文本时，除了改变文本的字体、字号、颜色属性外，还可以设置其他属性，如加粗、变斜、下划线、删除线等属性。若是通过“属性”面板来设置，选择要改变样式的文本，单击“属性检查器”面板上的B按钮或I按钮即可进而行加粗、变斜设置，如图所示。若是通过“格式”菜单来设置，选择要改变样式的文本，选择【格式】

16、【样式】菜单命令，根据需要进行设置。4.4.5文本格式化示例本示例主要用来说明文本及其格式化。本示例文档由两部分组成，文本标题和正文。效果如图所示。制作的步骤

17、如下：1、建立页面文档，输入文本内容。2、选择大标题“第三节对象基础”，进行文本格式化，如图所示。4.4文本格式化4.4文本格式化4.4.5文本格式化示例3、选择小标题“5.3.1抽象数据类型”，在属性检查器中设置为标题4。4、选择正文，进行文本格式化，设置格式为段落，字体为隶书，字体大小为12px，文本颜色为#990000，如图所示。5、将光标依次停留在各正文段落的开始位置，选择“插入”面板的“文本”类别的“不换行空格”按钮，如图4-15所示，来加入空格符。6、完成所有步骤。4.5段落格式4.5.1如何分段在Dreamweaver中产生段落的方法

18、比较简单，可以通过Enter键或段落格式选项。首先将光标置于需要分段的文本末尾，按Enter键或选择【格式】

19、【段落格式】