《Internet 技术与应用 教学课件 ppt 作者 尚晓航 等 第4章 WWW及其浏览的基本技术》由会员分享，可在线阅读，更多相关《Internet 技术与应用 教学课件 ppt 作者 尚晓航 等 第4章 WWW及其浏览的基本技术（34页珍藏版）》请在金锄头文库上搜索。
1、1,第4章 WWW及其浏览的基本技术,作者：尚晓航、张姝、郭正昊 中国铁道出版社,2,第4章 WWW及其浏览的基本技术,本章内容： WWW概述 WWW的发展历史 WWW的工作机制和原理 Internet Explorer概述与基本操作 通过Internet Explorer浏览Web的技巧,3,4.1 WWW概述,4.1.1 WWW的发展历史 超文本的概念是特德尼尔逊于1969年前后首先提出的，但是只有蒂姆及时地抓住了其思想的精髓，率先提出了超文本的数据结构，并把这种技术应用于描述和检索信息，从而实现了信息的高效率存取。因此，蒂姆被认为是WWW的信息浏览服务方式的创始人和发明人。最早出现的In
2、ternet上的WEB浏览器“Mosaic”的研制者是美国伊利诺斯大学的美国国家超级计算机应用中心NCSA的马克安德里森。Mosaic的研制成功使马克在WWW领域中成为仅次于蒂姆的著名人物。,4,4.1 WWW概述,4.1.2 WWW相关的基本概念 1. WWW的主要技术 WWW包含了当前3种领先技术，这就是Internet、超文本和多媒体。 2. 环球信息网Web的首页 （1）Web和Web站点 WWW被称为环球信息网，它是由许多Web站点构成的，每个站点又包括有许多的Web页面。因此，WWW技术就是Web技术。 （2）站点首页 每个Web站点的起始的页面被称为“主页或首页”（Home Pa
3、ge）。,5,4.1 WWW概述,（3）站点地址 例如，地址“http:/ http: 访问的Web 服务器使用超文本传输协议“HTTP”。 www：表示该www（Web）主机位于3721的站点上。 com：表示该网点是商业机构,6,4.1 WWW概述,4.1.4 WWW的工作机制和原理 浏览器/服务器结构的网络以Web服务器为系统的中心，客户通过其浏览器向Web服务器提出查询请求（HTTP协议方式）。Web服务器会根据服务请求的需要向数据库服务器发出数据查询请求。数据库服务器根据查询信息的条件返回相应的数据结果给Web服务器；最后Web服务器再将结果翻译成为HTML或各类脚本语言的格式，传送
4、回客户计算机上的浏览器中进行显示。,7,4.1 WWW概述,HTTP定义了简单事务处理的4个步骤： 客户的浏览器与Web服务器建立连接。 客户通过浏览器向Web服务器递交请求，在请求中指明所要求的特定文件。 若请求被接纳，则Web服务器便发回一个应答。 客户与服务器结束连接。 4.1.4 WWW的客户端常用软件 WWW的客户端常用软件是浏览器，最著名的是微软的Internet Explorer（IE）。IE6.0组合了如下一些常用的组件：,8,4.1 WWW概述,Internet Explorer浏览器：为用户提供的信息浏览工具。 Outlook Express：用于收发电子邮件和阅读新闻组的
5、工具。 Microsoft NetMeeting：可以为全球用户提供进行交谈和网络会议的软件工具。 Microsoft Chat：为用户提供Internet闲聊的程序。 FrontPage Express：为用户提供的网页编辑器工具。,9,4.2 Internet Explorer概述与基本操作,4.2.1 IE浏览器的简介 1. 启动IE6.0浏览器 双击任务栏坐下角的【IE】或桌面上的“IE”图标，都可以激活图4-1所示的IE6.0浏览器窗口。 2.IE浏览器窗口简介 图4-1所示的IE的工具栏包含了四个部分： （1）菜单栏 菜单栏包含了基本的菜单命令。 （2）工具栏 工具栏中包含了经常使
6、用的一些菜单命令，它们均以按钮的形式出现。,10,4.2 Internet Explorer概述与基本操作,（3）地址栏 地址栏是用户使用最多的栏目。在该栏中输入网站的URL地址后，按【Enter】键，IE浏览器将会自动地链接到相应的站点。 （4）链接栏 如图4-1所示，“链接栏”位于地址栏附近。它用于添加一些指向频繁访问站点的Web页的链接。选择“链接”后，激活如图4-2所示的链接栏的下拉菜单，从中可以选择需要链接的Web站点。,11,4.2 Internet Explorer概述与基本操作,图4-1 IE浏览器的主工作窗口 图4-2 IE浏览器中“链接栏下拉菜单” 3. 将Web页添加到链
7、接栏 课堂练习1： 将网页上的链接直接从浏览的Web页面上拖动到链接栏。 在收藏夹列表中，将已存储的链接拖动到“链接”文件夹中。 链接栏的使用方法,12,4.2 Internet Explorer概述与基本操作,课堂练习2： 在图4-1所示的屏幕上，单击【链接】按钮，便会显示出所有收藏的链接项目。 4.2.2 IE浏览器的基本操作 1. IE浏览器简介 对于IE浏览器的基本操作，一般包括输入网址、前进与后退、中断链接、刷新当前网页等简单操作。,13,4.2 Internet Explorer概述与基本操作,操作实例1：输入网址 方法1：在浏览网页时，在图4-1所示的浏览器的地址栏中，输入新的网
8、页（网站）地址；最后，按回车键，开始与新网站建立链接。 方法2：在图4-1所示的IE浏览器中，选择【文件】【打开】命令选项，在激活的“打开”窗口的“打开”文本框中输入网址后，单击【确定】按钮。 课堂练习3：前进与后退 单击工具栏中的【后退】按钮，可以返回到刚浏览过的网页。,14,4.2 Internet Explorer概述与基本操作,如果单击【后退】按钮右侧的小三角按钮，会弹出一个下拉列表，列出所有以前的网页，可以从列表中直接选择一个网址，并转到该网页。 课堂练习4：中断链接当前网页 在工具栏中，单击【停止】按钮，可以中止当前正在进行的操作。 课堂练习5：刷新当前网页 在工具栏中，单击【刷新
9、】按钮，浏览器会与当前服务器再次取得联系。,15,4.2 Internet Explorer概述与基本操作,课堂练习6：返回首页 单击【主页】按钮，浏览器会与所定义的主页服务器取得联系，并显示其内容。 课堂练习7：全屏浏览网页 全屏幕显示可以隐藏掉与浏览无关的所有工具栏、桌面图标以及滚动条和状态栏。 启用全屏幕显示：在IE浏览器中，选择“【查看】【全屏显示】”命令选项，或者单击工具栏上的【全屏】按钮（或按功能键【F11】）。 关闭全屏幕显示：再次单击工具栏上的【全屏】按钮（或按功能键【F11】），可以关闭全屏幕显示。,16,4.2 Internet Explorer概述与基本操作,课堂练习8：
10、多浏览窗口浏览网页 打开多个浏览窗口，不断切换，可以更有效地利用网络带宽。 依次选择“【文件】【新建】【窗口】”选项，将打开一个新的浏览器窗口。 在具有超链接的文字上单击鼠标的右键，在弹出的快捷菜单中，选择【在新窗口中打开】选项，IE也会打开一个新的浏览窗口显示该网页。 2. 在IE浏览器中定义主页,17,4.2 Internet Explorer概述与基本操作,操作实例2：定义主页 在图4-1中，依次选择“【工具】【Internet 选项】”选项。 在图4-3中 “可以更改主页”（即首页）下面的“地址”文本栏中，输入你所喜爱的网址即可。以后，启动IE浏览器时将首先链接到该主页。 设置之后，单
11、击“确定”按钮，返回图4-1，完成本任务。下次打开浏览器时，就会看到自己喜爱的页面。此外，单击工具栏中的【主页】图标，可以随时浏览到自己所定义的主页。 图4-3 IE浏览器中的“Internet选项-常规”选项卡,18,4.2 Internet Explorer概述与基本操作,3. 在IE中收藏Web页面与脱机浏览 操作实例3：收藏Web站点与Web页面的脱 机浏览 为了今后能够更加方便、快捷地找到自己所喜爱的主页，用户可以随时储存Web页面，以便今后调用。储存Web网页的步骤如下： 在IE浏览器中遇到自己喜爱的网页时，依次选择“【收藏】【添加到收藏夹】”选项，激活图4-4所示的窗口。,19,
12、4.2 Internet Explorer概述与基本操作,在图4-4所示的“添加到收藏夹”窗口，首先，用鼠标选择保存网页的创建目录；其次，在名称栏键入一个代表该网站的名称；最后，选中收藏的位置。 如果需要在脱机状态（即尚未连接到ISP）时使用，请在图4-4中，选中“允许脱机使用”，使其前面出现“”，参见图4-4中的第三步。 在图4-4所示窗口中，单击【确定】按钮，稍后计算机会自动完收藏网页的任务。 图4-4 IE浏览器中的“添加到收藏夹”窗口 图4-5 “保存Web页”窗口,20,4.2 Internet Explorer概述与基本操作,4. 在浏览器中保存Web页面、表格、文字或图片 操作实
13、例4： Web页面的保存与脱机浏览 当需要保存网页时，在浏览器窗口中，依次选择“【文件】【另存为】”命令选项。 在激活的图4-5所示的“保存Web 页”窗口中，应当依次对“保存在”、“文件名”、“保存类型”和“编码”等项进行选择和设置。 设置好之后，在图4-5所示的窗口中，单击【保存】按钮，完成本项任务。,21,4.2 Internet Explorer概述与基本操作,操作实例5：保存Web页面上的表格 选择网页中要保存的表格：如图4-6所示，在要保存表格的起始部分，按住鼠标左键，将鼠标拖动到要选择文字的末尾，松开鼠标左键。这时，所选择区域变为深兰色。 图4-6 IE浏览器中的“保存表格”窗口
14、 单击右键：在所选择的表格中，单击鼠标右键，弹出快捷菜单。 复制：在激活的快捷菜单中，选择【复制】选项。 粘贴：打开Microsoft Excel表格处理程将所复制的内容“粘贴”到Excel程序中去；然后，在Excel 的“文件”菜单中，选择“保存”选项，跟随窗口提示即可完成任务。,22,4.2 Internet Explorer概述与基本操作,课堂练习9：保存Web页面上的文字 选择要保存的内容：在要保存文字的起始部分，按住鼠标左键，将鼠标拖动到要选择文字的末尾，松开鼠标左键。这时，所选择区域的文字变为深兰色。 单击右键：在所选择的文字中，单击鼠标右键，弹出快捷菜单。 复制：在激活的快捷菜单
15、中，选择【复制】选项。 粘贴：打开“记事本”或“Microsoft Word”等文字处理程序，将所复制的内容“粘贴”到文字处理程序中去；然后，在文字处理程序中的“文件”菜单中，选择“保存”选项，跟随窗口提示即可完成任务。,23,4.2 Internet Explorer概述与基本操作,课堂练习10：保存Web页面上的图片 选择需要保存的图片后，单击鼠标右键，激活快捷菜单。 在激活的快捷菜单中，选择【图片另存为】选项，跟随窗口提示即可完成任务。 课堂练习11：管理收藏夹 在IE浏览器中，依次选择“【收藏】【整理收藏夹】”命令选项，打开整理收藏夹窗口。选择需要整理的目录。 在整理收藏夹的左边窗口中
16、，单击【创建文件夹】按钮，可以新建一个文件夹。,24,4.2 Internet Explorer概述与基本操作,在整理收藏夹的右边窗口中，选中一个文件夹或网址标签后，即可单击左侧窗口中的【重命名】、【移至文件夹】、【删除】按钮完成相应的功能。 课堂练习12：导入和导出收藏夹 在已收藏多个网址的计算机中，打开IE浏览器的工作窗口。 依次选择“【文件】【导入和导出】”命令选项，激活导入和导出向导对话框，选择“导出收藏夹”选项，按照向导的操作依次进行即可完成任务。 在需要使用这些网址的计算机中，重复步骤，选择“导入收藏夹”选项后，跟随向导完成收藏夹导入到新计算机中的任务。,25,4.3 通过Internet Explorer浏览Web的技巧,4.3.1 快速浏览Web内容的方法 1. 在浏览器的当前页面中搜索指定的文字 操作实例6：搜索文字 在浏览器中的URL地址栏中输入“中国卡网”的地址http:/后，进入图4-7所示的该网站的首页，从中可以搜索到各种卡的报价。 图4-7 指定网站中
