Responsive Web Design sedang menjadi trend dan begitu hangat dibicarakan dalam dunia pengembangan web saat ini, karena dengan teknik ini sebuah halaman web dapat ditampilkan menyesuaikan tampilannya secara otomatis mengikuti ukuran layar perangkat yang digunakan baik pada perangkat desktop maupun perangkat mobile.
PESAN BUKU : KLIK DISINI
Di dalam buku ini penulis membahas bagaimana caranya membuat atau mendesain halaman website dengan satu tampilan namun dapat menyesuaikan tampilannya secara otomatis pada berbagai perangkat dan resolusi layar dengan teknik Responsive Web Design, tidak hanya teori-teorinya saja yang diulas namun juga cara penerapannya dengan beberapa contoh kasus. Selain itu pada bab terakhir Anda akan diajak untuk mendesain halaman web menggunakan framework dan juga menggunakan tools desain sehingga Anda dapat membuat desain halaman web dengan cara drag and drop.
PESAN BUKU : KLIK DISINI
Di dalam buku ini penulis membahas bagaimana caranya membuat atau mendesain halaman website dengan satu tampilan namun dapat menyesuaikan tampilannya secara otomatis pada berbagai perangkat dan resolusi layar dengan teknik Responsive Web Design, tidak hanya teori-teorinya saja yang diulas namun juga cara penerapannya dengan beberapa contoh kasus. Selain itu pada bab terakhir Anda akan diajak untuk mendesain halaman web menggunakan framework dan juga menggunakan tools desain sehingga Anda dapat membuat desain halaman web dengan cara drag and drop.
PESAN BUKU : KLIK DISINI
DAFTAR ISI
BAB 1 : MENGENAL RESPONSIVE WEB DESIGN
1.1 Apa Itu Responsive Web Design? - 2
1.2 Mengapa Responsive Web Design Penting? - 7
1.3 Static Web Design VS Responsive Web Design - 8
1.4 Tools untuk Responsive Web Design - 10
1.5 Framework untuk Responsive Web Design - 13
BAB 2 : TEKNIK RESPONSIVE WEB DESIGN
2.1 Grid System - 24
2.2 Fluid Grid - 30
2.3 Fluid Image - 33
2.4 Media Queries - 34
2.5 Konversi Ukuran - 37
BAB 3 : MENDESAIN WEB TOKO ONLINE
3.1 Persiapan - 42
3.2 Merancang Layout - 44
3.2.1 Rancangan Layout Desktop - 44
3.2.2 Rancangan Layout Tablet - 47
3.2.3 Rancangan Layout Smartphone - 48
3.3 Membuat Rancangan kedalam CSS - 50
3.4 Membuat Halaman Web - 63
BAB 4 : MENDESAIN WEB BERITA
4.1 Persiapan - 80
4.2 Merancang Layout - 82
4.2.1 Rancangan Layout Desktop - 82
4.2.2 Rancangan Layout Tablet - 83
4.2.2 Rancangan Layout Smartphone - 84
4.3 Membuat Layout dengan Grid - 85
4.4 Menjadikan Layout Responsif 91
4.4.1 CSS untuk Perangkat Tablet - 92
4.4.2 CSS untuk Perangkat Smartphone - 96
4.5 Membuat Tampilan Isi Pada Layout - 98
4.5.1 Membuat CSS Styles - 99
4.5.2 Membuat Content Layout - 103
4.5.3 Membuat Responsive Menu - 111
BAB 5 : MENDESAIN WEB MAXIKOM
5.1 Persiapan - 116
5.2 Merancang Layout dan CSS - 118
5.2.1 Rancangan Layout Layar 800px keatas - 118
5.2.2 CSS untuk Layar 800px keatas - 120
5.2.3 Rancangan Layout Layar 800px kebawah - 122
5.2.4 CSS untuk Layar 800px kebawah - 123
5.3 Membuat Halaman Web - 126
5.3.1 Membuat Layout Halaman - 126
5.3.2 Membuat Tema Layout - 128
5.3.3 Membuat Isi Layout - 133
5.3.4 Membuat Responisve Content dan Navbar - 141
5.3.5 Membuat Toggle Sidebar - 144
BAB 6 : MENDESAIN WEB DENGAN BOOTSTRAP
6.1 Apa itu Bootstrap? - 150
6.2 Fitur Bootstrap - 152
6.3 Komponen Bootstrap - 154
6.3.1 CSS Component - 154
6.3.2 Base Component - 156
6.3.3 Javascript Component - 160
6.4 Desain Halaman dengan Bootstrap - 163
6.4.1 Mendownload Bootstrap - 163
6.4.2 Menggunakan Bootstrap Pada Project - 164
6.4.3 Membuat Halaman dengan Bootstrap - 166
6.5 Bootstrap dengan LayoutIt - 178
Silahkan Berkomentar Pada Form Komentar dengan sopan dan santun .. No Spam .... !!! thank's @Admin
EmoticonEmoticon