AriEfah Rain

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...

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 ...

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...

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. ...

 OKE dipertemuan ke 5 PPW diajarin tentang kolom dan baris Elemen-Elemen Tabel Elemen Penjelasan 1. <table> . . . </table> Tag pembentuk tabel. jika border disertakan, maka tabel akan tampil disertai border. Nilai border 0 – 30. <caption> . . . </caption> Pembentuk judul tabel. judul dapat diberi tag apa saja. 2.<tr> . . . </tr> Penjelaskan baris tabel dalam tabel. atribut yang dipakai : align(left, center dan right) atau valign(top, middle dan bottom). 3.<th> . . . </th> Pembentuk sel header tabel. Secara default teks dalam sel ini di tebalkan dan di tampilkan ditengah. 4. <td> . . . </td> Pembentuk sel data dalam tabel. Berikut selanjutnya akan menjadi seperti ini   sekian .. terimalasih :*

• HTML 1 (barners-lee, 1989) : sangat dasar,integrasi terbatas pada multimedia. Tahun 1993 Mosaic menambahkan beberapa fitur baru (integrasi image) • HTML 2.0 (IETF, 1994) : lembaga resmi HTML adalah world wide consortium (w3c), yangbekerjasama dengan internet engineering task force (IETF) mencoba untuk membuat standar kode-kode HTML dan menambah fitur-fitur lain, tapi kenyataannya hingga tahun 1994-1996 netscape dan microsoft dengan IE seringkali juga telah mengembangkan berbagai tag “perluasan” bagi HTML XHTML • XHTML singakatan dari Extensible HyperText Markup Language •XHTML versi 1.0 diumumkan pada tahun 2000. •Formulasi bahasa HTML sebagai aplikasi XML •Konsisten dengan aturan penulisan XML •XHTML mirip dengan HTML tidak ada perbedaan yang signifikan •Dokumen XHTML sepenuhnya didukung semua program yang bisa membaca, menulis, atau mengedit dokumen XML yang sah. •XML mendukung penambahan tag baru dengan relatif mudah. PERBEDAAN HTML & XHTML •...

Sering dong dengar kata “cowok Buaya”.. yap bener! Artinya cowok playboy.. Cowok yang ganti2 cewek, ninggalin cewek2x dengan alas an yang gak jelas -.- Ini lah itu lah… so kalo “Air mata buaya” itu adalah air mata cowok playboy. Gini nih contohnya kalian ketemu pacar mu yang playboy itu terus dia mutusin kita dan mandang mata kita sambil netesin air mata. Yaitu kesedihan cowok yang Cuma pura2+tidak tulus dan penyesalan palsu! Bisa dibilang Cuma acting belaka.. itu lah namanya Air Mata Buaya Darat . Dan setelah bebrapa hari putus doi udah punya cwek baru lagi.. #jlep ^^ Tapi aku pernah denger kata2 ini : “Rasa sakit membuatmu lebih kuat. Rasa takut membuatmu lebih berani. Patah hati membuatmu lebih bijaksana.” So buat kalian yang ngarasain sakit hati gara2 pacar tetep semangat yah? Tuhan gak tidur, Dia tau apa yang kita rasain.. Everything will be okay..asal kita ikhlas nerima nya dan ngerelain..