动态网页ASP制作.ppt

1、第一讲 掌握制作表单文档的网页程序基础,动态网页制作,本章知识点,网页编程的概念 安装和运行网站服务器 设置数据库 使用表单,动态网页制作,网页编程的概念,作为一个网页设计者,总希望可以通过某种方法与浏览自己网页的访问者进行交流或者了解访问者的想法,或者为访问者提供更加快捷的浏览途径,此时需要利用网页中一种重要元素-表单。 表单有两个重要组成部分： （1）描述表单的HTML源代码 （2）用于处理用户在表单域中输入信息的服务器端应用程序或客户端脚本，如ASP、PHP、JSP等。,动态网页制作,网页编程的概念,ASP是Active Server Pages的缩写，中文是“活动服务器页面”。一种技术

2、框架，即不是语言，又不是开发工具。在ASP提供的服务器端脚本环境下，可以结合HTML、ASP指令和对象以及ActiveX元件建立动态、交互而且高效的Web服务器应用程序。后缀名一般为.asp。ASP一般使用脚本语言Vbscript或者是Javascript。 PHP是编程语言和应用程序服务器的结合.,动态网页制作,安装和运行网站服务器,IIS是Internet Information Services的英文缩写,是用来架设互联网和局域网站点的软件. 在开始开发编程网页前,应该先构造好开发环境.在系统上安装IIS并进行相关设置.,动态网页制作,安装和运行网站服务器,安装IIS 操作：“开始”-“

3、设置”-“控制面板”，打开控制面板，双击“添加/删除程序”，打开“添加/删除程序”窗口，单击”添加/删除Windows组件”，打开“Windows组建向导”对话框，选中“Internet信息服务(IIS)”，单击下一步。弹出“插入磁盘”对话框，单击“确定”，打开“所需文件”对话框，单击“浏览”，选中IIS文件（i386)，单击“确定”，安装完毕后，默认目录为C:Inetpubwwwroot。,动态网页制作,安装和运行网站服务器,运行IIS 操作：“开始”-“设置”-“控制面板”，打开控制面板，双击“性能和维护”，打开“性能和维护”窗口，选择“管理工具”，打开“管理工具”窗口，双击“Intern

4、et信息服务(IIS)”，打开“Internet信息服务”窗口，右击“默认网站”，在弹出的菜单中选择“属性”命令，打开“默认网站属性”对话框，选择“主目录”，在“本地路径”文本框中输入路径，单击“确定”，回到“Internet信息服务”窗口，右击“默认网站”选项，在弹出的菜单中选择“启动”命令。,动态网页制作,设置数据库,数据库是相互关联的数据集合，对这些数据进行处理的软件系统就叫数据库管理系统。数据库管理系统功能十分强大，不仅能对数据进行编辑或数字运算，还能对数据进行搜索、筛选、提取等管理。数据库和数据库管理系统的结合就称为数据库系统。 数据源名称(DSN),是表示一组数据库连接参数的单词标

5、识符,这些参数包括服务器名称、指向数据库的路径或数据库名称、要使用的开放式数据库连接（ODBC）驱动程序、用户名和密码。,动态网页制作,常用数据库,ACCESS：入门级的数据库管理系统 SQL Server：大中型数据库 MySQL：真正的多用户、多线程SQL数据库服务器。 Oracle：主导的大型关系型数据库，它不仅支持多平台，还具有无范式要求。,动态网页制作,配置数据库,启动Microsoft Office Access 2003，新建一个空数据库打开“文件新建数据库”对话框，将数据库存在目录下，数据库命名，单击“创建”，打开数据库，单击“表”选项，然后双击“使用设计器创建表”选项，打开“

6、表1”的设计器，建立字段，关闭并保存。,动态网页制作,创建数据源,选择“开始”-“设置”-“控制面板”，打开控制面板，双击“性能和维护”，打开“性能和维护”窗口，选择“管理工具”，打开“管理工具”，双击“数据源（ODBC）”，打开 “ODBC数据源管理器”对话框，选择“系统DSN”选项卡，单击”添加”,打开“创建新数据源”对话框,选择Microsoft Access Driver(.mdb),单击“完成”按钮。打开“ODBC Microsoft Access安装”对话框，在“数据源名”文本框中输入数据源名,单击“选择”。打开“选择数据库”对话框，选择前面创建的数据库，单击“确定”按钮。回到“O

7、DBC Microsoft Access 安装”对话框，单击“确定”按钮。回到“ODBC数据源管理器”对话框，单击“确定”。,动态网页制作,设置远程站点,选择“站点”-“管理站点”，打开“管理站点”对话框，选择站点，单击“编辑”按钮，打开“站点定义为”对话框，选择“高级”选项卡，选择“远程信息”分类，在“访问”下拉列表框中选择“本地网络”选项，单击“远端文件夹”右边的浏览按钮，打开“选择站点的远程根文件夹”对话框，选择目录，单击“选择”按钮。,动态网页制作,连接数据源,选择“文件”-“新建”命令，打开“新建文档”，选择“空白页”中的ASP.NET VB动态页面，单击“创建”按钮，打开“应用程序

8、”面板，选择“数据库”选项卡，单击“+”号，选择“OLE DB连接”命令，打开“OLE DB连接”对话框，输入连接名称，单击“建立”按钮。打开“数据链接属性”，选择“提供程序”选项卡，在数据库引擎中选择Microsoft Jet 4.0 OLE DB Provider作为驱动程序，单击“确定”按钮。选择“连接”选项卡，选择要连接数据库为“目录”，把“用户名”和“密码”文本框清空，选择“高级”选项卡，在设置访问权限中选中ReadWrite复选框，返回“连接”选项卡，单击“测试连接“按钮，如果弹出“测试连接成功”，对话框，按“确定”按钮。,动态网页制作,使用表单,表单：表单是实现网页互动的元素，与

9、客户端和服务器端脚本进行结合使用，可以实现网页的互动性。当访问者在Web浏览器中显示的表单中输入信息，然后单击“提交”按钮时，这些信息将被发送到服务器，服务器商脚本或应用程序对这些信息进行处理，最近服务器将处理结果返回给客户端。 表单的处理分为以下三个步骤进行： 客户端填写表单内容并提交表单。 服务器端调用脚本处理表单内容。 服务器商将处理结果返回给客户端命令。,动态网页制作,创建表单文档,创建表单 单击插入工具栏-“表单”，即可在光标所在行插入一个空白表单，表单轮廓以红色虚线表示。 注意：如果没有看到红色的虚轮廓线，则须检查是否选中了“查看”-“可视化助理”-“不可见元素”选项。,动态网页制

10、作,创建表单文档,创建表单对象 见课堂操作,动态网页制作,表单,1.表单form 把所需要的用到的数据和表单元素放在一个表单里 面,一个页面的表单看情况而定,表单的数量一般可 以简单使用一个就可以. ,动态网页制作,表单,2.输入域input 注意name和value属性 单行文本域 滚动文本框 就是text的多行情况，multiple,动态网页制作,表单, 复选框 单选框 单选和复选，如果同一组，name属性如何设置？,动态网页制作,表单, 按钮 普通按钮跟提交、重设有何区别？ 隐含域：作用？ ,动态网页制作,表单, 文件选择域 用于文件上传功能 图片按钮 Submit的另一种表现形式，例如 有何特别之处？,动态网页制作,表单,3.Sel