使用HTML, CSS和JavaScript构建5个响应式网站 | Build 5 Responsive Websites with HTML, CSS, and JavaScript

实战项目，提升响应式网站构建能力

编辑点评

从个人作品集到家具网站，再到建筑网站，课程通过实际案例，深入浅出地教授HTML、CSS和JavaScript的响应式设计技巧。

⭐ 编辑推荐

本课程通过构建5个实战项目，让你熟练掌握HTML、CSS和JavaScript，打造美观且响应式的网站。

课程亮点

• 实战项目教学

• 响应式设计技巧

• 提升前端开发能力

课程目录

📁 3. Project 2 - Personal Portfolio Website
    1. Project Preview.mp4  [14.9 MB]
    2. Create and Style the Header of the Website_en.srt  [31.2 KB]
    7. Create and Customize the Footer of the Website_en.srt  [5.3 KB]
    5. Build Projects Section.srt  [14.8 KB]
    3. Style and Make the Navigation Work_en.srt  [9.7 KB]
    6. Create and Style Contact Section.srt  [20.0 KB]
    1.2 Portfolio Website - Starter Files.zip  [5.1 MB]
    1. Project Preview_en.srt  [2.5 KB]
    4. Create and Customize Skills Section.mp4  [157.0 MB]
    5. Build Projects Section.mp4  [172.4 MB]
    7. Create and Customize the Footer of the Website.mp4  [48.1 MB]
    1. Project Preview.srt  [2.5 KB]
    2. Create and Style the Header of the Website.srt  [31.0 KB]
    5. Build Projects Section_en.srt  [14.7 KB]
    8. Make the Project Responsive.srt  [12.9 KB]
    4. Create and Customize Skills Section.srt  [14.3 KB]
    4. Create and Customize Skills Section_en.srt  [14.7 KB]
    8. Make the Project Responsive.mp4  [154.5 MB]
    6. Create and Style Contact Section.mp4  [189.8 MB]
    6. Create and Style Contact Section_en.srt  [20.3 KB]
    3. Style and Make the Navigation Work.srt  [9.6 KB]
    7. Create and Customize the Footer of the Website.srt  [5.3 KB]
    3. Style and Make the Navigation Work.mp4  [94.8 MB]
    1.1 Portfolio Website - Final.zip  [5.1 MB]
    8. Make the Project Responsive_en.srt  [13.1 KB]
    2. Create and Style the Header of the Website.mp4  [313.8 MB]
📁 2. Project 1 - Furniture Website
    9. Make the Project Responsive.mp4  [234.0 MB]
    7. Create Contact Section【整理不易‖记得关注：CunWorKNotes】.mp4  [83.7 MB]
    8. Create and Style the Footer of the Website【资源精选‖更多关注：CunworkNotes】.mp4  [41.0 MB]
    3. Build Header of the Website.mp4  [87.8 MB]
    6. Build Blog Section.mp4  [77.6 MB]
    2. Create and Style the Navigation of the Website_en.srt  [17.9 KB]
    4. Create Products Section.srt  [8.5 KB]
    1. Project Preview.mp4  [20.4 MB]
    6. Build Blog Section_en.srt  [8.1 KB]
    6. Build Blog Section.srt  [7.9 KB]
    2. Create and Style the Navigation of the Website.mp4  [161.6 MB]
    4. Create Products Section.mp4  [92.4 MB]
    5. Create and Style Pricing Section.mp4  [180.7 MB]
    8. Create and Style the Footer of the Website.srt  [4.3 KB]
    8. Create and Style the Footer of the Website_en.srt  [4.3 KB]
    9. Make the Project Responsive_en.srt  [21.2 KB]
    1. Project Preview.srt  [3.2 KB]
    5. Create and Style Pricing Section_en.srt  [17.5 KB]
    1. Project Preview_en.srt  [3.3 KB]
    9. Make the Project Responsive.srt  [20.9 KB]
    7. Create Contact Section_en.srt  [8.9 KB]
    4. Create Products Section_en.srt  [8.7 KB]
    7. Create Contact Section.srt  [8.6 KB]
    1.2 Furniture Website - Starter Files.zip  [956.7 KB]
    1.1 Furniture Website - Final.zip  [960.7 KB]
    3. Build Header of the Website_en.srt  [9.6 KB]
    3. Build Header of the Website.srt  [9.2 KB]
    5. Create and Style Pricing Section.srt  [17.3 KB]
    2. Create and Style the Navigation of the Website.srt  [17.6 KB]
📁 4. Project 3 - Architectural Website
    1.1 Architectural Website - Final【公重号：CunWorkNotes】.zip  [15.3 MB]
    9. Create and Customize the Footer of the Website.mp4  [55.7 MB]
    3. Create and Style the Navigation - Part 2【持续更新‖免费提供：CunworknoteS】.mp4  [128.4 MB]
    8. Build Contact Section【持续更新‖免费提供：CunworknoteS】.mp4  [58.9 MB]
    10. Make the Project Responsive【持续更新‖免费提供：CunworknoteS】.mp4  [203.3 MB]
    5. Build About Section.mp4  [105.5 MB]
    1. Project Preview【持续更新‖免费提供：CunworknoteS】.mp4  [24.0 MB]
    9. Create and Customize the Footer of the Website.srt  [6.0 KB]
    6. Create and Customize Projects Section.mp4  [123.6 MB]
    1. Project Preview.srt  [2.9 KB]
    8. Build Contact Section.srt  [6.4 KB]
    2. Create and Style the Navigation - Part 1_en.srt  [13.8 KB]
    1. Project Preview_en.srt  [3.0 KB]
    4. Create and Style the Header of the Website.mp4  [65.5 MB]
    2. Create and Style the Navigation - Part 1.srt  [13.5 KB]
    5. Build About Section_en.srt  [9.7 KB]
    8. Build Contact Section_en.srt  [6.6 KB]
    4. Create and Style the Header of the Website_en.srt  [6.9 KB]
    2. Create and Style the Navigation - Part 1.mp4  [122.4 MB]
    7. Create and Style Customers Section.mp4  [86.0 MB]
    7. Create and Style Customers Section_en.srt  [9.6 KB]
    10. Make the Project Responsive_en.srt  [18.4 KB]
    6. Create and Customize Projects Section.srt  [11.6 KB]
    5. Build About Section.srt  [9.5 KB]
    1.2 Architecture Website - Starter Files.zip  [15.3 MB]
    3. Create and Style the Navigation - Part 2.srt  [14.2 KB]
    9. Create and Customize the Footer of the Website_en.srt  [6.1 KB]
    6. Create and Customize Projects Section_en.srt  [11.7 KB]
    7. Create and Style Customers Section.srt  [9.5 KB]
    10. Make the Project Responsive.srt  [18.1 KB]
    4. Create and Style the Header of the Website.srt  [6.7 KB]
    3. Create and Style the Navigation - Part 2_en.srt  [14.3 KB]
📁 1. Welcome
    2. Setup.mp4  [12.2 MB]
    2. Setup_en.srt  [2.6 KB]
    2. Setup.srt  [2.5 KB]
    1. Introduction_en.srt  [10.4 KB]
    1. Introduction.mp4  [73.1 MB]
    1. Introduction.srt  [10.0 KB]
📁 6. Project 5 - Coffee House Website
    8. Create and Style Contact Section and Footer of the Website.mp4  [119.5 MB]
    8. Create and Style Contact Section and Footer of the Website.srt  [10.3 KB]
    2. Create and Style Navigation.mp4  [174.0 MB]
    5. Build Menu Section_en.srt  [10.0 KB]
    1. Project Preview.mp4  [31.9 MB]
    4. Create and Customize About Section.mp4  [57.9 MB]
    9. Make the Project Responsive.mp4  [151.6 MB]
    5. Build Menu Section.srt  [9.8 KB]
    6. Create and Style Data Section with Animated Counters_en.srt  [13.8 KB]
    1. Project Preview_en.srt  [2.9 KB]
    3. Create Slideshow with Swiper.js.mp4  [158.4 MB]
    3. Create Slideshow with Swiper.js_en.srt  [15.1 KB]
    1. Project Preview.srt  [2.8 KB]
    1.2 Coffee House Website - Starter Files.zip  [2.8 MB]
    4. Create and Customize About Section_en.srt  [5.8 KB]
    9. Make the Project Responsive.srt  [12.8 KB]
    5. Build Menu Section.mp4  [117.1 MB]
    7. Build Customers Section.srt  [10.7 KB]
    7. Build Customers Section_en.srt  [10.9 KB]
    7. Build Customers Section.mp4  [126.0 MB]
    2. Create and Style Navigation.srt  [17.7 KB]
    2. Create and Style Navigation_en.srt  [18.1 KB]
    9. Make the Project Responsive_en.srt  [12.8 KB]
    3. Create Slideshow with Swiper.js.srt  [14.9 KB]
    4. Create and Customize About Section.srt  [5.7 KB]
    1.1 Coffee House Website - Final.zip  [2.8 MB]
    6. Create and Style Data Section with Animated Counters.mp4  [143.1 MB]
    8. Create and Style Contact Section and Footer of the Website_en.srt  [10.5 KB]
    6. Create and Style Data Section with Animated Counters.srt  [13.6 KB]
📁 5. Project 4 - Interior Designer Website
    6. Create and Style Portfolio Section_en.srt  [10.3 KB]
    3. Create an Animated Banner_en.srt  [6.7 KB]
    8. Create and Customize the Footer of the Website.srt  [6.5 KB]
    9. Make the Project Responsive_en.srt  [14.1 KB]
    3. Create an Animated Banner.srt  [6.7 KB]
    4. Build About Section_en.srt  [14.4 KB]
    6. Create and Style Portfolio Section.mp4  [113.2 MB]
    6. Create and Style Portfolio Section.srt  [10.3 KB]
    4. Build About Section.mp4  [151.7 MB]
    7. Build Data Section with Counters.srt  [10.6 KB]
    8. Create and Customize the Footer of the Website.mp4  [62.0 MB]
    3. Create an Animated Banner.mp4  [62.7 MB]
    8. Create and Customize the Footer of the Website_en.srt  [6.6 KB]
    5. Create and Customize Services Section_en.srt  [9.6 KB]
    1. Project Preview_en.srt  [3.0 KB]
    1. Project Preview.mp4  [14.0 MB]
    2. Create and Make the Navigation Work.srt  [24.9 KB]
    2. Create and Make the Navigation Work.mp4  [219.2 MB]
    4. Build About Section.srt  [14.2 KB]
    5. Create and Customize Services Section.srt  [9.4 KB]
    9. Make the Project Responsive.srt  [14.2 KB]
    7. Build Data Section with Counters_en.srt  [10.8 KB]
    2. Create and Make the Navigation Work_en.srt  [25.7 KB]
    5. Create and Customize Services Section.mp4  [100.2 MB]
    1.2 Interior Designer Website - Starter Files.zip  [708.8 KB]
    9. Make the Project Responsive.mp4  [151.1 MB]
    1. Project Preview.srt  [3.0 KB]
    7. Build Data Section with Counters.mp4  [113.0 MB]