响应式网页设计实例,宁皓网,设计与开发两个商业网站需要的页面,用到了 Sketch,HTML,CSS,jQuery,Sass 还有 Semantic UI。
从一个空白的画板开始,设计与开发一个商业网站需要的首页与产品页。注意课程只专注页面设计与开发,并没有开发一个动态网站。只介绍了网页的设计与开发需要用的工作流程,使用的工具,还有实现的方法。打算用 HTML,CSS,还有 jQuery 创建网页的同学,这个课程比较适合。
页面的自定义样式我们使用了 Sass 编写,还有些样式使用了 Semantic UI 这个样式框架。页面上的一些交互功能,大部分来自第三方的库,比如我们用到了 Semantic UI 框架里的一些模块提供的功能。
课程会有部分设计内容,里面用到了 Sketch 软件,这是一款只能用在 macOS 系统上的软件。Windows 用户可以参考或者跳过课程里的设计部分的练习。
有什么要求?
- HTML 基础
- CSS 基础
- JavaScript 基础
- jQuery 基础
- 有自信在命令行界面下完成任务
- Semantic UI 样式框架
- Atom 编辑器
- Emmet 编辑器插件(Atom 编辑器的 Package)
我将从这门课程中学到什么?
- 了解网页设计的工作流程,工具,方法
- 设计与开发一个商业网站的首页与产品页面
目标受众是谁?
- 对网页设计与开发有兴趣的人 适用人群:网页设计师