XiahRei: Oktober 2012

Rabu, 31 Oktober 2012

Selamat Datang di XiahRei.blogspot.com

Bagi yang mau tahu sayaClick Here

Bagi yang berminat membeli Gold DragonNest Indonesia server Vestinel Click Here

Bagi yang mau tahu HTMLClick Here

DEFINISI FRAME
- Frame adalah bingkai yang membagi jendela browser sesuai keinginan kita.
- Dengan Frame, kita bisa menampilkan beberapa file html sekaligus didalam satu halaman browser.
- Frame jarang sekali digunakan karena banyak browser yang tidak dapat menampilkan Frame.

DEFINISI IFRAME
- Fungsi Iframe tidak berbeda jauh dari Frame, fungsinya adalah untuk menampilkan beberapa halaman web dalam satu halaman browser
- Perbedaannya adalah Iframe tidak muncul pada seluruh tampilan layar, ukuran Iframe dapat dibatasi sesuai dengan kebutuhan

KELEBIHAN FRAME/IFRAME
Kelebihan frame/iframe adalah memungkinkan bagian dari suatu halaman tidak bergerak ketika bagian yang berada di jendela lain di scroll kebawah/keatas.Frame/iframe tidak ikut me-reload ketika halaman utama direfresh untuk mendapatkan update yang terbaru.Contohnya digunakan sebagai penempatan menu,
sidebar, iklan, dll.

KEKURANGAN FRAME/IFRAME
Kekurangan frame/iframe adalah tidak semua frame/iframe dapat berjalan pada semua halaman browser.
frame/iframe mempersulit Bookmarking karena terdapat lebih dari 1 alamt url untuk di simpan.Frame/iframe yang tidak dapat diakses akan mengurangi tampilan desain pada halaman web.

PENGGUNAAN FRAME COLOM
<frameset cols cols="25%,75%">
<frame src="html_frame1.htm" scrolling="yes"/>
<frame src="html_frame2.htm" />
<noframes>
<body>
Maaf, browser tidak mendukung Frame
</body>
</noframes>
</frameset>

PENGGUNAAN FRAME ROWS
<frameset rows rows="25%,75%">
<frame src="html_frame1.htm" scrolling="yes"/>
<frame src="html_frame2.htm" />
<noframes>
<body>
Maaf, browser tidak mendukung Frame
</body>
</noframes>
</frameset>

PENGGUNAAN IFRAME
<iframe src=“iframe.htm"></iframe>
<body>
<p>Contoh penggunaan Iframe Default</p>
</body>
</html>
<iframe src="iframe.htm“ name="frame frame"></iframe>
<a href="http://www.ubm.ac.id" target="frame frame">
Universitas Bunda Mulia
</a>

Pertemuan 6

Selasa, 16 Oktober 2012

Materi HTML

HTML 1Click Here

HTML 2Click Here

HTML 3Click Here

HTML 4Click Here

HTML 5Click Here

HTML 6Click Here

HTML 7Click Here

HTML 4

PERANAN GAMBAR DALAM WEB
• Menyampaikan Informasi kepada pengunjung
• Memberikan kontribusi pada keseluruhan tampilan dan nuansa dari Web
• Gambar merupakan salah satu elemen kunci dari desain halaman

FORMAT GAMBAR
BMP (Bitmap)
   • Cocok Untuk :
      – Desktop background di windows.
      – Sebagai gambar sementara yang mau diedit ulang tanpa menurunkan kualitasnya.
   • Tidak cocok digunakan untuk :
      – Web atau blog, perlu dikonversi menjadi JPG, GIF, atau PNG.
      – Disimpan di harddisk/flashdisk tanpa di ZIP/RAR,
JPG/JPEG (Joint Photographic Experts Group)
   • Cocok Untuk :
      – Gambar yang memiliki banyak warna, misalnya foto wajah dan pemandangan.
      – Gambar yang memiliki gradien, misalnya perubahan warna yang perlahan-lahan dari merah ke biru.
   • Tidak cocok digunakan untuk:
      – Gambar yang hanya memiliki warna sedikit seperti kartun atau komik.
      – Gambar yang memerlukan ketegasan garis seperti logo.
GIF (Graphics Interchange Format)
   • Cocok Untuk :
      – Gambar dengan jumlah warna sedikit (dibawah 256).
      – Gambar yang memerlukan perbedaan warna yang tegas seperti logo tanpa gradien.
      – Gambar animasi sederhana seperti banner iklan, header, dsb.
      – Print shoot (hasil dari print screen) dari program-program simple dengan jumlah warna sedikit.
   • Tidak cocok digunakan untuk:
      – Gambar yang memiliki banyak warna seperti pemandangan.
      – Gambar yang didalamnya terdapat warna gradien
PNG (Portable Network Graphics)
   • Cocok Untuk :
      – Gambar yang memiliki warna banyak.
      – Gambar yang mau diedit ulang tanpa menurunkan kualitas.
   • Tidak cocok digunakan untuk:
      – Gambar yang jika dikompress dengan JPG hampir-hampir tidak terlihat penurunan kualitasnya

PENGGUNAAN GAMBAR
• Gambar
– Untuk menarik perhatian, dapat digunakan sebagai gambar produk, gambar header, dll
• Latar Belakang Web
– Dapat digunakan sebagai latar belakang web
• Navigasi Web
– Dapat digunakan sebagai navigasi web

MENGELOLA GAMBAR
Menggunakan gambar sebagai latar belakang halaman web.
<html>
<body background=“tree.jpeg”>
<h1>Hello world!</h1>
</body>
</html>

Dengan menggunakan script CSS maka gambar dapat disesuaikan ukuran/tampilannya agar tampilan lebih menarik.
•Apabila gambar terlalu kecil maka dapat diulangi secara vertikal/horizontal
•Apabila gambar terlalu besar maka ukuran dapat disesuaikan, tetapi tidak mengubah ukuran dari gambar   itu sendiri

PERANAN TABLE DALAM WEB
Digunakan untuk menampilkan data yang berbentuk kolom-kolom. Sehingga desain tampilan menjadi lebih menarik.Sebelum adanya CSS, table juga digunakan untuk membuat layout website.Namun saat ini sudah jarang dipakai sebagai layout karena faktor file yang cenderung lebih besar sehingga mempengaruhi waktu akses yang lebih lama.

PENGGUNAAN TABEL
<table></table>
Tag untuk membuat tabel

<caption></caption>
Tag untuk memberikan keterangan tabel

<th></th>
Tag untuk memberikan judul kolom pada tabel

<tr></tr>
Tag untuk membuat baris (Row)

<td></td>
td : Tag untuk membuat kolom (Column)

Struktur Tabel :
<table>
<caption>CAPTION</caption>
<tr>
<th>Header</th>
</tr>
<tr>
<td>Data</td>
</tr>
</table>

Pertemuan 4

HTML 3

DEFINISI NAVIGASI WEB

Sebuah petunjuk jalan atau peta

Perencanaan dari umum ke khusus(Konsep Tree-view)

Singkat Tepat dan Jelas (The Three-Click Rule)

Posisi Yang Konsisten

Tampilan Navigasi Yang Mencolok

Tunjukan Dimana Pengunjung Berada

ATURAN NAVIGASI WEB (The Three-Click Rule)

Aturan desain web resmi mengenai desain navigasi website

Pengguna dari sebuah website harus dapat menemukan informasi apapun dengan tidak lebih dari tiga klik mouse

Hal ini didasarkan pada keyakinan bahwa pengguna situs akan menjadi frustasi dan sering pergi jika mereka tidak dapat menemukan informasi dalam tiga klik

JENIS NAVIGASI WEB

Inline Navigation

Navigasi yang menjadi bagian dari konten utama, umumnya berupa link dan bentuknya sederhana

Site Navigation

Navigasi yang letaknya terpisah dari konten utama, Umumnya terletak di bagian kiri atau kanan

Search Based Navigation Merupakan Navigasi pencarian

PENULISAN NAVIGASI WEB
href = "navigasi.html"Navigasi 1
href = http://xiahrei.blogspot.com/Lxr
Pertemuan 3

HTML 2

DEFINISI TIPOGRAFI

Ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia,Untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

LEGIBILITY

Kejelasan bentuk huruf adalah tingkat kemudahan mata mengenali suatu tulisan tanpa harus bersusah payah. Hal ini bisa ditentukan oleh: •Kerumitan desain huruf, seperti penggunaan siripan, kontras goresan, dan sebagainya. •Penggunaan warna •Frekuensi pengamat menemui huruf tersebut dalam kehidupan sehari-hari

READABILITY

Keterbacaan adalah tingkat kenyamanan suatu susunan huruf saat dibaca, yang dipengaruhi oleh: •Jenis huruf •Ukuran •Pengaturan, termasuk di dalamnya alur, spasi,kerning, perataan, dan sebagainya •Kontras warna terhadap latar belakang
Fungsi OL dan UL
Fungsi Pre
Membuat TAB
Membuat Tabel