- Bước 1: Tạo trang Contact.aspx
Code HTML:
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="contactus.aspx.cs" Inherits="contactus" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphMenu" runat="Server">
</asp:Content>
Ở trang contactus.aspx ta thấy: part nội dung bên phải không có gì thay đổi so với nội dung ta đã tạo trên trang MasterPage.master. Vì vậy, thẻ:
<asp:Content ID="Content4" ContentPlaceHolderID="cphRight" Runat="Server">
</asp:Content> được chúng ta bỏ đi.
Browse contact.aspx:
Menu:
Code HTML:
<asp:Content ID="Content4" ContentPlaceHolderID="cphMenu" runat="Server">
<ul>
<li><a id="A1" href="~/" runat="server">Home</a></li>
<li><img alt="" src="assets/images/menu-line.jpg" /></li>
<li class="active"><a href="ourview.aspx">Our View</a></li>
<li><img alt="" src="assets/images/menu-line.jpg" /></li>
<li><a href="#">Service</a></li>
<li><img alt="" src="assets/images/menu-line.jpg" /></li>
<li><a href="#">Contact Us</a></li>
<li><img alt="" src="assets/images/menu-line.jpg" /></li>
<li><a href="#">Client Login</a></li>
<li><img alt="" src="assets/images/menu-line.jpg" /></li>
</ul>
</asp:Content>
Browse contact.aspx: