ASP.NET - Halaman Web

Halaman ASP.NET sederhana terlihat seperti halaman HTML biasa.

Hello CodeW3C.com

Untuk memulai perjalanan belajar ASP.NET kami, pertama-tama kita akan membuat halaman HTML sederhana yang akan menampilkan "Hello CodeW3C.com" di browser.

Hello CodeW3C.com

Hello CodeW3C.com ditulis dengan HTML

Kode HTML halaman HTML ini:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
</body>
</html>

Jika Anda ingin mencoba sendiri, simpan kode ini di berkas dengan nama "firstpage.html" dan buat tautan ke berkas ini, seperti ini:firstpage.html.

Hello CodeW3C.com ditulis dengan ASP.NET

Cara paling sederhana untuk mengkonversi halaman HTML ke ASP.NET adalah menyalin berkas HTML ke berkas baru dengan ekstensi .aspx.

Ini akan menampilkan contoh kami sebagai halaman ASP.NET:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
</body>
</html>

Jika Anda ingin mencoba sendiri, simpan kode ini di berkas dengan nama "firstpage.aspx" dan buat tautan ke berkas ini:firstpage.aspx.

Bagaimana cara kerjanya?

Dari dasarnya, halaman ASP.NET sama dengan HTML.

Ekstensi halaman HTML adalah .htm atau .html. Jika browser meminta halaman HTML dari server, server akan mengirimkan halaman ke browser tanpa mengubahnya.

Ekstensi halaman ASP.NET adalah .aspx. Jika browser meminta halaman ASP.NET, server akan mengelola kode eksekutif di halaman sebelum mengirimkan hasilnya ke browser.

Halaman ASP.NET di atas tidak mengandung kode eksekutif apapun, sehingga tidak akan menjalankan kode apapun. Dalam contoh di bawah, kita akan menambahkan kode eksekutif ke halaman untuk menunjukkan perbedaan antara halaman HTML statis dan halaman ASP dinamis.

Classic ASP

Active Server Pages (ASP) sudah populer selama bertahun-tahun. Melalui ASP, kode eksekutif dapat disisipkan di dalam halaman HTML.

Versi ASP sebelum ASP.NET sering disebut Classic ASP (Classic ASP).

ASP.NET tidak sepenuhnya kompatibel dengan Classic ASP, tetapi dengan sedikit perubahan, Classic ASP dapat bekerja dengan baik sebagai ASP.NET.

Jika Anda ingin belajar lebih banyak tentang Classic ASP, kunjungi situs kami. Panduan ASP.

Halaman Dinamis yang Dibuat Dengan Classic ASP

Untuk memperlihatkan bagaimana cara menggunakan konten dinamis untuk menampilkan halaman, kami menambahkan beberapa kode yang dapat dieksekusi ke contoh di atas:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

Kode dalam tag <% --%> dijalankan di server.

Response.Write adalah kode ASP yang digunakan untuk mengeksport teks ke aliran output HTML.

Now() adalah fungsi yang dapat mengembalikan tanggal dan waktu saat ini dari server.

Jika Anda ingin mencoba sendiri, simpan kode ini di berkas yang dinamai "dynpage.asp", dan buat tautan ke berkas ini:dynpage.asp.

Halaman Dinamis yang Dibuat Dengan ASP .NET

Kode di bawah ini dapat menampilkan contoh kita sebagai halaman ASP.NET:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

Jika Anda ingin mencoba sendiri, simpan kode ini di berkas yang dinamai "dynpage.aspx", dan buat tautan ke berkas ini:dynpage.aspx.

ASP.NET vs Classic ASP

Contoh di atas tidak dapat menunjukkan perbedaan antara ASP.NET dan Classic ASP.

Seperti yang Anda lihat di dua contoh terakhir, di antara halaman ASP dan ASP.NET ini, tidak ada perbedaan yang signifikan.

Dalam bab di bawah ini, Anda akan melihat bagaimana kontrol server membuat ASP.NET lebih kuat daripada Classic ASP.