Tutorial cara membuat website statis (part 11) | Pengenalan dasar CSS
Tutorial kali ini saya akan membahas tentang CSS dan fungsi dalam sebuah website. CSS yang saya bahas akan sangat berhubungan dengan tutorial HTML yang sudah saya buat karena nantinya saya akan memanfaatkan CSS tersebut untuk mempercantik tampilan website yang nanti dibuat.
Apa itu CSS ? Cascading Style Sheet merupakan suatu script web yang dipergunakan untuk mengatur struktur markup language (HTML) dari website itu sendiri.
Fungsi CSS ? CSS berfungsi selain untuk mempercantik tampilan website juga dapat dipergunakan untuk menyeragamkan keseluruhan website sehingga lebih rapi dan baik. CSS jika diumpamakan seperti baju pada tubuh manusia yang berfungsi sebagai pelengkap yang mempercantik tubuh itu sendiri (HTML).
CSS dapat diimplementasikan dengan 2 cara yaitu :
- Internal
Script CSS dimasukkan secara langsung pada website yang akan didesain atau dibuat. - Eksternal
Memanggil file CSS yang sudah dibuat dan diimplementasikan dengan menggunakan tautan berupa nama file CSS itu sendiri ke dalam website yang ingin diberi efek CSS. Khusus untuk eksternal, alamat file CSS harus diletakan diantara tag head.
Lalu bagaimana cara memanggil script CSS yang sudah dibuat ? Sangat mudah sekali karena softholic mania hanya tinggal memanggil nama class yang sudah dibuat dengan menggunakan tag tertentu
<div id=”nama id”> </div> ,
<div class=”nama class”> </div>, ataupun dengan eksternal link
<link rel=”stylesheet” href=”alamat file CSS” type=”text/css”/>
Sangat mudah sekali bukan untuk membuat file CSS, untuk tutorial berikutnya saya akan membahas cara membuat file CSS yang nantinya bisa softholic mania implementasikan langsung dengan website yang akan kita buat.
Related Posts
- Tutorial cara membuat website statis (part 18) | Finishing website statis
- Tutorial cara membuat website statis part (17) | Validasi form contact dengan javascript
- Tutorial cara membuat website statis (part 16) | Pengenalan dasar javascript
- Tutorial cara membuat website statis (part 15) | Membuat contact form pada layout website
- Tutorial cara membuat website statis (part 14) | Pembuatan form dengan HTML
- Tutorial cara membuat website statis (part 13) | Menggabungkan HTML dengan CSS
- Tutorial cara membuat website statis (part 12) | Belajar membuat CSS
- Tutorial cara membuat website statis (part 10) | Membuat isi website
- Tutorial cara membuat website statis (part 9) | Memasukkan gambar pada layout
- Tutorial cara membuat website statis (part 8) | Cara buat layout di HTML