Makalah CSS

MAKALAH PEMRORAMAN WEB TENTANG CSS

NAMA NIM

: EDDY SATRIAWAN : 0910520027

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER BUMIGORA MATARAM 2011

Pemisahan ini dapat meningkatkan aksesibilitas isi. dan berbagai aspek tampilan dokumen. dan mengurangi kompleksitas serta pengulangan pada stuktur isi . tata letak. I Pendahuluan Latar Belakang CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). jenis huruf. memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan.Bab.

Bab. baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS. CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda. tata letak. dan berbagai aspek tampilan dokumen. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar). dan juga alat pembaca braille. seperti melalui layar. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).II Dasar Teori Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. cetak. memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan. Pemisahan ini dapat meningkatkan aksesibilitas isi. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). jenis huruf. dan mengurangi kompleksitas serta pengulangan pada stuktur isi. Walaupun demikian. CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna. .

0 </p> <p>Ada teks disini</p> <p>Tuliskan sekehendak kalian</p> <p>Terserah apa saja</p> <p>Yang penting ada tulisannya</p> </body> </html> .Bab.gif") no-repeat fixed center center } </style> </head> <body> <p> <b>Catatan:</b> seperti background-attachment dan background-position tidak bisa digunakan dalam browser Netscape 4.III Tugas pendahuluan 1. Pengaturan Latar belakang <html> <head> <style type="text/css"> body { Background: #00ff00 url("gambar.

Penanganan Font <html> <head> <style type="text/css"> p. Pembuatan Border <html> .teballl {font-weight: 900} p.2.tebal {font-weight: bold} p.normal {font-weight: normal} p.lengkap { font: italic small-caps 900 12px arial } </style> </head> <body> <p class="normal"> Perhatikan paragraf ini</p> <p class="tebal"> Bandingkan dengan paragraf diatasnya </p> <p class="teballl"> Bandingkan dengan yang ini juga</p> <p class="lengkap"> Paragraf dengan semua atribut font dimasukan </p> </body> </html> 3.

margin {margin: 2cm 4cm 3cm 80px. Pengaturan Margin <html> <head> <style type="text/css"> p.5 mendukung semua border style. Gunakan properti "border-style" untuk menyiapkan border dalam Internet Explorer. Internet Explorer 4.} </style> .<head> <style type="text/css"> p.<br /> Internet Explorer 5.0-5. border-color: #ff0000 #00ff00 #0000ff rgb(250.255) } </style> </head> <body> <p class="borderous"> <b>Catatan:</b> properti "border-color" dan "border-width" tidak dikenali oleh browser Internet Explorer bila digunakan secara langsung. border-width: 5px 10px 1px medium.borderous { border-style: double.0.0 tidak mendukung nilai "dotted" dan "dashed" </p> </body> </html> 4.

sepertinya biasa saja. Mengatur padding pada sel tabel <html> <head> <style type="text/css"> td {padding: 1. Padding atas dan bawah memiliki 0.5cm 2.5cm.5cm.value2 {padding: 0. </p> <p class="margin"> Bandingkan dengan tampilan paragraf ini. Coba Anda kecilkan uuran window broser agar terlihat lebih jelas perbedaanya.} </style> </head> <body> <table border="1"> <tr> <td> Bandingkan dengan tampilan tabel ini.5cm.} td. .</head> <body> <p> Yang ini adalah paragraf biasa tanpa pengaturan margin. </p> <p> This is a paragraph </p> </body> </html> 5.

5cm. Pengaturan Latar belakang .gif").sedangkan padding kanan dan kiri nilainya 2. Menggunakan List <html> <head> <style type="text/css"> ul { list-style: square outside url("gambarkecil. </td> </tr> </table> </body> </html> 6.} </style> </head> <body> BAB IV Implementasi 7.

Pembuatan Border .8. Penanganan Font 9.

Mengatur padding pada sel tabel .10.Pengaturan Margin 11.

12.Menggunakan List 13.Elemen latar depan dan latar belakang .

Mengubah tampilan Link .14.

BAB V Penutup : Kesimpulan CSS adalah sebuah bahasa pemrograman untuk membuat sebuah halaman web. . membuat garis horizontal. Kita dapat mendesain program tersebut sesuai dengan keinginan kita. Dimana kita dapat memberikan warna Font. Anda perlu menuliskan kode melalui editor teks seperti NotePad dilingkungan Windows. dan lainnya. menampilkan gambar.

Sign up to vote on this title
UsefulNot useful