BAB 1 : PENDAHULUAN
Didalam dunia web-engineering (rekayasa perangkat lunak-nya aplikasi yang berbasis online), CSS termasuk diantara dari 3 unsur didalam pemrograman web dasar. Paling tidak itu menurut saya, selain HTML itu sendiri dan Javascript. HTML belum bisa disebut sebagai bahasa pemrograman, karena sebenarnya HTML hanya merupakan markup (pengaturan) konten sebuah halaman situs. CSS termasuk didalamnya, karena CSS juga sebenarnya bagi saya bukan merupakan sebuah bahasa pemrograman. Tapi mungkin lebih tepat disebut dengan pengertian yang sama dengan HTML. CSS hanya digunakan sebagai pengatur tampilan dari sebuah halaman situs. Jika ingin berbicara mengenai hal yang sedikit menyinggung pemrograman, maka didalam pemrograman web dasar, Javascript adalah jawabannya. Karena Javascript merupakan bahasa scripting, dimana kita dituntut untuk sedikit berpikir logik (memprogram).
BAB 2 : LANDASAN TEORI
Apa itu CSS?
Jawab: CSS adalah
BAB 3 : JALANNYA PERKULIAHAN
1.) Buatlah sebuah struktur dasar dari sebuah halaman situs (HTML) sebagai berikut :
2.) Semua konten didalam sebuah halaman situs diletakkan diantara tag , semisal : kita buat sebuah judul (header), sebuah paragraf sebagai konten utama, dan footer-nya.
(ketikkan code berikut diantara tag pembuka dan ) :
Ini adalah header.
Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf.
Ini adalah footer. ©2010. All Rights Reserved.
3.) Simpan file dengan nama : index.htm, file tersebut diletakkan pada sebuah folder yang diberi nama css, sehingga nantinya ketika kita akses melalui browser cukup mengetik dengan alamat : http://nama-host/nama-folder/
disini saya menggunakan web-server AppServ (localhost), didalam web server (host) tersebut folder "css" saya letakkan didalam folder "www" sehingga alamatnya menjadi : http://localhost/css/
4.) Didalam menerapkan CSS, ada 3 cara yaitu : External, Internal, dan Inline. External adalah bila kita menggunakan CSS didalam sebuah file khusus (dengan ekstensi .css) dan dikoneksikan dengan file HTML kita. Internal bila kita menerapkan CSS secara langsung didalam file HTML-nya. Inline, bila kita ingin menerapkan pengaturan melalui CSS secara langsung didalam tag HTML yang ingin kita atur.
5.) Pertama kali, kita terapkan cara pertama, yakni secara External. Buat sebuah file dan simpan dengan nama : "style.css" kemudian letakkan pada folder yang sama dengan file "index.htm" yang sudah kita buat tadi.
6.) Didalam file "style.css" tersebut, kita mulai mencoba untuk mengatur tampilan konten didalam file "index.htm" yang sudah kita buat tadi. Yang terdiri atas 2 buah header
dan sebuah paragraf . Pada file "style.css" tersebut kita ketikkan code :
h1
{
color: red;
}
p
{
color: green;
}
7.) Kemudian didalam file "index.htm", diantara tag dibawah tag
Ini adalah header.
Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf.
Ini adalah footer. ©2010. All Rights Reserved.
Sumber Inspirasi : http://www.w3schools.com/
http://www.w3schools.com/html/default.asp
http://www.w3schools.com/css/default.asp
