A. Pengenalan Web a. Web (World Wide Web) merupakan layanan yang didapat oleh pemakai komputer yang terhubung ke internet, yang dapat memudahkan pengguna komputer untuk berinteraksi dengan pengguna internet lainnya dan mencari informasi yang diperlukan. b. Browser web merupakan software yang digunakan untuk menampilkan informasi dari server web. Contoh dari web browser : Opera, Mozzila, Netscape Navigator, Internet Explorer, Lynx, Konqueror. c. Server web adalah komputer yang digunakan untuk menyimpan dokumen- dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. Contoh: IIS, PWS, Apache, Xitami. d. Pemrograman web (HTML) diperlukan suatu file teks yang bernama atau berekstensi HTML (Hypertext Markup Language). Ada dua cara untuk membuat sebuah web page: 1) Menggunakan editor teks biasa (notepad, editplus). 2) HTML Editor. Dokumen HTML disusun oleh elemen-elemen seperti : head, body, table, paragraf dan list.Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan tag. B. Struktur HTML Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. 2. Format Teks pada Halaman Web A. Mengatur Ukuran Teks atau atribut size <p style=”font-size:20px”> B. Mengatur Jenis Teks/Format teks <font face=”Comic Sans MS“>teks dengan font Comic San MS </font> C. Mengatur Warna Font/ teks html Sintak Penulisan atribut seperti ini (font color=”….” ), kita bisa mengisi dengan nama warna langsung atau dengan code warna dari photoshop, corel, editplus,dll. 3. Format Tabel pada Halaman Web Elemen-elemen table : 4. Elemen Keterangan <table>...</table> sebuah tebel dalam HTML. <th>…</th> sel header tabel <tr>…</tr> sebuah baris tabel dalam tabel <td>…</td> sebuah sel data tabel Format Multimedia Pada Halaman Web Metode ImageMap mengharuskan pemrogram web untuk mendefinisikan daerah- daerah dalam suatu gambar (image) yang mempunyai link. Bentuk daerah peta dibedakan menjadi : Point : daerah berupa titik Rect : daerah berupa kotak/persegi panjang Poly : daerah berbentuk polygon Circle : daerah berbentuk lingkaran 5. Format Kaitan (Link) Pada Halaman Web Perintah-perintah yang digunakan : • Membuat link dengan karakter : <a href=”URL/dokumen.html”>link</a> • Membuat link dengan gambar : <a href=”URL/dokumen.html”><img src=”nama_gambar”></a> • Membuat nama link pada satu dokumen (anchor) : <a name=”nama_anchor”></a> • Membuat link pada bagian lain dalam satu dokumen HTML. : <a href=’#nama_anchor’>nama_link</a> 6. Format Formulir Pada Halaman Web Form merupakan elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Jenis masukan dalam suatu form dibedakan menjadi : Text : digunakan untuk memasukkan suatu nilai untuk dikirimkan ke server. Text Area : digunakan untuk memasukkan data dalam bentuk teks yang jumlah karakternya banyak. Radio : menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih. Check Box : menyediakan beberapa pilihan, bisa lebih dari satu pilihan. List : pilihan dalam bentuk list., pilihan dapat lebih dari satu. Button : mendefinisikan tombol untuk melakukan pemrosesan form. Submit : untuk memenggil url, setelah selesai penginputan form. Reset : untuk menginisialisasi setiap elemen form. Button : untuk memebuat form lebih interaktif, untuk memanggil script (fungsi) yang ada dalam dokumen HTML. Image : digunakan sebagai pengganti button, button yang berbentuk gambar. 7. Style Pada Halaman Web CSS merupakan sebuah dokumen yang dapat digunakan untuk melakukan pengaturan pada seluruh komponen web. CSS bisa digunakan dengan berbagai metode, salah satu diantaranya adalah diletakkan pada bagian Head.