Resume Pemrograman Web - Pertemuan 2 ~ Blog is a Source Of Information Created by Ayu Paramita

Definisi Web Form

Sebuah webform pada halaman web memungkinkan user untuk memasukkan data yang dikirimkan ke server yang untuk diproses. Webforms menyerupai kertas atau database yang bentuk karena pengguna internet mengisi formulir dengan menggunakan checkbox, tombol radio , atau bidang teks. Sebagai contoh, webforms dapat digunakan untuk memasukkan data pengiriman atau kartu kredit untuk memesan produk atau dapat digunakan untuk mengambil data (misalnya, pencarian pada mesin pencari ).

Webforms didefinisikan dalam bahasa pemrograman formal seperti HTML , Perl , PHP , Java , Javascript atau NET. (termasuk ASP.NET ). Implementasi bahasa tersebut sering secara otomatis memanggil antarmuka pengguna idiom, seperti grid dan tema , waktu pemrograman meminimalkan, biaya dan risiko.

Master Page

Halaman master memungkinkan Anda untuk membuat tampilan yang konsisten dan perilaku untuk semua halaman (atau kelompok halaman) dalam aplikasi web Anda. Sebuah halaman master menyediakan template untuk halaman lain, dengan tata letak bersama dan fungsionalitas. Master page mendefinisikan placeholder untuk konten, yang dapat diganti dengan halaman konten. Hasil output adalah kombinasi dari halaman master dan halaman konten.

Halaman-halaman konten berisi konten yang ingin ditampilkan.

Ketika pengguna meminta halaman konten, ASP.NET menggabungkan halaman untuk menghasilkan output yang menggabungkan tata letak halaman master dengan isi dari halaman konten.

Contoh master page dibawah ini adalah halaman HTML biasa dirancang sebagai template untuk halaman lainnya:

<% @ Guru Bahasa = "C #"%>

<DOCTYPE html PUBLIC "-! / / W3C / / DTD XHTML

     1.1 / / EN "" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">

<html xmlns= "http://www.w3.org/1999/xhtml">

<head runat= "server">

     Guru <title> halaman judul </ title>

</ Head>

<body>

     <form id= "form1" runat= "server">

         <table>

            <tr>

                <td> <asp:contentplaceholder id= "Main" runat= "server" /> </ td>

                <td> <asp:contentplaceholder id= "Footer" runat= "server" /> </ td>

            </ Tr>

         </ Table>

     </ Form>

</ Body>

</ Html>

Definisi Table

Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom

menunjukkan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukkan

kelompok data dalam satu kesatuan. Sebuah tabel mempunyai judul, tempat anda menjelaskan kolom/baris yang dilibatkan, baris untuk informasi dan sel untuk setiap itemnya. Pada tabel berikut, kolom pertama berisi informasi header, setiap baris menjelaskan sebuah tag tabel HTML dan setiap sel berisi sebuah pasangan tag atau penjelasan dari fungsi tag.

Elemen-elemen

Elemen	Penjelasan
<TABLE>…</TABLE>	Mendefenisikan sebuah tabel dalam HTML jika atribut border dituliskan, maka browser akan menampilkan tabel dengan border.
<CAPTION>…</CAPTION>	Mendefinisikan tulisan untuk judul tabel. Posisi default dari judul adalah ditengah pada bagian paling atas tabel. Atribut align=”bottom” dapat digunakan untuk menempatkan judul pada bagian bawah tabel. Catatan: judul dapat diberi tag apa saja
<TR>...</TR>	Menspesifikasikan sebuah baris tabel dalam tabel. Anda dapat mendefinisikan atribut untuk seluruh baris: align(left, center, right) dan/atau valign (top,middle,bottom).
<TH>…</TH>	Mendefiniskan sel header tabel. Secara default teks dalam sel ini ditebalkan dan ditampilkan di tengah.
<TD>…</TD>	Mendefinisikan sebuah sel data tabel. Secara default teks dalam sel ini ditampilkan rata kiri, dan ditengah secara vertikal. Sel data table dapat berisi atribut untuk mendefinisikan karakteristik dari sel dan isinya.

Elemen	Penjelasan
Align={left\|center\|right}	Alignment horizontal untuk sel
Valign={top\|middle\|bottom}	Definisi alignment vertical dalam sel
Colspan=n	Jumlah n kolom sel diperlebar
Rowspan=n	Jumlah n baris sel diperbesar
Nowrap	Matikan wrapping dalam sel

Definisi Hyperlink

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. jika link di klik, maka dokumen HTML akan menuju ke alamat tersebut. Link berhubungan erat dengan apayang disebut anchor. Anchor merupakan sesuatuyang dapat digunakan untuk menandai sebuah dokumen HTML dan bagian yang di tandai tersebut dapat digunakan sebagai link atau alamat tujuan dari link, sebuah anchor ditandai dengan tag <A>

Definisi Font

Tag <font> termasuk salah satu (Deprecated tags) dimana saat ini sudah jarang digunakan karena sudah ada alternatif pengganti yang lebih baik untuk tag tersebut. Untuk Tag <font> sebagai gantinya digunakan atribut style atau CSS. Untuk penjelasan singkat tentang CSS ini bisa di baca di Belajar CSS.

Pada tulisan sebelumnya tentang Belajar HTML dengan topik Format Font HTML telah dibuat beberapa contoh format font dengan menggunakan tag <font>. Di tutorial HTML ini kita akan melupakan tag tersebut dan beralih menggunakan atribut style.

Untuk mengganti jenis font digunakan properti font-family:

<p style="font-family:Georgia">Tulisan dengan font-family Georgia</p>

Hasil:

Tulisan dengan font-family Georgia

Untuk membuat tulisan miring digunakan properti font-style:

     <p style="font-style:italic">Membuat tulisan miring</p>

Hasil:

Membuat tulisan miring

Untuk membuat tulisan tebal digunakan properti font-weight:

     <p style="font-weight:bold">Membuat tulisan tebal</p>

Hasil:

Membuat tulisan tebal

Untuk mengatur ukuran font digunakan properti font-size:

     <p style="font-size:16px">Tulisan dengan ukuran font 16px</p>

Hasil:

Tulisan dengan ukuran font 16px

Untuk pengaturan ukuran font-size dapat menggunakan satuan px, em, % atau pt. Kode HTML berikut akan menghasilkan ukuran font yang sama.

     <p style="font-size:16px">Tulisan dengan ukuran 16px</p>

     <p style="font-size:100%">Tulisan dengan ukuran 100%</p>

     <p style="font-size:1em">Tulisan dengan ukuran 1em</p>

     <p style="font-size:12pt">Tulisan dengan ukuran 12pt</p>

Hasil:

Tulisan dengan ukuran 16px

Tulisan dengan ukuran 100%

Tulisan dengan ukuran 1em

Tulisan dengan ukuran 12pt

Untuk membuat warna font digunakan properti color:

     <p style="color:blue">Tulisan ini akan berwarna biru</p>

Hasil:

Tulisan ini akan berwarna biru

Untuk kode warna bisa menggunakan nilai RGB, Hexadecimal atau Nama Warna. Kode HTML berikut akan menghasilkan warna tulisan yang sama.

     <p style="color:rgb(0,128,0)">Membuat warna tulisan dengan Nilai RGB</p>

     <p style="color:#008000">Membuat warna tulisan dengan Kode Hexadecimal</p>

     <p style="color:green">Membuat warna tulisan dengan Nama Warna</p>

Hasil:

Membuat warna tulisan dengan Nilai RGB

Membuat warna tulisan dengan Kode Hexadecimal

Membuat warna tulisan dengan Nama Warna

Gambar

Gambar HTML - Tag <img> dan Atribut Src

Dalam HTML, gambar didefinisikan dengan tag <img>.

Tag <img> kosong, yang berarti bahwa itu hanya berisi atribut, dan tidak memiliki tag penutup.

Untuk menampilkan sebuah gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL dari gambar yang ingin ditampilkan.

Sintaks untuk mendefinisikan gambar:

URL poin ke lokasi di mana gambar disimpan. Sebuah gambar bernama "boat.gif", yang terletak di direktori "images" pada "www.w3schools.com" memiliki URL: http://www.w3schools.com/images/boat.gif.
Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda menempatkan tag gambar antara dua paragraf, browser menunjukkan paragraf pertama, kemudian gambar, dan kemudian paragraf kedua.

Gambar HTML - Atribut Alt

Atribut alt diperlukan menentukan sebuah teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan.

Nilai atribut alt adalah seorang penulis-didefinisikan teks:

Atribut alt menyediakan informasi alternatif bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat, kesalahan dalam atribut src, atau jika pengguna menggunakan pembaca layar).

Gambar HTML - Mengatur Tinggi dan Lebar dari suatu Gambar

Tinggi dan atribut lebar digunakan untuk menentukan tinggi dan lebar dari suatu gambar.

Nilai atribut yang ditetapkan dalam piksel secara default:

Tip: Ini adalah praktik yang baik untuk menentukan baik tinggi dan atribut lebar untuk gambar. Jika atribut ini ditetapkan, ruang yang dibutuhkan untuk gambar dicadangkan saat halaman dimuat. Namun, tanpa atribut-atribut ini, browser tidak tahu ukuran gambar. Efeknya akan bahwa tata letak halaman akan berubah selama pemuatan (sedangkan beban gambar).

Referensi:

1. Link_1

2. Link_2

3. Link_3

4. Kurniawan, Yahya.(2001).Aplikasi Web Database dengan ASP.Jakarta : PT. Elex Media Komputindo.