使用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
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]
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]
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]
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
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]
2. Create and Style the Navigation of the Website_en.srt [17.9 KB]
4. Create Products Section.srt [8.5 KB]
6. Build Blog Section_en.srt [8.1 KB]
6. Build Blog Section.srt [7.9 KB]
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]
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]
1. Project Preview【持续更新‖免费提供：CunworknoteS】.mp4 [24.0 MB]
9. Create and Customize the Footer of the Website.srt [6.0 KB]
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]
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_en.srt [2.6 KB]
2. Setup.srt [2.5 KB]
1. Introduction_en.srt [10.4 KB]
1. Introduction.srt [10.0 KB]
📁 6. Project 5 - Coffee House Website
8. Create and Style Contact Section and Footer of the Website.srt [10.3 KB]
5. Build Menu Section_en.srt [10.0 KB]
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_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]
7. Build Customers Section.srt [10.7 KB]
7. Build Customers Section_en.srt [10.9 KB]
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]
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.srt [10.3 KB]
7. Build Data Section with Counters.srt [10.6 KB]
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]
2. Create and Make the Navigation Work.srt [24.9 KB]
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]
1.2 Interior Designer Website - Starter Files.zip [708.8 KB]
1. Project Preview.srt [3.0 KB]

适合人群

• 前端开发初学者
• 希望提升网站构建技能的开发者

🎯 学习收获

• 掌握HTML/CSS/JS基础
• 学会响应式网站设计
• 完成个人作品集

🎉 祝您学习愉快！