Anda di halaman 1dari 2

RESUME

PEMROGRAMAN WEB

FRESTIKA CAHYO HAKIM

Assalamu’alaikum

1. Konsep Teknologi Web


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.