Analisis kes klasik BootStrap

Pengenalan kandungan

Objektif pengajaran

Keluaran web design_task mod skrin sempit

Reka bentuk_mata kemahiran web mod skrin sempit

Kerja penyediaan_reka bentuk web mod skrin sempit

Reka bentuk web mod skrin sempit_langkah1_pembinaan rangka kerja

Reka bentuk web mod skrin sempit_step2_reka bentuk bar navigasi

Reka bentuk web mod skrin sempit_step3_jumbotron tajuk

Reka bentuk web mod skrin sempit_step4_Reka bentuk kandungan setiap bahagian

Reka bentuk web mod skrin sempit_step5_halaman pengindahan CSS tersuai

Reka bentuk web mod skrin sempit_Ringkasan kes

Mod reka letak tetap keluaran web design_task

Kerja reka bentuk_penyediaan web mod reka letak tetap

Mod reka letak tetap reka bentuk web_langkah1_pembinaan rangka kerja

Mod reka letak tetap reka bentuk web_step2_reka letak kandungan dan tetapan taip

Mod reka letak tetap reka bentuk web_step3_Kandungan tajuk reka bentuk

Reka bentuk web mod reka letak tetap_step4_Design Lajur kandungan bahagian

Reka bentuk web mod reka letak tetap_step5_reka bentuk bar navigasi responsif

Reka bentuk web mod reka letak tetap_Ringkasan kes

Antara muka log masuk pertempuran sebenar_step1_Pelepasan tugas & analisis mata kemahiran

Antara muka log masuk actual combat_step2_add setiap komponen log masuk borang

Log masuk antara muka practice_step3_Tambah CSS untuk mencantikkan

Log masuk antara muka practice_step4_Gunakan CSS untuk membentuk elemen

Antara muka log masuk kesan fungsi combat_step5_enhance sebenar

Amalan antara muka log masuk_Ringkasan kes

Keluaran layout_task mudah alih sebenar

Mata letak_kemahiran mudah alih sebenar dan kerja penyediaan

Susun atur aliran sebenar_langkah1_pembinaan rangka kerja keseluruhan

Susun atur aliran praktikal_langkah2_reka bentuk bar navigasi atas

Reka bentuk blok aliran praktikal_langkah3_tajuk

Susun atur aliran praktikal_step4_Kandungan reka bentuk responsif terperinci

Reka letak aliran praktikal_step5_Reka bentuk bar navigasi sisi

Reka letak aliran praktikal_step6_Bina semula bar navigasi sisi untuk menyembunyikan skrin kecil

Reka letak aliran praktikal_step7_Bina semula bar tajuk untuk menambah kandungan dinamik

Reka letak aliran praktikal_step8_Lampirkan acara JS pada kandungan dinamik

Kecil susun atur mudah alih praktikal

Pemasaran laman web design_task keluaran, analisis mata kemahiran

Kerja reka bentuk_penyediaan laman web pemasaran dan analisis langkah pelaksanaan

Reka bentuk laman web pemasaran_step1_Reka bentuk rangka kerja keseluruhan halaman utama

Reka bentuk tapak web pemasaran_step2_Tapis bar navigasi atas

Pemasaran tapak web design_step3_Design tajuk yang diserlahkan

Reka bentuk laman web pemasaran_step4_Reka bentuk kandungan terperinci

Reka bentuk tapak web pemasaran_step5_halaman pengindahan CSS yang disesuaikan

Ringkasan reka bentuk_kes tapak web pemasaran

Tampal kesan di bahagian atas dan bawah keluaran web page_task

Tampal kesan di bahagian atas dan bawah halaman web_Mata kemahiran dan kerja penyediaan

Tampal kesan di bahagian atas dan bawah halaman web_step1_letak letak bingkai keseluruhan

Tampal kesan di bahagian atas dan bawah halaman web_step2_bar navigasi atas

Tampal kesan di bahagian atas dan bawah reka bentuk elemen halaman web_step3_bottom

Tampal kesan di bahagian atas dan bawah halaman web_step4_reka bentuk bahagian dalaman

Tampal kesan di bahagian atas dan bawah halaman web_step5_navigasi bawah kesan tetap

Tampal kesan di bahagian atas dan bawah halaman web_step6_CSS tersuai untuk mencantikkan halaman

Tampal kesan di bahagian atas dan bawah halaman web_Ringkasan kes

Keluaran page_task blog

Halaman Blog_Mata Kemahiran dan Kerja Persediaan

Blog page_step1_pembinaan rangka kerja keseluruhan

Blog page_step2_top bar navigasi

Blog page_step3_tail reka bentuk kandungan

Blog page_step4_Design tajuk teratas

Blog page_step5_content reka bentuk susun atur bahagian

Penomboran artikel page_step6_bottom blog

Blog page_step7_sidebar reka bentuk kandungan

Halaman blog_step8_Tambah CSS untuk mencantikkan menu pengepala

Halaman blog_step9_Tambah CSS untuk mencantikkan kandungan ekor

Laman blog_Ringkasan kes