Minggu, 28 Maret 2010

CSS (Part 2)

    Bentuk penerapan CSS seperti contoh-contoh pada postingan sebelumnya (Part 1) memiliki kelemahan yaitu style yang ditetapkan akan berlaku untuk keseluruhan penggunaan satu tag tertentu. Misalnya didefinisikan suatu CSS sebagai berikut :
 
                     <style type="text/css”>           
                      h1{color:red; fontstyle:italic;} 
                     </style>                          
 
    Akibatnya adalah setiap kali tag <H1> digunakan, maka secara default header yang dihasilkan akan berwarna mewar dan terkena efek cetak miring. Padahal ada kalanya dalam suatu halaman yang saya dibutuhkan penggunaan tag <H1> dengan style yang berbeda. Untuk itu dibutuhkan sebuah cara agar suatu style dapat dipakai pada tag apapun. Hal ini dimungkinkan dengan adanya Class dan ID dalam CSS.

Minggu, 21 Maret 2010

CSS (Part 1)

    Cascade Style Sheet (CSS) digunakan untuk mengubah tampilan (style) dari konten halaman HTML agar kelihatan lebih menarik dengan meminimalkan penggunaan tag-tag HTML yang akan mempercepat waktu pengerjaan dan proses loading oleh browser. Developer cukup mendefinisikan sebuah style CSS untuk digunakan pada web page mana pun yang diinginkan, sehingga jika ingin mengubah tema dari web cukup mengubah style-nya saja tanpa harus mengubah page per page.

    Struktur pendefinisian style CSS secara umum terdiri dari tiga bagian yaitu Selector (tag HTML yang akan dikenai style CSS), Property (atribut yang ingin diterapkan), dan Value/nilai dari property. Antara property dan value dipisahkan dengan titik-dua (colon).

    Contoh :    selector{property:value} 

Jika nilainya terdiri dari beberapa kata, gunakan tanda petik ganda.

    Contoh :    p{font-family:"comic sans"} 

Minggu, 14 Maret 2010

HTML (Form)

    Form adalah jembatan komunikasi antara client dan server. Form dibutuhkan untuk mendapatkan input dari user seperti komentar atau pilihan dari suatu kelompok item tertentu. Form hanya merupakan media entry data (yang akan dikirimkan ke server), tidak untuk menerima dan mengolah data, karena yang akan menangani dan mengolahnya adalah server side web scripting seperti PHP, ASP, dan JSP.

    Tag-tag form terletak dalam tag <body>. Berikut contoh penulisan sintaksnya :

               <form name="nama_form" method="GET|POST" action="form.asp"> 
                ....                                                                                                                    
                .... (elemen-elemen dalam form)                                                                          
                ....                                                                                                                    
               </form>                                                     

Minggu, 07 Maret 2010

HTML (Frame)

    Frame digunakan untuk membangun web page yang memungkinkan penampilan beberapa web page dalam satu window browser. Konsepnya hampir sama dengan table. Perbedaannya terletak pada isi baris dan kolom. Pada table isi baris dan kolom berupa sel, sedangkan pada frame berupa dokumen HTML atau file lainnya.

    Dibutuhkan satu dokumen tersendiri yang berisi definisi frameset  yang akan membungkus keseluruhan file frame. Perlu diingat bahwa pendefinisian frameset tidak boleh dituliskan dalam tag <body></body>. Untuk membuat frame pada dokumen HTML digunakan tag <frameset> dan <frame>. Berikut penjelasan tag-tag tersebut beserta atribut-atributnya : 

Tag-Tag Pembentuk Frame
Elemen Penjelasan
<frameset> </frameset>   Mendefinisikan sebuah frame dalam HTML.
<frame>   Untuk menampilkan dokumen pada suatu
  frame.
 

All About Web Programming © 2010