实验五页面布局技术的应用.docx

4：

图4母版页

源代码如下：

<%@MasterLanguage="C#"AutoEventWireup="true"CodeFile="MasterPage.master.cs"Inherits="实验五_exp6_MasterPage"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

ContentPlaceHolderid="head"runat="server">

ContentPlaceHolder>

.style1

{

width:

100%;

}

.style3

{

font-size:

xx-large;

font-weight:

bold;

}

.style4

{

width:

23%;

}

.style5

{

text-align:

center;

}

洛阳理工学院

ContentPlaceHolderID="ContentPlaceHolder1"runat="server">

ContentPlaceHolder>

LabelID="Label1"runat="server"Text="Label">

Label>

第一个页面：

图5第一个页面

代码如下：

<%@PageTitle=""Language="C#"MasterPageFile="~/实º¦Ì验¨¦五?

/exp6/MasterPage.master"AutoEventWireup="true"CodeFile="4.aspx.cs"Inherits="实验五_exp6_4"%>

ContentID="Content1"ContentPlaceHolderID="head"Runat="Server">

Content>

ContentID="Content2"ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server">

第一个页面

Content>

第二个页面：

图6第二个页面

代码如下：

<%@PageTitle=""Language="C#"MasterPageFile="~/实º¦Ì验¨¦五?

/exp6/MasterPage.master"AutoEventWireup="true"CodeFile="5.aspx.cs"Inherits="实º¦Ì验¨¦五?

_exp6_5"%>

ContentID="Content1"ContentPlaceHolderID="head"Runat="Server">

Content>

ContentID="Content2"ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server">

第二个页面

Content>

注意：

在页面中添加label控件，id为label1。

并在页面的cs文件中添加以下代码，就可以实现显示当前系统时间：

protectedvoidPage_Load（objectsender,EventArgse）

{

DateTimeda=DateTime.Now;

stringda1=da.ToLongDateString（）+""+da.ToLongTimeString（）;

Label1.Text=da1;

实验总结（结论或问题分析）：

在本次实验中，我遇到了一些难题，例如如何使用表格布局，如何使用dic和css布局，怎样设置页面的属性，怎样搭配好颜色等等一系列笑问题，虽然老师讲课的时候也提过，但是到了自己亲身操作的时候才感觉到事实并非想自己想象的那样简单，最后，经过老师的帮助，我终于顺利的完成了本次实验。

也掌握到了不少制作网页的技巧。

实验成绩

任课教师签名

郭俊恩