pemrograman web

Bab 1
World Wide Web
WWW (World Wide Web) merupakan kumpulan informasi pada beberapa
server komputer yang terhubung satu sama lain dalam jaringan Internet. Informasi
dalam Web mempunyai link yang menghubungkan informasi yang satu dengan
informasi yang lain dalam jaringan Internet. Link ini berupa tanda khusus yang
biasanya dinyatakan dengan teks berwarna biru dan bertanda garis bawah/dalam
bentuk icon maupun gambar yang dikelilingi kotak.
Browser

Browser adalah suatu program yang dirancang untuk mengambil informasi dari
suatu server komputer pada jaringan Internet. Informasi ini dikemas dalam page yang
masing-masing memiliki beberapa link yang menghubungkan Web page ke sumber
informasi lain. Jika suatu link diklik, browser akan melihat alamat dari tujuan link
tersebut, kemudian mencari di Web server.
HTTP (Hypertext Transfer Protocol)

HTTP merupakan protokol yang menentukan Web browser dalam
meminta/mengambil suatu dokumen, dan menentukan Web server dalam menyediakan
dokumen yang diminta oleh Web browser. Ini adalah protokol standar yang dipakai
untuk mengakses dokumen HTML. HTTP digunakan untuk menjelajahi Web yang
berhubungan dengan banyak protokol lain.
URL (Uniform Resource Locator)

URL adalah suatu alamat yang dipakai untuk menentukan lokasi informasi
pada Web server, karena alamat ini mengambil informasi yang diminta oleh browser.
Format umum dari suatu URL adalah: protokol_transfer://nama_host/path/nama_file
Contoh: http://www.macromedia.com/shockzone/info/security.html

Yaitu berisi :protokol yang digunakan, nama server dari komputer yang dicari, jalur
dari informasi yang dicari, nama file dari informasi yang dicari.

DNS (Domain Name System) Untuk mempermudah pengelolaan Web server dan
Web browser pada komputer di Internet, komputer di Internet menggunakan suatu
format penamaan yang disebut Domain Name System (DNS). DNS membagi domain
menjadi beberapa tingkat yang merupakan kelompok komputer yang terhubung ke
Internet. Nama domain beserta jenis organisasinya, antara lain:

1. com ---> untuk komersial
2. edu ---> untuk pendidikan
3. net ---> untuk provider Internet
4. id ---> untuk negara Indonesia
5. gov ---> untuk Lembaga Pemerintahan

HTML (HyperText Markup Language)

HTML yang akan dibahas meliputi beberapa tahap, yaitu level HTML, HTML
Extension dan program Editor HTML. HTML adalah format data yang dipakai untuk
membuat dokumen HyperText. Dokumen HTML disebut Mark Language, karena
berisi tanda tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan
tingkat kepentingan dari teks tersebut dalam suatu dokumen. Pada sistem HyperText
pada dokumen HTML, Anda tidak harus membaca dokumen secara urut dari atas ke
bawah, melainkan cukup menuju pada topik tertentu secara langsung dalam dokumen.
HTML Extension

Salah satu tambahan pada HTML ini adalah tag < BLINK> yang membuat teks dalam tag tersebut tampil berkedip-kedip dalam Netscape Browser. Pada HTML ini terdapat bermacam-macam daya kreatif untuk mengembangkan HTML yang sangat diperlukan selama tidak mengganggu penampilan dokumen HTML pada browser.

Program Editor HTML

Untuk membuat dokumen HTML, sebaiknya Anda menggunakan program
editor teks seperti Notepad, Sidekick, dan WS dalam format Non Document untuk
aplikasi DOS. Program WYSIWYG, seperti Microsoft Word dan Word Perfect for
Win, tidak dapat dipakai untuk membuat dokumen HTML, karena program ini
dianggap sebagai dokumen biasa dan tidak dapat diterjemahkan oleh Browser.
Program tambahan yang dipakai untuk menyunting HTML adalah Word Internet
Assistant dan WordPerfect Internet Publisher.
Selain program editor teks, Anda bisa menggunakan program editor khusus
untuk membuat HTML, antara lain program editor HTML berbasis teks dan
WYSIWYG yang tidak memerlukan browser lagi.

1.7 Bagaimana WWW Bekerja
1. Informasi web disimpan dalam dokumen yang disebut dengan halaman-halaman
web (web pages)
2. web page adalah file-file yang disimpan dalam komputer yang disebut dengan
server-server web (web server)
3. Komputer-komputer membaca web page disebut sebagai web client
4. Web client menampilkan page dengan menggunakan program yang disebut dengan
browser web (web browser)














Bab 2
Pengenalan HTML

2.1 Dokumen HTML
HTML kependekan dari Hyper Text Markup Language. Dokumen HTML
adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal
sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam web
browser.
Ada dua cara untuk membuat web page, denghan HTML editor atau editor text
biasa (misal : notepad). Untuk latihan buku ini kita menggunakan Macromedia
Dreamweaver.

2.2 Penamaan Dokumen
Dokumen HTML diberi nama sembarang kemudian diberi tambahan
ekstensi ”.htm” atau ”.html”

2.3 Definisi Elemen
Dokumen HTML disusun elemen-elemen atau komponen dasar pembentu
HTML. Contoh dari elemen dokumen HTML adalah : head , body, table, paragraf, list.

2.4 Definisi Tag
Tag digunakan untuk menandai elemen dalam suatu dokumen HTML. Tag
HTML terdiri atas sebuah sudut kiri (<, tanda lebih kecil), nama sebuah tag, dan sebuah
tanda kurung sudut kanan (>, tanda lebih besar. Tag umumnya berpasangan, sebagai
contoh

Dengan

. Secara umum suatu elemen dalam dokumen HTML yang
dinyatakan dengan tagnya, dituliskan :
-

2.5 Elemen HTML yang diperlukan
Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan
dengan tag ,, dan .Setiap dokumen terdiri atas tag head dan body.
Elemn Head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks
yang akan ditampilkan di browser.

2.6 Penggunaan Tag

1. Tag HTML diapit dengan dua karakter kurung bersudut, < dan >.
2. Tag HTML secara normal selalu berpasangan seperti dengan
3. Tag HTML tidak ‘case sensitive’, berarti

dama dengan

2.7 Atribut Tag
Tag dapat mempunyai atribut. Atribut menyatakan sesuatu tentang tag tersebut.
Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang
bersangkutan.
Tag berikut tidak mempunyai atribut : . Tag ini tidak
menggunakan atribut, sehingga dokumen HTML ditampilkan dengan warna
background sesuai dengan definisi warna background pada browser webnya.
Umumnya berwarna putih.
Tag berikut mempunyai atribut : . Tag ini
mempunyai atribut bgcolor dengan nilai “red’. Sehingga background akan
menampilkan warna merah.