Perjalanan: Januari 2014

Frame dan Frame Inline

Frame

Kelemahan Frame

Web developer harus memain-tain dokumen HTML yang lebih banyak serta "Load" yang lebih berat pada sisi server
Menimbulkan masalah navigasi, dimana sulitnya user untuk mengklik pada frame
kesulitan untuk mencetak (print) keseluruhan halaman Web
Sulitnya isi frame untuk di Book-mark maupun ditemukan oleh search engine

Tag Pembentuk Frame

<html>
<head>
<title> Litlechair Index</title>
</head>
<frameset cols="175,*">
   <frame src="doc.list.html">
   <frame src="faq.html">
</frameset>
<noframes>
You need a Frames-enabled browser to view this page
</noframes>
</html>

Mendefenisikan Lebar Frame
Atribut Rows dan Cols
   Contoh : <Frameset rows="100,200,300">

Frame Inline

Mendefenisikan sebagian daerah pada halaman web untuk menampilkan halaman web untuk menampilkan halaman web lainya.
Untuk membuat sebuah frame inline digunakan pasangan tag <iframe>....</iframe>

Beberapa Atribut yang tersedia

align yaitu menentukan perataan iframe terhadap teks disekeliling Iframe Nilai : Bottom , Left (default), middle, Right dan Top
Frameborder Yaitu Menampilkan atau menyembunyikan bingkai Iframe Nilai : 0. No atau 1, Yes (Default)
Height Yaitu Menentukan tinggi Iframe
Hspace yaitu Menentukan jarak spasi horizontal antara iframe dengan objek di sekitarnya
Longdesc Yaitu Url ke Rincian mengenai isi Frame
Margin Height Yaitu Menentukan batas atas dan bawah antara dokumen dengan bingkai dalam pixel
MarginWidth Yaitu Menentukan batas kiri dan kanan antara dokumen dengan bingkai dalam pixel
name yaitu mendefenisikan nama objek dari iframe , dimana nama ini dapat digunakan sebagai tujuan sebuah link
scrooling Yaitu Menentukan apakah Iframe dapat memiliki scroolbar,. nilai :auto(default) , no, yes
src Yaitu Menentukan nama file Html yang digunakan sebagai isi frame
Vspace yaitu Menentukan jarak spasi antara Vertical antara Iframe dengan objek sekitarnya
Width Yaitu Menentukan lebar Iframe

Form

Membuat Form di HTML

Tag <Form>...</Form>: Mendefenisikan Form atau sebagai Kontainer untuk keseluruhan isi Form
Form dapat berisi sejumlah objek Form maupun Elemen Block lainya

Atribut yang diperlukan

Action Yaitu Menentukan URL atau direktori dari file yang digunakan untuk mengolah form tersebut
Method Yaitu Menentukan metode pengolahan Form

*Get Artinya Mengirimkan data pada server dengan cara meletakkannya pada bagian akhir URL

*Post Artinya Mengirim seluruh data dari form yang terpisah dari URL

Contoh Membuat form di HTML

<Html>

<Head>

<Title>Mailing List</Title>

</Head>

<Body>

<h1>Mailing List</h1>

<legend>Join on our Email list</legend>

<p> Get news about the band such as tour dates and special MP3 releases sent to your own in-box.</p>

<ol>

<li><label for="name">Email:</label>

</ol>

</fieldset>

</form>

</body>

</Html>

Objek Objek Form

Objek Label
Objek Text
Objek Password
Objek Hidden
Objek Textarea
Objek Fieldset
Objek Radio
Objek CheckBox
Objek List
Objek Tombol Submit
Objek Tombol Reset
Objek Tombol Button
Objek Tombol Image
Objek File

Cascading Style Sheets (CSS)

Kelebihan

Menyederhanakan perancangan halam web
Memudahkan pemeliharaan halaman web
Memperkecil ukuran File HTML

Kelemahan

Halaman web mungkin tidak di tampilkan dengan benar pada browser sesuai spesifikasi CSS

Versi CSS

CSS1> Desember 1996
CSS2>1998
CSS2.1
CSS3>Riset

Rule

Terdiri dari tiga bagian : Selector, Property Dan Value
* Selector :Elemen atau Tag HTML normal yang anda ingin di defenisikan(disebut juga dengan element selector)
*Property :Atribut yang anda ingin pilih , dimana masing masing property dapat di beri sebuah nilai
*penulisan antara Property dan Value dipisahkan oleh tanda titik dua dan di buka dengan tanda { dan di tutup dengan }
Contoh
body {color :black;}
P{font-Family: Sans-serif;}
P {font-align:center;color: Red;}
P{
      Text-align:center;
       color:black;
      Font-family:arial;}

Deklarasi CSS
Global
<html>
<head>
   <title>judul</title>
   <Style type="text/css">
   <!--
   ....
isi style
   .....
   ...>
</style>
</head>
<body>
.....
Isi dokumen
....
</body>
</html>

17 Nama warna standar di Css2.1

* Black *Gray *Silver *White *Maroon *Red *Purple
*Fuchsia *Green *Lime *Olive *Olive *Yellow *Navy
*Blue    *Teal *Aqua *Orange

Css Backgorund

* Background :Property untuk pengaturan keseluruhan property background dalam sebuah deklarasi
* Background-Attacment :Mengatur apakah gambar latar tetap atau bergulung Terhadap keseluruhan halaman
* Background-Color: Mengatur warna latar dari sebuah elemen
* Background-Image: mengatur gambar sebagai latar
* Background-Position: Mengatur Posisi awal dari gambar latar
* Background-Repeat: Mengatur Perulangan Gambar latar dan bagaimana perulangannya

Css Text

* Color: Mengatur Warna tulisan
* Direction : Mengatur Arah pembacaan tulisan
* Line Height: Mengatur jarak Antara baris
* Letter-Spacing : Mengatur spasi antara Karakter
* Text-align: Mengatur perataan pada sebuah elemen
* Text-Decoration:Menambah dekorasi Pada Tulisan

Selasa, 14 Januari 2014

Frame dan Frame Inline

Form

Cascading Style Sheets (CSS)