Analisis kes klasik BootStrap

• Bab1 memperkenalkan
• 1-1 Pengenalan kandungan
• 1-2 Objektif pengajaran
• Bab2 Kes nombor satu
• 2-1 Keluaran web design_task mod skrin sempit
• 2-2 Reka bentuk_mata kemahiran web mod skrin sempit
• 2-3 Kerja penyediaan_reka bentuk web mod skrin sempit
• 2-4 Reka bentuk web mod skrin sempit_langkah1_pembinaan rangka kerja
• 2-5 Reka bentuk web mod skrin sempit_step2_reka bentuk bar navigasi
• 2-6 Reka bentuk web mod skrin sempit_step3_jumbotron tajuk
• 2-7 Reka bentuk web mod skrin sempit_step4_Reka bentuk kandungan setiap bahagian
• 2-8 Reka bentuk web mod skrin sempit_step5_halaman pengindahan CSS tersuai
• 2-9 Reka bentuk web mod skrin sempit_Ringkasan kes
• Bab3 Kes 2
• 3-1 Mod reka letak tetap keluaran web design_task
• 3-2 Kerja reka bentuk_penyediaan web mod reka letak tetap
• 3-3 Mod reka letak tetap reka bentuk web_langkah1_pembinaan rangka kerja
• 3-4 Mod reka letak tetap reka bentuk web_step2_reka letak kandungan dan tetapan taip
• 3-5 Mod reka letak tetap reka bentuk web_step3_Kandungan tajuk reka bentuk
• 3-6 Reka bentuk web mod reka letak tetap_step4_Design Lajur kandungan bahagian
• 3-7 Reka bentuk web mod reka letak tetap_step5_reka bentuk bar navigasi responsif
• 3-8 Reka bentuk web mod reka letak tetap_Ringkasan kes
• Bab4 Kes tiga
• 4-1 Antara muka log masuk pertempuran sebenar_step1_Pelepasan tugas & analisis mata kemahiran
• 4-2 Antara muka log masuk actual combat_step2_add setiap komponen log masuk borang
• 4-3 Log masuk antara muka practice_step3_Tambah CSS untuk mencantikkan
• 4-4 Log masuk antara muka practice_step4_Gunakan CSS untuk membentuk elemen
• 4-5 Antara muka log masuk kesan fungsi combat_step5_enhance sebenar
• 4-6 Amalan antara muka log masuk_Ringkasan kes
• Bab5 Kes 4
• 5-1 Keluaran layout_task mudah alih sebenar
• 5-2 Mata letak_kemahiran mudah alih sebenar dan kerja penyediaan
• 5-3 Susun atur aliran sebenar_langkah1_pembinaan rangka kerja keseluruhan
• 5-4 Susun atur aliran praktikal_langkah2_reka bentuk bar navigasi atas
• 5-5 Reka bentuk blok aliran praktikal_langkah3_tajuk
• 5-6 Susun atur aliran praktikal_step4_Kandungan reka bentuk responsif terperinci
• 5-7 Reka letak aliran praktikal_step5_Reka bentuk bar navigasi sisi
• 5-8 Reka letak aliran praktikal_step6_Bina semula bar navigasi sisi untuk menyembunyikan skrin kecil
• 5-9 Reka letak aliran praktikal_step7_Bina semula bar tajuk untuk menambah kandungan dinamik
• 5-10 Reka letak aliran praktikal_step8_Lampirkan acara JS pada kandungan dinamik
• 5-11 Kecil susun atur mudah alih praktikal
• Bab6 Kes lima
• 6-1 Pemasaran laman web design_task keluaran, analisis mata kemahiran
• 6-2 Kerja reka bentuk_penyediaan laman web pemasaran dan analisis langkah pelaksanaan
• 6-3 Reka bentuk laman web pemasaran_step1_Reka bentuk rangka kerja keseluruhan halaman utama
• 6-4 Reka bentuk tapak web pemasaran_step2_Tapis bar navigasi atas
• 6-5 Pemasaran tapak web design_step3_Design tajuk yang diserlahkan
• 6-6 Reka bentuk laman web pemasaran_step4_Reka bentuk kandungan terperinci
• 6-7 Reka bentuk tapak web pemasaran_step5_halaman pengindahan CSS yang disesuaikan
• 6-8 Ringkasan reka bentuk_kes tapak web pemasaran
• Bab7 Kes 6
• 7-1 Tampal kesan di bahagian atas dan bawah keluaran web page_task
• 7-2 Tampal kesan di bahagian atas dan bawah halaman web_Mata kemahiran dan kerja penyediaan
• 7-3 Tampal kesan di bahagian atas dan bawah halaman web_step1_letak letak bingkai keseluruhan
• 7-4 Tampal kesan di bahagian atas dan bawah halaman web_step2_bar navigasi atas
• 7-5 Tampal kesan di bahagian atas dan bawah reka bentuk elemen halaman web_step3_bottom
• 7-6 Tampal kesan di bahagian atas dan bawah halaman web_step4_reka bentuk bahagian dalaman
• 7-7 Tampal kesan di bahagian atas dan bawah halaman web_step5_navigasi bawah kesan tetap
• 7-8 Tampal kesan di bahagian atas dan bawah halaman web_step6_CSS tersuai untuk mencantikkan halaman
• 7-9 Tampal kesan di bahagian atas dan bawah halaman web_Ringkasan kes
• Bab8 Kes 7
• 8-1 Keluaran page_task blog
• 8-2 Halaman Blog_Mata Kemahiran dan Kerja Persediaan
• 8-3 Blog page_step1_pembinaan rangka kerja keseluruhan
• 8-4 Blog page_step2_top bar navigasi
• 8-5 Blog page_step3_tail reka bentuk kandungan
• 8-6 Blog page_step4_Design tajuk teratas
• 8-7 Blog page_step5_content reka bentuk susun atur bahagian
• 8-8 Penomboran artikel page_step6_bottom blog
• 8-9 Blog page_step7_sidebar reka bentuk kandungan
• 8-10 Halaman blog_step8_Tambah CSS untuk mencantikkan menu pengepala
• 8-11 Halaman blog_step9_Tambah CSS untuk mencantikkan kandungan ekor
• 8-12 Laman blog_Ringkasan kes