Posts

Showing posts from June, 2014

Mengenal LAYOUT WEB dan IMAGE SLICE di HTML

LAYOUT WEB Layout adalah proses penataan dan pengaturan teks atau grafik pada halaman.  Layout meliputi penyusunan, pembagian tempat dalam suatu halaman, pengaturan jarak  spasi, pengelompokan teks dan grafik, serta penekanan pada bagian tertentu.  Dalam pengaturan tersebut, digunakan element <div> dengan id dan class CSS yang kita  sesuaikan Diperlukan pemahaman aturan <div> untuk setiap konstruksi penggunaannya di dalam  halaman HTML  Layout menurut bentuk terdiri dari : 1)  Model Top Index Biasanya layout  ini cocok digunakan untuk situs portal. Dengan banyak menu dan  fasilitas yang ditawarkan, atau menampilkan link yang banyak ke situs lain. 2)  Model Layout Bottom Index Biasanya digunakan apabila  isi  dari  halaman  banyak berhubungan dengan topik tunggal. 3)  Model Layout Left Index Layout tipe  ini  lebih akrab dengan pengunjung karena tampilan  m...

Mengenal CSS dan Penulisan CSS

Image
MACAM VERSI CSS • CSS 1, masih kuno, css hanya di kembangkan dan digunakan untuk formatting dokumen. • CSS 2, lebih terasa mantap, Css sudah menggunakan font, table-layout, dan format dokumen agar mendukung media printer. • CSS 3, terbaru, pengembangan dari versi sebelumnya dan memberikan fitur yang mengarah efek animasi seperti border efek, accordion,dll. KEUNTUNGAN MENGGUNAKAN CSS • Memisahkan pembuatan dokumen (CSS dan HTML). • Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web. • Akses web lebih cepat saat di-loading (mempercepat pembacaann HTML). • Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang. • Lebih kecil ukuran file sehingga bandwith yang digunakan juga otomatis menjadi lebih kecil. • Dapat digunakan pada semua web browser EMBEDDED STYLE SHEET • Embedded Style Sheet adalah cara penulisan kode dimana penulisan CSS  dilakukan pada tag HTML, yaitu pada tag <style> ... </style> dan sebelum tag ...

Mengenal HTML lebih dekat

1. Singkatan (Akronim) Untuk menuliskan suatu dokumen atau beberapa istilah kita terkadang menggunakan singkatan (akronim). Untuk menuliskan singkatan, ada tag html yang di gunakan yaitu Tag <abbr> dan Tag <acronym). Tag tersebut digunakan untuk menyimpan data kepanjangan dari suatu singkatan yang ditampilkan dalam dokumen tersebut. Atribut yang digunakan yaitu title. Sintaks penulisannya :  <abbr title=“kepanjangannya”>singkatan</abbr> <acronym title=“kepanjangannya”>singkatan</acronym> Ketika menggunakan tag diatas, maka pada saat mouse pointer kita berada diatas singkatan tersebut yang di tampilkan di browser web, maka kepanjangan dari singkatan tersebut akan di tampilkan mengambang di atasnya. 2. Address Alamat (address) merupakan salah satu elemen yang umum di dalam suatu dokumen. Untuk membuat alamat pada dokumen html di sediakan secara khusus yaitu Tag <address>. Dengan adanya tag ini maka penulisan alamat dapat di sta...

Cara memasukkan Image pada HTML dengan mudah

1.  Image HTML Bayangkan  apabila  di  web  anda  anda  berisi  tulisan  dan  tidak  ada  gambarnya  pasti  tidak menarik.  Gambar  di  dalam  suatu  web  page  merupakan  daya  penarik  bagi  pengunjung. Adanya  gambar  di  web  anda  akan  memperindah  tampilan.  File  gambar  yang  umum digunakan ada 3 jenis format yaitu PNG,  GIF, dan  JPG.  Ketika anda memilih suatu gambar harus  memperhatikan  dari  format  gambar  yang  digunakan  karena  setiap  gambar  akan membutuhkan  waktu  tambahan  untuk  di  download  dan  memperlambat  awal  penampilan suatu dokumen dalam  browser. Oleh karena  itu, berhati-hatilah dalam  memilih gambar dan menyertakannya ke dalam suatu dokumen. ...