Website statis adalah sebuah
website dimana tampilan halamannya tidak berubah-ubah. Website statis ini
biasanya jarang di update/diperbaharui, baik isi maupun tampilannya. Kalaupun
di update, itu sangat jarang dan dalam waktu-waktu tertentu saja. Biasanya
website statis ini tidak menyediakan kolom untuk berkomentar bagi para
pengunjungnya.
Dari segi jumlah
halamannya, website statis ini juga sangat terbatas halamannya. Informasi yang
ada pada halamannya hanya informasi yang sudah tetap. Jadi dapat disimpulkan,
website statis ini hampir sama dengan brosur. Namun yang membedakannya adalah,
brosur berupa cetakan dan biasanya disebarkan, sedangkan website statis hanya
dapat diakses melalui internet.
Website statis
biasanya dipergunakan untuk website company profile, personal profile,
penawaran produk.
cara membuat
website statis
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Website atau disingkat web atau dikenal juga dengan nama homepage kini telah
menjadi trend. Ribuan bahkan jutaan website kini telah meramaikan dunia maya
seiring dengan perkembangan internet. Bila telah terhubung dengan internet,
sebuah perusahaan dapat mempromosikan produknya ke segala penjuru dunia lewat
website perusahaan.
Kita pun bisa membuat website seperti itu sendiri dengan bantuan software web
developer yang sudah ada seperti Microsoft Frontpage atau Macromedia Dreamweaver.
Kalaupun program tersebut tidak terinstal di komputer anda, asalkan ada program
Notepad, Internet Explorer, atau web browser sejenis anda masih bisa membuat
web pribadi anda. Selain PHP, bahasa yang umum dipakai untuk membuat halaman
website ini salah satunya adalah HyperText Markup Language (HTML). HTML ini sangat
mudah untuk kita pelajari bila dibandingkan dengan PHP. Karena itu untuk
latihan kali ini saya terangkan mengenai pembuatan web pribadi sederhana
menggunakan HTML. Perintah-perintah yang dipakai dalam HTML ini dinamakan tag.
Tag-tag yang dipakai untuk membuat halaman sebuah web dapat kita lihat dengan
mengeklik tab View>Source dalam web browser yang anda pakai. Untuk web
browser lainnya seperti Mozilla Firefox, source halaman website bisa anda lihat
dengan mengeklik tab View>Page Source. Berikut ini saya jelaskan
langkah-langkah untuk membuat website sederhana buatan anda sendiri. Ikuti terus
ya !
1.
Klik Start > All Program > Accessories >
Notepad untuk membuka program Notepad.
2.
Tampilan program Notepad seperti gambar di bawah ini.
Di Notepad ini nanti kita akan mengetik tag HTML untuk membuat sebuah halaman
web.
3.
Sebuah halaman web terdiri dari dua bagian, yaitu
bagian kepala dan badan.Bagian kepala memberi nama website kita, sedangkan
bagian badan berisi halaman inti sebuah web. Bagian kepala dan bagian badan ini
nantinya akan membentuk sebuah kesatuan halaman website yang akan kita buat.
Tuliskan tag tag berikut dalam Notepad untuk membuat bagian kepala dan badan
web.
<html>
<head>
<title>
Website Saya
</title>
</head>
<body>
Selamat datang di website saya
</body>
</html>
4.
Warna background website anda dapat anda ubah dengan
menambahkan kata “bgcolor = warna” setelah tag body. Misalnya anda ingin
memberi warna hitam website anda maka anda tinggal tambahkan kode berikut :
<body bgcolor = black>
5.
Anda bisa juga menjadikan sebuah gambar sebagai
background website anda dengan menambahkan kode : “background = file gambar”
setelah tag body. Misalnya anda ingin menjadikan file gambar pemandangan.jpg
sebagai background halaman website anda maka anda tinggal tambahkan kode berikut
:
<body background = pemandangan.jpg>
6.
Seperti halnya background website, tulisan dalam
website pun bisa juga diubah ubah warnanya. Selain itu jenis dan ukuran tulisan
bisa juga kita ubah ubah. Untuk itu kita perlu menyisipkan tag <font>
</font> dalam tag <body> </body>. Untuk mengubah warna tulisan
kita tambahkan kode “color” setelah font, untuk mengubah jenis tulisan kita
tambahkan kode “face”, dan untuk mengubah ukuran tulisan kita tambahkan kode
“size”.
<html>
<head>
<title>
Website Saya
</title>
</head>
<body bgcolor = black>
<font color = white face = verdana size = +3 align = center>
Selamat datang di website saya
</font>
</body>
</html>
7.
Anda bisa menyisipkan foto atau gambar anda dalam
website anda dengan mengetikkan tag <img src = file foto anda>. Misalkan
file yang ingin anda masukkan bernama bajaj.jpg, maka tag yang perlu anda
tuliskan adalah :
<img src = bajaj.jpg>
8.
Selanjutnya tinggal anda tambahkan menu menu dalam
website anda. Menu standar yang ada dalam web sederhana biasanya adalah profil,
galeri foto, dan link. Untuk itu kita perlu menambah halaman baru yang
mempunyai nama file profil.html, galeri.html, dan link.html. Untuk membuat
halaman halaman ini anda bisa mengulangi langkah langkah yang telah dijelaskan
sebelumnya. Untuk menghubungkan halaman utama website dengan halaman halaman
tambahan ini kita perlu ketikkan tag <a href = profil.html> dan ditutup
dengan </a> bila kita ingin menghubungkan dengan halaman profil, demikian
pula untuk halaman web lainnya. Kode berikut akan menampilkan hubungan antar
halaman website yang berjejer.
<a href = profil.html> Profil </a> <a href = galeri.html>
Galeri </a> <a href = link.html> Link </a>
9.
Untuk halaman profil, galeri, dan link bisa anda
tambahkan sesuka anda seperti langkah langkah sebelumnya. Khusus untuk halaman
link, anda bisa mengisinya dengan link ke Friendster, Yahoomail, Google, dan
sebagainya. Link yang telah dijelaskan di atas bila kita klik maka halaman baru
akan dibuka dalam satu jendela browser yang sama.
10.
Bila anda ingin link ke halaman profil anda berupa
gambar profil.jpg misalnya, maka anda perlu menyisipkan file gambar di dalam
tag <a href = profil.html>
</a>. Sehingga dapat kita tuliskan sebagai berikut :
<a href = profil.html> <img src = profil.jpg> </a>
11.
Saya rasa tutorial ini sudah cukup sebagai awal untuk
mulai membuat website pribadi anda. Pesan terakhir, guru saya pernah bercerita
yang kurang lebih intinya adalah anda tidak akan bisa jago silat bila anda cuma
melihat orang silat saja dan tidak berusaha untuk berlatih. Yang saya bahas di
sini cuma HTML saja, dan bahasa HTML ini masih jauh lebih mudah dari bahasa
PHP. Karena itu, sering seringlah berlatih dan jangan cepat merasa puas bila
anda sudah mempunyai webstatis pribadi. SELAMAT BERKARYA ! :)
Untuk Contoh Hasil Dari Web Statis Bisa di DOWNLOAD disini,,,!!
Tidak ada komentar:
Posting Komentar