第三章网页文本的编辑与控制
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
利用HTML处理网页文本 处理网页文本 利用
（3）设置文字和超链接的颜色
设置正文和超链接颜色时，可以使用BODY标记符的text、link、 设置正文和超链接颜色时，可以使用BODY标记符的text、link、 vlink和alink属性。 vlink和alink属性。
（4）设置页面背景声音
在HEAD中添加： HEAD中添加： < BODY BGSOUND src=“网页背景声音的地址”> src=“网页背景声音的地址”
利用HTML处理网页文本 处理网页文本 利用
设置页面属性
（1）设置页面背景颜色 在<BODY>标记符中使用bgcolor属性可以为网页设置背景颜色。 <BODY>标记符中使用bgcolor属性可以为网页设置背景颜色。 其格式为：<BODY 其格式为：<BODY bgcolor = “#ff0066”> #ff0066” （2）设置页面背景图像 选择特定图案作为页面的背景，使用BODY标记符的background 选择特定图案作为页面的背景，使用BODY标记符的background 属性即可。 HTML语句为：<BODY background="网页背景图案的地址"> HTML语句为：<BODY background="网页背景图案的地址">
注意：XHTML要求标记符区分大小写！养成习惯都用小写。 注意：XHTML要求标记符区分大小写！养成习惯都用小写。
绝大多数标记符都是成对出现的， 绝大多数标记符都是成对出现的，包括开始标记符和结束标记 符。某些标记符，例如<BR>，只要求单一标记符号。 某些标记符，例如<BR>，只要求单一标记符号。
2011年3月15日
学习目标
掌握文本的插入与编辑方法；能够用 Dreamweaver 8软件编辑网页文本. 掌握HTML语言的语法规则；掌握基本 的网页标记符和属性。 能够利用HTML语言处理网页文本
本章主要内容
一、利用Dreamweaver 8编辑网页文本 二、HTML基础 三、 利用HTML处理网页文本 四、项目实践：制作“唐诗”网站
注意：对于XHTML，这样的标记写为<br 注意：对于XHTML，这样的标记写为<br />
开始标记符与结束标记符的区别在于：结束标记符多一个斜杠 开始标记符与结束标记符的区别在于： “/”（不是反斜杠“\”！） 不是反斜杠“
标记符基础
属性是用来描述对象特征的特性。例如，一个人的身高、 属性是用来描述对象特征的特性。例如，一个人的身高、体重 就是人这个对象的属性。 就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符的尖括号里，多个 HTML中 所有的属性都放置在开始标记符的尖括号里， 属性之间用空格分开，通常也不区分大小写。 属性之间用空格分开，通常也不区分大小写。
1．文字设置
（1）size属性 size属性 size属性是字号属性，用于控制文字的大小，它的取值既可以是 size属性是字号属性，用于控制文字的大小，它的取值既可以是 绝对值，也可以是相对值。 （2）face属性 face属性 face属性是字体标记符，用来指定字体样式 face属性是字体标记符，用来指定字体样式 （3）color属性 color属性 FONT标记符的color属性可用来控制文字的颜色，属性值可以是 FONT标记符的color属性可用来控制文字的颜色，属性值可以是 颜色名称或十六进制值。
5、网页文档的基本操作 网页文档的基本操作
创建、打开、保存、预览、关闭网页文档
操作演示
（1）创建一个命名为“XXX唐诗网站”的静态网站， 创建一个命名为“XXX唐诗网站”的静态网站， 唐诗网站 该网站的所有文件存储在本机上E盘的“XXX唐诗 该网站的所有文件存储在本机上E盘的“XXX唐诗 网站”文件夹中。 网站”文件夹中。 （2）在文件夹“e” music” text” “image”、“music”和“text”。 （3）将所需的图像文件复制到“image”文件夹中。 将所需的图像文件复制到“image”文件夹中。 （4）在文件夹“XXX唐诗网站”中创建一个命名为 在文件夹“XXX唐诗网站” 唐诗网站 index.htm”的网页文档。 “index.htm”的网页文档。 （5）编辑网页、保存并进行预览效果。 编辑网页、保存并进行预览效果。 （6）学生实践操作，并提交作业。 学生实践操作，并提交作业。
3、用HTML处理文本 、 处理文本
利用HTML处理网页文本 处理网页文本 利用
标题处理
标题文字标记符的格式为： <Hn align="对齐方式" > 标题文字 </Hn> align="对齐方式"
段落处理
1、注释标记符
HTML的注释标记符的格式为：<!--注释内容--> HTML的注释标记符的格式为：<!--注释内容--> 注释并不局限于一行，长度不受限制。结束标记符不必与开始标记 符在同一行。注释的内容不在浏览器中显示。 符在同一行。注释的内容不在浏览器中显示。
常用HTML标记符 常用 标记符
（1）HTML标记符 HTML标记符 （2）HEAD标记 HEAD标记 （3）TITLE标记符 TITLE标记符 （4）BODY标记符 BODY标记符 （5）强制换行标记符<br> 强制换行标记符<br> （6）注释标记符<!--注释内容--> 注释标记符<!--注释内容--> <!--注释内容-（7）强制换段标记符<p> 强制换段标记符<p> （8）显示预排格式标记符<pre> 显示预排格式标记符<pre> （9）水平线标记符<hr> 水平线标记符<hr> （10）分区显示标记符<div> 10）分区显示标记符<div>
标记符基础
在 HTML中，所有的标记符都用尖括号括起来。 HTML中 所有的标记符都用尖括号括起来。
例如，<html>、<a>。 例如，<html>、<a>。
HTML 标记符是不区分大小写的。<html>、<Html>和<HTML>没 标记符是不区分大小写的。<html>、<Html>和<HTML>没 有区别。 有区别。
4、项目实训 、
案例展示(制作唐诗网站)
项目分析
1、建站准备 建站准备
建立站点文件夹，收集文字、图片及相关素材并分类整理。
2、创建本地站点 创建本地站点 3、站点管理 站点管理
切换、编辑、复制、删除、导出/导入站点
4、管理网站中的文件和文件夹 管理网站中的文件和文件夹
创建文件夹和文件、移动和复制文件、重命名文件夹和文件、 删除文件夹和文件。
1、利用软件编辑文本 、
利用Dreamweaver 8编辑网页文本 利用 编辑网页文本
在网页中添加和处理文本（操作演示） 1．输入文字
（1）换行 （2）输入空格 （3）插入特殊的字符 （4）加入注释文字 （5）插入水平线 （6）插入日期和时间
利用Dreamweaver 8编辑网页文本 利用 编辑网页文本
例如，可以用字体标记符和字号属性指定文字的大小。 <FONT SIZE=1>本行字将以较小字体显示。</FONT> SIZE=1>本行字将以较小字体显示。</FONT>
操作演示
HTML文件的基本结构 文件的基本结构
<HTML> <HEAD> <TITLE> 文本标题 </TITLE> </HEAD> <BODY> 文本内容 </BODY> </HTML>
利用HTML处理网页文本 利用 处理网页文本
4．显示预排格式标记符
显示预排格式标记符的格式为：<PRE>预先排好的格式</PRE> 显示预排格式标记符的格式为：<PRE>预先排好的格式</PRE>
5．分区显示标记符
分区显示标记符的格式为：
<DIV align="对齐方式"> 文本或图像 </DIV > align="对齐方式"> 6．水平线
利用HTML处理网页文本 利用 处理网页文本
2、强制换行标记符
强制换行标记符的格式为：文字<BR> 强制换行标记符的格式为：文字<BR>
3．换段标记符
（1）强制换段标记符 强制换段标记符的格式为：文字<P> 强制换段标记符的格式为：文字<P> （2）设置段落标记符 设置段落标记符的格式为：<P align="对齐方式"> 设置段落标记符的格式为：<P align="对齐方式"> 文字 </P>
水平线标记符的格式为： <HR align="对齐方式" size="横线粗细" width="横线长度" align="对齐方式" size="横线粗细" width="横线长度" color="横线颜色" color="横线颜色" noshade>
利用HTML处理网页文本 处理网页文本 利用
文本格式处理
拓展训练
拓展训练（文化沙龙）
（1）创建一个命名为“XXX文化沙龙”的静态网站， 创建一个命名为“XXX文化沙龙”的静态网站， 文化沙龙 该网站的所有文件存储在本机上E盘的“XXX文化 该网站的所有文件存储在本机上E盘的“XXX文化 沙龙”文件夹中。 沙龙”文件夹中。 （2）在文件夹“唐诗网站”中创建三个子文件夹 在文件夹“唐诗网站” image” music” text” “image”、“music”和“text”。 （3）将所需的图像文件复制到“image”文件夹中。 将所需的图像文件复制到“image”文件夹中。 （4）在文件夹“XXX文化沙龙”中创建一个命名为 在文件夹“XXX文化沙龙” 文化沙龙 index.htm”的网页文档。 “index.htm”的网页文档。 （5）编辑网页、保存并进行预览效果。 编辑网页、保存并进行预览效果。 （6）做好超级链接测试好，并提交作业。 做好超级链接测试好，并提交作业。
2．编辑文本
（1）设置标题文字 （2）添加和删除中文字体 （3）设置字体的颜色 （4）添加项目符号和项目编号
在网页中添加图像 1．插入图像 2、修改图像参数 3、删除图像
2、HTML基础 、 基础
什么是HTML？ 什么是 ？
HTML（ HTML（Hypertext Markup Language，超文本标 Language， 识语言）是一种专门用于Web页制作的编程语言， Web页制作的编程语言 识语言）是一种专门用于Web页制作的编程语言， 用来描述超文本各个部分的内容， 用来描述超文本各个部分的内容，告诉浏览器如 何显示文本，怎样生成与别的文本或图像的链接 何显示文本， 点。