《Dreamweaver MX》实验要求

实验3 设置 Web 站点

实验4 IIS 发布站点

实验5 使用模板创建文档

实验6 用表格布局页面

实验7 用框架布局页面

实验8 在网页中添加多媒体

实验9 在主页加入表单：搜索”引擎、跳转菜单

实验10 主页显示站点访问计数器

实验11 创建访问网络数据库的主页面

实验12 创建访问网络数据库的细节页面

* 个人网站空间使用说明

 1.“中国学生网”个人网站空间

    支持 ASP，但下载 ASP 网页不带 ASP 代码。

   浏览网上书店 浏览管理书店 

 2.“网易”个人网站空间

    不支持 ASP，但可以下载带 ASP 代码的网页。

    下载网上书店 下载管理书店 下载动态网页

实验1 申请个人网站空间

实验名称：申请个人网站空间

所用软件：IE 浏览器、CuteFTP 软件

实验目的：到中国学生网申请 50MB ASP 空间，在国际互联网上建立一个自己的家。

实验过程：

1.登录“中国学生网”购买交费的 网站空间，

 建立一个“互联网上的家园，展现自我的空间，勾画心中的蓝图，描绘美好的人生”。

  发展方向提供网络虚拟空间，如朋友留言、知已聊天、学术论坛、……。

  ASP 空间动态网页服务，支持ASP网页、ASP论坛、ASP留言版、Access数据库。

  50MB ASP 空间5个人共用每人10MB空间，每月交费4元，每人0.8元。

 2.共用的网站空间中每人一个文件夹，文件夹名用姓名的拼音首字母。

  每个人应有自己的主页 index.htm。

3.填写用户名和口令，要求用笔记录，用户名不能忘记。

  用户名：如，wltd828（网络天地828），只能用拼音或英文字母，不能用汉字。

  口令：******

 电子邮件：如，fsxss@tom.com，要求真实邮箱，

 用于接收学生网发送的有关个人网站空间开通的邮件。

4.交费开通个人网站空间后，下载文件上传下载软件 CutFTP32.rar。

 打开 CutFTP32 软件，建立新站点，填写资料。

  主机地址，如 asp2.6to23.com, vip.6to23.com, my.6to23.com

  用户名：如 wltd828

  口令：如，******

5.选择本地磁盘站点上的文件 如，index.htm，点击上传按钮传送到远程个人空间。

6.在 IE 浏览器地址栏输入网址，如 http://asp2.6to23.com/wltd828 ，

 打开个人主页。

心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？

实验2 建立站点主页

5.实验要求页面：填写班级、学号、姓名。链连实验结果。

6.要求个人主页链接：网络作业|实验要求|期中机试|期末机试|网络书店|网络天地

<%

'定义日期时间

today=formatdatetime(now(),1)&formatdatetime(now(),3)

'1.创建连接对象 Connection

set cn=Server.CreateObject("ADODB.Connection")

'虚拟主机OLEDB：注意中国学生网要求的数据库引擎（驱动 OLEDB 连接），

'修改“/会员名/路径/数据库名”，要与实际对应。

cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;

DATA SOURCE="&Server.MapPath ("/fsxss/mdb/wssdk.mdb")

'a.自管主机软件要求 Windows Server 2000 服务版，IIS 管理发布 Web 站点，

   支持 ASP 脚本运行。

'b.自管主机OLEDB：提供程序MICROSOFT.JET.OLEDB.4.0，

   数据源路径要对应本机硬盘物理路径。

'cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;

DATA SOURCE="&Server.MapPath ("/mdb/wssdk.mdb")

'cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;

DATA SOURCE=E:/E 网站编辑/mdb/wssdk.mdb"

'c.自管主机ODBC：无DNS、Access 数据库驱动程序，

   数据库查询 DBQ 路径要对应本机硬盘物理路径。

'cn.open "Driver={Microsoft Access Driver(*.mdb)};

DBQ=E:/网站编辑/mdb/wssdk.mdb"

'd.自管主机ODBC：无DNS、SQL 数据库驱动程序。

'cn.Open"Driver={SQL Server};Database=wssdk;

Server=Local Server;UID=sa;PWD="

'数据库驱动为 SQL Server；数据库名，如 wssdk；

'服务器名，如 Local Server，要与实际对应；

'用户身份可用系统管理员 sa；密码为空。

'2.创建记录集对象 Recordset

set rs=Server.CreateObject("ADODB.Recordset")

'3.打开计数表，向计数字段赋值,用Update写入

rs.open"select 计数 from 计数表",cn,adOpenDynamic,3

rs("计数")=rs("计数")+1

rs.Update

rs.close

rs.open"select 计数 from 计数表",cn,3

%>

实验3 设置 Web 站点

 高级定义本地站点（P51）

1.站点—新站点—高级选项卡—

2.类别：本地信息、远程信息、测试服务器、站点地图布局。

 1)本地信息设置：

• 站点名称：如，网络书店
• 本地根文件夹：如，E:\本地站点
• 默认图像文件夹：
• HTTP 地址：如果本地编辑后上传到服务器，不输入HTTP 地址。

 2)远程信息设置：

• 访问：FTP
• FTP 主机：如，asp.6to23.com
• 主机目录：ASP 空间，如 fsxss，虚拟主机，如 www/fsxss
• 登录：如，fsxss
• 密码：******

 3)测试服务器设置：

• 服务器模型：ASP JavaScript
• 访问：本地/网络
• 测试服务器文件夹：如，F:\网站测试
• URL 前缀（站点根文件夹）：http://localhost/  http://127.0.0.1

 4)站点地图布局设置：

• 主页：如，E:\本地站点\index.htm
• 图标标签：页面汉字标题

实验4 IIS 发布站点

* 发布 Web 站点 ASP 网页（P86）

本地自管主机要设置 IIS 或 Dreamweaver，远程虚拟主机不是用户设置。

 1.本地自管主机 IIS 发布 Web 站点 ASP 网页

  1）软件要求 Windows Server 2000 服务版，支持 ASP 脚本运行。

  2）Windows 网上邻居属性，设置网卡 IP 地址，如 200.0.0.1。

  3）IIS 站点服务器设置：

     主目录：如，E:\本地站点

     文档：如，index.asp

     启动运行网络书店。

  4）网页中指定调用脚本

    <%@Language="VBScript" CodePage="936"%>

 2.远程虚拟主机发布 Web 站点 ASP 网页

 3.本地自管主机 Dreamweaver 测试服务器发布 Web 站点 ASP 网页

  1）设置测试服务器，类型：ASP JavaScript，访问：本地/网络，

文件夹：E:\网站测试，URL 前缀：http://localhost/。

实验5 使用模板创建文档

1.使用 Dreamweaver 提供的设计文件创建文档（P96）

2.文件—新建—类别；

3.选择页面设计（CSS）的页面格式：如 左边导航、左列导航。

4.选择页面设计的页面格式：

  如 搜索查询、用户注册、用户登录、产品目录、购物车。

实验6 用表格布局页面

   表格布局页面 表格布局（P134）

演讲文档 程序设计 图形图像 网站建设 应用基础 工具软件 考试培训
佛山谢山水 2001.1.1.    计数器：

 1.插入3行2列表格，设置表格属性：填充 11，间距 0 边框 1 居中对齐。

 2.第1行合并单元格，插入网站标志和横幅广告，设置背景图像，如 蓝天白云。

 3.第2行左边为导航区，设置背景图像，如 万寿山。右边为浏览区，设置背景图像，如 水滴。

 4.第3行合并单元格，插入脚注、计数器。，设置背景图像，如 湖水。

实验7 用框架布局页面 kjwy

 1.新建框架网页，选择框架类型包含：标题、导航栏目、主框架。（P164）

 2.标题栏中输入与本站点相关的标题。

 3.导航栏目中输入本站点的导航项目。

 4.点击导航栏目中的导航项目后，主框架能正确显示相关的网页

实验8 在网页中添加多媒体 kjcj

 1.自选 Flash 动画，插入网页中并预览动画效果。（P228）

 2.自选 ActiveX 控件数据源，在播放器中能正确播放视频文件 ddxm.avi。

 3.自选 Java 小程序图形，如，dt5s5yqx.class。插入网页中并预览效果。

实验9 在主页加入表单：搜索”引擎、跳转菜单

 1.把“搜狐”网站免费开放中文检索代码“百度搜索”引擎插入个人主页。（P308）

 2.搜索查询与搜索关键词“Java 语言图形程序设计 ”相匹配的站点，

   以自己站点的某一个内容为搜索关键词进行搜索查询，

   复制查询结果中前几个站点的内容，粘贴到下面空白处。

 3.在主页中添加跳转菜单,（P308）

  跳转菜单 JavaScript 代码必须指明脚本语言，否则产生运行期出错。

<script language="JavaScript">

<!--

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//-->

</script>

<form name="form1">

<p>

<select name="文化教育" onChange="MM_jumpMenu('parent',this,1)">

<option selected>文化教育</option>

<option value="http://www.tsinghua.edu.cn">清华大学</option>

<option value="http://www.pku.edu.cn">北京大学</option>

<option value="http://www.crtvu.edu.cn">中央电大</option>

<option value="http://www.fsrtvu.net">佛山电大</option>

<option value="http://www.ounh.org">南海电大</option>

</select>

</p>

</form>

  实现跳转3个自选网站和跳转3个本站网页 wzss。

网站搜索： 网站搜索 清华大学 北京大学 中央电大 佛山电大 南海电大

网站名称	网站域名	网站标志
佛山电大	www.fsrtvu.net
南海电大	www.ounh.org

本站导航： 本站导航 文化教育 热门网站 电影音乐 搜索引擎 图像动画 软件下载

 计数器：每刷新一次页面计数一次，或控制同一 IP 在1小时内只计数一次。

  数据库 wssdk97.rar wssdk2000.rar

  1.显示当前日期时间和记录站点访问的计数器，主页要存储为 index.asp。

 2.用ASP 组件显示当前日期时间。

 3.用 ASP 和 SQL 语言查询访问数据库 wssdk.mdb。（P56）

   创建数据库连接、记录集对象；打开记录表；

   输出计数表中计数字段的值；关闭数据库连接、关闭记录集对象。

<%

'定义日期时间

today=formatdatetime(now(),1)&formatdatetime(now(),3)

'1.创建连接对象 Connection

set cn=Server.CreateObject("ADODB.Connection")

'虚拟主机OLEDB：注意中国学生网要求的数据库引擎（驱动 OLEDB 连接），

'修改“/会员名/路径/数据库名”，要与实际对应。

cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;

DATA SOURCE="&Server.MapPath ("/fsxss/mdb/wssdk.mdb")

'a.自管主机软件要求 Windows Server 2000 服务版，IIS 管理发布 Web 站点，

   支持 ASP 脚本运行。

'b.自管主机OLEDB：提供程序MICROSOFT.JET.OLEDB.4.0，

   数据源路径要对应本机硬盘物理路径。

'cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;

DATA SOURCE="&Server.MapPath ("/mdb/wssdk.mdb")

'cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;

DATA SOURCE=E:/E 网站编辑/mdb/wssdk.mdb"

'c.自管主机ODBC：无DNS、Access 数据库驱动程序，

   数据库查询 DBQ 路径要对应本机硬盘物理路径。

'cn.open "Driver={Microsoft Access Driver(*.mdb)};

DBQ=E:/网站编辑/mdb/wssdk.mdb"

'd.自管主机ODBC：无DNS、SQL 数据库驱动程序。

'cn.Open"Driver={SQL Server};Database=wssdk;

Server=Local Server;UID=sa;PWD="

'数据库驱动为 SQL Server；数据库名，如 wssdk；

'服务器名，如 Local Server，要与实际对应；

'用户身份可用系统管理员 sa；密码为空。

'2.创建记录集对象 Recordset

set rs=Server.CreateObject("ADODB.Recordset")

'3.打开计数表，向计数字段赋值,用Update写入

rs.open"select 计数 from 计数表",cn,adOpenDynamic,3

rs("计数")=rs("计数")+1

rs.Update

rs.close

rs.open"select 计数 from 计数表",cn,3

%>

<p>

日期时间：<%response.write today %>

计数器：<% =rs("计数")%>

实验11 创建访问网络数据库的主页面

  数据库 wssdk97.rar wssdk2000.rar

1.创建访问数据库的动态页

1）Windows 操作系统中创建数据源名 DSN

   开始—设置—管理工具—数据源（ODBC）—系统 DSN—添加—

   Microsoft Access Driver(*.mdb)—完成。

   数据源名：wssdk_DSN

   描述：网上书店库数据源名

   数据库：E:\本地站点\mdb\wssdk.mdb

2）打开 Dreamweaver 创建本地数据库连接

   文件—新建—动态页，ASP Javascript—

  网页中增加调用脚本的代码 <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>

 应用程序面板—数据库—[+]—

   连接名：如 wssdk_cn

   数据源名：wssdk_DSN

3）应用程序面板—绑定[+]—记录集（查询）

   名称：tsjl_rs

   连接：wssdk_cn

   表：图书记录表

   列：全部

4）绘制2行多列表格。标题栏输入标题。

  把绑定标签记录集列表中的字段，

  如 图书号、图书名称、……，拖入表格中的相应位置。

5）选定表格记录所在行—服务器标签—行为[+]—重复区域—

  记录集：tsjl_rs、显示所有记录。

    主目录：如，E:\本地站点

   浏览网上书店 下载网上书店：wssd_t.asp wssd.aps   修改访问网络数据库的路径。

  1）用 OLEDB 连接数据库

    提供程序 PROVIDER：MICROSOFT.JET.OLEDB.4.0;

    数据源 DATA SOURCE：服务器对象.影射路径“/会员名/路径/数据库名”

    如，Server.MapPath ("/fsxss/mdb/wssdk.mdb")。

实验12 创建访问网络数据库的细节页面

   下载动态网页 dtwy_t.asp

 1.快速创建主页面与细节页面（P384）

 1）创建主页面、添加数据记录集、细节页面。 

 2）插入—应用程序对象—主详细页集—

    记录集：tsjl_rs

    主页字段：全部字段

    链接详细表单：图书名称

    识别字段：图书号

    细节页面名：detail.asp

    细节页字段：图书号、图书名称、作者、出版社、定价、图书类别

 2.手动创建主页面与细节页面（P385）

  1）创建主页面、添加数据记录集。

  2）在主页面显示记录。

  3）将浏览者选择的记录 ID 号传送到细节页面。

  4）在数据库中查找记录并将结果显示在细节页面中。

  5）在主页上创建链接

  在主页上选择要链接的内容—服务器行为面板[+]—转到详细页面：

  链接：详细信息

  详细信息页：detail.asp

  传递 URL 参数：图书号

  记录集： tsjl_rs

  列：全部字段

  传递现有参数：URL 参数、表单参数。

   浏览网上书店 下载网上书店 tsxx.asp