Selasa, 27 November 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

HTML 7





Pertemuan 7

HTML 5





Pertemuan 5
 

HTML 6



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

    Selasa, 11 September 2012

    HTML 1

    HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML
    Dalam pembuatan halaman web adapula penulisannya
    --(html)
    | --(head)
    | | (title) Hello World (/title)
    | --(/head)
    | --(body)
    | | WELCOME TO HTML !!!
    | --(/body)
    --(/html)

    setiap penulisan TAG selalu menggunakan < >
    head /head = untuk menulis di newtab
    title /title = untuk menamai pesan di newtab
    body /body = untuk menulis isi web
    p /p> = paragraph
    contoh: membuat text berwarna merah
    style = 'color: red;font-size:20px' > This is my first webpage
    This is my first webpage
    em = Renders teks ditekankan
    strong = Renders kuat (disorot) teks
    dfn = Mendefinisikan sebuah istilah definisi
    code = Mendefinisikan sepotong kode komputer
    samp = Mendefinisikan contoh keluaran dari program komputer
    kbd = Mendefinisikan input keyboard
    var = Mendefinisikan bagian variabel teks
    cite = Mendefinisikan kutipan

    (h1)This is heading 1(/h1)
    (h2)This is heading 2(/h2)
    (h3)This is heading 3(/h3)
    (h4)This is heading 4(/h4)
    (h5)This is heading 5(/h5)
    (h6)This is heading 6(/h6)

    This is heading 1

    This is heading 2

    This is heading 3

    This is heading 4

    This is heading 5
    This is heading 6
    (ul) (/ul) = tag pembuka untuk menggunakan (li) atau (ol)
    (li) (/li) = untuk membuat list titik
    (ol) (/ol) = untuk membuat list angka
    untuk membuat link : (p) (a href="http://www.xiahrei.blogspot.com">Click Here(/a)(/p)
    Click Here

    Minggu, 09 September 2012

    DragonNest INA Vestinel


    DragonNest LadizLav
    Jual Gold DragonNest INA Vestinel

    Daftar Harga Gold:

    • 1000G = Rp 35rb Rp 25rb
    • 2000G = Rp 70rb Rp 50rb
    • 3000G = Rp 115rb Rp 75rb
    • 4000G = Rp 130rb Rp 95rb
    • 5000G = Rp 160rb Rp 105rb
    Stock Gold 7000
    • SOLD 11200G Nick : XTREMELIGHTZ
    • SOLD 2000G Nick : MIKUREI
    • SOLD 6000G Nick : RHIKUDO
    • SOLD 3000G Nick : JENDRALTUA
    • SOLD 1000G Nick : TEMPLARXION
    • SOLD 7000G Nick : FLSHP
    • SOLD 5000G Nick : PASTO
    Stock List sudah terpotong dengan List Sold

    COD / BCA

    BCA :

    • Contact via SMS(Terpercaya)

    COD :

    • Villa Taman Bandara(Tangerang)
    • Taman Palem Lestari(Jakarta Barat)
    Minat Contact : 08999906639(sms only)

    Facebook

    Senin, 04 Juni 2012

    Forsaken World - Quest Membaca


    Abyss
    -------
    1. Balas Dendam
    -> Untuk membalas dendam saudara perempuannya
    2. Into the Darkness : What Creature is the treasure hunter after?
    -> Shadow Dragon
    3. Portal?
    -> Dia berada dalam kegilaan
    4. Ghoul?
    -> Human Mage
    5. In the Darkness : Mendeskripsikan dalam kegelapan?
    -> Sebuah Lagu untuk kehilangan dan terkutuk

    Minggu, 29 Januari 2012

    MP3 Player Murah

    Mp3 Player Rp 50rb #tidak termasuk memory
    Mp3 + Memory 2GB Rp 80rb
    #Kelengkapan MP3 + Headset + Cas'an
    Tersedia warna Biru dan Kuning #selama persediaan masih ada