《动态网页设计》·实训报告 6
实验项目：VBScript基础：分支结构 实验时间：20##年 3 月 28 日
第二篇：动态网页设计报告
西华大学计算机系上机实践报告
课程名称：动态网页设计
指导教师：陈克力
上机实践名称：
上机实践编号：1 年级：2008级 姓名:马超 组号：1 上机实践成绩： 上机实践时间：2学时 学号：31xxxxxxxxxxxx 上机实践日期：
一. 实验目的
1.1 熟悉层的应用，掌握层的布局；掌握母版页的创建及使用方法。能够通过母版页来实现导航页面的设计
二. 实验要求及内容
2.1 新建一个名为CRM的网站。
2.2 在【解决方案资源管理器】中右击网站的名称，然后单击【添加新项】，然后再弹出的对话框中单击【母版页】。在【名称】文本框中输入Master1，然后单击【添加】按钮即会在【源】视图中打开新的母版页。
2.3 切换到【设计】视图，删除ContentPlaceHolder控件，然后插入4个层，代码如下所示：
<div id="top" align="center"
style="background-color: #000000; color: #FFFFFF; font-weight: bold; font-style: normal; font-size: x-large; font-family: 华文仿宋;"> 汽车客户管理系统</div>
<div id="left">
<asp:HyperLink ID="hp1_CNotify" runat="server"
NavigateUrl="~/Module/CNotify.aspx">公告信息</asp:HyperLink> <br />
<asp:HyperLink ID="hp1_CSearch" runat="server"
NavigateUrl="~/Module/CSearch.aspx">资料查询</asp:HyperLink> <br />
<asp:HyperLink ID="hp1_CAdd" runat="server"
NavigateUrl="~/Module/CAdd.aspx">资料添加</asp:HyperLink>
<br />
<asp:HyperLink ID="hp1_CManage" runat="server"
NavigateUrl="~/Module/CManage.aspx">资料管理</asp:HyperLink> <br />
<asp:HyperLink ID="hp1_Exit" runat="server"
NavigateUrl="~/Module/Exit.aspx">退出系统</asp:HyperLink>
</div>
<div id="right">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder>
</form>
</div>
<div id="bottom">版权所有，违者必究 </div>
2.4分别设置每个层的CSS样式，代码大致如下：
#left,#right{border:0px solid;float:left}
#left{width:160px;height:450px}
#top{border:0px solid;height:120px;clear:both;}
#bottom{border:0px solid;height:50 px;clear:both;}
2.5最后还需要进一步的详细设置，最终效果如图所示：
三. 实验准备
3.1 已安装Visual Studio 2008。
四. 实验过程及结果
实验过程：
4.1 运行Visual Studio 2008.,新建一个网站名为CRM的网站。
4.2在【解决方案资源管理器】中右击网站的名称，然后单击【添加新项】，然
后再弹出的对话框中单击【母版页】。在【名称】文本框中输入Master1，然后单击【添加】按钮即会在【源】视图中打开新的母版页。
4.3 在【设计】视图中拖入HyperLink控件，按照题目的要求改变其属性，此时
便能在源视图中看到上面所示的代码。
4.4运行这个程序，实验结果如图所示：
五. 实验总结
通过这次上机让我熟悉了建母版页的建立，以及页面布局的一些方法，编写代码
的能力也有一些提高。