ASP net程序设计实验报告六
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Xxxxxxxxxx
实验报告
实验课程名称:程序设计
实验项目名称:页面布局
专业班级:xxxxxx
学号:xxxxxxxxxxx
姓名:xxxxxxxxxxxxx
指导教师:xxxxxxxxxxx
实验六页面布局
【实验目的】
(1)熟悉层的应用,掌握层的布局,
(2)掌握母版页的创建及使用方法,能够通过创建母版页来实现导航页面的设计。
【实验内容及步骤】
(1)新建一个名为CRM的网站
(2)在【解决资源管理器】中右击网站的名称,然后单击【添加新项】,添加母版页Master1
(3)在母版页Master1中,删除ContentPlaceHolder控件,插入四个层。
(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:50px; clear:both; }
.tableCss{width: 160px;
border-style: solid;
border-width: 1px;
height:100%;}
.tdHeight{height: 300px;
text-align:center;}
.tableChildCss{width: 90%;
height: 100%;
border-style: solid;
border-width: 1px;
text-align:center;}
.style1{width: 100%;}
.style2{color: #00CCFF;
font-size: 39pt;
font-family: 华文彩云;
text-align: center;
height: 120px;}
.style3{text-align: center;
vertical-align:middle;}
.style4{width: 100px;
height: 120px;}
.style5{height: 120px;}
(5)添加内容页。