动态网页制作入门

16
动动动动动动动动 制制制 制制制 动动动动动动动动 一、 Windows XP 动动动 IIS 动动动动动动动 动动动动

Upload: bruce-olson

Post on 30-Dec-2015

37 views

Category:

Documents


2 download

DESCRIPTION

动态网页制作入门. 一、动态网页工作原理 二、在 Windows XP 中安装 IIS 三、数据库相关知识 四、发布网站. 制作人:罗曦曦. 动态网页工作原理. 动态网页一般使用“ HTML+ 数据库 +ASP” 或“ HTML+ 数据库 +PHP ”或 “HTML+ 数据库 +JSP ”等来实现。 目前中小型网站用得较常用的是“ HTML+ 数据库 +ASP” 技术。. 在 Windows XP 中安装 IIS. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 动态网页制作入门

动态网页制作入门

制作人:罗曦曦

一、动态网页工作原理二、在 Windows XP 中安装 IIS三、数据库相关知识四、发布网站

Page 2: 动态网页制作入门

动态网页工作原理

动态网页一般使用“ HTML+ 数据库 +ASP” 或“ HTML+ 数据库+PHP” 或“ HTML+ 数据库 +JSP” 等来实现。

目前中小型网站用得较常用的是“ HTML+ 数据库 +ASP” 技术。

Page 3: 动态网页制作入门

在 Windows XP中安装 IIS

要制作动态网页,首先需要一个测试服务器。在 Windows XP 操作系统下,只要安装了 IIS ,就可以将自己的电脑设置为测试服务器。

在安装 Windows XP 时,默认状态下是不会安装 IIS 的,所以需要单独安装。

Page 4: 动态网页制作入门

安装 IIS的方法

1 、打开“控制面板”

2 、双击“添加或删除程序”

3 、单击“添加 / 删除 Windows 组件”按钮

4 、勾选“ Internet 信息服务( IIS )”,下一步

5 、开始安装,几分钟后单击“完成”

6 、在浏览器地址栏中输入 http://localhost

确认是否正确安装了 IIS

Page 5: 动态网页制作入门

设置“ luoxixi” 文件夹为 IIS 默认网站

安装了 IIS 后,还需要进行简单的设置才能用于测试网页,具体的设置文法如下。

准备工作: 先在 D 盘中新建文件夹“ luoxixi”

课堂练习 1

Page 6: 动态网页制作入门

修改 IIS的默认网站1 、打开“控制面板”2 、打开“管理工具”3 、双击“ Internet” 信息服务4 、依次单击“计算机名”和“网站”前面的加号,显示“默认网站”5 、右击“默认网站”,选择“属性”6 、选择“主目录”选项卡,修改本地路径7 、勾选“脚本资源访问”和“写入”8 、选择“文档”选项卡9 、单击“添加”按钮,输入” index.html”(index.asp) 后单击“确定”10 、弹出“继承覆盖”对话框,单击“确定”按钮。

在浏览器地址栏中输入 http://localhost确认是否正确修改

Page 7: 动态网页制作入门

在动态网站中,绝大多数网站数据(会员信息、留言内容等)都保存在数据库中。当需要某一数据时,只要单击相关链接,应用程序就会自动调用数据库中的内容,并将其显示在网页中。 要制作动态网站,首先需要创建网站所需要的数据库。常用的数据库管理系统有以下几种。•Microsoft Access•Microsoft SQL Server•Oracle•DB2

Page 8: 动态网页制作入门

创建数据库 mydb.mdb( 包含 4 个字段:编号、昵称、内容、日期和时间 )

准备工作: 先在站点文件夹中新建文件夹“ data” ,用于存放数据库。

课堂练习 2

Page 9: 动态网页制作入门

制作留言板制作留言板制作步骤:1 、创建动态站点(在 Dreamweaver 中新建动态站点)2 、制作留言列表页面 (kly.asp)

( 1 )创建数据库链接( 2 )创建记录集( 3 )设置动态文本3 、制作留言页面 (liuyan.asp)

Page 10: 动态网页制作入门

第一步:创建数据库链接 利用 Dreamweaver 中的“数据库”面板可以非常容易的连接服务器和数据库。方法一:1 、“窗口”“数据库”单击“ +” “自定义连接字符串”2 、

"Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath("/.../.../....mdb")

Page 11: 动态网页制作入门

创建数据库链接方法二:1 、“窗口”“数据库”单击“ +” “数据源名称( DSN )”2 、输入“连接名称”(例 abc ) “定义”3 、在 ODBC 数据源管理器中选择“系统 DSN” 选项卡“添加”4 、选择“ Driver do Microsoft Access(*.mdb)” “完成”5 、在 ODBC Microsoft Access 安装中单击“选择”6 、打开自己创建的数据库 mydb “确定”7 、输入数据源名 myodbc “确定”8 、返回 ODBC 数据源管理器界面“确定”9 、返回数据源名称( DSN )界面“测试”10 、如果成功则出现“成功创建连接脚本”提示

Page 12: 动态网页制作入门

第二步:创建记录集什么是记录集:记录集就是数据库表中各条记录的集合创建记录集的目的:读取数据库中的内容。

方法:1 、“绑定” 单击“ +” 按钮“记录集(查询)”2 、名称默认为“ Recordset1” (可自行修改)3 、“连接”下拉列表中选择数据库连接名4 、根据需要设置筛选或排序“测试”

Page 13: 动态网页制作入门

第三步:设置动态文本什么是动态文本:是指从数据库中读取,而不是直接输入到网页中的文本

方法一:直接从记录集中拖动相应字段

方法二:1 、将光标定位在“留言:”后面打开“服务器行为” 单击“ +”2 、选择“动态文本”3 、选择“ neirong” 字段“确定”4 、同上插入昵称和时间相对应的字段。5 、选择 <form#form1>标签“服务器行为” “ +”6 、选择“重复区域” 设置重复显示几条“确定”

Page 14: 动态网页制作入门

制作留言列表页面 (kly.asp)

课堂练习 3

Page 15: 动态网页制作入门

制作留言页面 (liuyan.asp)课堂练习 4

服务器行为插入

记录

Page 16: 动态网页制作入门

感谢聆听 !Thanks for your time