《Dreamweaver MX》实验要求

实验1 申请个人网站空间

实验2 建立站点主页

实验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 建立站点主页

1.在资源管理器中建立文件夹,如 E:\本地站点。

2.打开 FrontPage,打开站点,如 E:\本地站点。

3.下载文件到 E:\本地站点。不要采取直接编辑、文件另存为的方法。

  要求采取复制粘贴的方法,可以保持链接老师网站的参考内容。

4.在 FrontPage 中打开主页 index.htm。

  链接实验要求时采取浏览方法找到实验要求文件。

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

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

7.主页显示当前日期时间和记录站点访问的计数器

  日期时间:2004年4月4日14:44:44   计数器:1

 计数器:每刷新一次页面计数一次,可以控制同一 IP 在1小时内只计数一次。

  功能实现要点:下载 个人主页 浏览 index.asp

  数据库 wssdk97.rar wssdk2000.rar

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

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

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

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

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

<%

'定义日期时间

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("计数")%>

  

实验3 设置 Web 站点

 高级定义本地站点(P51)

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

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

 1)本地信息设置:

 2)远程信息设置:

 3)测试服务器设置:

 4)站点地图布局设置:

实验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 站点服务器设置:

     Web 站点:说明如,网络书店;

   IP 地址如,200.0.0.1(Dreamweaver 浏览网页用 127.0.0.1)

     主目录:如,E:\本地站点

     文档:如,index.asp

     启动运行网络书店。

  4)网页中指定调用脚本

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

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

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

  1)设置测试服务器,类型:ASP JavaScript,访问:本地/网络,

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

  2)Windows 开始菜单设置数据源(ODBC),如数据源名 wssdk_DSN。

  3)Dreamweaver 应用程序面板设置数据库连接,如 wssdk_cn

绑定记录集,如 tsjl_rs。服务器行为,如 记录集(tsjl_rs)。

  4)可以上传到远程虚拟主机后下载到本地的文件:主页面 wssdk_cn

     需要本地设置的操作:数据源名 wssdk_DSN。

 

实验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

  

本站导航:

网页标题 网页文件名 按钮链接

文化教育

whjy-bd.htm

热门网站

rmwz-bd.htm

 

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

 日期时间:2004年4月4日14:44:44   计数器:1

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

  功能实现要点:下载 个人主页 浏览 index.asp

  数据库 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、显示所有记录。

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

  1)设置测试服务器,类型:ASP JavaScript,访问:本地/网络,

文件夹:E:\本地站点,URL 前缀:http://localhost/。

 2)IIS 站点服务器设置:

     Web 站点:说明如,网络书店;IP 地址如,200.0.0.1

    主目录:如,E:\本地站点

    文档:如,index.asp

    启动运行网络书店。

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

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

  1)用 OLEDB 连接数据库

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

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

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

   访问网络数据库路径:

   ASP 会员路径要加会员名:如,/fsxss/mdb/wssdk.mdb

   虚拟主机路径与自管主机相同:如,/mdb/wssdk.mdb

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

cn.open "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 参数、表单参数。

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

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

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

  创建 set--打开 open--输出 write--关闭 close。

   打开“网上书店库”连接--打开“图书记录表”--输出记录中的字段

 3.1 创建数据库连接 set cn

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

    打开“网上书店库”连接 Open.cn--wssdk.mdb

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

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

 3.2 创建记录集对象 rs

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

    打开“图书记录表” rs.Open--图书记录表

   rs.open"select * from 图书记录表",cn,3

 3.3 输出记录中的各字段 response.write

   =rs("图书号")

 3.4 关闭记录集对象 rs.close

     关闭数据库连接 cn.close

 4.显示图书详细信息:图书封面、内容简介

  <img src="路径+<%=trim(rs("图书封面"))%>" width="175" height="231">