MENDESAIN HALAMAN WEB

Membuat Rancangan Website Menggunakan Notepad:

1. Membuka lembar kerja Notepad,

•  Klik menu Start
• Pilih All Program
• Pilih Acessories
• Pilih Notepad 

2. Membuat List atau Daftar

• Unnumbered List : Memberikan tanda pada suatu daftar berupa bullet. Tag yang digunakan adalah tag (UL).Contoh penulisan:

(UL)

(LI)....

(LI).....

(/UL)

• Numbered List : Pemberian nomor pada suatu daftar. Tag yang digunakan adalah tag (OL). Contoh penulisan:

(OL)

(LI).....

(LI).....

(/OL)

3.Pangaturan karakter

• Membuat karakter cetak tebal
  Format penulisan : (B)..............(/B)

• Membuat karakter bergaris bawah
  Format penulisan : (U)..............(/U)

•  Membuat karakter cetak miring
  Format penulisan : (I)..............(/I)

•   Membuat karakter berkedip-kedip
  Format penulisan : (BLINK)..............(/BLINK)

•    Membuat karakter berjalan
  Format penulisan :(MARQUEE) ..............(/MARQUEE)

• Mengatur format karakter
  Format penulisan :(FONT SIZE="......" FACE=”........”COLOR=”.........″)

• Line Break: 
  Format penulisan :.............. (BR)
  

4.. Membuat Tabel
Format penulisan : (TABLE atribut1="..........." atribut2="............").
Atribut dalam tag TABLE:

1. (BORDER) : Untuk menentukan lebar bingkai
2. (BACKGROUND) : Untuk menentukan alamat URL gambar yang dijadikan latar belakang
3. (BGCOLOR) : Untuk menentukan warna latar belakang
4. (BORDERCOLOR) : Untuk menentukan warna bingkai tabel
5. (BORDERCOLORLIGHT) : Untuk menentukan warna depan bingkai 3D
6. (BORDERCOLORDARK) : Untuk menentukan warna bayangan bingkai 3D
7. (WIDTH) :  Untuk menentukan lebar
8. (CELLSPACING) : Untuk menentukan jarak spasi antar sel dalam tabel
9. (CELLSPADDING) : Untuk menentukan jarak spasi antara tepi sel dengan teks dalam tabel
10. (HIGHT) :  Untuk menentukan tinggi tabel

5. Menyisipkan gambar
Format penulisan : (IMG SRC="................")

6.Memberi warna body

Format penulisan : (BGCOLOR="..........")

7. Memberi latar belakang sebuah images
Format penulisan : (BACKGROUND="...........")

8.Membuat Link

Format penulisan : (A atribut="..............")
Atribut dalam tag ini adalah:

1. (HREF) : Untuk mendefinisikan alamat URLsuatu dokumen yang akan dituju
2. (NAME) : Untuk mendefinisikan nama anchor yang dibuat
3. (ON CLICK) : Untuk mendefinisikan skrip yang akan diaktifkan ketika di klik oleh mouse
4. (ON MOUSE OVER) : Untuk mendefinisikan skrip yang akan diaktifkan ketika mouse lewat diatas sebuah Link
5. (REL) : Untuk menunjukkan adanya hubungan
6. (REV) : Untuk menunjukkan adanya hubungan timbal balik
7. (TARGET) : Untuk menunjukkanjendela dimana ketika suatu Link dipanggil, Value yang dapat digunakan dapat dilihat pada pembahasan HEAD