Senin, 14 Maret 2011

Langkah-langkah dan Komponen untuk Membangun Seluruh Website Sederhana


Langkah-langkah untuk membuat website sederhana :

Langkah awal.....

1. Klik Start - All Program - Accessories - Notepad untuk membuka program
Notepad.

2. Setelah program notepad tampil kemudian kita akan mengetik tag HTML untuk membuat sebuah halaman web.

3. Tuliskan tag berikut dalam Notepad untuk membuat bagian kepala dan badan web:

</p> <p style="margin-bottom: 0in;">Website Saya</p> <p style="margin-bottom: 0in;">
Selamat datang di website saya

, , , <body>, </html>, </head>, , adalah beberapa contoh tag yang dipakai untuk membangun sebuah halaman
website.

4. kemudian langkah selanjutnya merubah warna background website kita, misalnya ingin di ubah menjadi hijau, maka kita ketik kode :

Kalau ingin warna laimnya tinggal ubah saja kode warna sesuai yang anda mau.

5. Kita bisa juga menjadikan sebuah gambar sebagai background website dengan menambahkan kode : “background = file gambar” setelah tag body.

6. Selanjutnya kita juga bisa mengubah warna tulisan sesuai yang kita mau contoh ingin tulisan berubah menjadi merah, yaitu dengan cara menambahkan kode:

</p> <p style="margin-bottom: 0in;">Website Saya</p> <p style="margin-bottom: 0in;">
Selamat datang di website saya

7. Selanjutnya tinggal kita tambahkan menu dalam website kita.
Menu standar yang ada dalam web sederhana biasanya adalah profil, galeri foto, dan link. Untuk menghubungkan halaman utama website dengan halaman halaman tambahan ini kita perlu ketikkan tag :


Klik Save dan refresh sehingga ditampilkan halaman website seperti yang kita inginkan.

8.Kemudian tambahkan link, seperti link ke Friendster, Yahoomail, Google, dan sebagainya. Bila kita ingin tetap menikmati halaman website
kita sedangkan kita juga ingin membuka Facebook misalnya, maka kita perlu
menambahkan tag “target = “_blank” setelah alamat Facebook. Misal :


9. Selanjutnya bila kita ingin link ke halaman profil kita berupa gambar profil.jpg misalnya,
maka kita perlu menyisipkan file gambar di dalam tag. Sehingga dapat kita tuliskan sebagai berikut :


Bila benar maka kursor mouse akan berubah menjadi tangan bila didekatkan ke
gambar profil.jpg.

10.kemudian bila ingin link kita ke Friendster atau Yahoomail juga
dalam bentuk gambar, maka kita tinggal menambahkan tag
di antara tag .

Contoh komponen-komponen pembuatan web :

1. Banner Utama
2. Navigasi Utama
3. Search
4. Link Navigasi
5. Scrolling dan Paging