Rabu, 11 November 2009

hehehehe geje asal copas from E-book ITB

1 WWW ( World Wide Web )
1.1 Apakah WWW ?
WWW merupakan singkatan dari World Wide Web atau biasa disebut web. Jika anda sering
menggunakan internet pasti anda familiar dengan kata www ini. Jika anda mengetikkan
alamat suatu website misalkan : http://www.yahoo.com, diantara alamat tersebut ada kata
www. Jadi sebenarnya apakah www atau web ini ?
Web merupakan jaringan yang menghubungkan jaringan komputer di seluruh dunia. Web
memungkinkan komputer di seluruh dunia bisa berkomunikasi satu sama lain. Standar
komunikasi yang digunakan adalah dengan menggunakan HTTP ( seperti yang terlihat di
alamat internet yang telah dituliskan di atas ).
Informasi yang ada di web ditampilkan melalui Web Pages. Web pages tersimpan di suatu
komputer yang bisa disebut sebagai Web Server. Kita dapat mengakses Web Pages
tersebut melalui program yang disebut Web Browser. Web Browser yang terkenal antara
lain : Internet Explorer dan Opera.
Web Browser ini dapat mengakses Web Pages melalui suatu alamat tertentu. Analoginya
sama jika kita ingin mengunjungi teman yang tinggal di suatu rumah di alamat tertentu. Web
Pages juga mempunyai alamat tertentu sehingga bisa diakses. Contoh alamat web pages
atau bisa disebut URL : http://www.someone.com/page.html.
Semua Web Pages memiliki suatu instruksi-instruksi tertentu untuk tampilan. Ketika Web
Browser akan menampilkan Web Pages maka Web Browser tadi akan membaca instruksiinstruksi
tampilan yang dimiliki oleh Web Pages. Instruksi tampilan yang paling standar
adalah HTML ( Hyper Text Markup Language ) yang akan kita pelajari selanjutnya.
2 HTML ( Hyper Text Markup Language )
2.1 Pendahuluan
HTML merupakan singkatan dari Hyper Text Markup Language. File HTML pada dasarnya
berisi tag – tag HTML. Tag HTML ini yang nantinya akan dibaca oleh Web Browser dan
akan menentukan tampilan di Web Pages. Jadi dapat diartikan bahwa Web Pages
merupakan file HTML.
Bagaimana cara membuat file HTML ini ? Cara membuat file HTML sangatlah mudah. Yang
anda butuhkan hanyalah sebuah text editor biasa yang sudah anda kenali seperti Notepad
atau UltraEdit. Cara mengeksekusinya adalah dengan membukanya di Web Browser.
Berikut adalah langkah – langkah untuk membuat file HTML :
1. Buka text editor Notepad
2. Ketik sesuatu di worksheet anda, misalkan : “ Ini halaman Website saya ”.
3. Buka File, lalu pilih Save as
4. Save file anda dengan nama file : .html
5. Buka file HTML yang sudah anda buat dengan salah satu dari 2 cara berikut :
a. Double click icon file HTML anda, atau
b. Buka Web Browser ( contoh : Internet Explorer ) lalu buka File, pilih Open
dan cari file HTML anda.
6. Anda sudah berhasil membuat halaman HTML anda yang pertama.
2.2 Tag HTML
Jika kita memperhatikan file HTML yang telah kita buat sebelumnya, mungkin anda
berpikiran bahwa membuat file HTML yang berarti membuat Web Pages sangatlah mudah.
Namun sebenarnya HTML mempunyai bentuk penulisan yang standar (semacam template).
Bentuk penulisan dasar HTML :


Judul Website Anda


Isi dari halaman HTML anda


Jika anda perhatikan ada banyak tulisan yang berada dalam kurung siku ( < ... > ). Suatu
tulisan yang berada dalam kurung siku inilah yang dinamakan Tag. Tag inilah yang akan
dieksekusi oleh Web Browser dan menentukan tampilan dari Web Pages anda.
Contoh Tag HTML :
text anda : untuk membuat tulisan bold

: sama dengan page break / ganti baris

: ganti paragraf
text anda : untuk tulisan italic , dll
2.3 Perintah Dasar / Basic Tag
Ada beberapa tag dasar yang perlu anda pelajari di HTML. Dengan mempelajari beberapa
tag dasar berikut anda sudah dapat membuat website sederhana anda sendiri.
Catatan : semua contoh yang ada pada Basic Tag ini dituliskan di dalam dari HTML
2.3.1 Text Formatting
Ada beberapa tag yang berguna untuk memanipulasi text, yaitu :
2.3.1.1 Heading
Jika anda mengenal style heading di Microsoft Word, maka dengan menggunakan HTML
anda dapat menggunakan heading untuk menentukan ukuran suatu text. Heading terbesar
adalah Heading 1 dan yang terkecil adalah heading 6.
Tagnya :

text anda


text anda


:
text anda

Contoh :

ini text h1


ini text h2


ini text h3


ini text h4


ini text h5

ini text h6

2.3.1.2 Bold, Italic, Underline
Format bold, italic, dan underline telah dikenal juga di Microsoft Word.
Tagnya : text anda  membuat text bold
text anda  membuat text italic
text anda  membuat text digarisbawahi
Contoh : ini text bold
ini text italic
ini text underlined
2.3.1.4 Font Face,Size, dan Color
Font merupakan jenis huruf yang kita pakai. Dalam membuat web page kita dapat
mengubah jenis, ukuran dan warna dari huruf yang kita pakai. Font face digunakan untuk
mengganti jenis huruf. Font size digunakan untuk merubah ukuran huruf. Ukuran yang
berlaku adalah interval 1-7 ( terurut membesar ). Font Color digunakan untuk mengubah
warna huruf.
Contoh penulisan Tagnya : text anda
text anda
text anda
Ketiga tag ini dapat anda gabung penulisannya menjadi satu. Contoh penulisannya adalah
seperti berikut :
text anda
Contoh :
Font biasa


Font berubah
2.3.2 Body Formatting
Pada tag anda dapat melakukan formatting untuk beberapa hal, seperti : warna
latar web page, warna text keseluruhan, gambar sebagai latar belakang, dll. Namun pada
bagian ini akan ditunjukkan tag untuk mengatur warna latar dan text saja.
Untuk penulisan warna, anda dapat langsung menuliskan nama warna yang langsung
dikenali oleh web browser, antara lain : red, blue, black, sliver, gray, maroon, puple, green,
yellow, dll. Selain itu anda juga dapat mengetikkan kode heksadecimal dari warna yang
anda inginkan ditambahkan dengan simbol # pada awalnya.
Kode heksadecimal terdiri atas 6 digit yang masing-masing digit mempunyai interval a-f
dilanjutkan 0-9. Kombinasi digit yang berbeda akan menghasilkan warna yang berbeda pula.
Contoh penulisan tagnya :

2.3.6 Tabel
Pada Microsoft Word anda difasilitasi untuk membuat tabel. Pada HTML anda dapat
membuat tabel sesuai dengan jumlah baris dan kolom yang anda inginkan.
Tag yang digunakan untuk membuat tabel :

....
: mendefinisikan keseluruhan tabel
• ... : mendefinisikan baris
• ... : mendefinisikan judul kolom
• ... : mendefinisikan kolom
Contoh penulisan tag tabel :







Nama Alamat
Sulaiman Jl. Cisitu Lama 8

Anda juga dapat mengatur agar tabel anda memiliki border sehingga isi tabel tidak terlihat
mengambang. Penulisan tagnya masih di dalam tag .
Contoh :

Jika anda tidak mendefinisikan bordernya maka web browser akan menganggap tidak ada
border untuk tabel anda.
Contoh :







Nama Alamat
Sulaiman Jl. Cisitu Lama 8


Tidak ada komentar:

Poskan Komentar