响应式网页设计实例

设计与开发两个商业网站需要的页面,用到了 Sketch,HTML,CSS,jQuery,Sass 还有 Semantic UI。
3.30 (5 reviews)
Udemy
platform
中文
language
Web Development
category
响应式网页设计实例
49
students
6.5 hours
content
Jul 2018
last update
$19.99
regular price

Why take this course?

🎓 [响应式网页设计实例] 🚀


课程概述:

响应式网页设计实例 - 让您成为响应式网页专家!本课程由 王皓 老师精心设计,旨在指导您从零开始设计与开发两个商业网站所需的核心页面。通过实际案例学习,您将深入了解 SketchHTMLCSSjQuerySass 以及 Semantic UI


课程亮点:

  • 完整流程指导:从空白画布到完成的商业网站首页和产品页面,您将掌握设计与开发的全部步骤。
  • 专注于前端实践:本课程不涉及动态网站的开发,而是深入探讨了静态页面设计与开发的技术和方法。
  • 理论与实践结合:适合希望用 HTMLCSS 以及 jQuery 创建网页的同学。

课程内容概览:

设计与开发工作流程

  • 理解项目需求:确定页面功能和用户体验。
  • 设计师与开发者协作:学习如何在团队中分工合作,提升项目效率。

工具与技术

  • 前端开发工具:掌握 SassSemantic UI 的使用,以及如何优化 CSS 性能。
  • 交互功能实现:通过第三方库(如 Semantic UI)来增强页面交互性。

设计部分

  • 利用 Sketch:在 macOS 系统上使用 Sketch 进行高效的网页设计。
  • 视觉设计技巧:学习如何使用设计原则和元素来创造美观且易于导航的界面。

课程特色:

🌟 实战案例:通过构建实际的商业网站页面,将理论知识应用到实践中。

⚙️ 技术栈:结合 Sketch、HTML、CSS、jQuery、Sass 以及 Semantic UI,全面掌握响应式网页设计的实际工作流程。

📚 学习资源:课程提供详细的学习材料和代码示例,帮助您更好地理解和实践。


学习成果

  • 页面设计能力:设计出符合商业需求的首页和产品页面。
  • 前端开发技能:编写可维护、高效的 HTML、CSS 以及使用 Sass/Semantic UI 进行样式定制。
  • 交互功能实现:集成第三方库来增强网页的用户体验。

加入这个课程,让您的前端技术和设计能力飞跃到新的高度!🚀🎓

Course Gallery

响应式网页设计实例 – Screenshot 1
Screenshot 1响应式网页设计实例
响应式网页设计实例 – Screenshot 2
Screenshot 2响应式网页设计实例
响应式网页设计实例 – Screenshot 3
Screenshot 3响应式网页设计实例
响应式网页设计实例 – Screenshot 4
Screenshot 4响应式网页设计实例

Loading charts...

Related Topics

1583406
udemy ID
06/03/2018
course created date
24/11/2019
course indexed date
Bot
course submited by
响应式网页设计实例 - | Comidoc