
实验指导
Web就是万维网(WWW即World Wide Web),确切地讲是一种服务,这种服务一般是通过互联网(Internet)进行的。Web提供的服务是为全世界的人提供信息,这些信息使用一种被称为超文本的方式进行组织(组织得就像一页页的文档,所以又把这些超文本形象地称为网页或Web页)和传递,HTML就是编写网页时所使用的语言。
HTML是一种标记语言,是设计Web页面的基础。它标记一些用尖括号<>包围起来的单词(如<body><head>等,关于它们的确切含义将在后面介绍)。这些带尖括号的单词往往成对出现,如<body>和</body>。HTML文档最大的特点就是整个文档要表达的内容均由这些尖括号标记进行结构化。每一对尖括号包围的部分在HTML中又称为元素。比如由<body></body>包围的部分就称为body元素。元素之中还可以嵌套其他元素。HTML文档之所以是结构化文档,就是因为HTML文档是由一个个元素嵌套组成的 。
网页是用HTML语言编写而成的,由网络浏览器下载并翻译成人们看到的五颜六色的页面。大多数网页允许浏览器查看它的HTML源代码,也可以把它们下载到本地。
实验目的和要求
● 使用浏览器下载网页,并观察网页源代码。
● 掌握如何使用文件头元素。
● 掌握页面属性的设置。
● 掌握有关HTML文本编排的元素的使用。
实验1 使用浏览器下载和查看网页源代码
网页的本质是超级文本标记语言。网络浏览器中的Internet Explore和Netscape都可让网页访问者查看网页源代码。
题目 下载和查看网页源代码
1.任务描述
分别使用IE浏览器和NetScape浏览器下载网页,并查看网页源代码。
2.任务要求
1)使用IE浏览器下载网页源代码。
2)使用NetScape浏览器下载网页源代码。
3.知识点提示
本任务主要用到以下知识点:网页是用HTML语言编写的结构化文本,它将多种资源连接起来。网络浏览器中最有名的有两个:一个是微软的Internet Explore ,另一个是网景的Netscape,它们均可让网页访问者查看网页源代码。
4.操作步骤提示
1)双击桌面图标,运行Internet Explore。在地址栏中输入URL,如www.sohu.com,然后按〈Enter〉键。如果计算机已经连接了互联网,则浏览器将会链接到“搜狐”网。
2)选择“文件”→“另存为”命令,弹出“保存”对话框,询问保存的地址和文件名。
3)输入保存的文件名和保存类型(这里使用默认),选择要保存的目录。单击“保存”按钮,开始将该网页保存到本地。这样,以后即使不连接互联网,也可以查看该网页,当然,该网页的内容也不会更新了。
4)找到刚才保存网页的目录,会看到刚才保存的HTML文件,另外还有一个文件夹,文件夹名和HTML文件相同或带有一个扩展名“.files”。打开文件夹,其中有很多图形文件,还有一些其他文件。这些文件都是该网页中使用到的资源。如果删除或者给文件夹更改了名称,再浏览该网页时将显示不出原有的效果。
5)回到浏览器中,还是在该网页上,选择“查看”→“源文件”命令,将会打开一个记事本。
6)记事本中的代码就是HTML代码。在记事本中复制全部的代码,然后另存为HTML文件。这样可以达到保存网页的目的,但是可能没有图片等网页中链接到的资源文件。
7)在IE中还有另外一个办法可以查看源文件,在网页正文窗口中的文字或空白位置右击,在弹出的快捷菜单中选择“查看源文件”命令。
下面在NetScape中重复以上工作。
8)从桌面或程序中运行Netscape 6.0,Netscape 6.0的图标是。在地址栏中输入URL,还是http://www.sohu.com,按〈Enter〉键。在Netscape 6.0中打开“搜狐”网首页。
9)在netscape中保存网页,选择File→Save As命令,其余过程同步骤2)和步骤3)。
10)在netscape中查看源代码,选择View→Page Source命令,或者在NetScape网页页面右击,在弹出的快捷菜单中选择view page source命令,其过程同步骤6)和步骤7)。
实验2 快速制作简单网页
HTML作为一种Web上的出版语言,有其独特的语法。它的基本语法单位称为“元素”,通常由3部分组成,即开始标记、内容和结束标记。一个HTML文档可以看成由以下3个部分构成:版本说明、文档头部和文档体。
题目 给网页设置文档头
1.任务描述
给网页指定标题,输入网页的作者和关键字。
2.任务要求
1)设置网页的标题。
2)设置网页的作者和关键字。
3.知识点提示
本任务主要用到以下两个知识点。
1)<head>元素包含了与当前文档相关的信息,如文档的标题、关键字(如果该文档希望被搜索引擎搜索到,这部分信息很重要),以及一些和文档内容无关仅对文档本身进行说明的数据信息;
2)<title>元素可以为网页添加标题。
4.操作步骤提示
直接编写HTML文档代码。