打开visual studio 2008使用快捷键Ctrl+Shift+N打开新建项目窗口如图2，选择web，选择Asp.Net Web Application。选择Framework版本，visual studio 2008 将为我们筛选出适用与该版本的项目类型，这里我们选择3.5。输入Name、Location、Solution信息点击确认。

图2

将项目中自动添加的Default.aspx删除。
创建模板：
选中项目名称使用快捷键Ctrl+Shift+A添加新的文件。选择Master Page,输入名称Main.Master确定。

图3

生成代码如下：
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site2.master.cs" Inherits="WebApplication2.Site2" %>

IDE为我们生成了两个ContentPlaceHolder控件。应用该模板的页面将仅能在ContentPlaceHolder内操作。
（小提示：使用菜单可以在设计器上显示标尺帮助我们设计，如图4.）

图4

将移动到id为head的ContentPlaceHolder内

这将使我们应用该模板的页面可以定义页面title.
在ContentPlaceHolder1上面添加一个div"
"。
在ContentPlaceHolder1下面添加一个div"
"。
Ctrl+Shift+A 选择Web Content From 输入Name:MainForm.aspx确定,选择Main.Master模板。
生成代码：

<%@ Page Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs" Inherits="WebApplication2.WebForm1" Title="Untitled Page" %>




在Content2中添加两个div

left side

right side

右键点击MainForm.aspx，选择“View in Browser”预览界面。很明显，现在并未达到我们的要求。因为我们并为向页面添加样式。
Ctrl+Shift+A 选择Web选择Style Sheet输入Name"Main.css"确定。
使用菜单打开Manage Stytles面板。

图5

打开Main.Master
在Manage Stytles面板上点击"Attach Style Sheet"选择Main.css。
在Manage Stytles面板上右键点击Main.css>New Styles创建新样式,生成如下代码

.page
{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: fixed;
}
点击设计器下方的Split按钮将设计器改为拆分窗口，如图6。在代码窗口内将光标定位在form段，在Manage Stytles中右键点击page>Apply Style.应用样式
代码：

Main.aspx Code
1<%@ Page Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="Main.aspx.cs"
2 Inherits="AroundMeWeb.WebForm1" Title="Untitled Page" %>
3
4
5
6
7

8

9

left side

right side