《网页整合》实验要求

班级:          学号:         姓名 :     

实验1 申请个人网站空间和建立站点主页

实验2 设置 Web 站点

实验3 IIS 发布站点

实验4 制作访问计数器和演示图书广告页面

实验5 制作用户注册和登录页面

实验6 制作用户留言列表和显示留言内容页面

实验7 制作图书清单和图书细节信息页面

实验8 制作搜索图书页面

 

* 个人网站空间使用说明

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

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

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

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

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

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

 

实验1 申请个人网站空间和建立站点主页

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

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

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

实验过程:

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

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

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

  100MB空间10个人共用每人10MB空间,每月交费10元,每人1元。

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

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

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

  用户名:如,wltk(网络天空),只能用拼音或英文字母,不能用汉字。

  口令:如,******

 电子邮件:如,fslms@126.com,要求真实邮件,

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

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

  打开 CuteFTP 软件,建立新站点,填写资料。

  主机地址,如 asp2.6to23.com

  用户名:如 wltk

  口令:如,******

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

6.在 IE 浏览器地址栏输入网址,如 http://asp2.6to23.com/wltk,打开个人主页。

建立个人主页

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

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

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

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

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

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

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

6.

要求个人主页链接:实验要求|期中机试|期未机试|网络书店|网络天地

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

建立站点主页

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

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

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

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

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

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

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

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

  插入网站标志。链接 Flash 动画

    

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

 

实验2 设置Web站点

 高级定义本地站点(P40)

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

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

 1)本地信息设置:

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

 2)远程信息设置:

 3)测试服务器设置:

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

 4)站点地图布局设置:

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

 

实验3 IIS 发布站点

* 发布 Web 站点 ASP 网页。

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

  包含文件中连接数据库的路径不同:

  本地如,Server.MapPath ("/mdb/wssdk.mdb"),

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

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

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

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

  3)IIS 站点服务器设置:(P122)

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

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

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

     文档:如,index.asp

     启动运行网络书店。

  4)网页中指定调用脚本

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

  5)用 OLEDB 连接数据库(P231)

    新版使用方便,不用设 DSN。

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

    数据源 DATA SOURCE:影射站点根目录(如,E:/本地站点/)后的路径。

如 Server.MapPath ("/mdb/wssdk.mdb")

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

cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;DATA SOURCE="+Server.MapPath ("/mdb/wssdk.mdb")

 2.远程虚拟主机发布 Web 站点 ASP 网页,用 OLEDB 连接数据库(P231)

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

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

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

   访问网络数据库路径:

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

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

   http://asp2.6to23.com/fsxss/wssd/wssd_t.asp

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

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

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

 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。

 

实验4 制作访问计数器和演示图书广告页面

  日期时间: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。

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

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

 4.演示图书广告页面 ysts.asp(P295)

   浏览管理书店  下载管理书店

 

<%

'定义日期时间

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

%>

<p>

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

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

演示图书广告页面(P295)

 1.轮换显示图书封面数组 ad

   var ad = new Array(24);

   ad[1] = "wlsjk_x.jpg";

 2.Document 对象实现轮换式广告设计。

   document.[Name].src = 横幅文件路径;

   adindex=1;

  document.ad.src = ad[adindex];

 3.装载 图书封面函数 show ad()

   <body OnLoad="showad();">

 4.插入图书封面

   <img src="wyzh.jpg" name="ad"

 width="150" height="180" border="0" id="ad">

 

实验5 制作用户注册和登录页面

  浏览管理书店 下载管理书店

  用户注册 处理注册 用户资料 用户登录

1.用户注册

1.1 使用用户注册的表单提交的数据对变量赋值。如,用户姓名、购书密码、确认密码、

联系地址、联系电话、邮政编码、电子邮件。

1.2 如果用户输入完整的数据、两次输入的密码相同,

并使用电子邮件确认用户未注册时,然后使用 SQL语句对新用户注册。

1.3 用“电子邮件”字段值=dzyj 变量值的条件,检索该用户的“用户号”。

1.4 用 ASP 和 SQL 语言查询访问数据库 wssdk.mdb。创建数据库连接、记录集对象。

1.5 打开用户资料表;用AddNew向数据库请求添加新记录,

向部分字段赋值,用 Update 更新数据。

1.6 检索出新注册用户号,输出用户相应的信息。

1.7 给用户提示操作错误的原因:

用某邮箱的用户已经存在、两次输入的密码不一致、用户输入的信息不完整。

1.8 关闭记录集对象、关闭数据库连接。

2.显示用户资料

2.1 创建连接对象 Connection,创建记录集对象 Recordset

2.2 打开用户资料表,循环输出记录。

  用户号、用户姓名、购书密码、联系地址、联系电话、邮政编码、电子邮件。

2.3 关闭 Recordset 对象,关闭连接,并释放 Recordset 对象。

3.用户登录页面 yfdl.asp

  输入用户姓名和购书密码正确后可以登录书店。

 

实验6 制作用户留言列表和显示留言内容页

  浏览管理书店 下载管理书店

  用户留言 处理留言 留言列表 留言内容

   功能实现要点:

 1.使用用户留言的表单提交的数据对变量赋值。

   如,留言用户、联系地址、电子邮件、主页地址、留言内容。

 2.如果用户完整输入带“*”的数据,然后使用 ASP 和 SQL 语言查询访问数据库 wssdk.mdb。

 3.创建数据库连接、记录集对象;打开用户留言表;

 4.用AddNew向数据库请求添加新记录,向部分字段赋值,用 Update 更新数据。

输出用户留言相应的信息。

 5.给用户提示操作错误的原因:用户输入带“*”的数据不完整。

 6.关闭数据库连接、关闭记录集对象。

  

实验7 制作图书清单和图书细节信息页面

  浏览管理书店 下载管理书店

  图书清单 图书信息

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

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

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

 2.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")

 2.2 创建记录集对象 rs

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

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

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

 2.3 输出“图书记录表”各字段 response.write

   =rs("图书")

 2.4 关闭记录集对象 rs.close

     关闭数据库连接 cn.close

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

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

 

实验8 制作搜索图书页面

  浏览管理书店  下载管理书店

  搜索图书 处理搜索

1. 搜索书名、分类查书、按出版社查书功能实现要点:

  创建数据库连接、记录集对象;打开图书记录表;循环输出记录中各字段

  (图书号、图书名称、出版社、作者、图书定价、图书类别)的值;

 关闭数据库连接、关闭记录集对象。

2. 搜索书名

 以书名的部分字进行模糊查询,如 “计”、“计算机”、“程序设计”。

 客户机表单提交搜索书名的关键字数据“sssm”,激活处理搜索的程序 clss.asp。

 <input type="text" name="sssm" size=10>

 使用客户机表单提交的数据(搜索书名 sssm)对服务器内存变量赋值。

 打开图书记录表,从图书名称字段搜索出符合搜索关键字的图书名称,

 找出相应的图书记录。