1 / 16

动态网页制作入门

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

bruce-olson
Download Presentation

动态网页制作入门

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 动态网页制作入门 一、动态网页工作原理 二、在Windows XP中安装IIS 三、数据库相关知识 四、发布网站 制作人：罗曦曦

  2. 动态网页工作原理 动态网页一般使用“HTML+数据库+ASP”或“HTML+数据库+PHP”或“HTML+数据库+JSP”等来实现。 目前中小型网站用得较常用的是“HTML+数据库+ASP”技术。

  3. 在Windows XP中安装IIS 要制作动态网页，首先需要一个测试服务器。在Windows XP操作系统下，只要安装了IIS，就可以将自己的电脑设置为测试服务器。 在安装Windows XP时，默认状态下是不会安装IIS的，所以需要单独安装。

  4. 安装IIS的方法 1、打开“控制面板” 2、双击“添加或删除程序” 3、单击“添加/删除Windows组件”按钮 4、勾选“Internet信息服务（IIS）”，下一步 5、开始安装，几分钟后单击“完成” 6、在浏览器地址栏中输入http://localhost 确认是否正确安装了IIS

  5. 课堂练习1 设置“luoxixi”文件夹为IIS默认网站 安装了IIS后，还需要进行简单的设置才能用于测试网页，具体的设置文法如下。 准备工作：先在D盘中新建文件夹“luoxixi”

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

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

  8. 课堂练习2 创建数据库mydb.mdb(包含4个字段：编号、昵称、内容、日期和时间) 准备工作：先在站点文件夹中新建文件夹“data”，用于存放数据库。

  9. 动态网页实例 • 制作留言板 • 制作步骤： • 1、创建动态站点（在Dreamweaver中新建动态站点） • 2、制作留言列表页面(kly.asp) • （1）创建数据库链接 • （2）创建记录集 • （3）设置动态文本 • 3、制作留言页面(liuyan.asp)

  10. 第一步：创建数据库链接 • 利用Dreamweaver中的“数据库”面板可以非常容易的连接服务器和数据库。 • 方法一： • 1、“窗口”“数据库”单击“+” “自定义连接字符串” • 2、 "Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath("/.../.../....mdb")

  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、如果成功则出现“成功创建连接脚本”提示

  12. 第二步：创建记录集 • 什么是记录集：记录集就是数据库表中各条记录的集合 • 创建记录集的目的：读取数据库中的内容。 • 方法： • 1、“绑定” 单击“+”按钮“记录集（查询）” • 2、名称默认为“Recordset1”（可自行修改） • 3、“连接”下拉列表中选择数据库连接名 • 4、根据需要设置筛选或排序“测试”

  13. 第三步：设置动态文本 • 什么是动态文本：是指从数据库中读取，而不是直接输入到网页中的文本 • 方法一：直接从记录集中拖动相应字段 • 方法二： • 1、将光标定位在“留言：”后面打开“服务器行为” 单击“+” • 2、选择“动态文本” • 3、选择“neirong”字段“确定” • 4、同上插入昵称和时间相对应的字段。 • 5、选择<form#form1>标签“服务器行为” “+” • 6、选择“重复区域” 设置重复显示几条“确定”

  14. 课堂练习3 制作留言列表页面(kly.asp)

  15. 课堂练习4 制作留言页面(liuyan.asp) 服务器行为插入记录

  16. 感谢聆听! Thanks for your time

More Related