第3章 在网页中使用文本

第第3 3章章 在网页中使用文本在网页中使用文本一、案例实现一、案例实现1.创建一个新网页，将其保存为index.htm2.在新建的网页的设计视图的工作区域空白处输入文字“欢迎光临我的个人网页”，选中文字，在Dreamweaver下方的属性面板上设置其段落属性为“标题1”，对其方式为“”，修改其颜色为“红色”.3.光标定位在“欢迎光临我的个人网页”后面，按【Enter】键，点击常用插入栏，选择HTML选项，单击其中的“”按钮，在“欢迎光临我的个人网页”下面插入一条水平线示。4.选中水平线，设置水平线属性，“对齐”中包含了左、右、中三种对齐方式。5.在水平线后面按【Enter】键，输入文字“一、自我介绍”，选中该文本，设置其属性。这里对文字的字体也可以进行设置。选中需设置字体的文本，单击“文本”菜单/“字体”命令，在弹出的子菜单中选择所需要的字体，或者打开属性检查器，单击“字体”下拉列表，在弹出的列表中选择所需字体。6.重复步骤2插入水平线，设置水平线属性。7.在水平线后面按【Enter】键。输入“姓名”、“性别”、“出生年月”、“毕业院校”、“所学专业”等四行文字，每行的结尾按【Enter】键换行。8.选中这四行文字，切换“常用工具栏”为“文本选项”，点击其上的“”按钮，完成项目列表的制作。9.重复步骤（3）-（7），完成联系方式部分文字设置。10.选中联系方式的四行文字切换“常用工具栏”为“文本选项”，点击其上的编号列表“”按钮。11.重复步骤3插入页面底部的水平线并设置其属性。12.在水平线，后面按【Enter】键。输入版权信息，设置其属性为居中对齐，插入版权符号。13.插入日期。14.制作完毕，保存网页文件。二、二、相关知识相关知识 1、在网页中插入文本在网页中插入文本（1）插入普通文本 方法如下：1）直接在文档窗口中输入文本。在设计视图中，用户将光标定位于要插入文本的位置处，选择合适的输入法输入相应的文本即可。输入文本时，按下Enter键可以创建一个新的段落，如果仅想换行而不分段，可以ShiftEnter。另外，HTML只允许字符之间包含一个空格，如果要在文档中添加多个空格，需要将输入法切换到中文全角状态，就可以插入多个空格了。2）拷贝文本。用户可以从其他的应用程序中复制文本，然后切换到Dreamweaver中，将插入点定位要要插入文本的位置处，然后选择“编辑”|“粘贴”命令，或者使用CtrlV的粘贴快捷键，就可以将文本粘贴到窗口中了。Dreamweaver在粘贴文本时将忽略原文本的格式，仅仅以纯文本的方式粘贴。3）从其他文档导入文本。能够合并到Web页的文本内容的常见文档类型有ASCII文本文件、RTF文件和MS Office文档。Dreamweaver可以从这些文档类型中取出文本，然后将其并入Web页中。(2）编码设置编码指定文档中字符所用的编码，文档编码在文档头中的meta标签内指定，它告诉浏览器和Dreamweaver应如何对文档进行解码以及使用那些字体来显示解码的文本。例如：要指定日语编码为“shift_JIS”，则插入此meta标签：。浏览器使用用户为日语编码指定的字体来显示文档。使用汉语编码“简体中文（GB2312）”，则meta标签为：。这个可以在“设计”视图里进行设置。具体步骤如下：1）选择“页面属性”命令按钮，弹出“页面属性”对话框。2）在页面属性对话框窗口左侧选择“分类”列表中“标题/编码”命令，在右侧“编码”下拉列表框中选择“简体中文（GB2312）”选项即可。设置对话框技巧：设置对话框技巧：一旦进行了编码设置，可以查看一下“编辑”菜单下面的“首选参数”命令，在“分类”列表框的“字体”类别里的“字体设置”命令也会发生相应的变化。在查看“代码”视图时，感觉字体、大小不合适，也可以在“分类”列表框的“字体”类别里设置字体、字体大小。（3）插入特殊文本某些特殊字符在HTML中以名称或数字的形式表示，它们称为实体。HTML包含版权符号(©)、注册商标符号(®)等字符的实体名称。每个实体都有一个名称（如—）和一个数字等效值（如—）。具体操作方法如下：1）在“设计”窗口中，将插入点放在要插入特殊字符的位置。执行下列操作之一：n从“插入”/“HTML”/“特殊字符”子菜单中选择字符名称。n在“插入”栏中的“文本”类别中，单击“字符”按钮选择需要的字符。2）在字符之间添加空格。HTML只允许字符之间包含一个空格，若要在文档中添加其它空格，须插入连续空格。可以设置一个在文档中自动添加不换行空格的首选参数。若要插入不换行空格，执行下列操作之一：l从“插入”/“HTML”/“特殊字符”子菜单中选择“不换行空格”。l在“插入”栏中的“文本”类别中，单击“字符”按钮选择“插入不换行空格”。2 2、文本的其它操作、文本的其它操作（1）文字的复制与移动、拼写检查1）文字的复制与移动：在网页文档的“设计”视图和”代码”视图状态的文档窗口内，可以进行文字的复制和移动操作，其方法与word中的方法基本一样。2）文字的拼写检查：单击“文本”菜单/“检查拼写”命令，Dreamweaver会检查网页内所有英文单词的拼写是否正常，如果全部正常，则调出检查完毕的提示框；如果有不正确的英文单词，则将调出“检查拼写”对话框。该对话框中会列出错误的英文单词并推荐更改的英文单词，供用户修改错误的单词。（2）文字的查找与替换1）单击“编辑”/“查找和替换”命令，可以调出“查找和替换”对话框。该对话框内各选项的作用如下所述。n文字的查找和替换查找范围下拉列表用来选择查找的范围。n搜索下拉列表用来选择查找内容的类型。n查找列表用来输入要查找的内容。n替换列表可输入要替换的字符或选择要替换的字符。3 3、HTMLHTML概述与基本结构概述与基本结构HTML是“超文本标记语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。可以使用记事本、写字板或 Dreamweaver等编辑工具来编写Html文件。Html语言使用标记对的方法编写文件，既简单又方便，它通常使用来表示标记的开始和结束(例如标记对)。一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。在HTML中，使用标记或标签（tag）来分割并描述这些元素。因此，HTML文件就是由各种HTML标记和元素组成的。一个HTML文件的基本结构如下：头部信息文档主体部分HTML文档的基本结构是以开头、结尾，中间分两部分，即以开始、结束的开头部分和以开始、结束的主体部分。一般来说，HTML标记都是成对出现的，以开始，以结束。但也有一些例外，这些我们以后都要学到。HTML标记是不区分大小写的，也就是说大写和小写都可以。1）标记用于Html文档的最前边，用来标识Html文档的开始。而标记恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标记必须一块使用。2）和构成Html文档的开头部分，在此标记之间可以使用等标记对，这些标记对都是描述Html文档相关信息的标记对，标记对之间的内容是不会在浏览器的框内显示出来的。两个标记必须一块使用。3）是Html文档的主体部分，在此标记对之间可包含、等等众多的标记，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标记必须一块使用。4）使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“标题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在标记对之间加入您要显示的文本即可。注意：标记对只能放在标记对之间。4 4、文本的、文本的HTMLHTML标记应用标记应用 每个HTML标记都由标记符对（或单标记符）和属性组成，其一般格式为：受影响的内容 或有些标记没有属性或属性可以省略。1）常用字体风格标记 字体风格分为物理风格和逻辑风格。字体的物理风格直接指定字体，物理风格的字体标记见表。字体逻辑风格用来指定文本的作用，有强调、键盘输入、变量等。例如要给字体添加粗体风格。其语法格式为：文字内容。其它风格标记类似方法使用。2）字体标记 语法格式：文字内容3.段落标记 作用:将其内的文字另起一段显示。段与段之间有一个空 行。