第七章 动态网页设计基础PPT课件
合集下载
动态网页设计(ASP)概述精品PPT课件
HTML 文档
根据用户请求的文 件（1.asp），执行 程序，并将执行结 果生成标准HTML 文档
动态网页程序设计
4、ASP的特点：
❖ 与HTML融合在一起； ❖ ASP是一种服务器端指令，应用程序无需编译，部署在WEB服务器端执行。 服务器将执行结果转换为HTML文件，传送给浏览器。 ASP的源程序不传到浏 览器，避免源程序被剽窃 ； ❖ ASP采用B/S结构，服务器端需要搭建支持ASP的WEB服务器，对客户端无 要求，客户端界面统一为浏览器，几乎支持任何一种浏览器； ❖ ASP采用面向对象的编程方法，提供了几种内置对象，每个对象有各自的属 性、方法、集合，设计人员根据需要调用。
开发技术大致可分为静态和动态两种。
浏览器
HTTP
LAN/WAN
WWW服务器
HTMN/WAN 服务器
WWW服务器
概述
动态网页程序设计
一、ASP简介： 早期Internet的Web网页只是静态的图文（HTML）组合，浏览者 只能在网页上阅读信息，无法进行信息查询、电子商务、论坛发言、数据库管
引言
动态网页程序设计
一、WWW的概念： 1、WWW简介：是一种开放式的超文本应用，用户可以通过它查找和检索
Internet上的资源。（最主要的Internet 2、采用的协议：HTTP（建立通信—发出请求—给出响应—结束通信）
3、WWW的结构：B/S，每次信息交换都要涉及到客户端和服务器端两个层面。
例：编写ASP应用程序，返回当前日期及星期。
<% @ language=vbscript %>
<html><body> 今天为<% response.write(date()) %>
《动态网页程序设计》课件
3 AJAX
AJAX允许网页进行异步通 信，无需刷新整个页面， 提升用户体验。
后端技术简介
1 PHP
PHP是一种用于服务器端 网页开发的脚本语言，可 用于生成动态网页内容。
2 MySQL
MySQL是一种开源的关系 型数据库管理系统，ode.js是一个基于Chrome V8引擎的JavaScript运行环 境，可以使JavaScript运行 在服务器端。
《动态网页程序设计》 PPT课件
本课件介绍了动态网页程序设计的概念、前后端技术和框架，以及实战开发 案例，最后总结了其发展趋势和未来展望。
简介
什么是动态网页程序设计
动态网页程序设计是一种使用动态编程语言和 技术构建交互性网页的方法，使网页能够根据 用户的输入或操作实时进行更新与响应。
动态网页程序设计的作用和意义
通过前后端技术实现完整的在线购物系统，包括商品展示、购物车管理和订单处 理。
总结
动态网页程序设计的发展趋势
动态网页程序设计将越来越趋向于提供更好的用户体验、更高的性能和更丰富的功能。
动态网页程序设计的未来展望
随着技术的发展，动态网页程序设计将继续创新，并与人工智能、虚拟现实等领域相融合。
Bootstrap
Bootstrap是一个用于构建响应 式网页的HTML、CSS和 JavaScript框架，使网页在不同 设备上的显示更加友好。
Vue.js
Vue.js是一个用于构建用户界面 的渐进式JavaScript框架，易学 易用且具有高效性能。
后端框架
Laravel
Laravel是一个基于PHP的开源Web应用程序框架， 提供了简洁、优雅的语法和丰富的功能。
动态网页程序设计使用户能够与网页进行实时 互动，提升用户体验和页面功能。它也为开发 者提供了更多灵活性和扩展性。
网页制作基础教程第七章.ppt
编辑。 （1）将位图转化为矢量图。
上一页 下一页
7.1 Flash MX 2004简介
（2）分离位图。 Flash中添加到文档中的位图图像是一个整体，我们只能对
其进行变形和移动操作，并不能对其局部进行修改。 如果要对其局部进行修改，则必须先对其进行分离位图操作，
将该图像转换为多个独立的填充区域线条，再使用套索工具 对其局部进行选择，然后再进行编辑。
以创建内容。 （4）空白帧。 空白帧中没有任何内容，它在时间轴中是一个白色背景的帧。
上一页 下一页
7.4 制作Flash动画
（5）动作帧。 动作帧也是一种关键帧，它表示在该帧中添加了动作脚本，
当动画播放到该帧后则执行该帧中的动作。 （6）过渡帧。 过渡帧是由Flash MX 2004计算生成的两个关键帧之间的
上一页 返 回
7.3 场景和图层
7.3.1 场景
场景好比电影中的镜头，一个导演在制作电影的过程中不可 能仅仅使用一个镜头就拍出电影，他在拍摄过程中往往将电 影分成若干个镜头分别进行拍摄。在拍摄完成之后，再根据 安排好的剧本将其按顺序播放。
Flash动画的制作也和拍摄电影相同，在制作过程中用户可 将动画的不同部分放置在不同的场景中，在电影发布中再将 其按顺序播放。
档选项卡”。
上一页 下一页
7.1 Flash MX 2004简介
7.1.2 浮动面板
Flash MX 2004有很多面板，默认状态下，在“舞台”的 正下方有三个比较常用的浮动面板，分别是“帮助”面板、 “动作”面板和“属性”面板，单击面板的“标题栏”，可 以依次展开它们，如图7-9所示。
1. “帮助”面板 “帮助”面板可以随时对软件的使用或动作脚本语法进行查
上一页 下一页
7.1 Flash MX 2004简介
（2）分离位图。 Flash中添加到文档中的位图图像是一个整体，我们只能对
其进行变形和移动操作，并不能对其局部进行修改。 如果要对其局部进行修改，则必须先对其进行分离位图操作，
将该图像转换为多个独立的填充区域线条，再使用套索工具 对其局部进行选择，然后再进行编辑。
以创建内容。 （4）空白帧。 空白帧中没有任何内容，它在时间轴中是一个白色背景的帧。
上一页 下一页
7.4 制作Flash动画
（5）动作帧。 动作帧也是一种关键帧，它表示在该帧中添加了动作脚本，
当动画播放到该帧后则执行该帧中的动作。 （6）过渡帧。 过渡帧是由Flash MX 2004计算生成的两个关键帧之间的
上一页 返 回
7.3 场景和图层
7.3.1 场景
场景好比电影中的镜头，一个导演在制作电影的过程中不可 能仅仅使用一个镜头就拍出电影，他在拍摄过程中往往将电 影分成若干个镜头分别进行拍摄。在拍摄完成之后，再根据 安排好的剧本将其按顺序播放。
Flash动画的制作也和拍摄电影相同，在制作过程中用户可 将动画的不同部分放置在不同的场景中，在电影发布中再将 其按顺序播放。
档选项卡”。
上一页 下一页
7.1 Flash MX 2004简介
7.1.2 浮动面板
Flash MX 2004有很多面板，默认状态下，在“舞台”的 正下方有三个比较常用的浮动面板，分别是“帮助”面板、 “动作”面板和“属性”面板，单击面板的“标题栏”，可 以依次展开它们，如图7-9所示。
1. “帮助”面板 “帮助”面板可以随时对软件的使用或动作脚本语法进行查
动态网页设计制作课件(asp
6
二、利用HTML创建框架网页 利用 创建框架网页
创建框架网页时首先要指定框架结构， 创建框架网页时首先要指定框架结构，即必须有一 个网页用于指定整个浏览器窗口如何划分， 个网页用于指定整个浏览器窗口如何划分，也就是所谓 框架集网页。 的框架集网页。在框架集网页中不包含任何可显示的内 容，只是包含如何组织各个框架的信息和框架中的初始 页面信息。 页面信息。 所有的框架标记都放在一个HTML文档中。 文档中。 所有的框架标记都放在一个 文档中 HTML页面的文档体标签 页面的文档体标签<body>被框架集标签 被框架集标签 页面的文档体标签 <frameset>所取代，然后通过 所取代， 所取代 然后通过<frameset>的子窗口标 的子窗口标 定义每一个子窗口和子窗口的页面属性。 签<frame>定义每一个子窗口和子窗口的页面属性。 定义每一个子窗口和子窗口的页面属性
5
2. 框架网页的结构
根据框架分布的不同和各框架作用的不同， 根据框架分布的不同和各框架作用的不同， 框架网页被分为多种类型。 框架网页被分为多种类型。 常用框架结构有： 常用框架结构有： 左侧框架、右侧框架、顶部框架、底部框架、 左侧框架、右侧框架、顶部框架、底部框架、 上方和下方框架以及各种嵌套框架结构。 上方和下方框架以及各种嵌套框架结构。
14
二、利用Dreamweaver创建框架网页 利用 创建框架网页
（一） 创建框架 1. 框架的结构 2. 创建框架集 3. 编辑框架集 4. 保存框架 5. 框架属性设置
15
1. 框架的结构
框架（ 框架（Frames）由框架集（Frameset）和 ）由框架集（ ） 单个框架（ 单个框架（Frame）两部分组成。框架集是一个 ）两部分组成。 定义框架结构的网页，包括网页内框架的数目、 定义框架结构的网页，包括网页内框架的数目、 每个框架的大小、 每个框架的大小、框架内网页的来源和框架的其 它属性等。单个框架包含在框架集中， 它属性等。单个框架包含在框架集中，是框架集 的一部分，每个框架中都放置一个内容网页， 的一部分，每个框架中都放置一个内容网页，组 合起来就是浏览者看到的框架式网页。 合起来就是浏览者看到的框架式网页。
《动态网页设计》PPT课件
动态网页设计 – Part 3
Part 3 PHP基础
如何界定php代码 介绍对代码加注释的各种方法 如何使用echo()等语句输出数据 讨论PHP的数据类型、变量、操作符和语句 介绍PHP的关键控制结构和语句，如 if-
else-elseif等
Part 3 PHP基础 – 界定代码
界定PHP代码 – 实例：test.php
print "This is another PHP example."; </script> › ASP风格
<% print "This is another PHP example."; %>
Part 3 PHP基础 – 界定代码
界定PHP代码
› 嵌入多个代码块 <html>
<head> <title><?php echo "Welcome to my site!"?></title> </head> <body> <?php
用
Part 3 PHP基础 – 数据类型
特殊数据类型
› 包括那些提供某种特殊用途的类型，无法归入其 他任何类别，包括空（null）和资源（resource）
› 资源
通常，与外部数据源（如数据库、文件、网络流等） 交互时，通过句柄（handle）完成，成功连接资源 时会对句柄命名，这些句柄将保持对资源的引用， 直到通信结束。这些句柄就属于资源数据类型，如 fopen()，mysql_connect()
› sprintf()
功能与printf()类似，但将输出指派到字符串，而不 是直接指派到标准输出
Part 3 PHP基础
如何界定php代码 介绍对代码加注释的各种方法 如何使用echo()等语句输出数据 讨论PHP的数据类型、变量、操作符和语句 介绍PHP的关键控制结构和语句，如 if-
else-elseif等
Part 3 PHP基础 – 界定代码
界定PHP代码 – 实例：test.php
print "This is another PHP example."; </script> › ASP风格
<% print "This is another PHP example."; %>
Part 3 PHP基础 – 界定代码
界定PHP代码
› 嵌入多个代码块 <html>
<head> <title><?php echo "Welcome to my site!"?></title> </head> <body> <?php
用
Part 3 PHP基础 – 数据类型
特殊数据类型
› 包括那些提供某种特殊用途的类型，无法归入其 他任何类别，包括空（null）和资源（resource）
› 资源
通常，与外部数据源（如数据库、文件、网络流等） 交互时，通过句柄（handle）完成，成功连接资源 时会对句柄命名，这些句柄将保持对资源的引用， 直到通信结束。这些句柄就属于资源数据类型，如 fopen()，mysql_connect()
› sprintf()
功能与printf()类似，但将输出指派到字符串，而不 是直接指派到标准输出
最新第7、8、9章《动态网页设计与制作实用教程》(梁)课件PPT
矢量图像 特点
矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像 文件包含独立的分离图像，可以自由无限制的重新组合。
放大后图像不会失真，和分辨率无关，文件占用空间较小，适用于图形 设计、文字设计和一些标志设计、版式设计等。
矢量图的优点和缺点归纳如下：
优点 （1）文件小； （2）图像元素对象可编辑； （3）图像放大或缩小不影响图像的分辨率； （4）图像的分辨率不依赖于输出设备；
常见图像文件格式对比3
图像文件格式 使用兼容软件
一般用途
EPS (*.eps/*.epsf)
Illustrator Photoshop等
印刷或打印输出
PDF (*.pdf)
Adobe Acrobat Photoshop可打开
电子文档
RAW
Filmstrip (*.flm)
Photoshop cs
7.2.2 Fireworks MX 的工作界面
进入Fireworks MX工作状态之前，我们先要来熟悉Fireworks MX的工作界面。Fireworks MX 的 界面大致可以分为文档窗口、工具栏、工具箱、面板和菜单等几项。 1. 菜单栏
Fireworks MX的主菜单共有文件、编辑 、视图、选择、修改、文本、命令、滤镜、窗口、帮助 等十个主菜单项，每个主菜单项又有多个子菜单。在后面的应用中我们将具体讲解他们的功能和用 法。 2. 文档窗口
5. 文本增强功能。针对文本与字体的特性，Fireworks MX对文本作了相当 多的增强功能，可以控制文本的方向为水平或垂直及文本的具体走向等。
6. 历史面板。历史面板提供撤消和恢复的灵活机制，以列表的形式记录和 显示编辑图像时进行的所有操作步骤，拖动历史面板的滑块，可以对已经操作的 步骤进行相关的操作。
《动态网页设计》幻灯片
良好的安全性。由于PHP本身的代码开放所以它的代码在许多工程师手中
进行了检测，同时它与Apache编绎在一起的方式也可以让它具有灵活的安
全设定。到现在为止，PHP具有了公认的安全性能。
PHP的缺点如下：
数据库支持的极大变化。由于PHP的所有扩展接口都是独立团队开发的，
项
同时在开发时为了形成相应数据的个性化操作，所以PHP虽然支持许多数据
发组所给出的接口。缺少正规的商业支持，这也是自由软件一向的缺点。
无法实现商品化应用的开发。由于PHP没有任何编绎性的开发工作，所有
的开发都是基于脚本技术来完成的，所有的源代码都无法编译，所以完成的
应用只能是自己或是内部使用，无法实现商品化。
4．JSP
JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端
目 6
库，可是针对每种数据库的开发语言都完全不同。
安装复杂。由于PHP的每一种扩充模块并不是完全由PHP本身来完成，需 动
态
要许多外部的应用库，如图形需要gd库，LDAP需要LDAP库，……，这样
网
页
在安装完成相应的应用后，再联编进PHP中来。
设
计
缺少企业级的支持。没有组件的支持，那么所有的扩充就只能依靠PHP开
页 设
简单、书写容易，同时Internet上也有大量的代码可以共享。
计
与Apache及其它扩展库结合紧密。PHP与Apache可以以静态编绎的方
式结合起来，而与其它的扩展库也可以用这样的方式结合（Windows平台
除外）。这种方式的最大的好处就是最大利用了CPU时间和内存，同时极为
有效的利用了Apache的高性能的吞吐能力。
项
《网页设计基础》课件
字体运用技巧
讲解如何选择适合的字体， 以及如何运用字体来增强网 页设计的可读性。
用户体验设计
1
用户体验概述
介绍用户体验的重要性和目标，以及如何创造积极的用户体验。
2
用户分析技巧
讲解如何进行用户分析，并如何将这些分析应用于用户体验设计。
3
用户行为模型
探索用户行为模型，如用户目标和使用场景，以指导用户体验的设计和优化。
SEO优化
SEO基础知识
介绍搜索引擎优化的基本知识，包括关键字研究和网站结构优化等方面。
SEO技巧介绍
讲解如何通过内容优化、链接建设和社交媒体等技巧来提高网站的搜索排名。
SEO工具使用
介绍常用的SEO工具，如Google Analytics和Moz等，并讲解其功能和用途。
响应式设计
响应式设计概念
图标设计技巧
图形元素运用
探索图标设计的关键技巧，如 简洁性、可识别性和可扩展性。
讲解如何将图形元素巧妙地应 用于网页设计中，以增强视觉 效果。
字体设计
字体的作用
探讨字体在网页设计中的重 要性，如对读者的影响和品 牌形象的表达。
字体分类介绍
介绍常见的字体分类，如衬 线体、无衬线体和手写体， 并讨论其特点和适用场景。
色彩设计
1 色彩的作用
探讨色彩在网页设计中 的重要性，包括情绪传 达和品牌形象等方面。
2 色彩搭配原则
介绍色彩搭配的基本原 则和技巧，以及如何选 择适合的色彩组合。
3 色彩运用技巧
讲解如何巧妙地运用色 彩，以增强网页设计的 吸引力和可读性。
图形设计
图形设计原则
介绍图形设计的基本原则，包 括对比、重和对齐等方面。
介绍响应式设计的基本原理 和优势，以及如何创建适应 不同设备的网站。
动态网页基础 (ppt 32页)
由于微软市场政策的原因，ASP在使 用上有一定的局限性——ASP只能运行在
微软的操作系统平台下，其工作环境只能 是微软的IIS（Internet Informtion Server， 互联网信息服务）和PWS（Pesoner Web Server，个人Web服务），同时， ActiveX控件也对于操作平台有所依赖，
随着网络技术的发展，出现了动态网
页。所谓“动态”，是指网页上显示的内 容是可以改变、可以交互的。“可以改变” 是指随着条件的不同，同一网页可以出现 不同内容；“可以交互”是指网站与用户 间的信息可以互通，用户的信息可以传送 到网络上，供网站收集、分析，网站也可 以根据用户的需求发送给用户相应的信息。
网络中浏览的静态网页都是一个个的 HTML文件，这些网页中可以包含文字、 图片、动画和声音，以及能够跳转到其他 文件的超级链接。所有的这些东西都是以 超文本标记语言方式进行编写。
HTML文件通过所包含的特殊命令， 来告诉用户的浏览器应该如何显示文本、 图像以及网页的背景。这些命令加入到文 本文件中，被称为HTML标记。如果在浏 览器显示网页时查看网页的文本，可以看 见在尖括号中的HTML标记。
JSP动态网页基础教程
第1章 JSP入门基础
1.1
动态网页基础
1.2 【案例1】第一个JSP动态网页
1.1 动态网页基础
1.1.1 WWW的基本概念
互联网之所以能够风靡世界，除了它 拥有快捷的全球通信功能外，还在于它具 有巨大的网络信息资源和各种人们所需的 服务。
万维网（WWW，WorldWideWeb）浏 览，电子邮件（E-mail）、网络论坛（电子 公告牌，BBS）、新闻组（NewsGroup）、 文件传输（FTP）和电子商务等都是互联网 中最常用的基本服务内容。
《动态网页制作》整体设计精品PPT课件
PPT模板下载： 节日PPT模板： PPT背景图片： 优秀PPT下载： Word教程： 表格下载：
范文下载：
行业PPT模板： PPT素材下载：
LOGO PPT图表下载：
PPT教程： Excel教程： PPT课件下载：
动
网
制
——课程整体设计
第1 页
信息工程系 孔小婧
CONTENTS 目录页
PAGE
目 录
第三学年
职业发展与就业指导
网络综合布线 动态网页制作
路由与交换机配置 网络攻击与防御 防火墙与入侵检测技术
顶岗实习
职业公共领域 课程
专业 基础 课程
专业 核心 课程
课程简介：企业需求
招聘需求来自：中华英才网 搜索关键词：PHP 开发工程师
课程目标设计
本课程主要讲授PHP语言的基本
概念、MySQL数据库基础知识，以
合计
学时
12 8 8 24 12 12 76
能力训练子项目
❖1-1 PHP开发平台的搭建
4学时
❖1-2 PHP网站开发项目基础语法
8学时
❖2-1 诚信管理论坛需求分析与实现
4学时
❖2-2 诚信管理论坛数据库管理与优化 4学时
❖3-1 设计与实现用户数据表操作
2学时
❖3-2 板块数据表操作的设计与实现
❖方向
▪ 以WAMP/phpstudy 为开发平台 ▪ 以讲述使用PHP语言开发Web应用系统为主线 ▪ 项目案例以实际案例贯穿全书，兼用小案例
课程目标设计
知识目标
➢掌握PHP开发运行环境的搭建 与使用方法； ➢掌握PHP的基本语法； ➢掌握PHP数组与多维数组； ➢掌握PHP自定义函数与常用内 置函数； ➢了解动态页面生成原理； ➢掌握Apache服务器管理与配置 方法； ➢掌握MySQL数据库管理方法； ➢掌握MySQL的SQL编程知识。
范文下载：
行业PPT模板： PPT素材下载：
LOGO PPT图表下载：
PPT教程： Excel教程： PPT课件下载：
动
网
制
——课程整体设计
第1 页
信息工程系 孔小婧
CONTENTS 目录页
PAGE
目 录
第三学年
职业发展与就业指导
网络综合布线 动态网页制作
路由与交换机配置 网络攻击与防御 防火墙与入侵检测技术
顶岗实习
职业公共领域 课程
专业 基础 课程
专业 核心 课程
课程简介：企业需求
招聘需求来自：中华英才网 搜索关键词：PHP 开发工程师
课程目标设计
本课程主要讲授PHP语言的基本
概念、MySQL数据库基础知识，以
合计
学时
12 8 8 24 12 12 76
能力训练子项目
❖1-1 PHP开发平台的搭建
4学时
❖1-2 PHP网站开发项目基础语法
8学时
❖2-1 诚信管理论坛需求分析与实现
4学时
❖2-2 诚信管理论坛数据库管理与优化 4学时
❖3-1 设计与实现用户数据表操作
2学时
❖3-2 板块数据表操作的设计与实现
❖方向
▪ 以WAMP/phpstudy 为开发平台 ▪ 以讲述使用PHP语言开发Web应用系统为主线 ▪ 项目案例以实际案例贯穿全书，兼用小案例
课程目标设计
知识目标
➢掌握PHP开发运行环境的搭建 与使用方法； ➢掌握PHP的基本语法； ➢掌握PHP数组与多维数组； ➢掌握PHP自定义函数与常用内 置函数； ➢了解动态页面生成原理； ➢掌握Apache服务器管理与配置 方法； ➢掌握MySQL数据库管理方法； ➢掌握MySQL的SQL编程知识。
动态网站设计 ch7(精选)PPT共23页
39、没有不老的誓言，没有不变的承 诺，踏 上旅途 ，义无 反顾。 40、对时间的价值没有没有深切认识 的人， 决不会 坚韧。 ——德 谟克利 特 67、今天应做的事没有做，明天再早也 是耽误 了。——裴斯 泰洛齐 68、决定一个人的一生，以及整个命运 的，只 是一瞬 之间。 ——歌 德 69、懒人无法享受休息之乐。——拉布 克 70、浪费时间是一桩大罪过。——卢梭
动态网站设计 ch7（精选）
36、“不可能”这个字(法语是一个字 )，只 在愚人 的字典 中找得 到。--拿 破仑。 37、不要生气要争气，不要看破要突 破，不 要嫉妒 要欣赏 ，不要 托延要 积极， 不要心 动要行 动。 38、勤奋，机会，乐观是成功的三要 素。(注 意：传 统观念 认为勤 奋和机 会是成 功的要 素，但 是经过 统计学 和成功 人士的 分析得 出，乐 观是成 功的第 三要素 。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2020/9/16
mkyy
5
动
态
网
页
运
行
模
式
网页中加入一定的代码，用户访问时动 态的从服务器中存取网页，请求不同获得不
同内容的网页。
2020/9/16
mkyy
6
A
ASP简介：
S
–直接在HTML文件中嵌入服务器端脚本
P
–ASP文件也是文本文件，包括HTML标记、
动
ASP脚本语句（用<%和%>界定）和COM
删除数据库：选中连接,单击“-”按钮。
2020/9/16
mkyy
15
Asp应用程序、OLE DB、 ODBC和数据库间的关系
ASP 应用程序
ADO 组件
OLE DB 接口
OLE DB ODBC 提供程序
OLE DB 其它数据 提供程序
ODBC 驱动程序
各种 数据库
2020/9/16
mkyy
16
建立数据源
创
–测试。
建
2020/9/16
mkyy
18
直 接 用
ODBC 建 立
单击”数据库”面板上的”+”按钮。 打开对话框:选择”自定义连接字符串”。 输入连接名称。 连接字符串输入字符串： –格式1：用Access驱动程序连接
“Driver={Microsoft Access Driver(*.mdb)};DBQ=实际路径\数据库名称”
会被服务器端执行的网页，通常在服务器
和 端以扩展名asp或aspx储存，表示里面内
动 容是Active Server Pages（ASP）动态网
态 页，有需要执行程序。
网
常见动态网页：ASP、PHP、CGI和JSP。
页
2020/9/16
mkyy
4
静
态
网
页网页， 网页内容不变。
mkyy
2
第一节 网站应用程序开发基础
静态网页和动态网页 静态网页和动态与网页运行模式 ASP技术简介 安装IIS 设置IIS IIS测试
2020/9/16
mkyy
3
静 静态网页：是指内容固定不变的纯粹HTML 态 网页，通常扩展名是.htm或.html。
网
动态网页：在网页内含有程序代码，并且
页
IIS
/删除Windows组件”,在对话框中选择
“Internet 信息服务”(IIS),根据提示进行，
最后单击“完成”即可。
设置IIS:
在网页中显示当前系统日期和时间
–修改根目录
–创建虚拟目录
2020/9/16
mkyy
8
修
打开Internet信息服务窗口。
改
展开“网站”，在“默认网站”上右击，
网 选择属性。
测
例1、统计和显示网页中选中的项目
试
Request对象：获取来自浏览器端的，用
Post或Get方法发送的数据。
Response对象：向浏览器端发送数据。
2020/9/16
mkyy
11
<%=request.form("sport").count%>项,分别
是:<br><hr>
IIS
<%
测
for i=1 to request.form("sport").count
第七章 动态网页设计基础
2020/9/16
mkyy
1
2020/9/16
本章提纲
本章内容: 第一节 网站应用程序开发基础 第二节 在网页中使用数据库 第三节 综合实例 补充：特效代码 /wytx/ 重点难点： 在网页中使用数据库
网页、服务器、客户端、数据库间数据的传递过程
试
response.Write(request.form("sport")(i) &"<br>")
next
%>
2020/9/16
mkyy
12
第二节 网页中使用数据库
创建数据库 连接数据库 绑定记录集 添加服务器行为 编辑调试网页
2020/9/16
mkyy
13
创 建 数 据 库
2020/9/16
打开Access数据库软件 建立Access数据库 – “新建”/“空数据库” – 保存数据库文件 选择“表”项目 表的创建 –使用设计器创建 –使用向导创建 –通过输入数据创建 在设计器中输入字段名，选择数据类型。 注意: 各字段的数据类型及函数的应用。 主关键字的设置。 字段名用英文且与网页中表单元素名相同。
建
–确定 创建连接
2020/9/16
mkyy
17
用
要创建连接，必须先建立一个站点，将 所有有关的文件（网页，CSS样式文件，多
系 媒体文件等）文件夹都放入到指定的站点根
统 文件夹中。
ODBC 过
–单击”数据库”面板上的”+”按钮。 –打开对话框:选择”数据源名称(DSN)”。
滤
–输入连接名称。
器
–选择数据源名称。
用
–打开ODBC对话框:选择“控制面板”/“性能和
系
维护”/“管理工具”/“数据源”
统
–选择“系统DSN”选项卡 –选择创建数据库的软件驱动程序
ODBC –建立系统数据源
过
• 输入数据源名称
滤
• 选择已建立的Access数据库 注意：
器
DSN(Data Source Name)表示用于将应用程序和
创 某个数据库相连接的集合。
态
组件调用
网
–有两种脚本引擎：VBScript和
页
JavaScript,缺省为VBScript
技
简单ASP网页：
术
在网页中显示当前系统日期和时间
2020/9/16
mkyy
7
安装IIS:
–将Windows xp(Windows 2000)的安装光盘放
入
驱动器中。
–选择“控制面板”/“添加/删除程序”/“添加
录
在向导按照提示操作：
创
–输入虚拟路径名。
建
–Htm或Asp文件所在的实际文件夹。
单击“下一步”按钮设置权限。
单击“完成”。
2020/9/16
mkyy
10
http://locahost[/虚拟路径名/文件名]
http:// 127.0.0.1/路径名/文件名
IIS
http:// 计算机名/路径名/文件名
站
打开默认网站属性对话框。
的
选择“主目录”选项卡，修改“主目
根
录”/“本地路径”。
目
选择“文档”选项卡，修改“文
录
档”/“启用默认文档”。
确定。
2020/9/16
mkyy
9
打开Internet 信息服务窗口打开。
虚
展开“网站”，在“默认网站”上右击，
拟
选择“新建”/“虚拟目录”。
目
打开“新建虚拟目录”向导。
mkyy
14
连接类型：ADO、ODBＣ
–ADO(Active Data Object),通过对象连接和
连
嵌入数据库接口(OLE DB)或开放数据互连
接
(ODBC)来访问不同的数据库来源。
数 据
–创建连接 • 利用系统的ODBC过滤器创建 • 直接用ODBC创建
库
编辑数据库连接
在连接上右击,选择编辑连接