Selasa, 31 Januari 2012

DESAIN WEB



Memeriksa informasi untuk relevansi dan currency
Ganti baris(line break), untuk menulis alamat surat dengan baris-baris pendek, tidak bagus jika menggunakan tag <p> (spasi terlalu lebar)
Garis datar (horizontal rule), untuk membuat garis horizontal yang digunakan untuk membatasi bagian-bagian di gunakan tag<hr>.

Memformat karakter,
<b> atau <strong>        untuk membuat teks bold.
<i>  atau <em>               untuk membuat teks italic.
<tt>  atau <code>  untuk membuat teks typewriter.
Dasar link HTML
Hyperlink  merupakan sesuatu yang sangat penting di website, sebab hyperlink akan menghubungkan antara satu halaman dengan halaman lainnya baik dalam satu website maupun antar website.
Untuk membuat hyperlink di gunakan untuk tag <a>. Huruf a artinya “anchor”. Tag <a> biasanya diikutu atribut ini merupakan alamat halaman yang akan di tuju.

Macam-macam link
1.Relative dan Absolute link, link ke suatu dokumen pada direktori lain dapat di buat dengan menentukan relative path dari posisi dokumen asal berada. Ini disebut sebagai relative link.
a  href= “http//gmail.google.com”>E-mail GOOGLE</a>

2.Link ke suatu bagian di dokumen lain,misalnya :satu. Html di link ke suatu bagian di dua .html, caranya adalah:
Pada dokumen satu.html, di tuliskan :
<a href=”dua.html#BT”>Tiga</a>
3.Link ke suatu bagian di dokumen yang sama, caranya hampir sama dengan langkah diatas:
Pada dokumen satuhtml, dituliskan :
<a name=”BT”>Tiga</a>

4.Malto,link yang langsung menuju ke alamat e-mail.
<a href=”mailto:saya@gmail.com?subject=masukga?”>
Kirim E-mail</a>

Menyisipkan Gambar
Atribut  ukuran gambar, bila tidak dituliskan, maka ukuran gambar sesuai ukuran aslinya.Namun ukuran gambar bisa di buat dengan nilai tertentu dengan cara menuliskan atribut height dan width.
Membuat Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.
Membuat Frame
Frame html digunakan untuk membuat tampilan HTML yang terbagi menjadi beberapa bagian dimana setiap bagianya merupakan satu halaman HTML yang terpisah.
Software Web Design
Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendesain halaman-halaman web, baik yang bersifat statis maupun dinamis.
Software Web Desaign terpopuler yang ada saat ini antara lain:
1.Adobe Image Ready,
2.Macromedia Dreamweaver,
3.Macromedia Fireworks,
4.Microsoft Frontpage
5.dan lain sebagainya.

Mengenal Macromedia Dreamweaver MX
Macromedia Dreamweaver yang merupakan salah satu software Web Desaign terpopuler dipilih sebagai Software Web Desaign yang akan digunakan dalam proses pemelajaran ini
Macromedia Dreamweaver dipilih karena kompatibilitas dan dukungannyan terhadap berbagai bahasa pemograman web, antara lain:ASP,JSP,CFM,ASP.NET,PHP,JAVASCRIPT,CSS dan XML
Window Dreamweaver MX ini dibagi menjadi 7 bagian, yaitu:
1.Insert Bar,
2.Document Toolbar,
3.Document Window,
4.Panel Groups,
5.Tag Selector,                                                                  
6.Property Inspector
7.Files Panel

HTML
HTML yang merupakan kepanjangan dari Hyper Text Markup