Web 前端开发技术 教案 项目一 Web 前端开发技术综述.docx

Web前端开发技术

教案设计

项目课题

Web前端开发技术综述

授课时间

授课对象

大学生

学习目标

1.了解Web的相关概念。

2.了解Web前端工作原理、设计工具和运行环境。

3.了解Web系统开发流程。

学习重点

了解Web前端工作原理、设计工具和运行环境。

学习难点

了解Web系统开发流程。

教学方法

讲授法、课堂演示法

教学用具

多媒体课件

教学流程

教学环节

教学内容

教学过程

任务一Web概述

一、Web的特点

1.易导航和图形化的界面

Web具有能够将图形、音频、视频等信息集于一体的特性。同时,Web导航非常方便,只需要从一个链接跳转到另一个链接,即可在各个页面、各个站点之间进行浏览。

2.与平台无关性

无论用户使用的是Windows、UNIX、MacOS,还是其他任何操作系统,都能通过Internet访问Web上的丰富资源。Web浏览器,如Chrome、Firefox等,为各种平台提供了统一的界面,使用户能够轻松浏览网页、观看视频、下载文件等。

3.分布式结构

大量的图形、音频和视频信息会占用相当大的磁盘空间,而用户事先很难预知信息的多少。对于Web来说,信息可以放在不同的站点上,没有必要集中在一起,浏览时只需要在浏览器中指明这个站点就可以了。这样就使在物理上不一定在同一个站点的信息在逻辑上一体化,从用户的角度来看这些信息也是一体的。

4.动态性

由于各Web站点的信息包含站点本身的信息,信息的提供者可以经常对站点上的信息进行更新与维护。一般来说,各信息站点都尽量保证信息的时效性,所以Web站点上的信息需要动态更新,这一点可以通过信息的提供者实时维护来实现。

5.交互性

Web的交互性首先表现在它的超链接上,用户的浏览顺序和访问的站点完全由用户自己决定。另外,客户端浏览器可以通过表单(Form)的形式从服务器获得动态的信息,用户填写Form向服务器提交请求,服务器根据用户的请求返回响应的信息。

二、Web工作原理

用户在通过客户端浏览器访问Internet上的网站或其他网络资源时,通常需要在客户端浏览器的地址栏中输入需要访问网站的统一资源定位符(UniformResourceLocator,URL),或者通过超链接的方式访问相关网页或网络资源;然后通过域名服务器进行全球域名解析,并根据解析结果决定访问IP地址(InternetProtocolAddress,互联网协议地址)指定的网站或网页。

获取网站的IP地址后,客户端的浏览器向指定IP地址上的Web服务器发送一个HTTP(HyperTextTransferProtocol,超文本传输协议)请求;通常情况下,Web服务器会很快响应客户端的请求,将用户所需要的HTML文本、图像和构成该网页的其他文件发送给用户。如果需要访问数据库系统中的数据,Web服务器就会将控制权转给应用服务器,应用服务器根据Web服务器的数据查询请求读写数据库,并进行相关数据库的访问操作,应用服务器将数据查询响应发送给Web服务器,Web服务器再将查询结果转发给客户端的浏览器;浏览器将客户端请求的页面内容组成一个网页显示给用户。

三、Web相关概念

1.URL

URL可以理解为网页地址或网站地址,它如同网络上的门牌号码,是Internet上标准资源的地址(Address)。现在它已经被万维网联盟编制为互联网标准RFC1738。

URL由协议、主机域名、路径和文件名3个部分组成,其构成如下。

协议://服务器地址(端口号)/路径/文件名

第一部分是协议(或称为服务类型),URL中的协议服务类型包括http、https、ftp、mailto、ldap、news、file、gopher。

第二部分是服务器地址,即资源主机的域名或IP地址(包括端口号),HTTP默认的端口号是80。

第三部分是主机资源的具体地址,如路径(目录)和文件名等。

第一部分和第二部分之间用“://”隔开,第二部分和第三部分用“/”隔开。第一部分和第二部分是不可缺少的,第三部分有时可以省略。

2.Web服务器

Web服务器(也称为网站),是指在Internet上提供Web访问服务的站点,它是由计算机软件和硬件组成的有机整体。网站一般由若干个网页有序地组织在一起,第一个网页也称为主页,所以主页的设计非常重要。通常需要为Web服务器配置IP地址和域名,才能对外提供Web服务。

计算机服务器与客户端的体系架构主要类型有两种,即B/S(Browser/Server)类型和C/S(Client/Server