响应式网页设计实例
设计与开发两个商业网站需要的页面,用到了 Sketch,HTML,CSS,jQuery,Sass 还有 Semantic UI。
Description
从一个空白的画板开始,设计与开发一个商业网站需要的首页与产品页。注意课程只专注页面设计与开发,并没有开发一个动态网站。只介绍了网页的设计与开发需要用的工作流程,使用的工具,还有实现的方法。打算用 HTML,CSS,还有 jQuery 创建网页的同学,这个课程比较适合。
页面的自定义样式我们使用了 Sass 编写,还有些样式使用了 Semantic UI 这个样式框架。页面上的一些交互功能,大部分来自第三方的库,比如我们用到了 Semantic UI 框架里的一些模块提供的功能。
课程会有部分设计内容,里面用到了 Sketch 软件,这是一款只能用在 macOS 系统上的软件。Windows 用户可以参考或者跳过课程里的设计部分的练习。
What You Will Learn!
- 了解网页设计的工作流程,工具,方法
- 设计与开发一个商业网站的首页与产品页面
Who Should Attend!
- 对网页设计与开发有兴趣的人