淮海工学院计算机科学系实验报告书课程名：《计算机新技术（二）》题目：主题和母版页班级：*******学号：201*******姓名：***一.实验目的(1)通过实验,进一步理解主题的概念,并能够正确地定义皮肤文件(.skin)和层叠样式单文件(.css);(2)通过实验,能够在Web页面中正确地引用主题中所定义的外观设置(Theme=….)和样式单格式(StyleSheetTheme=…..);(3)通过实验,进一步理解母版页的特点,母版页的格式和在WEB项目中创建母版页的方法;(4)通过实验,进一步理解内容页的特点,内容页和母版页的关系以及在WEB项目中创建内容页的方法.二.实验内容和要求(1)定义主题,其下包含外观文件和样式单文件;(2)创建WEB页面,在其中引用主题中的外观和样式单信息;(3)创建一个母版页;(4)创建至少两个内容页来引用母版页.三.实验步骤(1)在项目的App_Themes文件夹下面,创建一个主题,命名为Theme1,在其下创建一个皮肤文件,Skin1.skin,在皮肤文件中定义Label,TextBox,Button,ListBox,DropDownList等服务器控件的外观信息.(2)在主题Theme1下面再创建一个样式单文件,Css1.css.样式单文件中要分别定义三种类型即元素、类别、ID的样式信息(3)在项目中添加一个Web窗体文件,命名为 Page1.aspx,在该页面中引用主题Theme1中的外观和样式信息.(4)运行页面,查看外观和样式信息的浏览效果.(5)定义一个母版页,命名为Master1.master.在此母版页中定义公共区和可编辑区.(6) 在项目中添加一个Web窗体文件,命名为 Page2.aspx,让其引用母版页,定义其可编辑区,在浏览器观察其运行效果.(7) 在项目中添加一个Web窗体文件,命名为 Page3.aspx,让其引用母版页,定义其可编辑区,在浏四.实验结果图 1.Page1.aspx图 2.Page2.aspx图 3.Page3.aspx部分源码：Skin1.skin：<asp:Label runat="server" Font-Names="微¡é软¨¨ª雅?黑¨²" Font-Size="Medium" /> <asp:TextBox runat="server" BackColor="#CCFFCC" BorderColor="#CCCCCC" /><asp:Button runat="server" BackColor="#00CC66" /><asp:ListBox runat="server" BackColor="DDDDDD" /><asp:DropDownList runat="server" BackColor="CCFFCC" />Css1.css：#top{padding: inherit;margin: auto;border: thin double #999999;background-position: center;background-color: #99FF99;}Master1.master:<body><form id="form1" runat="server"><div style="font-size: x-large; font-family: 微¡é软¨¨ª雅?黑¨²">个?人¨?中D心? ：êo<br /><br /></div><div style="font-size: large; font-family: 微¡é软¨¨ª雅?黑¨²">用®?户¡ë名?：êo<br /><asp:ContentPlaceHolder id="ContentPlaceHolder0" runat="server"></asp:ContentPlaceHolder>手º?机¨²：êo<br /><asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>邮®¨º箱?：êo<br /><asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server"></asp:ContentPlaceHolder>所¨´在¨²地Ì?：êo<br /><asp:ContentPlaceHolder id="ContentPlaceHolder3" runat="server"></asp:ContentPlaceHolder></div></form><p class="style1"><hr width=95% / ><div class="style1"><span style="color: rgb(0, 0, 0); font-family: Arial, simsun; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: none; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> 淮¡ä海¡ê工¡è学¡ë院o 版ã?权¨¡§所¨´有®D<spanclass="Apple-converted-space"> </span></span><brstyle="color: rgb(0, 0, 0); font-family: Arial, simsun; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: none; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); " /><span style="color: rgb(0, 0, 0); font-family: Arial, simsun; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: none; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> Copyright © 2011 Phoenix New Media Limited All Rights Reserved.</span></div></p></body>Page1.aspx<asp:Label ID="Label1" runat="server" Text="用®?户¡ë名?：êo"></asp:Label><asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox><br /><br /><asp:Label ID="Label2" runat="server" Text="密¨¹ 码?：êo"></asp:Label> <asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox><br /><br /> <asp:Button ID="Button1" runat="server" Text="登Ì?录?"Width="74px" Font-Names="微¡é软¨¨ª雅?黑¨²" Font-Size="Medium" BorderColor="Lime" /><br /></div>Page2.aspx<%@ Page Title="" Language="C#" MasterPageFile="~/Master1.master" AutoEventWireup="true" CodeFile="Page2.aspx.cs" Inherits="Page2" %><asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder0" Runat="Server"><p>名?字Á?随?便À?起e</p></asp:Content><asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"><p>1835888****</p></asp:Content><asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"><p>3478299**@</p></asp:Content><asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server"><p>江-苏?连¢?云?港?</p></asp:Content>Page3.aspx<%@ Page Title="" Language="C#" MasterPageFile="~/Master1.master" AutoEventWireup="true" CodeFile="Page3.aspx.cs" Inherits="Page3" %><asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder0" Runat="Server">取¨?名?要©a慎¦¡Â重?</p></asp:Content><asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"><p>1835280****</p></asp:Content><asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"><p>784338**@</p></asp:Content><asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server"><p>江-苏?连¢?云?港?</p></asp:Content>五．实验体会*********************************************************************** *************************************************************************** *************************************************************************** **。
