brief introduction
06 minutes35 secondsteaching objectives
04 minutes27 secondsNarrow screen mode web design_task release
02 minutes13 secondsNarrow screen mode web design_skill points
01 minutes53 secondsNarrow screen mode web design_preparation work
08 minutes43 secondsNarrow screen mode web design_step1_framework construction
07 minutes35 secondsNarrow screen mode web design_step2_navigation bar design
04 minutes59 secondsNarrow screen mode web design_step3_jumbotron title
04 minutes05 secondsNarrow screen mode web design_step4_Design the content of each section
02 minutes31 secondsNarrow screen mode web design_step5_custom CSS beautification page
08 minutes25 secondsNarrow screen mode web design_Case summary
03 minutes24 secondsFixed layout mode web design_task release
02 minutes20 secondsFixed layout mode web design_preparation work
02 minutes00 secondsFixed layout mode web design_step1_framework construction
05 minutes06 secondsFixed layout mode web design_step2_content layout and typesetting
04 minutes17 secondsFixed layout mode web design_step3_Design title content
05 minutes10 secondsFixed layout mode web design_step4_Design Column section content
05 minutes10 secondsFixed layout mode web design_step5_responsive navigation bar design
19 minutes49 secondsFixed layout mode web design_Case summary
02 minutes08 secondsLogin interface actual combat_step1_Task release & skill point analysis
02 minutes09 secondsLogin interface actual combat_step2_add each component of form login
07 minutes19 secondsLogin interface practice_step3_Add CSS for beautification
04 minutes21 secondsLogin interface practice_step4_Apply CSS to form elements
07 minutes53 secondsLogin interface actual combat_step5_enhance function effect
07 minutes11 secondsLogin interface practice_Case summary
02 minutes05 secondsActual mobile layout_task release
01 minutes44 secondsActual mobile layout_skill points and preparation work
01 minutes49 secondsActual flow layout_step1_overall framework construction
09 minutes55 secondsPractical flow layout_step2_top navigation bar design
03 minutes49 secondsPractical flow layout_step3_title block design
02 minutes36 secondsPractical flow layout_step4_Content detailed responsive design
05 minutes42 secondsPractical flow layout_step5_Design side navigation bar
03 minutes01 secondsPractical flow layout_step6_Reconstruct the side navigation bar to hide the small screen
02 minutes34 secondsPractical flow layout_step7_Reconstruct the title bar to add dynamic content
04 minutes29 secondsPractical flow layout_step8_Attach JS events to dynamic content
03 minutes42 secondsPractical mobile layout_case small
02 minutes09 secondsMarketing website design_task release, skill point analysis
02 minutes25 secondsMarketing website design_preparation work and implementation step analysis
01 minutes12 secondsMarketing website design_step1_Home page overall framework design
04 minutes08 secondsMarketing website design_step2_Refine the top navigation bar
03 minutes24 secondsMarketing website design_step3_Design highlighted title
03 minutes08 secondsMarketing website design_step4_Detailed content design
04 minutes27 secondsMarketing website design_step5_Customized CSS beautification page
07 minutes36 secondsMarketing website design_case summary
01 minutes35 secondsPaste effect at the top and bottom of the web page_task release
02 minutes06 secondsPaste effect at the top and bottom of the web page_Skill points and preparation work
02 minutes09 secondsPaste effect at the top and bottom of the web page_step1_overall frame layout
03 minutes26 secondsPaste effect at the top and bottom of the web page_step2_top navigation bar
05 minutes01 secondsPaste effect at the top and bottom of the web page_step3_bottom element design
02 minutes40 secondsPaste effect at the top and bottom of the web page_step4_internal part design
02 minutes21 secondsPaste effect at the top and bottom of the web page_step5_bottom navigation fixed effect
03 minutes50 secondsPaste effect at the top and bottom of the web page_step6_Customized CSS to beautify the page
01 minutes53 secondsPaste effect at the top and bottom of the web page_Case summary
01 minutes45 secondsBlog page_task release
01 minutes51 secondsBlog Page_Skill Points and Preparation Work
01 minutes59 secondsBlog page_step1_overall framework construction
07 minutes43 secondsBlog page_step2_top navigation bar
03 minutes48 secondsBlog page_step3_tail content design
03 minutes42 secondsBlog page_step4_Design top title
02 minutes39 secondsBlog page_step5_content part layout design
04 minutes38 secondsBlog page_step6_bottom article pagination
01 minutes48 secondsBlog page_step7_sidebar content design
03 minutes11 secondsBlog page_step8_Add CSS to beautify the header menu
03 minutes59 secondsBlog page_step9_Add CSS to beautify the tail content
02 minutes27 secondsBlog page_Case summary
01 minutes29 seconds"BootStrap Classic Case Analysis" After studying this course, we can learn a lot, you will know after reading it!