Web设计基础案例.ppt

信息科学与工程学院 软件工程系 数据库应用软件 J2EE与中间件主讲：仇丽青email:liqingqiu2005@126.com办公地点：J13-211 学习内容 基础 Web客户端技术 HTML CSS Javascript AJAX 服务器端技术（基于Java技术体系） Servlet、JSP、JavaBean、JDBC 框架应用：Struts、Hibernate 综合项目实训 学习中注意的问题 学会自己找问题的答案 Google、Baidu…… 培养自学的能力 如何学习新技术？ 注意总结 培养对学习技术的兴趣 1.1 Web编程基础 1.1.1 相关概念术语 Web（World Wide Web，简称WWW，又称万维网）是目前Internet上应用最广泛也是最重要的信息服务类型。基于Web的信息以超文本标记语言HTML（Hyper Text Markup Language）组织，用超文本传输协议HTTP（Hyper Text Transfer Protocol）进行传送。 Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。页面到页面的链接信息由统一资源定位器URL(Uniform Resource Locator)维持。URL 由协议名、Web服务器地址、路径名和文件名四部分组成 /china/index.htm，文件在Internet中的位置。 1.1.2 Web工作模式 Web采用浏览器/服务器（B/S）工作模式。 信息以页面（Web页）的形式存储在Web服务器中，用户通过客户端应用程序（即浏览器）向Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端浏览器。 Web服务器通常是指安装了服务器软件的计算机，它使用HTTP或FTP之类的Internet协议来响应TCP/IP网络上的Web客户请求。 Web浏览器是用于Web信息资源的应用程序，目前最常用的浏览器有：Microsoft Internet Explorer(IE)、Firefox、Chrome。 1.1.3 静态网页与动态网页 静态网页与动态网页的区别：Web服务器的处理方式不同。 （1）静态网页 静态网页是标准的HTML文件，其文件扩展名是.htm或.html，它可以包含HTML标记、Java小程序、客户端脚本以及客户端ActiveX控件，但这种网页不包含任何服务器端脚本。 静态网页的工作原理：当在浏览器里输入一个网址回车后，就向服务器端提出了一个浏览网页的请求。服务器端接到请求后，就会找到用户要浏览的网页文件，然后发送到客户的浏览器，由浏览器对该网页文件进行解释，并将结果显示在浏览器窗口中。 （2）动态网页 动态网页：网页文件含有服务器端脚本，这种网页的后缀一般根据不同的程序设计语言来定，如JSP文件的后缀为.jsp。 动态网页的工作原理：当用户在浏览器里输入一个动态网页网址回车后，就向服务器端提出了一个浏览网页的请求，服务器端接到请求后，首先会找到要浏览的动态网页文件，并执行该页中的服务器端脚本命令最终完成页，然后将脚本程序代码从页上删除，由此得到的结果是一个静态网页。最后将静态网页发送给用户。 1.1.4 站点与首页 开发一个Web系统时，首先要做的工作就是建立一个站点。 站点：将网页文件和素材文件有条理地放置在建立的站点文件夹里，这些文件与文件夹就构成了网站的实质内容，即这个站点文件夹的整体就叫网站。站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在，它们是建立网站的组成元素。 首页是网站的门户。访问某个网站时，首先打开的第一个网页就是这个网站的首页。 1.2 软件编程体系简介 目前在程序开发领域中，主要分成两大编程体系，一种是基于浏览器的B/S（Brower/Server）结构，另一种是C/S（Client/Server）结构。 B/S软件开发的主要技术体系：.net、Java（JavaEE） 1.2.1 B/S架构 浏览器端解释执行：HTML（Hypertext Markup Language，超文本标记语言）、CSS（Cascading Style Sheets，层叠样式表单）和脚本语言JavaScript、VBScript。 为了实现一些复杂的操作，比如：连接数据库，操作文件等，需要使用服务器端编程语言。目前主要是ASP、JSP和PHP技术。 JSP是SUN公司推出的是JavaEE（Java 2 Enterprise Edition，Java2企业版）十三种核心技术中最重要的一种。 PHP在1999年的下半年和2000年用得非常广泛，因为Linux+PHP+MySQL（一种小型数据库管理系统）构成全免费的而