CSS Uncover – 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).

Daftar isi lengkap bisa di download dari link berikut: Daftar isi CSS Uncover (dropbox).

Contoh sample eBook bisa di download dari link berikut:

Sama seperti eBook Duniailkom yang lain, fitur yang bisa didapat adalah:

• Pembahasan materi yang mendalam. Buku CSS Uncover fokus membahas konsep dasar CSS dengan detail. Terdiri dari 555 halaman A4 yang meliputi 16 Bab. Jika disetarakan dengan ukuran buku komputer biasa yang berukuran A5, jumlah halamannya menjadi 1110 halaman!
• Bahasa yang mudah dimengerti dan dipahami. Buku ini ditulis dengan gaya penulisan yang sederhana seperti tutorial di duniailkom, dimana pembahasan materi selalu disertai dengan contoh dan tampilan hasil kode program. Hingga saat ini terdapat 360 lebih contoh kode program CSS.
• Kode program dapat di download. Seluruh contoh kode program yang ada di buku bisa di download, sehingga sangat mudah untuk langsung melihat hasilnya.
• Layout halaman yang professional. Tampilan buku disusun dengan menggunakan layanan dari publisher ebook Leanpub, sehingga materi tersusun rapi sesuai standar buku luar negeri.
• Tersedia dalam format PDF dan ePub. Buku ini hadir dalam 2 format, sehingga nyaman di baca di layar komputer, tablet, maupun di smartphone.
• Support konsultasi melalui email: duniailkom@gmail.com. Jika ada materi atau bahasan yang kurang jelas, bisa tanya-tanya via email.

FAQ – Frequently Asked Question

Yang dibahas di dalam eBook CSS Uncover ini apa saja?

Sesuai dengan judulnya, CSS Uncover – Panduan Belajar CSS untuk Pemula ditujukan bagi rekan-rekan yang ingin mempelajari CSS mulai dari dasar. Walaupun begitu, materi yang ada sangat lengkap untuk sebuah buku CSS pemula. Selain panduan dasar, juga akan dibahas tentang perkembangan CSS terbaru, yakni CSS3. Daftar isi buku bisa di download dari link berikut: Daftar isi CSS Uncover.

Berikut contoh mini project yang akan dibahas di dalam buku ini (klik untuk memperbesar):

Harap diingat meskipun buku ini sudah cukup tebal, CSS Uncover baru buku untuk pemula. CSS sendiri sangat-sangat luas, mustahil ada 1 buku yang bisa membahas segala aspek terkait CSS. Materi advanced seperti efek-efek animasi yang “wah” belum tersedia.

Apakah saya perlu paham HTML?

Yup benar, eBook CSS Uncover fokus membahas CSS saja. Untuk dapat memahami materi yang ada, saya berasumsi rekan-rekan sudah paham sedikit banyak tentang HTML, memahami cara kerja web browser, dan bisa menjalankan file HTML di komputer lokal.

Dalam buku ini, saya akan langsung masuk kepada CSS tanpa membahas ulang HTML. Jika butuh tutorial singkat tentang HTML, bisa mengunjungi Tutorial HTML Dasar di Duniailkom. Selain itu saya juga telah merilis eBook HTML Uncover yang membahas HTML secara mendalam.

Bagi rekan-rekan yang sudah membaca eBook HTML Uncover, eBook CSS Uncover ini merupakan lanjutan paling ‘pas’ sebagai panduan berikutnya untuk menguasai teknologi pembuatan website.

Apakah setelah membaca buku ini saya bisa design template Blogger atau theme WordPress?

Belum. Untuk bisa membuat template Blogger dan theme WordPress, harus dilanjutkan dengan belajar “sistem peracangannya”. Ibarat teman-teman dari SMK otomotif yang juga belum tentu bisa merakit mobil secara utuh (harus belajar lagi sistem perancangan mobil). Khusus untuk theme wordpress, harus belajar juga bahasa pemrograman PHP.

Meskipun begitu, CSS tetap menjadi materi dasar yang diperlukan sebelum masuk ke perancangan template Blogger dan theme WordPress.

Apakah nanti dapat update juga?

Untuk update ringan seperti perbaikan salah ketik (typo) atau ada kode program yang error, update bisa di dapat secara gratis.

Namun jika terdapat perbaikan besar seperti penambahan materi baru, itu akan jadi jatah buku terpisah (bukan merupakan update). Khusus yang sudah beli eBook versi sebelumnya, versi baru nanti bisa di order kembali dengan diskon 50%. Diskon berlaku hanya untuk versi eBook, tidak termasuk buku cetak.

Saya ada tugas / skripsi / project nih, kalau beli bukunya bisa dibantu g?

Mohon maaf sekali, berhubung kesibukan mengelola duniailkom dan kegiatan lain, saya belum bisa membantu jika ada pertanyaan diluar materi buku.

Saya sangat ingin menolong, namun pertanyaan seputar tugas / aplikasi bisa sangat kompleks. Tidak akan cukup 1 atau 2 jawaban saja karena harus dianalisis dulu seperti apa aplikasi yang sedang dirancang (bisa makan waktu berhari-hari).

Oleh karena itu pertanyaan melalui email atau WA, saya batasi hanya seputar materi yang dibahas di buku ini saja. Jika kode tersebut di dapat dari orang lain / situs lain, silahkan bertanya pada programmer yang merancangnya. Memahami coding orang lain jauh lebih sulit daripada kita yang buat sendiri.

Ada versi cetaknya ga?

Ada. Versi buku cetak dari CSS Uncover bisa didapat dengan harga Rp. 195.000. Harganya memang cukup mahal mengingat ketebalan buku ini (555 halaman A4), ngalah2in tebal kamus. Buku di cetak dengan kualitas tinggi dan menggunakan hardcover agar lebih awet.

Harga tersebut belum termasuk ongkos kirim dari Bandung 2kg (berat buku ini 1,38 kg sehingga terhitung 2kg). Pengiriman bisa via JNE, POS atau Wahana. Saya tidak menyediakan stock, setiap pemesanan akan dicetak dulu sekitar 5 – 7 hari kerja (maksimal 10 hari kalau order lagi banyak).

Jika berminat silahkan menghubungi duniailkom@gmail.com / WA ke 083180285808, atau langsung ke Official Store Duniailkom di Tokopedia: tokopedia.com/duniailkom. Isi buku di cetak hitam putih (bukan full color).

## TESTIMONI ##

Sedikit testimoni dari pembaca eBook / Buku Duniailkom

Semoga buku CSS Uncover ini bisa menjadi buku pengantar terbaik untuk memandu anda untuk menjadi seorang web designer :)