(计算机基础9.docVIP

9．1 HTML语言(1) ――第九章 网页制作初步 一．教学目的与要求 了解：网页制作的基本原理及技巧； 熟悉：HTML文档的基本结构；设置文本格式；设置超链接、插入图形； 掌握：HTML语言的常用控制标记的使用。 二．教学内容 讲述创建简单Web页；超级链接；文字控制；图像和动画；整体控制。 三．重点与难点 重点：HTML文档的基本结构；HTML语言的控制标记。 四．教案正文 9．1 HTML语言(1) 网页可以包括文本、声音、图像和视频等多种媒体形式。 运行模式是在服务器端安装Web服务，发布HTML文档，在客户端使用浏览器解释HTML文档。 Web网页是一个文本文件，其中包含文本、图形和超链接等元素。 制作网页的基本技术标准是超文本标记语言（HTML，HyperText Markup Language）。 HTML是规定了文档的逻辑组织格式，包含了文本、图像、动画、表单和链接等多种形式。 HTTP（Hyper Text Transfer Protocol）Web传发信息的标准，为WWW服务奠定了坚实的基础。 9.1 HTML语言 HTML是标准文档格式化系统，使用HTML控制信息的文本文件被称为HTML文件，也称Web文件。各种公司的浏览器软件访问同一个HTML文件时，浏览效果应该是相同的。如：Internet Explorer浏览软件。 学习超文本标记语言，制作Web页，是向Internet发布信息资源的基础。 使用工具软件制作Web页，速度和效果更明显，例如：FrontPage 、Dreamweaver和Word等。 9.1．1 创建简单Web页 方法是：在文本编辑器中，输入一段文本，再给文本加上HTML标记，然后以扩展名htm或html存盘。 HTML文件由控制部分和正文部分组成。 HTML的控制标记对大小写不敏感，同时控制标记用“ ”进行区分，例如： ⑴ HTML和/HTML标记，把全部源代码“括起来”，就像括号一样。 ⑵ HEAD和/HEAD标记，把全部控制部分括起来。 ⑶ TITLE和/TITLE标记，把页面标题括起来。 ⑷ BODY和/BODY标记，把全部正文部分括起来。 注意：文本中的换行符和空格符只起分隔作用，不能发挥换行和控制距离的作用。Web文件在IE中打开，无论该窗口有多大，文字到达浏览器窗口的右边界时自动换行。 HTML标记一般配对使用，只有少数标记单独使用，例如： P表示一个自然段落的结束，一般加在两个自然段落之间，此时/P被省略。 BR表示转行（断行），不表示自然段落的结束。与P标记相比，BR标记因为产生的行间距较小，被广泛使用。 HR表示画水平线。 【举例1】创建Web页面，标题是“WWW网页制作”，正文是“欲穷千里目，更上一层楼。”，在编辑Web的记事本窗口。 9.1．2 超级链接 超级链接是指多个Web页面通过关键字或图像连结起来，通过关键字或图的单击操作，可以自动切换内容的技术。 带有“链接”的文本文件叫做超文本。 链接所使用的关键字一般为蓝色下划线的文字标志，通过A HREF=….和/A标记实现。 链接分为本地链接和异地链接两种形式。 ⑴本地链接。本地链接与网络无关，通过链接把本地的HTML文件链接起来构成信息整体。 【举例2】包含a href =h1.htm单击此处/A内容的Web文件被浏览时，用户只要用鼠标单击“单击此处”这四个字。 ⑵异地链接。通过Internet的统一资源定位器（URL），链接远程其它计算机上的HTML文件。 【举例3】A HREF=http: //新疆大学主页 /A。在该Web文件被浏览时，用户单击“新疆大学主页”这个关键字串，就可以打开新疆大学的主页。 创建h2.htm文件，要求是：⑴ 以“我的主页”为标题，⑵ 正文是“欲穷千里目，更上一层楼。” ⑶ 用水平线分隔开。⑷ 建立到新疆大学的链接。⑸ 建立到新疆财经学院的链接。标记方法如下： HTML HEADTITLE 我的主页 /TITLE/HEAD BODY 欲穷千里目，更上一层楼。HR p A HREF= 新疆大学/A P A HREF= 新疆财经学院主页/A /BODY /HTML 9.1.3文字控制 Web上的文本字型、颜色和大小，以改善页面美观效果，吸引浏览者。 有关控制文字的HTML标记是：FONT …/FONT。 FONT必须使用属性参数，才能对封闭符号内的文字进行外形、大小和颜色的控制。常见的属性参数如下： SIZE=... 规定字体的大小尺寸。字号从1到7，缺省值为3。字号越大，则字型也越大。 COLOR=... 规定文字的颜色。如：RED、GRAY、GREEN、BLUE等，也可以自定义颜色，自定义格式采用6位16进制数。 FACE=... 规定字体。 以