实验五页面布局技术的应用.docx
- 文档编号:30050236
- 上传时间:2023-08-04
- 格式:DOCX
- 页数:14
- 大小:135.53KB
实验五页面布局技术的应用.docx
《实验五页面布局技术的应用.docx》由会员分享,可在线阅读,更多相关《实验五页面布局技术的应用.docx(14页珍藏版)》请在冰豆网上搜索。
实验五页面布局技术的应用
实验报告
课程名称
Web程序设计
实验名称
实验五、页面布局技术的应用
日期
2014.4.14
学生学号
姓名
班级
实验目的:
1.掌握网页布局的基本语法和方法。
2.掌握CSS样式的应用。
3.掌握母板页的创建和使用。
实验条件:
电脑一台、能上网查阅资料。
实验内容与步骤:
1.创建网站“Exp6”
2.采用表格方式进行页面布局,创建如图6-1所示的网页。
3.创建如图6-1所示的网页,页面布局采用DIV+CSS技术,CSS样式存放在独立的样式文件“sheet1.css”中。
图6-1
4.创建如图6-1所示的母版页,白色区域为可编辑区域,然后创建2个内容页,在白色背景区域显示不同内容。
源代码
1:
图一建立网站
2:
图二表格布局
代码如下:
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="1.aspx.cs"Inherits="_1"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
.style1
{
font-size:
xx-large;
width:
100%;
border:
1pxsolid#ff0000;
}
center"> 100%;text-align: center"> 
LabelID="Label1"runat="server"Text="Label">
Label>