高中信息技术第3章网页文本的处理课件粤教版选修

《高中信息技术第3章网页文本的处理课件粤教版选修》由会员分享，可在线阅读，更多相关《高中信息技术第3章网页文本的处理课件粤教版选修（15页珍藏版）》请在金锄头文库上搜索。

1、通过本章学习，应该掌握以下内容：HTML及其功能 利用HTML创建和测试Web页的方法 利用HTML设置标题和文字 利用HTML设置段落 利用HTML进行文本格式的处理 利用FrontPage 2002和Dreamweaver 4.0处理文本,第3章 网页文本的处理,3.1 利用HTML处理文本,3.1.1 HTML基础 1标记符 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。在HTML中，所有的标记符都用尖括号括起来。例如，表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。 如： . HTML标记符是不区分大小

2、写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。 属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为：受影响的内容 HTML属性通常也不区分大小写。,2HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下：文本标题文本内容上述文档用到四种标记符，其意义如下：,（1）HTML标记符这两个标记符是HTML文档的标记符。处于文档的最前端，表示文档的开始，即浏览器从开始解释。而则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法

3、的文档。 （2）HEAD标记符 是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。通常与某些标记符一起使用，如标记符。 （3）TITLE标记符指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。 （4）BODY标记符指的是定义出一个HTML文档的体部，位于首部下面。在标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。,3创建和测试Web页由于HTML文件的实质

4、就是文本文件，因此可以用任何文本编辑器编辑HTML文件，通常可以使用Windows系统中的“记事本”程序。另外，由于Windows98Me2000系统中捆绑了IE5或IE5.5（Internet Explorer 5.0或5.5），因此用户在Windows中可以方便地对Web页进行简单的测试。 （1）创建Web页保存了Web页之后，在所选择的文件夹中将包含所创建的Web页，可以由IE将其打开。 （2）发布Web页用户创建了Web页之后，通常可以直接将其保存在硬盘、软盘或光盘上，作为一种电子文档，也可以将其发布到Internet上，以便让全世界的浏览者都能够进行浏览。发布Web页时应按以下步骤进

5、行。 创建本地站点 申请网页空间 用FTP上传网页,3.1.2 标题处理在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。表示最大的标题，表示最小的标题。使用标题样式时，必须使用结束标记符。 标题文字标记符的格式：标题文字 属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。如:计算机系标记符默认显示宋体。标记符会自动插入一个空行，不必再用空行标记符。在一个标题行下无法使用不同大小的字体。与HEAD中的定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。,3.1.3 段落处理在

6、HTML中段落处理是通过段落标记来完成的，常用的段落标记符有： 1注释标记符HTML的注释标记符的格式为： 2强制换行标记符强制换行标记符为，放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。 3强制换段标记符在HTML文档中，无法用多个回车、空格、Tab键来调整文档段落的格式。要用HTML的标记符来强制换行、分段。 （1）强制换段标记符 强制换段标记符的格式为： 文字 （2）设置段落标记符 设置段落标记符的格式为：文字 ,4显示预排格式标记符当用其他编辑工具编排好了一段文字后，其中很可能有一些HTML文件不支持的控制符号，如同车、多个空

7、格、Tab键等。如果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式，可以使用标记符将预先排好的格式保留下来。显示预排格式标记符的格式为： 预先排好的格式 5分区显示标记符分区显示标记符的格式为：文本或图像 6水平线在页面中插入一条水平标尺线（Horizontal Rules），可以使不同功能的文字分隔开，看起来整齐、明了。 水平线标记符的格式为： ,3.1.4 文本格式处理 文本格式处理包括文字设置和格式处理。 1文字设置在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型和颜色，通常用FONT标记符来完成。FONT标记符设置格式为：被设置的文字 size属性是字号属性，用

8、于控制文字的大小，它的取值既可以是绝对值，也可以是相对值。face属性是字体标记符，用来指定字体样式。 color属性可用来控制文字的颜色，属性值可以是颜色名称或十六进制值。,2格式处理 HTML中的格式标记符有：标记符之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 标记符是指Directory List，用来创建一个普通的列表，; 用来创建列表中的上层项目；用来创建列表中最下层项目；和都必须放在标志对之间。标记符指Ordered List，它是用来创建一个标有数字的列表；标记符用来创建一个标有圆点的列表；标记符只能在或标记符内使用，此标记符用来创建一个列表项。,3设置页面属性 （1）

9、设置页面背景颜色标记符中使用bgcolor属性可以为网页设置背景颜色。 （2）设置页面背景图像单纯使用一种颜色作为背景显然有些单调，网页设计者也可选择特定图案作为页面的背景，使用BODY标记符的background属性即可。HTML语句为：（3）设置文字和超链接的颜色在设置了背景图案或背景颜色后，常常需要更改正文字符和超链接的颜色，以便与背景相适应。设置正文和超链接颜色时，可以使用BODY标记符的text、link、vlink和alink属性。其中，text属性用于设置正文的颜色；link属性用于设置未被访问的超链接的颜色；vlink用于设置已被访问过的超链接的颜色；alink用于设置活动超链

10、接（即当前选定的超链接）的颜色。,3.2 其他处理网页文本的方法 3.2.1 利用FrontPage 2002处理网页文本 1输入文本利用FrontPage 2002创建一个网页后，在文档的编辑区域内，可以看到闪烁的光标，在此可以输入文字。在输入文字的过程中，光标也跟着向后移动。 2编辑文本应用FrontPage 2002编辑文本的基本操作与其他的文字处理软件有相同之处。常用的文本编辑操作有：选择、移动、复制、粘贴、剪切、删除、查找和替换等。,3设置文本格式在FrontPage 2002中，不但可以非常灵活地设置各种文本格式，而且可以设置斜体、下划线、上/下标、空心、阴影等各种特效。 4段落式

11、样和对齐方式 （1）段落式样FrontPage2002为网页设计者提供了16种样式，其中6种是段落样式。 （2）对齐方式在格式栏中有4个按钮与段落的操作有关，这4个按钮分别代表左对齐、右对齐、居中对齐和分散对齐。 5编号列表在FrontPage 2002中，设置编号列表可以利用按钮和按钮，是用默认的标准项目符号，也可以自定义项目符号列表。 6为段落添加水平线,3.2.2 利用Dreamweaver 4.0处理网页文本Dreamweaver 4.0中对文本的输入及编辑，与Word极其相似。 1编辑文本 （1）换行 自动换行：在输入文字时，若某一行的长度超过了Dreamweaver窗口的显示范围，

12、文字将自动换到下一行。 利用“Enter”键换行：在输入文字后按“Enter”键，文字成段，且上下段之间空一行。 利用“Shift+Enter”键换行：如果想要将文字手动换行，中间又不能出现空白行，可以按“Shift+Enter”键。 （2）插入特殊的字符有时为了内容的需要，要在网页中插入一些键盘上没有的特殊字符，在Dreamweaver 4.0 中，这些特殊字符不仅可以通过“Insert”菜单下的“Special Character”命令来插入，还可以通过对象面板来直接插入。,2查找替换文本的内容如果要在文档中查找或替找某个文字，可利用Dreamweaver 4.0提供的查找和替换功能。选择“Edit”|“Find and Replace”（查找与替换）命令，打开“Find and Replace”对话框， 3设置文本格式在Dreamweaver 4.0中设置文本格式可以通过属性面板，类似与Microsoft Word中对文本的属性设置，包括段落的格式、字体、字号、字的颜色、字体加粗倾斜、对齐方式（左对齐居中右对齐）、文字所链接的路径或URL等。,