《Web程序设计》课程教案

优点：由个人维护本机，不易造成数据的丢失，安全性高，数据处理效率高。
缺点：不能实现各个计算机之间数据的共享。
1.1.2工作站/服务器架构
特点：在服务器上保存数据，在工作站上处理数据。
优点：容易配置，对硬件特别是对服务器的硬件要求不高。
缺点：所有数据通过网络传输，增大了网络流量，数据处理的效率低。
1.1.3客户机/服务器架构
2.1.1服务器端开发环境
基于ASP技术的Web应用程序的服务器端开发环境需要ASP应用程序服务器，以及能够访问数据库的数据库驱动程序。
在Windows2000和Windows XP中内置了能同时作为Web服务器和应用程序服务器的IIS5.0（Microsoft Internet Information Server），因此是开发ASP技术的Web应用程序的首选。
1.3.2 JSP
JSP（Java Server Pages）是由Sun Microsystem公司于1999年推出的动态网页技术，是基于Java Servlet以及整个Java体系的Web开发技术。
1.3.3 PHP
PHP（Hypertext Preprocessor，超文本预处理器）是内嵌了服务器端运行的PHP脚本代码的动态网页开发技术。
特点：客户机向服务器发出指令，服务器上存储和处理数据。服务器完成数据处理后，将结果返回给客户机进行二次处理。
优点：数据处理效率高，网络上传输数据量小。
缺点：需要特定的客户机处理程序；不易升级和维护；不适合在因特网上布置。
1.1.4浏览器/服务器架构
特点：服务器处理数据并生成页面；客户机上浏览器请求页面和显示页面
Dreamweaver8是一个全功能的Web应用快速应用程序开发环境。
1、提供图形化的快速开发环境
2、提供强大的Web应用开发功能
3、Dreamweaver8提供了对新技术的支持
2.3.4 Dreamweaver8的Web应用程序开发工作流程
使用Dreamweaver8开发Web应用程序时按照如下的工作流程来进行：
3、建立真正的Web站点
为文件夹E:\net_book_store建立一个真正的站点NetBookStoreSite。
启动IIS，在IIS树目录中用鼠标右键单击计算机名，在弹出的快捷菜单中执行命令“新建►Web站点”，打开新建站点向导。
2.3 Web站点开发工具Dreamweaver8简介
2.3.1概述
（5）构建DW的开发环境（创建本地站点、设置测试服务器、设定远程信息、测试开发环境、Web站点的管理）
教学目的、要求：掌握ASP运行环境的配置，包括服务器端和本机开发环境的基本配置。
重点、难点：重点：安装服务பைடு நூலகம்IIS及配置IIS难点：配置本地站点
课型：课堂教学与实验相结合
教程设计：
2.1 Web应用程序的开发环境
广西财经学院课程教案
系、部
计信系
教研室
网络
课程名称
Web程序设计
所用教材
《Web数据库技术》
任课老师
黄武锋
职称
讲师
讲课时间
第1次课
任课班级
计应0631
计应0632
经济系0541-3
教学内容：第1章Web应用程序架构
（1）数据库应用程序架构及其发展
（2）Web应用程序及其工作机制
（3）Web动态内容的实现技术简介
优点：采用IP协议通讯；以浏览器为客户端程序；容易布置、升级和维护
1.2 Web应用程序及其工作机制
1.2.1 Web应用程序
Web应用程序是一个由Web站点和其他服务器资源组成的集合。网站是由众多网页组成的Web页集合，其他服务器资源包括数据库等各种数据文件，B/S架构是Web应用程序的结构形式。
2动态网页
动态网页是由Web服务器动态生成的文件。之所以称其为“动态”，是因为此种网页的部分甚至全部内容都是未确定的。当用户访问该页，Web服务器按照用户的请求，通过应用程序服务器对相关的服务器端的数据进行处理，根据计算结果生成标准的HTML文件下传给用户浏览器。不同的用户请求以及访问数据的变化都会随之生成不同的HTML文件下载给用户。
如果操作系统是Windows98，可以安装PWS（个人Web服务器）来作为服务器，但能满足学习要求。
2.1.2本机开发环境
1、Microsoft Visual InterDev；
2、Macromedia Dreamweaver8。
2.2建立Web站点
建立一个Web站点，提供服务器端的开发环境，调试应用程序的每一个页面和试运行整个应用程序。
Web服务器是响应来自Web浏览器的请求以提供Web页的软件。常用Web服务器为IIS和Apache。
1.2.2静态网页与动态网页
1静态网页
由事先用HTML编写好、内容固定不变的文件，通过上载等方式保存在Web站点的可访问文件夹中。当用户浏览器向Web服务器发出访问该页的请求时，服务器在站点内查找该页并直接将其下载给客户浏览器。静态网页无论在Web站点还是下载到用户的浏览器上，其内容都保持一致。
建立本地站点►建立测试站点►建立数据库►设计站点的外观►编写页代码►以添加内容和交互控件►构建所有页面链接►站点功能测试►在服务器上发布应用程序。
2.4构建Dreamweaver MX开发环境
1.4 Web应用程序的典型应用和特点
常见简单Web应用程序：
计数器、留言板、聊天室、BBS论坛
典型的Web应用程序：
基于Web的管理信息系统（MIS）
广西财经学院课程教案
系、部
计信系
教研室
网络
课程名称
Web程序设计
所用教材
《Web数据库技术》
任课老师
黄武锋
职称
讲师
讲课时间
第1周第1次课
任课班级
计应0631
计应0632
经济系0541-3
教学内容：第2章构建Web应用程序的开发环境
（1）服务端的开发环境（Windows2000+IIS）
（2）本机开发环境
（3）建立Web站点（安装服务器IIS及配置IIS）
（4）Web站点开发工具-----DreamWeaver 8的有关简介（DW简介、利用DW开发Web应用程序的工作流程[建立本地站点]→[建立测试站点]→[建立数据库]→[建立数据库]→[设计站点的外观]→[编写动态脚本页代码]→[构建页面链接，测试站点功能和发布应用程序]）
2.2.1安装服务器
启动控制面板
►添加/删除程序
►添加/删除Windows组件
►Windows组件向导窗口
►选定Internet信息服务（IIS）
►启动IIS安装向导完成安装
2.2.2启动IIS服务
开始►程序►管理工具►Internet服务管理器（开始►设置►控制面板►管理工具►Internet服务管理器）
（4）Web应用程序的典型应用和特点
教学目的、要求：深入了解数据库应用程序的发展状况，Web应用程序的工作机制以及当前构建Web应用程序的流行技术。
重点、难点：Web应用程序及其工作机制
课型：课堂教学与实验相结合
教程设计：
1.1.1单机架构
特点：所有应用内程序都在本机运行，所有的数据也都保存在本机上。
1、在已有站点的物理目录中创建子目录
在资源管理器中创建子目录，访问该目录下的文件时，URL地址格式如下：
http://现有站点/子目录/文档名
例如：http://localhost/sample/default.htm
2、构建当前站点的虚拟目录
建立虚拟目录的方法和步骤。
1)启动IIS，在左边窗格树目录中用鼠标右键单击“默认Web站点”，打开右图快捷菜单，执行命令“新建►虚拟目录”，打开虚拟目录创建向导。（根据提示完成下一步操作）
Dreamweaver8是Macromedia公司于2006年发布的产品，版本号是8.0。它集成网页设计和应用程序开发功能，全面支持ASP、JSP、CFML和PHP的开发，并且有了汉化版。
2.3.2 Dreamweaver MX的工作环境
2.3.3 Dreamweaver MX的Web应用程序开发功能
在IIS窗口中，选择站点，然后单击控制台工具栏中的按钮来进行相应的操作。
启动项目：启动选定站点，外界能够访问该站点；
停止项目：停止站点服务，站点就同外界断开，从计算机内存中卸载Internet服务，外界不能访问站点；
暂停项目：禁止Internet服务接受新的连接，但不影响正在进行处理的请求。
2.2.3创建新的Web站点
1.3动态内容的实现技术简介
1.3.1 ASP
ASP是Active Server Page的缩写，即“活动服务器网页”，它是Microsoft公司在1996年推出的一种运行于服务器端、嵌入了服务器端脚本的Web应用程序开发技术，内含于IIS3.0以上的版本中。在IIS5.0中支持ASP3.0，同时也支持ASP2.0。