响应式网页设计实例
设计与开发两个商业网站需要的页面,用到了 Sketch,HTML,CSS,jQuery,Sass 还有 Semantic UI。
3.30 (5 reviews)

49
students
6.5 hours
content
Jul 2018
last update
$19.99
regular price
Why take this course?
🎓 [响应式网页设计实例] 🚀
课程概述:
响应式网页设计实例 - 让您成为响应式网页专家!本课程由 王皓 老师精心设计,旨在指导您从零开始设计与开发两个商业网站所需的核心页面。通过实际案例学习,您将深入了解 Sketch、HTML、CSS、jQuery、Sass 以及 Semantic UI。
课程亮点:
- 完整流程指导:从空白画布到完成的商业网站首页和产品页面,您将掌握设计与开发的全部步骤。
- 专注于前端实践:本课程不涉及动态网站的开发,而是深入探讨了静态页面设计与开发的技术和方法。
- 理论与实践结合:适合希望用 HTML、CSS 以及 jQuery 创建网页的同学。
课程内容概览:
设计与开发工作流程
- 理解项目需求:确定页面功能和用户体验。
- 设计师与开发者协作:学习如何在团队中分工合作,提升项目效率。
工具与技术
- 前端开发工具:掌握 Sass 和 Semantic UI 的使用,以及如何优化 CSS 性能。
- 交互功能实现:通过第三方库(如 Semantic UI)来增强页面交互性。
设计部分
- 利用 Sketch:在 macOS 系统上使用 Sketch 进行高效的网页设计。
- 视觉设计技巧:学习如何使用设计原则和元素来创造美观且易于导航的界面。
课程特色:
🌟 实战案例:通过构建实际的商业网站页面,将理论知识应用到实践中。
⚙️ 技术栈:结合 Sketch、HTML、CSS、jQuery、Sass 以及 Semantic UI,全面掌握响应式网页设计的实际工作流程。
📚 学习资源:课程提供详细的学习材料和代码示例,帮助您更好地理解和实践。
学习成果
- 页面设计能力:设计出符合商业需求的首页和产品页面。
- 前端开发技能:编写可维护、高效的 HTML、CSS 以及使用 Sass/Semantic UI 进行样式定制。
- 交互功能实现:集成第三方库来增强网页的用户体验。
加入这个课程,让您的前端技术和设计能力飞跃到新的高度!🚀🎓
Course Gallery




Loading charts...
1583406
udemy ID
06/03/2018
course created date
24/11/2019
course indexed date
Bot
course submited by