Sunday, October 6, 2013
Tutorial Membuat CSS Basic
Assalamualaikum WrWb.
Kali ini Northzero Blog akan memberikan Tutorial membuat CSS Sederhana.
CSS
Cascading Style Sheet yang berguna untuk mempercantik HTML yang telah
kita buat.
CSS ada tiga cara, yaitu :
-Inline
-Inline
-Internal
-Eksternal
Kali ini Northzero Blog akan Menggunakan Teknik Eksternal.
Kami juga akan menyediakan Screen Shoot untuk mempermudah kalian dalam Membuat CSS Sederhana.
1. Pertama, kalian harus membuka Notepad di PC anda.
2.Kedua, Setelah Terbuka buatlah Codingan Standar HTML
<html>
<head>
<head>
<title>::: CSS Basic:::</title>
</head>
<body>
</body>
</html>
<body>
</body>
</html>
3.Ketiga, Buatlah Codingan Seperti dibawah ini :
4.Keempat, Setelah membuat Codingan Tersebut buka File CSS yang telah kita Coding.
Maka Hasilnya Seperti dibawah ini :
Note : Save File Codingan CSS tadi dengan nama "css.html"
5.Kelima, Jika kalian ingin menambahkan Background pada Codingan CSS.
Siapkan Gambar yang dijadikan Background pada Codingan CSS.
6.Keenam, Save gambar tersebut didalam Folder css, lalu buatlah folder baru lagi dengan nama "Image".
7.Ketujuh, Buat Notepad baru, lalu masukkan ke Codingan seperti ini :
" body{
background-image: url("../image/background.jpg"); =untuk membuat background
background-size: 1000px 750px; =untuk mengatur ukuran background
background-attachment: fixed; =jika di scrool hanya tulisan nya yang bergerak, backgroundnya tidak
}
h1{
color: blue;
} = untuk warna text <h1>"
background-image: url("../image/background.jpg"); =untuk membuat background
background-size: 1000px 750px; =untuk mengatur ukuran background
background-attachment: fixed; =jika di scrool hanya tulisan nya yang bergerak, backgroundnya tidak
}
h1{
color: blue;
} = untuk warna text <h1>"
Ini adalah Screen Shoot nya :
8.Kedelapan, Save Codingan tersebut dengan nama "style.css"
Kemudian buka kembali Codingan "css.html" lalu masukkan Code :
9.Kesembilan, Setelah Codingan Selesai Maka hasilnya akan tampak seperti ini :
