第1章实验指导.pptVIP

HTML实验指导书第1章：任务1-1 学习基础知识 web就是万维网(www即 world wide web)，确切的讲是一种服务，这种服务一般是通过互联网(internet)进行的。Web提供的服务是为全世界的人提供信息，这些信息使用一种叫做超文本的方式进行组织（组织得就像一页页的文档，所以又把这些超文本形象地叫做网页或web页）和传递，html就是编写网页所使用的语言 网络浏览器中最有名的有两个一个是微软的Internet Explore ，另一个是网景的Netscape，要提前说明的是这两个产品一直以来都存在着激烈的竞争，而且这种竞争给网页的设计者带来了直接的影响 HTML是一种标记语言，是设计web页面的基础。它的词汇标记一些用尖括号包围起来的单词（比如body,head，关于它们的确切含义将在后面介绍）。这些带尖括号的单词往往成对出现，如body和/body。HTML文档最大的特点就是整个文档要表达的内容均由这些尖括号标记进行结构化。每一对尖括号包围的部分在HTML中又叫做元素。比如由body/body包围的部分就叫做body元素。元素之中还可以嵌套其他元素。HTML文档是结构化文档，就是因为HTML文档是由一个一个元素嵌套组成的 学习基础知识 网页是由html语言编写而成，由网络浏览器下载并翻译成我们看到的五颜六色的页面。大多数网页允许浏览器查看它的html源代码，也可以把它们下载到本地 手工编写html是很繁琐的工作。开发网站已经有了很好的工具，如microsoft的Frontpage和macromedia的Dreamweaver MX，它们都有编辑和维护的功能。其中macromedia的Dreamweaver MX可以算是新一代的可视化网站开发综合平台的代表，说它是一个综合平台是因为DreamweaverMX 不仅是一个优秀的HTML文档编辑器，而且具有涵盖了几乎网站开发所有方面需要的功能 任务1-1：使用浏览器下载查看网页源代码 任务描述 分别使用IE浏览器和NetScape浏览器下载网页，并观察网页源代码。 基本概念与原理 网页是有html语言编写的结构化文本，它将多种资源联接起来 网络浏览器中最有名的有两个一个是微软的Internet Explore ，另一个是网景的Netscape，它们均可让网页访问者查看网页源代码 环境与资源 能够连上互联网，如果没有链接，本地准备一些HTML文档放在统一的实验环境目录 本实验指导书中的全部内容需要安装IE5.0和Netscape 6.0或更高版本 任务1-1：使用浏览器下载查看网页源代码 操作步骤 第1步：点击桌面图标， 运行Internet Explore。 第2步：在地址览输入URL，比如,然后敲击回车键。如果机器已经连在互联网上，则浏览器将会链接到”搜狐”网。如使用菜单”文件”?”另存为”会打开保存对话框，询问保存的地址和文件名。如下图 任务1-1：使用浏览器下载查看网页源代码 第3步：点击进入 任务1-1：使用浏览器下载查看网页源代码 第4步：使用菜单”文件”?”另存为”会打开保存对话框，询问保存的地址和文件名 任务1-1：使用浏览器下载查看网页源代码 第5步：输入保存的文件名和保存类型(这里使用默认)。在对话框资源窗口选择要保存的目录。按保存按钮，开始将该网页保存到本地。这样，以后即使不联到互联网也可以查看到该页，当然，该页的内容也不会更新了 第6步：找到刚才保存网页的地方，我们会发现刚才保存的html文件，另外还有一个文件夹，文件夹名和html文件相同或带有一个后缀”.files”。打开文件夹里面有很多图形文件，还有一些其他的文件。这些文件都是该网页中使用到的资源。如果删除或者给文件夹更改了名字，浏览该网页会显示不出原有的效果。 任务1-1：使用浏览器下载查看网页源代码 第7步：回到浏览器中，还是在该网页上，选择菜单”查看”?”源文件”。将会打开一个记事本 任务1-1：使用浏览器下载查看网页源代码 第8步：记事本中的代码就是html代码。我们可以在记事本中拷贝全部的代码，然后另存为html文件。也可以达到保存网页的目的，但是可能没有图片等网页中链接到的资源文件 任务1-1：使用浏览器下载查看网页源代码 第9步：在IE中还有一个办法可以查看源文件，在网页正文窗口中文字或空白位置，单击鼠标右键，在打开的快捷菜单中选择”查看源文件” 任务1-1：使用浏览器下载查看网页源代码 第10步：从桌面或程序中运行netscape6.0, 在地址栏中输入，按回车。在netscape6.0中打开”搜狐”网首页。 第11步：netscape中保存网页，使用菜单”file”?”save as”，其余过程同步骤2、3。 第12步：