第13章 制作ASP动态网页课件.ppt

《第13章 制作ASP动态网页课件.ppt》由会员分享，可在线阅读，更多相关《第13章 制作ASP动态网页课件.ppt（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 在本书前面的章节中已经介绍了动态网页的基础知识，例在本书前面的章节中已经介绍了动态网页的基础知识，例如使用表单创建交互式网页、架设如使用表单创建交互式网页、架设ASP动态网站服务器以及创动态网站服务器以及创建与运行简单建与运行简单ASP应用程序等，还略带介绍栏服务器行为。本应用程序等，还略带介绍栏服务器行为。本章将重点介绍在章将重点介绍在Dreamweaver CC中制作中制作ASP动态网页的具体方动态网页的具体方法，帮助用户进一步掌握动态网页设计与制作的相关知识法，帮助用户进一步掌握动态网页设计与制作的相关知识u 设计设计Access数据库数据库u 连接数据库连接数据库u 添加服务器行为添

2、加服务器行为数据库的主要功能是存储与管理数据，在目前市面上存在的多种形式的数据库的主要功能是存储与管理数据，在目前市面上存在的多种形式的数据库产品中，关系型数据库最受欢迎并被广泛使用。该类数据库将数据按数据库产品中，关系型数据库最受欢迎并被广泛使用。该类数据库将数据按类别存储在各种数据表中，并且通过数据表之间的关联进行数据的调整和搜类别存储在各种数据表中，并且通过数据表之间的关联进行数据的调整和搜索等维护操作索等维护操作Access数据库是目前比较流行的数据库管理系统，它是一个运行在数据库是目前比较流行的数据库管理系统，它是一个运行在Windows系统环境下的桌面关系型数据库，也是系统环境下的

3、桌面关系型数据库，也是Office的组件之一。下面将的组件之一。下面将围绕几个与创建围绕几个与创建Access数据库相关的问题进行讲述，以便用户对该数据库的数据库相关的问题进行讲述，以便用户对该数据库的应用有个概括的了解应用有个概括的了解本节将以【例本节将以【例13-1】创建的数据库】创建的数据库db1为基础，介绍组成为基础，介绍组成Access 数据库数据库的各个部分的结构及功能，包括数据库结构、数据表结构、数据内容和字段的各个部分的结构及功能，包括数据库结构、数据表结构、数据内容和字段索引等内容索引等内容要在动态网页中使用数据库，就需要创建一个指向该数据库的连接。在要在动态网页中使用数据库

4、，就需要创建一个指向该数据库的连接。在Windows系统中，系统中，ODBC的连接主要是通过的连接主要是通过ODBC数据库资源管理器来完成数据库资源管理器来完成的的记录集是根据查询关键字在数据库中查询得到的数据库中记录的子集。记录集是根据查询关键字在数据库中查询得到的数据库中记录的子集。查询根据搜索准则，这些准则决定了包含在记录集中的内容查询根据搜索准则，这些准则决定了包含在记录集中的内容用户在用户在Dreamweaver中定义的数据源都会在中定义的数据源都会在“绑定绑定”面板中显示，绑定面板中显示，绑定动态数据，就是将定义好的数据源绑定到页面上，这样可以将动态数据源绑动态数据，就是将定义好的

5、数据源绑定到页面上，这样可以将动态数据源绑定到页面中的任何位置定到页面中的任何位置服务器行为是一些常用的可定制的服务器行为是一些常用的可定制的Web应用代码模块。在前面章节的进应用代码模块。在前面章节的进阶练习中添加了阶练习中添加了“插入记录插入记录”服务器行为，下面将主要介绍服务器行为，下面将主要介绍Dreamweaver中中的常用服务器行为的常用服务器行为 结构化布局是最基本的网页布局之一，其特点是将网页的各种结构模块结构化布局是最基本的网页布局之一，其特点是将网页的各种结构模块进行平面排列，以构成整个网页。在设计网页布局的过程中，应遵循对称平进行平面排列，以构成整个网页。在设计网页布局的

6、过程中，应遵循对称平衡、异常平衡、对比、凝视和空白等原则。一般情况下，网页的常见布局有衡、异常平衡、对比、凝视和空白等原则。一般情况下，网页的常见布局有以下几种结构以下几种结构型网页布局型网页布局T型网页布局型网页布局u三型网页布局三型网页布局u Flash网页布局网页布局 在制作网站时，首先应考虑网站的主题，然后根据主题来制作演示图板在制作网站时，首先应考虑网站的主题，然后根据主题来制作演示图板，并准备各个网页上要插入的文字、图像、多媒体文件等所需元素，这些都，并准备各个网页上要插入的文字、图像、多媒体文件等所需元素，这些都准备好后就可以开始制作网页了。下面将介绍网页的制作流程准备好后就可以

7、开始制作网页了。下面将介绍网页的制作流程网站的策划阶段网站的策划阶段网站制作的准备阶段网站制作的准备阶段u 网页制作与上传阶段网页制作与上传阶段Dreamweaver Creative Cloud (CC)是一款可视的网页制作与编辑软件，是一款可视的网页制作与编辑软件，它可以针对网络及移动平台设计、开发并发布网页。它可以针对网络及移动平台设计、开发并发布网页。Dreamweaver CC提供提供直觉式的视觉效果界面，可用于建立及编辑网站，并与最新的网络标准相兼直觉式的视觉效果界面，可用于建立及编辑网站，并与最新的网络标准相兼容（同时对容（同时对 HTML5/CSS3 和和 jQuery 提供支

8、持）。本节将详细介绍提供支持）。本节将详细介绍Dreamweaver CC的工作界面和基本操作，帮助用户初步了解该软件的使用的工作界面和基本操作，帮助用户初步了解该软件的使用方法方法Dreamweaver CC的工作界面效果秉承栏的工作界面效果秉承栏Dreamweaver系列软件产品一系列软件产品一贯简洁、高效和易用的特点，软件的多数功能都能在功能界面中非常方便地贯简洁、高效和易用的特点，软件的多数功能都能在功能界面中非常方便地找到找到 使用使用Dreamweaver CC编辑网页之前，用户应掌握该软件的基本操作方编辑网页之前，用户应掌握该软件的基本操作方法，例如创建网页、保存网页、打开网页、

9、设置网页属性以及预览网页的效法，例如创建网页、保存网页、打开网页、设置网页属性以及预览网页的效果等果等创建新网页创建新网页打开网页文档打开网页文档u 设置网页文档设置网页文档u 预览网页效果预览网页效果u 保存网页文档保存网页文档在在Dreamweaver中，用户可以创建本地站点，本地站点是本地计算机中中，用户可以创建本地站点，本地站点是本地计算机中创建的站点，其所有的内容都保存在本地计算机硬盘上，本地计算机可以被创建的站点，其所有的内容都保存在本地计算机硬盘上，本地计算机可以被看成是网络中的站点服务器。本节将通过实例操作，详细介绍在本地计算机看成是网络中的站点服务器。本节将通过实例操作，详细

10、介绍在本地计算机上创建与管理站点的方法上创建与管理站点的方法互联网中包括无数的网站和客户端浏览器，网站宿主于网站服务器中，互联网中包括无数的网站和客户端浏览器，网站宿主于网站服务器中，它通过存储和解析网页的内容，向各种客户端浏览器提供信息浏览服务。通它通过存储和解析网页的内容，向各种客户端浏览器提供信息浏览服务。通过客户端浏览器打开网站中的某个网页时，网站服务软件会在完成对网页内过客户端浏览器打开网站中的某个网页时，网站服务软件会在完成对网页内容的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器容的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器用户在规划网站时，应明确网站

11、的主题，并搜集所需要的相关信息。规用户在规划网站时，应明确网站的主题，并搜集所需要的相关信息。规划站点指的是规划站点的结构，完成站点的规划后，在创建站点时用户既可划站点指的是规划站点的结构，完成站点的规划后，在创建站点时用户既可以创建一个网站，也可以创建一个本地网页文件的存储地址以创建一个网站，也可以创建一个本地网页文件的存储地址设计网站目录结构设计网站目录结构设计网站链接结构设计网站链接结构在网络中创建网站之前，一般需要在本地计算机上将整个网站完成，然在网络中创建网站之前，一般需要在本地计算机上将整个网站完成，然后再将站点上传到网站后再将站点上传到网站Web服务器上。在服务器上。在Dream

12、weaver软件中，创建站点既软件中，创建站点既可以使用软件提供的向导创建，也可以使用高级面板创建可以使用软件提供的向导创建，也可以使用高级面板创建通过向导创建本地站点通过向导创建本地站点使用高级面板创建站点使用高级面板创建站点在在Dreamweaver中完成本地站点的创建后，用户可以选择【站点】中完成本地站点的创建后，用户可以选择【站点】|【管理站点】命令，打开【管理站点】对话框，并利用该对话框中的工具栏对管理站点】命令，打开【管理站点】对话框，并利用该对话框中的工具栏对站点进行一系列的编辑操作，例如重新编辑当前选定的站点、复制、导出或站点进行一系列的编辑操作，例如重新编辑当前选定的站点、复

13、制、导出或删除站点等删除站点等成功创建成功创建Dreamweaver本地站点后，用户可以根据需要创建各栏目文件本地站点后，用户可以根据需要创建各栏目文件夹和文件，对于创建好的站点也可以进行再次编辑，或复制与删除这些站点夹和文件，对于创建好的站点也可以进行再次编辑，或复制与删除这些站点创建站点文件与文件夹创建站点文件与文件夹重命名站点文件与文件夹重命名站点文件与文件夹u 删除站点文件与文件夹删除站点文件与文件夹在在Dreamweaver CC中，软件提供了中，软件提供了“设计设计”、“代码代码”、“拆分拆分”、“实时视图实时视图”等多种视图模式，可以帮助设计者随时查看网页的设计效果和等多种视图模

14、式，可以帮助设计者随时查看网页的设计效果和相应代码的对应状态。除此之外，在相应代码的对应状态。除此之外，在“设计设计”视图中，用户还可以使用视图中，用户还可以使用“标标尺尺”和和“网络网络”功能，精确定位网页中的各种页面元素功能，精确定位网页中的各种页面元素Dreamweaver CC文档窗口显示栏当前文档，选择【查看】命令，在文文档窗口显示栏当前文档，选择【查看】命令，在文档视图下拉菜单中，用户可以【设计】、【代码】、【拆分】、【实时视图档视图下拉菜单中，用户可以【设计】、【代码】、【拆分】、【实时视图】等视图模式，其各自的功能如下】等视图模式，其各自的功能如下设计视图设计视图代码视图代码视

15、图u 代码视图代码视图u 实时视图实时视图u 实时代码模式实时代码模式u 检查模式检查模式Dreamweaver CC提供了【标尺】和【网格】功能，用于辅助设计网页提供了【标尺】和【网格】功能，用于辅助设计网页文档。【标尺】功能可以辅助测量、组织和规划布局；【网格】功能可以绝文档。【标尺】功能可以辅助测量、组织和规划布局；【网格】功能可以绝对定位的网页元素在移动时自动靠齐网格，还可以通过指定网格设置更改网对定位的网页元素在移动时自动靠齐网格，还可以通过指定网格设置更改网格或控制靠齐行为格或控制靠齐行为使用【标尺】功能使用【标尺】功能u 使用【网格】功能使用【网格】功能网页代码指的是在网页制作过程中需要用到的一些特殊的网页代码指的是在网页制作过程中需要用到的一些特殊的“语言语言”，设，设计人员通过对这些计人员通过对这些“语言语言”进行组织编排制作出网页，然后由浏览器对代码进行组织编排制作出网页，然后由浏览器对代码进行进行“翻译翻译”后才是我们最终看到的效果。制作网页时常用的代码有后才是我们最终看到的效果。制作网页时常用的代码有HTML、JavaScript、ASP、PHP等等