从零开始动态网站制作实例入门教程[1]

从零开始:

动态网站制作实例入门教程

本期将完成动态网站的初步工作——

第一个动态站点：用DreamWeaver MX建动态站

第一个数据库：用Microsoft Access建数据库

第一次连接：连接站点页面与Access数据库

第一个动态站点

用DreamWeaver MX建动态站

马上就要用DreamWeaver建立第一个动态站点。

① 打开Dreamweaver MX 软件。

② 按下键盘上的“F8”键，打开站点窗口。

③ 点击“站点”-->“新建站点”，弹出站点定义窗口。

① 选择“基本”标签。

② 输入站点名：“myaspsite”。

③ 点“下一步”。

① 选择“是，我想采用服务器技术”。

② 服务器技术选择“ASP VBScript”。

③ 点击“下一步”。

① 确认选择“在本地进行编辑和测试”。

② 单击文件夹图标，弹出指定“文件存储位置”窗口。

③ 选中上期已经建立的“myasp”文件夹。

④ 点击“下一步”。

特别提醒：myasp文件夹已被设置为“虚拟目录”，将所有的ASP动态文件放在里面，方便管理、调试。

① 在URL文本框“http://localhost/”后面添加“myasp/”。

② 点击“测试URL”，弹出测试成功窗口。

③ 点击“确定”返回。

④ 点击“下一步”。

特别提醒：后面添加的“myasp/”可不是乱写的，它就是虚拟目录的“别名”。

① 因为是个人学习建站之用，选择“否”。

② 继续“下一步”。

确认所有设置，点击“完成”，回到DW窗口。

可以看到，DW的站点中已经有了根文件夹和一个time.asp文件（上期建立的第一个动态网页）。至此，形成了DW和本地文件操作的完美结合，所有对文件的操作只要在DW的站点里面设置就可以了。 第一个数据库

用Microsoft Access建数据库

动态网站的特点就是所有的资料都放在数据库中，再通过网页把数据显示出来。接下来就建立第一个数据库，储存网站所有的资料信息。

一、建立新数据库

① 启动Microsoft Access数据库软件。

② 点击“新建”按钮。

③ 选择“空数据库”，弹出数据库保存路径询问框。

④ 将新建数据库保存到E盘myasp文件夹里。

⑤ 数据库文件命名为“cnbruce”。

⑥ 确认后，点击“创建”。

二、设计新的数据库表

① 数据库创建成功后，主窗口中出现名为cnbruce的窗口。

② 双击“使用设计器创建表”。

① 字段名称下输入：“id”。

② 单击“数据类型”输入框，点击下拉黑箭头。

③ 选择“自动编号”。

④ 重复①→③的方法，添加字段“my_name”，数据类型“文本”。

⑤ 重复①→③的方法，添加字段“my_age”，数据类型“数字”。

⑥ 重复①→③的方法，添加字段“my_email”，数据类型“文本”。

⑦ 重复①→③的方法，添加字段“my_url”，数据类型“文本”。

① 单击 “id”字段行的左边，选中此行。

② 单击钥匙状图标，将“id”字段设为“主键”。

③ 选择磁盘图标，弹出保存窗口。

④ 将表格命名为“aboutme”，点“确定”。

三、添加数据内容

① 双击“aboutme”表，进行数据添加。

② id是自动编号，不需要填。

③ 单击my_name下的输入框，输入“cnbruce”。

④ 单击my_age 下的输入框 ，输入“23”。

⑤ 重复③的方法，设置好my_email、my_url。

⑥ 点击“保存”按钮。

⑦ 关闭整个Access数据库管理软件。

数据库及表的建立，数据的简单添加已经完成，下面就要用DreamWeaver MX软件做个ASP页面来操纵数据库表了。

第一次连接

连接站点页面与Access数据库

一、连接数据库表

① 鼠标右键单击“站点文件”按钮。

② 选择“新建文件”，命名为“showme.asp”。

③ 双击“showme.asp”文件，主窗口出现设计页面。

① 同时按下键盘上的“Ctrl”键、“Shift”键、“F10”键，打开“应用程序”面板。

② 选择“数据库”标签。

③ 点击“+”-->“自定义连接字符串”，弹出自定义对话框。

④ 连接名称输入“conn”。

⑤ 连接字符串输入：Driver={Microsoft Access Driver (*.mdb)};DBQ=e:\myasp\cnbruce.mdb

⑥ 选中“使用此计算机上的驱动程序”。

⑦ 点击“测试”，出现成功提示即可。

⑧ 点击“确定”，建立连接。回到应用程序面板，在应用程序下面多出一个conn的数据库。

特别提醒：连接名称可以随便写，但连接的字符串必须完全正确，这是ASP连接数据库的国际代码规范。

① 点击“conn”前的加号（加号变为减号，表示下级目录被展开）。

② 依次点击“表”→“aboutme”前加号，就会看到数据库表内的字段了，表明建立了和库的连接。

二、绑定记录集

① 选择“绑定”标签。

② 点击“+”-->“记录集（查询）”，弹出记录集窗口。

① “名称”输入：“tome”。

② 点击连接项下拉列表，选择“conn”。

③ 表格项选择“aboutme”。

④ 其他一律不动，点击“确定”。

特别提醒：“绑定记录集”就表示当前的页面和数据库表已经捆绑在一起了。这样可以在页面中对数据库进行修改、添加等控制。

三、显示数据库表中的记录数据

① 选择“应用程序”标签。

② 单击选中“动态表格”按钮，弹出动态表格对话框。

③ 记录集项选择“tome”。

④ 选择“所有记录”。

⑤ 点击“确定”，会自动生成一个动态表格。

① 按“F12”键，对动态表格进行预览。

② 数据库里面的所有信息全部通过网页显示出来了。一个真正的用DW制作的动态网页成功了～

以后网站的任何内容，都可以放到数据库里，再通过这种方法显示出来，是不是很方便:) 激动不？