网页脚本语言设计Web应用开发概述.ppt

实验 1.用记事本编写一个简单的p1.html网页。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title一个简单的网页/title /head body h1学习网页制作/h1 font color=blue size=5页面的主体内容/font br我爱JavaScript hr align=left color=red width=50%/ 友情链接:a href= target=blank 广东金融学院/a br制作者：yourname /body /html 实验 2.对照实验教材, 完成实验1 3. 启动本机的IIS， 将做好的页面放入IIS指定目录(c:\inetpub\wwwroot)中，让其他同学来访问。访问方式如下： http://你的IP地址/p1.html Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo 网页脚本语言设计 1.1 Web简介 本讲大纲： 1、什么是Web 3、Web的发展历程 2、Web的工作原理 什么是Web Web的本意是网和网状物，现在被广泛译作网络、万维网或互联网。它是一种基于超文本方式工作的信息系统。它提供了丰富的信息资源，这些信息资源通常表现为以下三种形式: 超文本（hypertext） 超文本一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。 超媒体（hypermedia） 超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合，有了超媒体用户不仅能从一个文本跳到另一个文本，而且可以显示图像、播放动画、音频和视频等。 超文本传输协议（HTTP） 超文本传输协议是超文本在互联网上的传输协议。 Web的工作原理 信息资源以Web页面的形式存放在各个Web服务器上，用户通过浏览器选择并浏览所需的信息。Web的具体工作流程如图1-1所示。 图1-1 Web的工作流程图 从中可以看出Web的工作流程大致可以分为以下4个步骤。 （1）用户在浏览器中输入URL地址（即统一资源定位符），或者通过超链接方式链接到一个网页或者网络资源后，浏览器将该信息转换成标准的HTTP请求发送给Web服务器。 （2）当Web服务器接收到HTTP请求后，根据请求内容查找所需信息资源。 （3）找到相应资源后，Web服务器将该部分资源通过标准的HTTP响应发送回浏览器。 （4）浏览器将经服务器转换后的HTML代码显示给客户端用户。 Web的发展历程 自从1989年由Tim Berners-Lee（蒂姆·伯纳斯·李）发明了WorldWideWeb以来，Web主要经历了3个阶段，分别是静态文档阶段（指代Web 1.0）、动态网页阶段（指代Web 1.5）和Web 2.0阶段。下面将对这3个阶段进行介绍。 1．静态文档阶段 web1.0 处理静态文档阶段的Web，主要是用于静态Web页面的浏览。在每个Web站点上，保存着提前编写好的HTML格式的Web页，以及各Web页之间可以实现跳转的超文本链接。通常情况下，这些Web页都是通过HTML语言编写的。由于受低版本HTML语言和旧式浏览器的制约，Web页面只能包括单纯的文本/图片内容，浏览器也只能显示呆板的文字信息，不过这已经基本满足了建立Web站点的初衷，实现了信息资源共享。 Web的发展历程 2．动态网页阶段 web1.5 网络编程技术通过在传统的静态页面中加入各种程序和逻辑控制，从而实现动态和个性化的交流与互动。我们将这种使用网络编程技术创建的页面称为动态页面，动态页面的后缀通常是.jsp、.php和.asp等，而静态页面的后缀通常是.htm、.html和.shtml等。 注意 这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网络编程技术生成的网页都称为动态网页。 3．Web 2.0 / Web3.0 阶段 Web 2.0这种模式更加以用户为中心，通过网络应用 (Web Applications）促进网络上人与人间的信息交换和协同合作。 Web2.0技术主要包括：博客（BLOG）、微博（Twitter）、RSS、Wiki百科全书（Wiki）、网摘（Delicious） 、社会网络（SNS）、P2P、即时信息（IM）和基于地理信息服务（LBS）等。 web3.0:更加体现网民的价值。微信营销 /微信红包 / QQ红包/在线游戏等 1.2Web开发技术 本讲大纲： 1、客户端应用技术 2、服务