: -. MasterPage -. UserController. . - .
1. MasterPage. AddNewItem (. 2.1) MasterPage (. 2.2).
. 2. 1. MasterPage
. 2. 2. MasterPage
, :
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
. , , ; , ContentPlaceHolder. :
<table class="style1">
<tr>
<td colspan="2" style="text-align: center; font-weight: 700; font-family: Arial">
<h1>
</h1>
</td>
</tr>
<tr>
<td class="style2">
</td>
<td class="style2">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center">
@ </td>
</tr>
</table>
, InsertTable Design (. 2. 3), , . , (. 2. 4).
. 2. 3.
. 2. 4.
ᒺ (. 2. 5).
|
|
. 2. 5. ᒺ
ᒺ ContentPlaceHolder :
<asp:ContentPlaceHolder ID= "c1" runat="server"> </asp:ContentPlaceHolder>
, (. 2. 6).
. 2. 6. ContentPlaceHolder
ContentPlaceHolder , -. , , -, .
- default.aspx, . default.aspx - MasterPageFile MasterPage.master @Page, :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile= "Default.aspx.cs" Inherits="_Default" MasterPageFile="~/MasterPage.master"%>
Content, ContentPlaceHolder . , -. ContentPlaceHolder ContentPlaceHolderID ᒺ Content.
2 Content, , . , ᒺ Content , . -:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" MasterPageFile="~/MasterPage.master"%>
<asp:Content ContentPlaceHolderID="c1" runat="server"><asp:Image ID="i1" runat="server" ImageUrl="image/1.jpg" /></asp:Content>
<asp:Content ContentPlaceHolderID="c2" runat="server">- 2012 <br /></asp:Content>
- . 2. 7.
. 2. 7. -
-, (. 2. 8).
. 2. 8. -
Select master page, . MasterPage.master (. 2. 9).
. 2. 9.
³
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="c1" runat="server"> <asp:Image ID="i2" runat="server" ImageUrl="image/2.jpg" /></asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="c2" runat="server">- 2013 <br /></asp:Content>
-
<asp:Content ContentPlaceHolderID="c2" runat="server">- 2012 <br />
<asp:HyperLink ID="h1" runat="server" NavigateUrl= "~/Default2.aspx"> </asp:HyperLink>
. - 2.10 2.11.
. 2. 10
. 2. 11
2. . , WebControlMaster (. 2. 12).
. 2. 12. -
:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile= "WebUserControl.ascx.cs" Inherits="WebUserControl" %>
+ . . 2 name greeting. , . 2 - :
string name;
string greeting;
public string Greeting
{
get
{ return greeting; }
set
{ greeting = value; }
}
public string Name
{
get
{ return name; }
set
{ name = value; }
}
2. 13.
. 2. 13.
䳿 :
protected void btnClick_Click(object sender, EventArgs e)
{
Name = txtName.Text;
}
SolutionExplorer - . . , . Register .
<%@ Register src="WebUserControl.ascx" tagname="GreetingControl" tagprefix= "user" %>
tagprefix Register . -, asp, ASP.NET. tagname , ; src .
<user:GreetingControl ID="hello" runat="server" Name="" Greeting="!" />
. 2.14.
. 2. 14.
3. , , -, .
, 1, , 3 , . :
|
|
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %> Copyright © <asp:Label ID= "lblyear" runat="server" /> by your company name <br /> , ? -
<asp:Label ID="lblemail" runat="server" /> <br /> :
<asp:Label ID="lbllastMode" runat="server" />
䳿 , :
protected void Page_Load(object sender, EventArgs e)
{ lblyear.Text = DateTime.Now.Year.ToString();
lblemail.Text = "<a href='mailto:webmaster@" +Request.Url.Host.Replace("www.", "") + "'>webmaster</a>";
lbllastMode.Text = System.IO.File.GetLastWriteTime(Server.MapPath (Request.Url.LocalPath)).ToLongDateString(); }
䳿 , . , . 2. 15.
. 2. 15.
(. 2. 16).
. 2. 16.
, (. 2. 17).
. 2. 17.
4. Style Builder. Design New Style (. 2.18).
. 2.18.
, :
<style type="text/css">
.newStyle1
{ font-family: "Monotype Corsiva";
font-size: large;
font-weight: bold;
font-style: italic;
font-variant: normal;
text-transform: capitalize;
color: #800000;
text-decoration: blink;
background-repeat: repeat-x; }
</style>
class= newStyle1 .
5. .
, (. 2.19).
. 2.20. -
ϳ . Enter (. 2.21).
. 2.21.
, :
p
{ text-align:justify;
font-family:Book Antiqua;
font-weight:normal;
color:GrayText; }
- (. 2.22).
. 2.22.
AttachStyleSheet , (. 2.23).
|
|
. 2.23.
:
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
6. . - 䳿:
1. App_Theme , . , ;
2. . SkinFile (. 2.24).
. 2.24. -
Visual Studio , App_Theme (. 2.25).
. 2.25.
3. .
4. web.config , pages. -. , , , 䳿 Page_PreInit
protected void Page_PreInit(object sender, EventArgs e) { Page.Theme = "__"; }
-, 4, . - (. 2.26).
. 2.26.
, (. 2.26).
. 2.26.
:
<asp:Calendar runat="server" BackColor="Honeydew" BorderColor="Teal" BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names= "Verdana" Font-Size="8pt" ForeColor="DarkSlateGray" Height="200px" Width="220px">
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor= "#CCFF99" />
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
<WeekendDayStyle BackColor="#C0FFC0" />
<OtherMonthDayStyle ForeColor="#999999" />
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
<DayHeaderStyle BackColor="#80FF80" ForeColor="#336666" Height="1px" />
<TitleStyle BackColor="Green" BorderColor="#3366CC" BorderWidth="1px" Font-Bold="True" Font-Size="10pt" ForeColor="White" Height="25px" /> </asp:Calendar>
- . 䳿 :
protected void Page_PreInit(object sender, EventArgs e)
{ Page.Theme = "SkinFile"; }
- (. 2.27, 2.28).
. 2.27. -
. 2.28. -
, , . :
<asp:Calendar runat="server" SkinId="June" BackColor="#C0FFC0" BorderColor= "Teal" BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names= "Verdana" Font-Size="8pt" ForeColor="DarkSlateGray" Height="200px" Width="220px">
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor= "#CCFF99" />
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" /> <WeekendDayStyle BackColor="#C0FFC0" />
<OtherMonthDayStyle ForeColor="#999999" />
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
<DayHeaderStyle BackColor="#C0FFC0" ForeColor="#FF8000" Height="1px" />
|
|
<TitleStyle BackColor="Green" BorderColor="#3366CC"
BorderWidth="1px" Font-Bold="True" Font-Size="10pt"
ForeColor="White" Height="25px" /> </asp:Calendar>
.
- . Add New Item Site Map (. 2.29).
. 2.29. -
, -.
<?xml version="1.0" encoding="utf-8"?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="" title="" description="">
<siteMapNode url="" title="" description="" />
<siteMapNode url="" title="" description="" />
</siteMapNode>
</siteMap>
7. , . , Default.aspx. . , " 4" . , , :
<?xml version="1.0" encoding="utf-8"?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="Default.aspx" title="Fiesta" description="">
<siteMapNode url="Default2.aspx" title="Focus" description="" />
<siteMapNode url="Default3.aspx" title="Fusion" description="" />
<siteMapNode url="Default4.aspx" title="Kuga" description="" />
<siteMapNode url="Defaul5.aspx" title="Mondeo" description="" />
<siteMapNode url="Default6.aspx" title="C-max" description="" />
</siteMapNode>
</siteMap>
ϳ , , , ' . TreeVew, Menu, SteMapPath. TreeVew Menu . . SteMapPath Web . .
TreeVew Menu. , MasterPage.master TreeVew Menu , , . 2.30.
. 2.30. TreeVew
Menu (. 2.31):
. 2.31. Menu
TreeVew Menu (. 2.32):
. 2.32.
Choose Data Source <New data source...> , , Ste Map (. 2.33). '. :
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
. 2.33.
ϳ , TreeVew, AutoFormat (. 2.34).
. 2.34.
TreeVew, Arrows2 (. 2.35):
. 2.35. TreeVew
ϳ , (. 2.36).
. 2.36.
- , .
8. SteMapPath. TreeVew Menu, SteMapPath Web . SteMapPath. - SteMapPath. . 2.37.
. 2.37. SteMapPath
Web , , . , , . , , . ShowStartngNode SteMapDataSource true. , (. 2.38).
. 2.38. SteMapPath
SteMapPath. , , , , , ' - .