< Return
Narrow screen mode web design_task release
Chapter1 introduce
Chapter2 Case number one
2-1 Narrow screen mode web design_task release
2-2 Narrow screen mode web design_skill points
2-3 Narrow screen mode web design_preparation work
2-4 Narrow screen mode web design_step1_framework construction
2-5 Narrow screen mode web design_step2_navigation bar design
2-6 Narrow screen mode web design_step3_jumbotron title
2-7 Narrow screen mode web design_step4_Design the content of each section
2-8 Narrow screen mode web design_step5_custom CSS beautification page
2-9 Narrow screen mode web design_Case summary
Chapter3 Case 2
3-1 Fixed layout mode web design_task release
3-2 Fixed layout mode web design_preparation work
3-3 Fixed layout mode web design_step1_framework construction
3-4 Fixed layout mode web design_step2_content layout and typesetting
3-5 Fixed layout mode web design_step3_Design title content
3-6 Fixed layout mode web design_step4_Design Column section content
3-7 Fixed layout mode web design_step5_responsive navigation bar design
3-8 Fixed layout mode web design_Case summary
Chapter4 Case three
4-1 Login interface actual combat_step1_Task release & skill point analysis
4-2 Login interface actual combat_step2_add each component of form login
4-3 Login interface practice_step3_Add CSS for beautification
4-4 Login interface practice_step4_Apply CSS to form elements
4-5 Login interface actual combat_step5_enhance function effect
4-6 Login interface practice_Case summary
Chapter5 Case 4
5-1 Actual mobile layout_task release
5-2 Actual mobile layout_skill points and preparation work
5-3 Actual flow layout_step1_overall framework construction
5-4 Practical flow layout_step2_top navigation bar design
5-5 Practical flow layout_step3_title block design
5-6 Practical flow layout_step4_Content detailed responsive design
5-7 Practical flow layout_step5_Design side navigation bar
5-8 Practical flow layout_step6_Reconstruct the side navigation bar to hide the small screen
5-9 Practical flow layout_step7_Reconstruct the title bar to add dynamic content
5-10 Practical flow layout_step8_Attach JS events to dynamic content
5-11 Practical mobile layout_case small
Chapter6 Case five
6-1 Marketing website design_task release, skill point analysis
6-2 Marketing website design_preparation work and implementation step analysis
6-3 Marketing website design_step1_Home page overall framework design
6-4 Marketing website design_step2_Refine the top navigation bar
6-5 Marketing website design_step3_Design highlighted title
6-6 Marketing website design_step4_Detailed content design
6-7 Marketing website design_step5_Customized CSS beautification page
6-8 Marketing website design_case summary
Chapter7 Case 6
7-1 Paste effect at the top and bottom of the web page_task release
7-2 Paste effect at the top and bottom of the web page_Skill points and preparation work
7-3 Paste effect at the top and bottom of the web page_step1_overall frame layout
7-4 Paste effect at the top and bottom of the web page_step2_top navigation bar
7-5 Paste effect at the top and bottom of the web page_step3_bottom element design
7-6 Paste effect at the top and bottom of the web page_step4_internal part design
7-7 Paste effect at the top and bottom of the web page_step5_bottom navigation fixed effect
7-8 Paste effect at the top and bottom of the web page_step6_Customized CSS to beautify the page
7-9 Paste effect at the top and bottom of the web page_Case summary
Chapter8 Case 7
8-1 Blog page_task release
8-2 Blog Page_Skill Points and Preparation Work
8-3 Blog page_step1_overall framework construction
8-4 Blog page_step2_top navigation bar
8-5 Blog page_step3_tail content design
8-6 Blog page_step4_Design top title
8-7 Blog page_step5_content part layout design
8-8 Blog page_step6_bottom article pagination
8-9 Blog page_step7_sidebar content design
8-10 Blog page_step8_Add CSS to beautify the header menu
8-11 Blog page_step9_Add CSS to beautify the tail content
8-12 Blog page_Case summary
- Course Recommendations
- Courseware download
There are currently no materials available for download for this course
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)