Membuat Halaman dasar pada frame ASP.Net bekerja dengan CSS
Manual Lab National University of Computer and Emerging Sciences 1.1 “Pengantar ASP.net, HTML” Lab Sistem Basis Data Musim Semi 2021 Departemen Ilmu Komputer FAST-NU, Lahore, Pakistan Daftar Isi 1 Tujuan 2 2 Pembagian Tugas 2 3 HTML 3 1.1. Apa itu HTML? 3 1.2. Tag HTML 3 1.3. Peramban Web 3 1.4. ELEMEN HTML 4 1.5. Judul HTML 4 4 Membuat formulir Web ASP.Net menggunakan Visual Studio 4 4.1 KONTROL ASP (Perilaku serupa dengan elemen HTML) 8 4.2 Poin Utama 10 5 Latihan 13 ⦁ Tujuan Tujuan dari dokumen ini adalah untuk memberikan implementasi praktis HTML, gambaran keseluruhan tag dan elemen HTML, dengan contoh dan implementasi langsung selama lab. Pengenalan ASP.NET, dokumen ini akan menjawab bagaimana cara membuat proyek baru? Bagaimana cara membuat halaman web baru? Dan berlatih pada berbagai kontrol asp. ⦁ Pembagian Tugas Total Waktu 90 Menit Pendahuluan 10 Menit Elemen HTML 15 Menit Kontrol ASP 15 Menit Latihan 45 Menit ⦁ HTML ⦁ Apa itu HTML? HTML adalah bahasa untuk mendeskripsikan halaman web. ⦁ HTML adalah singkatan dari Hyper Text Markup Language ⦁ HTML bukan bahasa pemrograman, melainkan bahasa markup ⦁ Tujuan dari tag adalah untuk mendeskripsikan konten halaman ⦁ Tag HTML Tag markup HTML biasa disebut tag HTML ⦁ Tag HTML adalah kata kunci (tag nama) dikelilingi tanda kurung siku seperti ⦁ Tag HTML biasanya berpasangan seperti dan ⦁ Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag ⦁ Mulai dan akhir tag disebut juga tag pembuka dan tag penutup ⦁ Browser Web Tujuan browser web (Chrome, Internet Explorer, dan Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, namun menggunakan tag tersebut untuk menafsirkan konten halaman: ⦁ ELEMEN HTML ⦁ Elemen HTML diawali dengan tag awal/tag pembuka ⦁ Elemen HTML diakhiri dengan tag akhir/tag penutup ⦁ Tag konten elemen adalah segalanya antara tag awal dan akhir ⦁ Beberapa elemen HTML memiliki konten kosong ⦁ Sebagian besar elemen HTML dapat memiliki atribut ⦁ Judul HTML
Lihat ini
Apa yang Anda pikirkan sekarang
Dan bagaimana dengan sekarang
⦁ Membuat formulir Web ASP.Net menggunakan Visual Studio Langkah 1: Mulai instance Visual Studio (versi:20XY) dan buat proyek baru dengan masuk ke File -> Baru—> Proyek -> Web -> Aplikasi Web ASP.NET sebagai ditunjukkan di bawah ini: Langkah 2: Navigasikan ke Solution Explorer, dan tambahkan Formulir Web baru Langkah 3: Pilih Formulir Web dari template yang tersedia dan atur Namanya Langkah 4: Klik dua kali pada MyPage.aspx di solution explorer dan klik pada ruang kosong di mypage.aspx dan tekan “CTRL+F5” Outputnya akan seperti ini: ⦁ ASP CONTROLS (Perilaku serupa dengan elemen HTML) TextBox dasar: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > Kata sandi TextBox: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> Kotak Teks dengan teks: <asp:TextBox ID="txtTextValue" Text="Halo Dunia!" runat="server"></asp:TextBox> Kotak Teks multibaris: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> Kotak centang <asp:CheckBox ID=" chkIsStudent" runat="server" /> Tombol Radio <asp:RadioButton ID="rdMale" GroupName="Gender" runat="server" /> <asp:RadioButton ID="rdFemale" GroupName="Gender" runat="server" /> Daftar Tarik-turun <asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value="0"></asp:ListItem> <asp:ListItem Text="Ilmu Komputer" Value="CS"></asp:ListItem> <asp:ListItem Text="Teknik Elektro" Value="EE"></asp:ListItem> <asp:ListItem Text="Administrator Bisnis" Value="BBA"></asp:ListItem> <asp:ListItem Text="Teknik Sipil" Value="CV"></asp:ListItem> </asp:DropDownList> Tombol <asp:Button ID="btnSave" Text="Simpan Formulir" runat="server" /> Gambar <asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" /> ⦁ Poin-poin penting ⦁ Pertanyaan: Mengapa saya harus menentukan runat="server" di semua ASP saya. NET mengontrol ketika itu merupakan atribut wajib dan server adalah satu-satunya pilihan yang tersedia dalam pengetahuan saya yang terbatas tentang ASP.NET, dan saya mendapatkan kesalahan jika saya tidak menggunakannya? ⦁ Jawaban: ini ada hubungannya dengan bagaimana kontrol sisi server diidentifikasi selama pemrosesan. Daripada harus memeriksa setiap kontrol saat runtime berdasarkan nama untuk menentukan apakah pemrosesan sisi server perlu dilakukan, ia melakukan seleksi pada representasi node internal berdasarkan tag. Kompiler memeriksa untuk memastikan bahwa semua kontrol yang memerlukan tag server memilikinya selama langkah validasi. ⦁
berarti baris baru dalam HTML ⦁ berarti spasi dalam HTML SAMPEL FORMULIR ⦁ Latihan Menggunakan formulir Web ASP buat halaman contoh seperti yang diberikan di bawah ini. Catatan: logo instagram : Anda dapat menggunakan logo apa pun dari internet.
