Next Section: 实战流动布局_step4_内容明细响应式设计2090 plays

5 秒后自动播放下一节
  Watch Again

BootStrap classic case analysis

Introduction >
ChapterCourseware
Chapter1introduce

brief introduction

06 minutes35 seconds

teaching objectives

04 minutes27 seconds
Chapter2Case number one

Narrow screen mode web design_task release

02 minutes13 seconds

Narrow screen mode web design_skill points

01 minutes53 seconds

Narrow screen mode web design_preparation work

08 minutes43 seconds

Narrow screen mode web design_step1_framework construction

07 minutes35 seconds

Narrow screen mode web design_step2_navigation bar design

04 minutes59 seconds

Narrow screen mode web design_step3_jumbotron title

04 minutes05 seconds

Narrow screen mode web design_step4_Design the content of each section

02 minutes31 seconds

Narrow screen mode web design_step5_custom CSS beautification page

08 minutes25 seconds

Narrow screen mode web design_Case summary

03 minutes24 seconds
Chapter3Case 2

Fixed layout mode web design_task release

02 minutes20 seconds

Fixed layout mode web design_preparation work

02 minutes00 seconds

Fixed layout mode web design_step1_framework construction

05 minutes06 seconds

Fixed layout mode web design_step2_content layout and typesetting

04 minutes17 seconds

Fixed layout mode web design_step3_Design title content

05 minutes10 seconds

Fixed layout mode web design_step4_Design Column section content

05 minutes10 seconds

Fixed layout mode web design_step5_responsive navigation bar design

19 minutes49 seconds

Fixed layout mode web design_Case summary

02 minutes08 seconds
Chapter4Case three

Login interface actual combat_step1_Task release & skill point analysis

02 minutes09 seconds

Login interface actual combat_step2_add each component of form login

07 minutes19 seconds

Login interface practice_step3_Add CSS for beautification

04 minutes21 seconds

Login interface practice_step4_Apply CSS to form elements

07 minutes53 seconds

Login interface actual combat_step5_enhance function effect

07 minutes11 seconds

Login interface practice_Case summary

02 minutes05 seconds
Chapter5Case 4

Actual mobile layout_task release

01 minutes44 seconds

Actual mobile layout_skill points and preparation work

01 minutes49 seconds

Actual flow layout_step1_overall framework construction

09 minutes55 seconds

Practical flow layout_step2_top navigation bar design

03 minutes49 seconds

Practical flow layout_step3_title block design

02 minutes36 seconds

Practical flow layout_step4_Content detailed responsive design

05 minutes42 seconds

Practical flow layout_step5_Design side navigation bar

03 minutes01 seconds

Practical flow layout_step6_Reconstruct the side navigation bar to hide the small screen

02 minutes34 seconds

Practical flow layout_step7_Reconstruct the title bar to add dynamic content

04 minutes29 seconds

Practical flow layout_step8_Attach JS events to dynamic content

03 minutes42 seconds

Practical mobile layout_case small

02 minutes09 seconds
Chapter6Case five

Marketing website design_task release, skill point analysis

02 minutes25 seconds

Marketing website design_preparation work and implementation step analysis

01 minutes12 seconds

Marketing website design_step1_Home page overall framework design

04 minutes08 seconds

Marketing website design_step2_Refine the top navigation bar

03 minutes24 seconds

Marketing website design_step3_Design highlighted title

03 minutes08 seconds

Marketing website design_step4_Detailed content design

04 minutes27 seconds

Marketing website design_step5_Customized CSS beautification page

07 minutes36 seconds

Marketing website design_case summary

01 minutes35 seconds
Chapter7Case 6

Paste effect at the top and bottom of the web page_task release

02 minutes06 seconds

Paste effect at the top and bottom of the web page_Skill points and preparation work

02 minutes09 seconds

Paste effect at the top and bottom of the web page_step1_overall frame layout

03 minutes26 seconds

Paste effect at the top and bottom of the web page_step2_top navigation bar

05 minutes01 seconds

Paste effect at the top and bottom of the web page_step3_bottom element design

02 minutes40 seconds

Paste effect at the top and bottom of the web page_step4_internal part design

02 minutes21 seconds

Paste effect at the top and bottom of the web page_step5_bottom navigation fixed effect

03 minutes50 seconds

Paste effect at the top and bottom of the web page_step6_Customized CSS to beautify the page

01 minutes53 seconds

Paste effect at the top and bottom of the web page_Case summary

01 minutes45 seconds
Chapter8Case 7

Blog page_task release

01 minutes51 seconds

Blog Page_Skill Points and Preparation Work

01 minutes59 seconds

Blog page_step1_overall framework construction

07 minutes43 seconds

Blog page_step2_top navigation bar

03 minutes48 seconds

Blog page_step3_tail content design

03 minutes42 seconds

Blog page_step4_Design top title

02 minutes39 seconds

Blog page_step5_content part layout design

04 minutes38 seconds

Blog page_step6_bottom article pagination

01 minutes48 seconds

Blog page_step7_sidebar content design

03 minutes11 seconds

Blog page_step8_Add CSS to beautify the header menu

03 minutes59 seconds

Blog page_step9_Add CSS to beautify the tail content

02 minutes27 seconds

Blog page_Case summary

01 minutes29 seconds
  • CancelreplySending
  • Cancelpost a noteSending