Panduan Belajar CSS untuk Pemula

-

Panduan Belajar CSS untuk Pemula


CSS merupakan “bahasanya” web designer. Dengan CSS-lah tampilan web menjadi menarik. Jika anda ingin mempelajari cara mendesain web, CSS mutlak harus dikuasai.
  • Ingin mengubah jenis font?
  • Mewarnai background?
  • Menampatkan teks/gambar di posisi tertentu?
  • Membuat efek bayangan ke dalam gambar?
  • Membuat menu horizontal/vertikal?
  • Membuat responsive web design?
Semuanya butuh CSS.
Tanpa CSS, halaman web menjadi tanpa “warna”. Meskipun HTML memiliki beberapa atribut untuk mengatur tampilan, tapi cara ini sudah tidak disarankan lagi. HTML difokuskan untuk membuat struktur, sedangkan untuk tampilan diserahkan kepada CSS. Sebutan kerennya:
“HTML for content, CSS for presentation and JavaScript for behavior”.
Di buku CSS Uncover ini saya akan membahas berbagai materi dasar CSS. Mulai dari perkenalan, aturan dasar penulisan CSS, memahami jenis-jenis selector CSS, konsep cascading, inheritance, specificity, hingga fitur terbaru dari CSS3 seperti media query, transisi, dan animasi. Setiap pembahasan dilengkapi contoh-contoh penerapan dari kode CSS yang dipelajari.
Buku CSS Uncover terdiri dari 555 halaman yang mencakup 18 bab, dengan rincian sebagai berikut:
  • Perkenalan dan pengertian CSS.
  • Sejarah dan perkembangan CSS.
  • Web browser dan text editor CSS (menggunakan Komodo Edit).
  • Aturan dasar penulisan CSS (pengertian selector, declaration, property dan value).
  • CSS Selector (termasuk selector CSS3 seperti pseudo selector).
  • Konsep cascade, inheritance dan specificity CSS.
  • CSS Typography (property text formatting).
  • CSS Box Model (property width, height, padding, border dan margin).
  • CSS Background.
  • CSS Positioning
  • CSS3 Gradient
  • CSS3 Multiple Column
  • CSS3 Border Image dan Box Shadow
  • CSS3 2D Transform
  • CSS3 Transisi dan Animasi
  • CSS3 Media Query
  • CSS Case Study (contoh penerapan CSS: cara membuat horizontal menu, menu dropdown, table, list, dan cara penggunaan font awesome).
  • CSS Layout (contoh kasus perancangan layout halaman web sederhana).


Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial Belajar HTML Dasar Untuk Pemula

-
Gambar
Duniailkom telah mempersiapkan 15 tutorial HTML dasar yang ditujukan untuk pemula yang ingin mempelajari HTML dari awal. Dalam tutorial ini kita akan mempelajari tentang pengertian HTML, cara membuat file HTML, berkenalan dengan tag dan atribut HTML, hingga membahas tag-tag penting HTML, seperti tag <a>, tag <img>, <table>, dan tag <form> HTML. Dalam mempelajari HTML, harap diingat bahwa HTML dirancang untuk membuat struktur dasar dari halaman web. Jika anda ingin merubah tampilan dari sebuah tag, misalnya ingin membuat  background  paragraf berwarna merah, atau ingin memberi efek bayangan pada gambar, sebaiknya menggunakan  CSS , bukan langsung dari HTML. Tutorial ini ditujukan sebagai tutorial singkat untuk membuat halaman web sederhana dengan cepat. Pembahasan mendalam untuk topik topik yang lebih lengkap akan dipisahkan ke dalam Tutorial HTML Lanjutan, seperti Cara membuat menggunakan tabel, cara menformat text, cara membuat form, serta ...
Baca selengkapnya

Cara Menggunakan Komputer Tanpa Mouse yang Lebih Efisien

-
Gambar
Cara Menggunakan Komputer Tanpa Mouse yang Lebih Efisien Mouse  PC komputer kamu rusak atau hilang? Jangan khawatir karena kamu masih bisa menggunakan  keyboard . Sejatinya keyboard menawarkan semua  shortcut  atau akses pintas untuk melakukan hampir semua fungsi  Windows . Iya sih menggunakan shortcut keyboard mungkin  tampak rumit  karena kamu harus menghafal banyak kombinasi tombol. Tetapi, itu  worth it . Maka dari itu JalanTikus akan kasih tahu informasi mengenai cara menggunakan komputer tanpa mouse. Cara Menggunakan Komputer Tanpa Mouse Menggunakan  shortcut keyboard  akan meningkatkan produktivitas dan kamu bisa bekerja dengan lebih efisien. Tidak perlu buru-buru dalam menghafal semua shortcut, pelan-pelan saja, cicil setiap hari. Mengenal Tombol Penting untuk Kontrol Windows Arrow Keys : Tombol ini memungkinkan kamu untuk bergerak ke atas, bawah, kiri, dan kanan pada halaman atau menu. Enter : Untuk menjala...
Baca selengkapnya

Sejarah dan Perkembangan Versi JavaScript

-
Gambar
Sejarah dan Perkembangan Versi JavaScript Sejarah Penamaan JavaScript Sejarah  JavaScript  dimulai sekitar tahun 1994, ketika internet dan website sedang mengalami perkembangan yang pesat. Website pada saat itu umumnya dibuat menggunakan bahasa pemograman  PERL  yang pemrosesannya hanya bisa dilakukan di sisi web server. Kelemahan pemrosesan di sisi  web server  adalah, setiap instruksi dari user harus dikirim terlebih dahulu kepada  web server , baru kemudian ditampilkan lagi di dalam  web browser . Karena kecepatan rata-rata  koneksi internet yang terbatas, hal ini dipandang tidak efisien. Programmer web membutuhkan bahasa pemograman  client-side  yang bisa berjalan di  web browser  tanpa harus dikirim ke server. Pada tahun 1995,  Brendan Eich  seorang programmer dari  Netscape  mulai mengembangkan sebuah bahasa pemograman script yang dinamakan  Mocha .  Netscape  pada saat ...
Baca selengkapnya