Lama tidak menulis mengenai desain web, kali ini penulis hadir dengan lanjutan dari buku “Desain Situs Keren untuk Profesional” yang diterbitkan oleh Maxikom beberapa waktu lalu. Meski demikian, materi dalam buku ini tetap dapat Anda ikuti tanpa harus membaca buku tersebut terlebih dahulu.
Buku ini mengajarkan teknik desain layout website secara visual menggunakan Photoshop. Kemudian menggunakan HTML dan CSS untuk mengkonversi desain layout tersebut supaya dapat ditampilkan dengan maksimal dalam browser. Sama seperti dua buku sebelumnya, disini tidak ada website yang menggunakan tabel sebagai dasar layoutnya. Hal ini disesuaikan dengan trend web 2.0 yang menuntut layout website yang lebih fleksibel dan mudah untuk ditata-ulang.
BAB 1 : SIMPLE BLOG THEME • Langkah 1: Menyiapkan Dokumen dan Guideline - 2 • Langkah 2: Desain Logo dan Banner - 6 • Langkah 3: Navigasi dan Content - 11 • Langkah 4: Sidebar dan Footer - 14 • Langkah 5: Crop dan Export File Gambar - 18 • Langkah 6: Script Editor - 22 • Langkah 7: Membuat Layout HTML - 28 • Langkah 8: Tata Letak dengan CSS - 32 • Langkah 9: Mengisi Content Halaman - 36 • Langkah 10: Styling dengan CSS - 41 • Langkah 11: Efek Rollover pada Link - 49
BAB 2 : MENGENAL 960gs • Langkah 1: Berkenalan dengan 960gs - 52 • Langkah 2: Asal-Usul 960gs - 56 • Langkah 3: Bagaimana 960gs Bekerja - 58
BAB 3 : PRAKTEK 960gs • Langkah 1: Menggunakan Template 960gs - 65 • Langkah 2: Struktur Layout dengan div - 68 • Langkah 3: Menambahkan Content dan Styling - 74
BAB 4 : WP PARADISE - PART 1 • Langkah 1: Perencanaan dan Persiapan - 88 • Langkah 2: Membuat Top Menu - 90 • Langkah 3: Menyusun Bagian Promo - 96 • Langkah 4: Mendesain Area Kutipan dan Footer - 111
BAB 5 : WP PARADISE - PART 2 • Langkah 1: Membangun Struktur HTML - 120 • Langkah 2: Memberi ID dan Mengisi Content - 130 • Langkah 3 : External CSS dan Pembagian Kolom Grid - 135 • Langkah 4: Styling dengan CSS - 145