How to Use Master Pages - The aspx code for the Halloween Store master page
(Page 4 of 5 )
Figure 3-4 shows the complete aspx code for the master page in figure 3-1. Although this listing fills the entire page, there’s nothing complex about it. So you shouldn’t have any trouble understanding its elements.
The banner at the top of the page is displayed using an image control. After the banner, a table element controls the layout of the rest of the page. The first row of this table specifies a height of 400 pixels. It has three cells. The first cell contains a simple navigation menu built using <a> tags. The background color for this cell is set to red. The second cell is a small (10 pixel) spacer cell that gives some space between the navigation menu and the content. And the third cell contains the content placeholder.
The second row defines the footer that appears at the bottom of the page. It also has three cells, each the same width as the cells in the first row. However, the height of this row is set to 25 pixels. The third cell in this row contains a label control named lblMessage. This label will be used to display the number of days that remain until Halloween.
The aspx code for the master page (figure 3-4)
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Murach's ASP.NET 2.0 Upgrader's Guide: Chapter 3 Master Page Application</title>
</head>
<body>
<form id="form1" runat="server">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/banner.jpg" /><br />
<table cellpadding="2" cellspacing="0"<
<tr height="400">
<td style="width: 157px" valign="top" bordercolor="red" bgcolor="red">
<br />
<a href="Order.aspx">
<span style="color: #ffffff"><b>Home</b></span>
</a><br /><br />
<a href="Cart.aspx">
<span style="color: #ffffff"><b>Your Shopping Cart</b></span>
</a><br /><br />
<a href="Service.aspx">
<span style="color: #ffffff"><b>Customer Service</b></span>
</a><br /><br />
<a href="About.aspx">
<span style="color: #ffffff"><b>About Us</b></span>
</a></td>
<td style="width: 10px"></td>
<td style="width: 704px" valign="top">
<asp:contentplaceholder id="Main" runat="server">
</asp:contentplaceholder>
</td>
</tr>
<tr height="25">
<td bgcolor="red" bordercolor="red" style="width: 153px" valign="top"></td>
<td style="width: 10px"></td>
<td style="width: 704px" valign="top">
<asp:Label ID="lblMessage" runat="server"></asp:Label>
</td>
</tr>
</table>
</form>
</body>
</html>
Description
- Most master pages include elements like banners and navigation controls.
- It’s common to use tables to provide the layout for the elements on the master page, including the content placeholder.
Next: The code-behind file for the master page >>
More ASP.NET Articles
More By Murach Publishing
|
 This article is excerpted from chapter three of the book Murach’s ASP.NET 2.0 Upgrader’s Guide: VB Edition, written by Anne Boehm and Joel Murach (Murach, 2005; ISBN: 1-890774-36-7). Check it out today at your favorite bookstore. Buy this book now.
|
|
/ 22 
