Web 网页设计实验报告
学院：计算机 专业：网络工程 班级：0430801 学号：08490121
姓名：姚树秘
2011 年 5 月 10 日
实验一
实验题目：编程环境的熟悉 实验目的：
1、学会使用 Macromedia Dreamweaver 软件，了解并掌握该软件的各种功能，为以后的网 页设计打下基础。 2、重点学习使用“页面创建”和“设置服务器信息”功能
3．图书销售系统的管理子系统要求
（1） 对管理员的身份进行验证 （2） 对数据库中的图书信息进行管理 （3） 对数据库中的用户信息进行管理 （4） 对数据库中的订单信息进行管理 实验部分代码：
<%@ Register TagPrefix="BookStore" TagName="bottom" Src="bottom.ascx" %> <%@ Register TagPrefix="BookStore" TagName="Header" Src="Header.ascx" %> <%@ Page Language="c#" CodeBehind="Login.aspx.cs" AutoEventWireup="false" Inherits="BookStore.Login" %> <HTML> <HEAD> </HEAD> <body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0" marginheight="0" marginwidth="0"> <table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td vAlign="top" height="24" rowSpan="1"><BookStore:HEADER id="Header1" runat="server"></BookStore:HEADER></td> </tr> <tr> <td vAlign="top" noWrap align="center" width="100%" height="207"> <form runat="server"> <asp:image id="Image1" runat="server" Height="5px" ImageUrl="images\border.GIF" Width="664px"></asp:image> <br> <br> <TABLE id="Table2" cellSpacing="0" cellPadding="0" width="60%" border="0"> <TR> <TD noWrap></TD> <TD noWrap align="center" width="229"></TD> <TD noWrap></TD> </TR> <TR> <TD></TD> <TD align="center" width="229"><asp:label class="ErrorText" id="Message" runat="server" Font-Bold="True" Font-Size="Large"></asp:label></TD> <TD></TD> </TR> <TR> <TD></TD> <TD noWrap align="center" width="229"></TD> <TD noWrap></TD> </TR> <TR>
ControlToValidate="email"
以下代码输入到 Macromedia Dreamweaver 的代码编辑区 , 命名为 test1.asp 4、 运行结果
实验过程截图：
5、 建立一个学生情况调查表，并将学生填写的内容写入数据文件 student.txt 中。 6、 设计编译结果
心得体会：
通过本次试验我学会了很多，软件的掌握和使用也更加熟练，能够成功的打开 ASP 文件， 更加熟悉了 ASP 的运用和使用技巧，以及学会怎么打开 IIS 服务器，设置站点信息。
实验过程截图：
心得体会：
通过这次试验，基本熟悉和掌握了 Dreamweaver 软件的功能和用法，能够用该软件设计简 单的网页。
实验二
实验题目：熟悉 ASP 技术及它的内置对象 试验目的：
1．了解并掌握 ASP 初步知识
2．熟悉 ASP 内置对象 试验步骤：
1、 打开软件设计页面 2、 输入下列代码 3、 建立一个自动监测浏览时间并根据不同时段动态显示不同页面内容的 ASP 程序，请将
数据库处理程序 shotquery.asp
<!--#include virtual="/master/lib.inc"-->
<script language=javascript runat=server> var signalCode=Request.Form("signalCode"); dbConn = Server.CreateObject("ADODB.Connection"); dbConn.open("DSN=HT;UID=client;PWD=passwd"); rs = Server.CreateObject("ADODB.RecordSet"); var sqlStr = "select * from signaltab order by code"; rs.open(sqlStr,dbConn,1); if(rs.RecordCount < 1) { Response.write("<p> 无符合条件记录</p>"); Response.write("<p><form><inputtype='button' value=' 返 回 ' onclick='window.history.back()' name='b1'></form></p>");} else { Response.write("<P><center><B>数据查询结果</B></center></P>");
实验环境：
操作系统为 Windows2000 或者 Windows XP，应用软件为 Macromedia Dreamweaver。
实验步骤：
1、启动 单击“开始”，依次指向“程序”、“Macromedia ”，然后单击“Macromedia Dreamweaver MX”。 2、熟悉和了解 Macromedia Dreamweaver MX 界面
<TD noWrap>
<asp:requiredfieldvalidator
id="UserNameRequired"
runat="server"
Font-Size="12pt" Font-Bold="True" ErrorMessage="请填写，不能为空"
Font-Name="verdana" Display="dynamic"
Response.write("<tr><td><b> 代 码 </b></td><td><b> 分 类 </b></td><td><b> 备 注 </b></td>");
for(var i = 1;i <= rs.Pagesize;i++) { if(!rs.Eof) { Response.write("<td><span style='font-size:9t'>"+rs("code")+"</span></td>"); Response.write("<td><span style='font-size:9t'>"+rs("class")+"</span></td>"); Response.write("<td><span style='font-size:9t'>"+rs("memo")+"</span></td>"); Response.write("</tr>"); rs.MoveNext(); } else break; } Response.write("</table></form>"); rs.close(); dbConn.close(); } </script>
