Saat ada rumah makan dengan tampilan yang sama dilihat dari luar, kedua tempat makan ini tidak punya kelebihan yang bisa membuat pengunjung memilih makan di tempatnya. Sama seperti itu, saat website kamu tidak ada bedanya dengan website lain, kamu tidak punya keuntungan. Show Untung saja ada CSS, dengan skill ini, kamu bisa menghias website kamu menjadi berbeda dari yang lain. Mulai dari memberi warna, menentukan ukuran, mengubah posisi sampai membuat animasi! Kalau kamu penasaran, CSS adalah singkatan dari Cascading Style Sheets. Struktur dasar CSS Kamu bisa menggunakan CSS, dengan memilh html apa yang mau dihias, ditambah dengan nama property dan nilainya. Analoginya seperti memilih bagian si Budi (tag HTML) lalu rambutnya (property) hias dengan warna kuning (nilanya). Penulisannya di css seperti ini: p { P berarti, element tag p di HTML, color adalah property untuk warna, text-align adalah property untuk posisi dari tulisannya, dan di sebelah kanan : adalah nilainya masing-masing. Contoh dasar menggunakan CSS body { background-color: blue; } //mengubah text h2 menjadi warna putih dan di tengah h2 { color: white; text-align: center; } //mengganti ukuran pada tag p p { font-size: 20px; } Ada beberapa cara untuk mengimplementasikan CSS di file HTMl kamu Cara menggunakan CSS di HTML1. internal CSS <html> <head> <style> body { background-color: lightblue; } h2 { color: white; text-align: center; } p { font-family: verdana; font-size: 20px; } </style> </head> 2. inline CSS <h2 style="color:black;text-align:right;">This is a heading</h2> 3. file css h2 { color: red; } p { font-size: 12px; } lalu hubungkan dengan htmlnya <head> <link rel="stylesheet" type="text/css" href="nama.css"> </head> Bersama HTML, kamu bisa membuat website yang khas dan menarik. Kamu bisa melihat kelas dibawah untuk dasar dasar dari CSS, setelah itu bisa melanjutkan ke CSS3 Daftar Materi Belajar CSS dari dasarCSS tidak boleh dilewatkan saat belajar mengembangkan website, dengan CSS website yang dibuat akan jauh lebih cantik dan menarik. Belajar bagaimana cara menggunakan css di sini
Apa itu cssBekenalan dengan css, bahasa yang digunakan untuk menghias website. Kalau sudah belajar html sebelumnya, css jadi bumbu pelengkap hidangan website kita!
Menghubungkan css dan htmlBagaimana cara menghubungan css dan html? Ada tiga cara, inline, internal dan external, temukan jawabannya di video ini
Selektor pada CSSBagaimana cara kita menentukan elemen html mana yang mau dihias? untuk itu kita akan belajar selektor, memilih tag, id ataupun kelas
Background Gambar dan komentarBukan hanya warna, kita juga bisa menambahkan gambar sebagain background pada css. Belajar juga apa itu komentar dan penggunannya di css
Text pada cssText adalah media yang paling penting dan paling banyak dikonsumsi di dunia website. Belajar cara menghias text dengan css
Font pada cssSelain text yang bisa kita hias, jenis font tulisannya pun bisa kita atur dengan css
Menghias linkLink punya style yang automatis datang saat dibuat, disini kita akan melihat bagaimana cara mengubah dan menghias link yang ada pada website
Dimensi elementSangat penting untuk mengetahui pengaturan dimensi pada CSS, pelan pelan kita akan melihat tentang display, boxmodel, margin, border dan padding.
Menghilangkan elemenAda dua cara biasa untuk menghilangkan elemen dengan css, bisa kita sembunyikan atau kita hapus keberadaanya, apa bedanya? lihat disini
Box model dan marginPenting untuk mengetahui apa itu boxmodel, konsep dasar dari pengetahuan seputar tinggi dan lebar konten pada css, ada juga margin yang akan menjadi pembuka
Padding dan borderSelain margin, ada padding dan border yang mempengaruhi pengaturan lebar dan tinggi suatu konten, lihat perbedaan dan cara menggunakannya
Posisi absoluteBelajar apa itu posisi absolute pada css dan bagaimana cara menggunakan posisi absolute
Posisi fixedBelajar apa itu posisi fixed pada css dan bagaimana cara menggunakan posisi fixed
Posisi parent elementPosisi parent atau pembungkus suatu element sangat berpengaruh pada isinya. Belajar bagaimana cara mengatur posisi parent pada css
Z-index pada CSSKita bisa mengatur posisi elemen pada koordinat z, atau seakan-akan suatu elemen berada di atas elemen lainnya dengan z-index
Float dan clearFloat dan clear akan sangat sering ditemukan pada pembuatan struktur website. Kemampuannya memang bisa dimanfaatkan untuk banyak hal, termasuk mengatur layout dasar suatu website
Masih tentang floatFloat tidak cukup kita pelajari di satu video, lanjutkan belajar float dan kuasai cara menggunakannya
Selektor bagian keduaSelain selektor dasar, seperti memilih tag, id atau class, ada juga cara lain yang membuat pemilihan element html jauh lebih fleksibel
Hover dan focusMembuat website lebih menarik dengan efek hover dan focus. User akan mendapatkan feedback dari aktivitasnya
Latihan dan latihanBelajar CSS dasar selesai! terus latihan dan belajar untuk menguasainya. Setelah ini kita bisa belajar html5 atau CSS3 Tag: Kenapa belajar CSS, Mengenal apa itu CSS, Di mana mulai belajar CSS, mulai dari mana belajar CSS , tutorial CSS bahasa indonesia untuk pemula dari dasar, apa kegunaan CSS, bagaimana cara menggunakan CSS, belajar bertahap CSS, kursus online CSS HTML & CSS itu apa?html merupakan inti dari halaman website yang dibuat, Anda dapat menambahkan konten website pada file ini. Sedangkan file style.css merupakan file pelengkap HTML yang digunakan untuk mengubah dan mempercantik tampilan website.
Apa yang harus dipelajari setelah HTML dan CSS?Setelah CSS & HTML, bidang lain yang perlu Anda pelajari adalah JavaScript. JavaSript berfungsi untuk 'menghidupkan' website. Bidang ini harus dikuasai dengan baik karena dunia bisnis saat ini sedang membutuhkan website yang dinamis dan interaktif.
Apa itu kode dasar HTML?HTML adalah kependekan dari Hyper Text Markup Language, yaitu sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Si HTML inilah yang menyusun sebuah halaman web menjadi sebagaimana yang kita lihat melalui browser (penjelajah internet).
Setelah CSS Belajar apa?Berikutnya, setelah mempelajari HTML dan CSS, anda bisa lanjut ke PHP. Berbeda dengan HTML dan CSS, PHP 'murni' sebuah bahasa pemrograman komputer. HTML dan CSS sendiri belum bisa dikatakan bahasa pemrograman, tapi lebih ke bahasa kode. Di PHP inilah web programming yang sebenarnya.
|