Anda mungkin sudah tau program ASP.NET, bagi para programmer mungkin sudah kenal dengan aplikasi ini, saya disini ingin memberikan cara membuat masterpage, masterpage digunakan untuk membuat template halaman yang digunakan di setiap halaman web.
Langsung saja saya jelaskan.
1. Klik File - New Website - beri nama website1, lalu pilih C# sebagai languagenya.
2. Tambahkan Master Page ke dalam web app anda, dengan cara mengklik kanan pada root folder, kemudian pilih Add New Item-Master Page, beri nama MasterPage.master.
Lalu masukan Script dibawah ini :
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
body{
background-color:Silver;
font: 14px arial;
}
.isi{
margin:auto;
width:700px;
background-color:white;
border:solid 1px black;
}
.leftcolumn{
float:left;
padding:6px;
width:180px;
border-right:solid 2px navy;
}
rightcolumn{
float:left;
padding:6px;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="isi">
<div class="leftcolumn">
<asp:HyperLink ID="hp11" NavigateUrl="halaman1.aspx"
runat="server" Text="actual Training" /><br />
<asp:HyperLink ID="hp12" NavigateUrl="halaman2.aspx"
runat="server" Text="MUGI Blog" /><br />
<asp:HyperLink ID="hp13" NavigateUrl="#"
runat="server" Text="INDC Blog" /><br />
</div>
<div class="rightColumn">
<asp:ContentPlaceHolder ID="contentPlaceHolder1"
runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<br class="clear" />
</form>
</body>
</html>
Anda bisa lihat hasilnya dibrowser, atau tekan f5 dari aplikasi vb.net anda, mudah bukan cara membuatnya, lain waktu saya akan menjelaskan tutorial asp.net yang lain, sekian dari saya, semoga tutorial asp.net ini bermanfaat.
Langsung saja saya jelaskan.
1. Klik File - New Website - beri nama website1, lalu pilih C# sebagai languagenya.
2. Tambahkan Master Page ke dalam web app anda, dengan cara mengklik kanan pada root folder, kemudian pilih Add New Item-Master Page, beri nama MasterPage.master.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
body{
background-color:Silver;
font: 14px arial;
}
.isi{
margin:auto;
width:700px;
background-color:white;
border:solid 1px black;
}
.leftcolumn{
float:left;
padding:6px;
width:180px;
border-right:solid 2px navy;
}
rightcolumn{
float:left;
padding:6px;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="isi">
<div class="leftcolumn">
<asp:HyperLink ID="hp11" NavigateUrl="halaman1.aspx"
runat="server" Text="actual Training" /><br />
<asp:HyperLink ID="hp12" NavigateUrl="halaman2.aspx"
runat="server" Text="MUGI Blog" /><br />
<asp:HyperLink ID="hp13" NavigateUrl="#"
runat="server" Text="INDC Blog" /><br />
</div>
<div class="rightColumn">
<asp:ContentPlaceHolder ID="contentPlaceHolder1"
runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<br class="clear" />
</form>
</body>
</html>
Anda bisa lihat hasilnya dibrowser, atau tekan f5 dari aplikasi vb.net anda, mudah bukan cara membuatnya, lain waktu saya akan menjelaskan tutorial asp.net yang lain, sekian dari saya, semoga tutorial asp.net ini bermanfaat.
Untuk tambahan materi ASP.NET aja ni gan, di blog ane ada artikel tentang
ReplyDeleteCara Mengubah Warna Background Current Week pada Kalender ASP.NET
Semoga membantu :)