《动态页面设计与实现》课程讲义.ppt

动态页面设计与实现 课程讲义 制作 计算机信息管理教研室 项目引导网络应用 1 项目分析 正方软件的使用 淘宝网站的浏览 内容提要 网站注册功能 产品展示功能 订单功能 BBS功能 留言簿功能 模块一网站编程体系概述与环境配置 内容提要本模块介绍ASP在整个应用程序开发体系中的位置介绍两大编程架构然后介绍ASP的发展历史及其ASP的相关技术最后介绍如何配置ASP的运行环境 并利用案例来测试ASP的运行环境 1 1软件编程体系简介 1 1 1B S架构编程体系 B S结构的编程语言分成浏览器端编程语言和服务器端编程语言 浏览器端包括 HTML HypertextMarkupLanguage 超文本标记语言 CSS CascadingStyleSheets 层叠样式表单 JavaScript语言和VBScript语言 为了实现一些复杂的操作 比如 连接数据库 操作文件等 需要使用服务器端编程语言 目前主要是3P ASP JSP和PHP PersonalHomepage 技术 1 1 2C S架构编程体系 在2000年以前 C S结构占据开发领域的主流 随着B S结构的发展 C S结构已经逐步被B S结构取代 值得一提的是两门经典的开发语言 C 和Java 这两门语言覆盖了该领域85 以上的项目 虽然Java如日中天 但是C 在开发领域中老大的位置 始终不变 1 2ASP的发展历史 ASP的第一个版本是0 9测试版ASP1 0作为IIS InternetInformationServer Internet信息服务器 的附属产品免费发送 并且不久就在Windows平台上广泛使用 ASP与ADO的结合使开发者很容易地在一个数据库中建立和打开一个记录集 这是它如此快就被大众接受的原因 1998年 微软公司又发布了ASP2 0 ASP1 0和ASP2 0主要区别是外部组件 有了ASP2 0和IIS4 0 就可以建立ASP应用了 微软公司接着开发了Windows2000操作系统 这个Windows版本给带上了IIS5 0及ASP3 0 1 2 1ASP相关技术概览 ASP可以使用两种脚本语言 VBScript和Jscript 所谓的Jscript语言就是微软版本的JavaScript语言 本书所有案例程序基于VBScript语言 ASP包含内置对象 最常用的是五大对象 一个集合和一个文件 五大对象分别是 Response Request Session Application和Server 一个集合是Cookies 一个文件是Global asa ASP最常用的内置组件是操作文件的组件和操作广告条的组件 ASP最强大的功能还是使用外置组件 比如使用外置组件实现文件上传 发送E mail 等等 通过ADO数据访问接口可以方便地操作各种数据库 通过ADO访问数据库有三种标准的访问格式 1 3B S架构编程语言简介 目前 B S架构主要使用4种语言 ASP ASP NET PHP和JSP 其中 ASP学习简单 使用方便 PHP软件免费 运行成本低廉 JSP多平台支持 转换方便 ASP NET功能强大 编写容易 1 3 1ASP概述 ASP程序的优点如下 1 可以把脚本语言直接嵌入HTML文档中 不需要编译和连接就可以运行 2 可以使用ADO组件轻松存取数据库 3 可以使用第三方开发的组件 4 不存在浏览器兼容的问题 由于ASP程序是在服务器端运行的 当客户端浏览器浏览ASP网页的时候 服务器将该网页文件重新解释一遍 并将生成的标准HTML文件发送给客户端浏览器 因为送出的是标准的HTML文件 所以不会存在浏览器兼容的问题 5 可以隐藏程序代码 在客户端仅可以看到由ASP输出的动态HTML文件 ASP的缺点是 1 运行速度比HTML程序运行速度慢 这是因为每当客户端打开一个ASP网页时 服务器都必须将该ASP程序从头到尾重读一遍 并加以编译执行 最后送出标准的HTML格式文件给客户端 从而影响了运行速度 2 有的网络操作系统不支持ASP 比如Linux FreeBSD等等 这样用ASP开发Web程序一般来说最好选用Windows系列操作系统 1 3 2ASP NET概述 与ASP相比 ASP NET增加了很多特性 功能也更为强大 ASP NET的优点是 1 使用 NET提供的所有类库 可以执行以往ASP所不能实现的许多功能 2 引入了服务器端控件的概念 这样使开发交互式网站更加方便 3 引入了ADO NET数据访问接口 大大提高了数据访问效率 4 提供ASP NET的可视化开发环境VisualStudio NET 进一步提高编程效率 5 保持对ASP的全面兼容 ASP NET运行速度快 6 ASP NET全面支持面向对象程序设计 ASP NET的缺点是 1 ASP NET运行环境要求比较高 不仅需要IIS的支持 还需要 NETFremeworkSDK 2 相对于ASP 学习起来稍微复杂 1 3 3JSP概述 JSP的优点是 1 多平台支持 可以在所有的服务器操作系统上运行 2 编译后执行 能够大大提高执行效率 3 JSP采用Java技术 Java应用比较普遍 因此学习起来非常容易 4 JSP是J2EE Java2EnterpriseEdition Java2企业版 中13种核心技术的一种 可以和其他核心技术共同建立企业应用 JSP的缺点是 1 开发环境相对ASP来讲 比较复杂 需要先安装JDK JavaDevelopmentKit Java开发工具箱 然后安装Web服务器 2 相对ASP的VBScript脚本语言来说 Java语言学起来稍微复杂 1 3 4PHP概述 PHP的优点为 1 首先它是免费的 对于许多要考虑运行成本的商业网站来说 尤其重要 2 开发源代码 因为这一点 所以才会有很多爱好者不断发展它 使之更具有生命力 3 多平台支持 可以运行在所有操作系统之下 4 效率高 同ASP相比 PHP占用的较少的系统资源 执行速度比较快 PHP的缺点是 1 因为没有大公司的支持 前途不如ASP JSP和ASP NET 2 运行环境相对复杂 学习起来相对复杂 1 4ASP运行环境配置 建议的配置环境为 Windows2000ServerSP4 IE5 5 IE6 0 SQLServer2000企业版 这也是本书完成的环境 1 4 1安装IIS5 0 如果操作系统是Windows2000Server或者是Windows2000AdvancedServer的话 IIS5 0已经是默认安装上的 如果是Windows2000Professional 则需要安装IIS5 0 从操作系统 控制面板 中找到并双击 添加 删除程序 单击 添加 删除Windows组件 选择 Internet信息服务 然后选择详细信息 1 4 2ASP的编译环境简介 开发ASP程序 最好的工具是MicrosoftVisualInterDev6 0 利用它不仅可以编写还可以调试 目前还有比较流行的工具是Dreamweaver Frontpage等工具 为了程序的简介和编写方便 推荐使用EditPlus 它可以将ASP脚本语言与HTML语言分颜色显示 并可帮助编写复杂的HTML语句 1 4 3测试ASP运行环境 程序解释 程序中Response是ASP的对象 Write是它提供的方法 功能是向浏览器输出字符串 案例名称 测试ASP运行环境程序名称 1 01 asp 模块二HTML编程基础 首先介绍HTML的发展历史 然后介绍HTML的基本框架详细介绍了HTML的各种常用标记 文字标记 图片标记和超级链接标记 等等 介绍CSS的基本使用方法 介绍如何让CSS与HTML协同工作 2 1概述 在20世纪90年代Web网络的迅速兴起 使得HTML空前繁荣 当时 HTML被发展成了许多不同的版本 出于解决这种混乱局面的考虑 迫切需要制定一个公认的HTML语言规范 1995年11月 InternetEngineeringTaskForce IETF 整理了以前的各种版本 倡导并主持开发HTML2 0规范 同年推出HTML3 0技术规范 1996年 WorldWideWebConsortium W3C 的HTMLWorkingGroup开始组织编写新的规范 于1997年1月推出了HTML3 2 在HTML3 2中做了许多重要改动 到1999年下半年推出到现在依然使用的HTML4 0 2 1 1HTML网页框架 案例名称 HTML网页框架程序名称 2 01 htm 这是一段最基本的HTML标识 任何HTML文档都是由一个和标记包含的 然后分为和两大部分 页面的标识一般都是在标识中定义的 HTML文件不区别大小写 浏览器认为和是一样的 在使用的时候需要保持风格的完整性 HTML文件的扩展名可以是 htm或者 html都可以 现在已经没有区别了 原来在Linux操作系统上用html作为文件的扩展名 而在Windows操作系统上用 htm 因为早期的Windows操作系统不支持三个以上字母的文件扩展名 2 1 2HEAD头元素 HEAD头元素主要包括该页面的一些基本描述语句 META的属性包括 Description 网页的描述信息 Keywords 关键字 当搜索引擎查找时 按此关键字查找 Content type 用来设置该网页的编码 Author 用来设置该网页的作者姓名 Refresh 用来设置网页的自动更新 当CONTENT 3 URL 时 该网页打开3秒钟后 就自动的转到网站 2 1 3的常用标记 HTML的常用标记有一些共同特点 都放在BODY标记里面 常用的标记有字体标记 图片标记 超级链接 列表 表格和表单等 字体标记 处理文字时通常利用如 xx 的标记定义字符xx的字体显示为隶书 字号是40 颜色是红色 程序2 03 htm说明如何使用文字格式 图片标记 利用 格式可以插入一张图片 myimage jpg文件必须和该HTML文件放在同一个目录下 IMG是HTML的一个标记 是IMAGE的缩写 SRC属性给出要连接的图片的路径和文件名 超级链接 使用超级链接的基本的语法是 XX XX是一个超级链接 连接到Address htm文件 是单词Anchor的缩写 中文的意思是 锚 功能是从一个页面链接到另一个页面 属性HREF定义的是链接到哪一页 书签链接 如果某个页面很大 为了加强层次感 需要引入书签链接 使用的方法和超级链接类似 电子邮件链接 电子邮件链接提供了当点击页面上的链接时 将自动打开默认的邮件发送程序发邮件 列表 列表有两种方式 一种是有序列表 另一种是无序列表 无序列表是所有的行之前都有一个小圆圈 而有序列表是自动排序的 前面有序号 基本表格 是表格的基本标记 代表表格的行 代表表格的列 定义一个三行两列的表格如程序2 09 htm所示 表格的灵活应用 1 ROWSPAN和COLSPAN属性的使用方法 利用ROWSPAN属性设置该单元格占用多行 利用COLSPAN属性设置该单元格是占用多列 Cellpadding和Cellspacing 2 Cellpadding和Cellspacing属性的使用方法 Cellpading的意思是单元格的边距 指的是字与单元格边框的距离 Cellspacing的意思是单元格间距 指的是单元格之间的距离 表格的样式 BORDERCOLOR属性设置表格边框的颜色 BGCOLOR属性设置背景颜色 ALIGN属性设置表格的对齐方式 标记是将内部的文字加粗显示 显示的结果 表单 表单的功能是收集用户信息实现系统与用户交互 比如E mail信箱的注册页面就是一个十分典型的表单页面 表单信息的处理过程为 当单击表单中的提交按钮时 表单中的信息就会上传到服务器中 然后由服务器端的应用程序 例如CGI ASP PHP或JSP等 进行处理 处理后将用户提交的信息存储在服务器端的数据库中 或者将有关信息返回到客户端浏览器上 1 表单头及其属性 表单的通用格式是 XX 表单元素包含在标记中 有两个重要的属性 METHOD Post 或 Get Post和Get方式的区别在于Post是一种邮寄的方式 在浏览器的地址栏中不显示提交的信息 这种方式传送的数据量的大小没有限制 Get方式将信息传递到浏览器的地址栏上 最大传输的信息量是2KB 当不指明是哪种方式时 默认为Get方式 Action属性是设置利用哪个文件来处理所提交的数据 2 表单中常用控件 在常用的表单制作过程中 经常遇到的是按钮制作 输入元素的制作等 常见的表单控件包括文本框 文本域 密码框 多选框 单选框和下拉列表框 等等 除了文本域和下拉列表 其他只要修改TYPE属性就可以了 使用方法如程序2 13 htm所示 块级元素 块级元素包括DIV和SPAN两种标记 DIV称为层标记 有时也称为块标记 利用DIV标记和CSS的定位技术可以做出相当出色的效果 SPAN标记和DIV标记的基本语法是一样的 但SPAN标记和DIV标记的区别还是很大的 使用方法如程序2 14 htm所示 预排版标记 包含在预排版标记中的字符会按照HTML原码的格式输出到浏览器上 HTML文件中的英文空格一般不起作用 但是在预排版标记中空格可以显示出来 语法如程序2 15 htm文件所示 设计网页框架 设计网页时 经常用到的一种格式是框架 基本网页框架分成两种 左右框架和上下框架 语法如程序2 16 htm文件所示 案例2 2使用框架 一般情况下工程的主页面都采用这种框架格式 在上面的页面放置网站的图片 右边放置主页面 左边放一个下拉菜单 可以像对普通Windows窗口一样操作网页框架 可以最大化窗口页可以最小化窗口 修改案例2 2右框架的代码 如案例2 3所示 MARQUEE标记 使用的基本语法是 xx 显示的效果是x