Pengantar CSS

             Cascading Style Sheet (CSS) merupakan salah satu bahasa pemograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

             CSS biasa digunakan untuk mendesain halaman web. Dengan menggunakan CSS maka mendesain halaman web akan menjadi lebih mudah dan praktis. Selain itu hasil desain akan menjadi lebih menarik dibandingkan dengan menggunakan layout table.

Penggunaan tag dalam CSS dibagi menjadi 2 (dua) jenis, yaitu :

• CSS - ID Atribut

                 Penggunaan ID atribut diawali dengan tanda "#". Contoh :

                 #body

                       {

                             width : 980px;

                             height : 680px;

                             background: red;

                        }

Quiz ~

<html>
<table border = "0" width = "980" height = "600">
<tr width = "980" height = "70">
   <td colspan = "3">
   <img src = "../Kuis/logo.jpeg" width = "100" height = "100" align = "left"> </img>
<h1 align = "right" valign = "top">MY ONLINE SHOP</h1>
<br>
                </td>
</tr>

<!-- Ini baris ke-2 -->
<tr width = "980" height = "20" bgcolor = "white">
   <td colspan = "3">
   <table width = "980" cellspacing = "1" border = "0">
   <tr>
       <td width = "25%" bgcolor = "#8ADFF2">
        <font color = "#11158A"><b> Home >> </b></font>
    </td>

<td width = "25%" bgcolor = "#8ADFF2">
<font color = "#11158A"><b> Products >> </b></font>
</td>

<td width = "25%" bgcolor = "#8ADFF2">
    <font color = "#11158A"><b> Cart >> </b></font></a>
</td>
 
<td bgcolor = "#8ADFF2">
    <font color = "#11158A"><b> Contact Us >> </b></font></a>
</td>
</font>
</tr>
</table>
</td>
</tr>

Frame & IFrame

Definisi Frame & IFrame

Frame :

• Frame adalah bingkai yang membagi suatu jendela browser sesuai dengan keinginan kita.
• Dengan frame, kita bisa menampilkan beberapa file html sekaligus dalam 1 halaman browser.
• Frame ini jarang sekali digunakan karena banyak browser yang tidak dapat menampilkan frame tersebut.

IFrame :

• Fungsi IFrame tidak berbeda jauh dengan frame, fungsinya dalah untuk menampilkan beberapa halaman web dalam 1 halaman browser.
• Perbedaanya adalah IFrame tidak dapat muncul pada seluruh tampilan layar, ukuran IFrame dapat dibatasi sesuai dengan kebutuhan kita.

ComboBox, Fieldset, dan Legend

Contoh bentuk source ComboBox pada Html sebagai berikut :

<Select>
       <optgroup label = "Mata Kuliah">
              <option value = "varPilih"> - Pilih - </option>
              <option value = "varPerHtml"> Perancangan Web Html </option>
              <option value = "varRPL"> Rekayasa Perangkat Lunak </option>
              <option value = "varKomDat"> Komunikasi Data </option>
       </optgroup>
</Select>

Bentuk source Fieldset dan Legend pada Html :

Merancang Login Form

Berikut merupakan source untuk merancang Login Form :


<html>
   <body>
         <table width="950" align="center">
    <tbody>
    <tr>
                     <td height="165" align="center" background = "../Pratikum 4/Ubm1.JPG"></td>
</tr>

Teori Web Design

Definisi Tipografi

• Ilmu dalam memilih dan menata huruf-huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia.
• Untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

Definisi Legibility

Kejelasan bentuk huruf adalah tingkat kemudahan mata mengenali suatu tulisan tanpa harus bersusah payah.

Hal ini bisa bisa di tentukan oleh :

1. Kerumitan desain huruf, seperti penggunaan sisipan, kontras, goresan, dan sebagainya.
2. Frekuensi pengamat menemui huruf tersebut dalam kehidupan sehari-hari
3. Penggunaan warna.

Pengantar HTML, XHTML, dan CSS

Pengertian HTML
HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.