Rabu, 18 Mei 2011

Minggu, 01 Mei 2011

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