Buku Desain Situs Keren dan Interaktif dengan Photoshop CS6 dan jQuery

Pengarang : Jayan

Jumlah Halaman : 160+viii

ISBN : 978-602-7680-24-1









Mendesain website memang bukan perkara mudah karena ada banyak informasi yang ditampilkan dalam waktu bersamaan, seperti link, teks artikel, gambar, menu dan lain sebagainya.



Buku ini hadir untuk membantu Anda mendesain tampilan website, sekaligus sebagai media ajar dan bahan latihan. Pembahasan yang terdapat dalam buku ini antara lain mendesain tampilan website pribadi, company Profile dan katalog foto.



Mulai dari proses desain dengan Photoshop CS6 hingga mengubahnya menjadi kode HTML dapat Anda simak pada tiap bab-nya. Agar website menjadi interaktif, tak lupa penulis mengajak Anda untuk menggunakan beragam plugin jQuery, seperti image slider, scroll to top, light box dan rating.



DAFTAR ISI

BAB 1 : WEBSITE PRIBADI

• Step 1: Membuat Sketsa - 2

• Step 2: Mock-Up Design dengan Photoshop - 3

• Step 3: Ekspor Gambar - 18

• Step 4: Membuat Struktur HTML - 22

• Step 5: Menyusun Layout dengan 960gs - 33

• Step 6: Styling dengan CSS - 38

• Step 7: IE9 Fix - 47



BAB 2 : COMPANY PROFILE

• Step 1: Sketsa Awal dan Persiapan Dokumen - 51

• Step 2: Area Header - 52

• Step 3: Desain Kolom Konten - 60

• Step 4: Twitter Feed dan Footer - 68

• Step 5: Ekspor Gambar - 70

• Step 6: PSD to HTML - 75

• Step 7: Tombol Back to Top Interaktif - 99



BAB 3 : GREYNOISE STOCK PHOTO

• Step 1: Sketsa Awal dan Persiapan Dokumen - 103

• Step 2: Area Header - 107

• Step 3: Kolom Thumbnail Preview - 111

• Step 4: Page Number dan Footer - 117

• Step 5: Ekspor Gambar - 120

• Step 6: Membangun Layout file HTML - 126

• Step 7: Latar Belakang dan Area Header - 138

• Step 8: Menu Navigasi - 144

• Step 9: Kotak Gambar Pr