In this video tutorial we describing how to create a master page and basic designing without using css. Also how to link the current page with master page and creating new page with master page design.
<%@ 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>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td colspan="2" style="background-color:Brown; height:80px; width:600px">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Header.jpg" /></td>
</tr>
<tr>
<td style="background-color:Green; height:400px; width:101px"></td>
<td style="background-color:Aqua; height:400px; width:400px">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</div>
</td>
</tr>
<tr>
<td colspan="2" style="background-color:Chocolate; width:600; height:80px">
<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Footer.jpg" /></td>
</tr>
</table>
</form>
</body>
</html>
StudentReg.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" MasterPageFile="~/MasterPage.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID=ContentPlaceHolder1 runat=server>
<div>
<table style="width: 722px; height: 45px">
<tr>
</tr>
</table>
</div>
<table style="width: 720px; height: 209px">
<tr>
<td style="width: 154px; height: 21px">
<asp:Label ID="Label2" runat="server" Text="Student List"></asp:Label></td>
<td style="width: 30px; height: 21px">
<asp:Label ID="Label1" runat="server" Text="Name"></asp:Label></td>
<td style="width: 88px; height: 21px">
<asp:TextBox ID="TextBoxName" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td rowspan="4" style="width: 154px">
<asp:ListBox ID="ListBoxStudent" runat="server" Height="156px" Width="152px"></asp:ListBox></td>
<td style="width: 30px; height: 27px">
</td>
<td style="width: 88px; height: 27px">
<asp:Button ID="ButtonAddStudents" runat="server" OnClick="ButtonAddStudents_Click"
Text="Add Students" Width="139px" /></td>
</tr>
<tr>
<td style="width: 30px; height: 27px">
</td>
<td style="width: 88px; height: 27px">
<asp:Button ID="ButtonDeleteStudents" runat="server" Text="Delete Students" Width="138px" OnClick="ButtonDeleteStudents_Click" /></td>
</tr>
<tr>
<td style="width: 30px; height: 27px">
</td>
<td style="width: 88px; height: 27px">
<asp:Button ID="ShowAll" runat="server" Text="Save Students" Width="139px" OnClick="ShowAll_Click" /></td>
</tr>
<tr>
<td style="width: 30px; height: 26px">
</td>
<td style="width: 88px; height: 26px">
<asp:Button ID="ButtonLoad" runat="server" Text="Load Students" Width="138px" OnClick="ButtonLoad_Click" /></td>
</tr>
</table>
</asp:Content>