计算机基础9.docx
- 文档编号：1871552
- 上传时间：2023-05-02
- 格式：DOCX
- 页数：24
- 大小：26.32KB
计算机基础9.docx
《计算机基础9.docx》由会员分享，可在线阅读，更多相关《计算机基础9.docx（24页珍藏版）》请在冰点文库上搜索。
计算机基础9
9．1HTML语言
（1）
――第九章网页制作初步
一．教学目的与要求
了解：
网页制作的基本原理及技巧；
熟悉：
HTML文档的基本结构；设置文本格式；设置超链接、插入图形；
掌握：
HTML语言的常用控制标记的使用。
二．教学内容
讲述创建简单Web页；超级链接；文字控制；图像和动画；整体控制。
三．重点与难点
重点：
HTML文档的基本结构；HTML语言的控制标记。
四．教案正文
9．1HTML语言
（1）
网页可以包括文本、声音、图像和视频等多种媒体形式。
运行模式是在服务器端安装Web服务，发布HTML文档，在客户端使用浏览器解释HTML文档。
Web网页是一个文本文件，其中包含文本、图形和超链接等元素。
制作网页的基本技术标准是超文本标记语言（HTML，HyperTextMarkupLanguage）。
HTML是规定了文档的逻辑组织格式，包含了文本、图像、动画、表单和链接等多种形式。
HTTP（HyperTextTransferProtocol，超文本传输协议）具体地制定了Web传发信息的标准，为WWW服务奠定了坚实的基础。
9.1HTML语言
HTML是标准文档格式化系统，使用HTML控制信息的文本文件被称为HTML文件，也称Web文件。
各种公司的浏览器软件访问同一个HTML文件时，浏览效果应该是相同的。
如：
InternetExplorer浏览软件。
学习超文本标记语言，制作Web页，是向Internet发布信息资源的基础。
使用工具软件制作Web页，速度和效果更明显，例如：
FrontPage、Dreamweaver和Word等。
9.1．1创建简单Web页
方法是：
在文本编辑器中，输入一段文本，再给文本加上HTML标记，然后以扩展名htm或html存盘。
HTML文件由控制部分和正文部分组成。
HTML的控制标记对大小写不敏感，同时控制标记用“<>”进行区分，例如：
⑴和标记，把全部源代码“括起来”，就像括号一样。
⑵
和标记，把全部控制部分括起来。⑶
⑷
和标记，把全部正文部分括起来。注意：
文本中的换行符和空格符只起分隔作用，不能发挥换行和控制距离的作用。
Web文件在IE中打开，无论该窗口有多大，文字到达浏览器窗口的右边界时自动换行。
HTML标记一般配对使用，只有少数标记单独使用，例如：
表示一个自然段落的结束，一般加在两个自然段落之间，此时
被省略。
表示转行（断行），不表示自然段落的结束。
与
标记相比，
标记因为产生的行间距较小，被广泛使用。
表示画水平线。
【举例1】创建Web页面，标题是“WWW网页制作”，正文是“欲穷千里目，更上一层楼。
”，在编辑Web的记事本窗口。
9.1．2超级链接
超级链接是指多个Web页面通过关键字或图像连结起来，通过关键字或图的单击操作，可以自动切换内容的技术。
带有“链接”的文本文件叫做超文本。
链接所使用的关键字一般为蓝色下划线的文字标志，通过
链接分为本地链接和异地链接两种形式。
⑴本地链接。
本地链接与网络无关，通过链接把本地的HTML文件链接起来构成信息整体。
【举例2】包含
⑵异地链接。
通过Internet的统一资源定位器（URL），链接远程其它计算机上的HTML文件。
【举例3】 //">新疆大学主页。 在该Web文件被浏览时，用户单击“新疆大学主页”这个关键字串，就可以打开新疆大学的主页。 创建h2.htm文件，要求是： ⑴以“我的主页”为标题，⑵正文是“欲穷千里目，更上一层楼。 ”⑶用水平线分隔开。 ⑷建立到新疆大学的链接。 ⑸建立到新疆财经学院的链接。 标记方法如下：
欲穷千里目，更上一层楼。
9.1.3文字控制 Web上的文本字型、颜色和大小，以改善页面美观效果，吸引浏览者。 有关控制文字的HTML标记是： …。 必须使用属性参数，才能对封闭符号内的文字进行外形、大小和颜色的控制。 常见的属性参数如下： SIZE="..."规定字体的大小尺寸。 字号从1到7，缺省值为3。 字号越大，则字型也越大。 COLOR="..."规定文字的颜色。 如： RED、GRAY、GREEN、BLUE等，也可以自定义颜色，自定义格式采用6位16进制数。 FACE="..."规定字体。 以 标记为例，ALIGN属性的取值是： “LEFT”、“RIGHT”和“CENTER”。 ……规定小字体显示 ……规定大字体显示 ……规定黑体字显示
9.1.4图像和动画
图文并茂是超文本的重要特色，Web可以方便地包含一些图形和动画元素。
在Web中插入图形或动画的标记是：
【举例4】将文件“飞翔.jpg”，加入到Web的标记是：
标记经常带有以下属性：
SRC="..."图象（动画）文件的URL地址文件名。
ALT="..."在图像未完全收到时，图像位置显示的文字信息。
ALIGN="..."确定图像的对齐方式：
LEFT或RIGHT，图像将靠左或靠右对齐。
【举例5】编写.html。
要求：
给下面短文加上HTML标记，并将动画图片“飞翔.jpg”加入到文本的中间，其中文字用蓝色表示。
图像和动画元素给Web增加了新的信息载体形式，丰富了信息表达的手段。
9.1.5整体控制
设计页面应当注重整体效果，应当精心设计，强调整体布局，表达主题思想。
Web的全部元素都在
和之间，所以页面的整体控制属性在标记中，常用的有：BACKGROUND="..."构成背景的图片文件名。
BGCOLOR="..."背景颜色。
TEXT="..."默认文本颜色。
LINK="..."未被访问的文字链接源的颜色。
ALINK="..."被激活的文字链接源的颜色。
VLINK="..."访问过的文字链接源的颜色。
BORDER=”…”图像边界的宽度，单位是像素点
【举例6】在页面制作过程中，重要的是反映一种目标主题，应避免文本、图像和动画的简单堆积。
要求如下：
⑴以文字“整体属性”为页面标题。
⑵以图像“秋忆.jpg”为背景单元，默认文本颜色是yellow。
⑶未被访问的链接文字颜色是blue，被激活链接的文字颜色是red，访问过的链接的文字颜色是green。
⑷建立到新疆医科大学的链接。
课堂小结
这节课介绍了创建简单Web页；HTML文档的基本结构；HTML语言的超级链接、文字控制、图像和动画、整体控制。
作业、实验、思考题
作业、实验：
《计算机与信息技术基础实验》P146－1、P147－2、P148－3、P149－4
思考题：
（1）一个标准HTML文件，必须包含的四对标记十什么？
（2）HTML语言有什么作用？
（3）如何建立对象的超级链接？
参考书目
（1）《计算机与信息技术基础》、《计算机与信息技术基础实验》、《计算机与信息技术基础考试大纲和练习》冯泽森、王崇国主编，电子工业出版社出版
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
5.2HTML语言
（2）9.2Web
――第九章网页制作初步
一．教学目的与要求
了解：
网页制作的基本原理及技巧；Web技术；
熟悉：
HTML文档的基本结构；制作表格；其它控制标记；整体控制；
掌握：
HTML语言的常用控制标记的使用。
二．教学内容
讲述制作表格；其它控制标记；整体控制；Web技术。
三．重点与难点
重点：
HTML文档的基本结构；HTML语言的控制标记；Web技术。
四．教案正文
9.1HTML语言
（2）9.2Web技术
9.1.6表格标记
利用表格规划页面是设计修饰Web版面的得力工具。
它可以使大小文本和图像等元素混合在一起时，彼此不相互影响。
利用表格规划页面的基本做法是将页面分割成各自独立的小板块，每一个小块单独放置信息，在小板块之间，信息行和信息行列没有必然的位置联系。
就像“报纸”的版面规划一样。
表格的标记是
⑴边线控制：
BORDER="..."表边框宽度（若BORDER=0，则边框不可见）；
⑵宽度控制：
WIDTH="..."可用像素表示，也可用占宽度百分比表示。
表格的行标记是
其属性语法如下：
ALIGH="..."行中单元水平对齐方式，可取值为：
LEFT、RIGHT、CENTER；
VALIGN="..."表行中垂直对齐方式，可取值为：
TOP、MIDDLE、BOTTOM。
表格的列标记是
ALIGN="..."单元内容水平对齐方式，其值可取为：
LEFT、RIGHT和CENTER；
VALIGN="..."单元内容垂直对齐方式，其值可取为：
TOP、MIDDLE和BOTTOM；
ROWSPAN="..."该单元跨过的行数；
COLSPAN="..."该单元跨过的列数。
【举例1】Web页面的编辑情况下编辑制作表格，通讯录：
编号、姓名、电话。
使用表格标记时，应当注意下列问题：
⑴标记
⑵标记
⑶如果
⑸可以用
| 标记中精确规定该栏目的宽度。 例如： ⑹在
|