Cara Membuat Websitehttp://www.freewebs.com/buatsite/index.htm/
Seiring
dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk
di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau
website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan
mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi
sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan
orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba
menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para
netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan
dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu
dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun
di akhirat kelak.
Bagaimana
caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan
langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar
eksis di internet. Artinya website yang dari segi perwajahan tidak
"menyedihkan", dari segi isi tidak "asal-asalan" dan dari
segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama
kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang
memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser
(Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar
HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi
website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam
bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke
selesai", kita harus mendaftarkannya ke web hosting agar website kita
"terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak
kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan
dikunjungi oleh para netter.
Nah,
kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
BELAJAR HTML
Dewasa
ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up
Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa
mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG
seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun
sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML.
Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser
dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di
atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website
sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan
untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks
ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode
tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html).
Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua
program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya,
kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu
caranya, klik Start > Programs > Accessories lalu Notepad.
Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
PENGENALAN KODE HTML
Dalam
program Notepad anda, tulislah seperti ini:
<HTML>
</HTML>
|
Masing-masing
baris di atas disebut tag. Tag adalah kode yang digunakan untuk
me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan
tanda kurung runcing. Ada tag pembuka yaitu <HTML> dan ada tag
penutup yaitu </HTML> yang ditandai dengan tanda slash (garis
miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan
ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda
ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf
kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama
saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah
meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda,
bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang
kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:
<HTML>
<BODY>
</BODY>
</HTML>
|
Isi
dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag
<BODY>. Coba tuliskan:
<HTML>
<BODY>
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
|
Sekarang
simpanlah file ini dengan meng-klik menu File lalu Save As. Pada
kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan
kotak Save as type kemudian pilih All Files (*.*). Setelah itu,
isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm.
Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya,
klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini,
tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet
Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu
Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan
pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya
anda yang pertama!
Tulisan ini akan tampak dalam browser
|
Apakah
tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak,
dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan
berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada
kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang
dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang
lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi.
Klik menu