ASP.NET 2.0 memiliki fungsi Tema baru yang memudahkan untuk menguliti situs web.
Implementasi tema meliputi: CSS, Skin, MasterPage.
CSS digunakan untuk mengontrol tampilan semua tag HTML.
Skin digunakan untuk mengontrol tampilan semua penyesuaian server ASP.NET, dan gaya CSS-nya dapat ditentukan melalui atribut cssClass.
MasterPage adalah templat halaman *.aspx, tetapi tidak ditentukan dalam Tema.
--------------------------------------------------- -----------------------------------
·Contoh pembuatan Tema:
1. Buat direktori App_Themes di proyek Web. Ini adalah direktori yang telah ditentukan sebelumnya, dan ASP.NET 2.0 akan secara otomatis mengenali Tema di direktorinya.
2. Buat dua subdirektori, orangeTheme dan BlueTheme, di direktori App_Themes.
3. Tambahkan file Skin, seperti Control.Skin, ke setiap subdirektori di bawah App_Themes. ASP.NET 2.0 akan secara otomatis menganalisis setiap file Skin, dan penamaan di sini hanya perlu memudahkan klasifikasi selama pengembangan.
4. Anda juga dapat menambahkan file CSS ke setiap subdirektori di bawah App_Themes. ASP.NET 2.0 juga akan secara otomatis menambahkan setiap file CSS ke setiap halaman yang menggunakan gaya ini.
·Tentukan konten halaman dan gaya Tema
1. definisi halaman default.aspx adalah sebagai berikut:
<%@ Page Theme="OrangeTheme" %>
<html>
<head runat="server">
<title>Halaman Oranye</title>
</kepala>
<tubuh>
<form id="form1" runat="server">
Masukkan nama Anda:<br />
<asp:TextBox ID="txtName" Runat="Server" />
<br /><br />
<asp:Button ID="btnSubmit" Text="Kirim Nama" Runat="Server"/>
</bentuk>
</tubuh>
</html>
2. Definisikan sebagai berikut pada file Control.Skin di beranda OrangeTheme:
Catatan: Hanya atribut tampilan yang dapat ditentukan, dan atribut seperti AutoPastback tidak dapat ditentukan.
Skin default yang tidak disebutkan namanya akan menentukan skin untuk semua tipe TextBox.
<asp:TextBox BackColor="Oranye" ForeColor="Hijau Tua" Runat="Server" />
<asp:Button BackColor="Orange" ForeColor="DarkGreen" Font-Bold="True" Runat="Server" />
Memiliki SkinID yang diberi nama akan menentukan tampilan untuk tipe TextBox yang ditentukan.
<asp:TextBox SkinID="Title" BackColor="Orange" ForeColor="DarkGreen" Runat="Server" />
·Gunakan Tema di halaman
1. Tambahkan Theme="Default di bagian atas file Aspx <%@ Page %> " atribut. Dengan cara ini bisa menggunakan tema Default.
2. Jika Anda ingin menerapkan Tema tertentu ke seluruh situs web, Anda perlu mendefinisikannya di Web.Config.
<konfigurasi>
<sistem.web>
<pages theme="OrangeTheme" />
</sistem.web>
</configuration>
Definisi seperti itu setara dengan Theme default di semua file website. Theme tetap dapat didefinisikan untuk setiap halaman saat digunakan.
Bagian Skin akan menggunakan Tema yang ditentukan di Halaman, dan CSS akan menggantikan style sheet CSS di halaman beranda default.
3. Setelah menentukan Tema, semua tampilan akan menggunakan yang ditentukan di Skin. Anda juga dapat menentukan SkinID kontrol untuk menentukan skin individual.
4. Jika ingin mendefinisikan Tema secara terprogram, maka harus diproses pada event Page_PreInit, sebagai berikut:
void Page_PreInit(pengirim objek, EventArgs e)
{
Page.Theme = Request["ThemeName"];
Jika Anda perlu memuat file MasterPage untuk Page secara terprogram, Anda juga perlu mendefinisikannya di sini.
this.MasterPageFile = Permintaan["MasterPageFile"];
}
Memahami teknologi ini akan membuat situs web lebih fleksibel.