Your cart is empty.
Keep shopping响应式网页设计实例
49 students
响应式网页设计实例
设计与开发两个商业网站需要的页面，用到了 Sketch，HTML，CSS，jQuery，Sass 还有 Semantic UI。
Created by王皓 ninghao.net
Last updated 7/2018
Chinese (Simplified)
What you'll learn
- 了解网页设计的工作流程，工具，方法
- 设计与开发一个商业网站的首页与产品页面
Explore related topics
Course content
16 sections • 136 lectures • 6h 20m total length
Requirements
- HTML 基础
- CSS 基础
- JavaScript 基础
- jQuery 基础
- 有自信在命令行界面下完成任务
- Semantic UI 样式框架
- Atom 编辑器
- Emmet 编辑器插件（Atom 编辑器的 Package）
Description
从一个空白的画板开始，设计与开发一个商业网站需要的首页与产品页。注意课程只专注页面设计与开发，并没有开发一个动态网站。只介绍了网页的设计与开发需要用的工作流程，使用的工具，还有实现的方法。打算用 HTML，CSS，还有 jQuery 创建网页的同学，这个课程比较适合。
页面的自定义样式我们使用了 Sass 编写，还有些样式使用了 Semantic UI 这个样式框架。页面上的一些交互功能，大部分来自第三方的库，比如我们用到了 Semantic UI 框架里的一些模块提供的功能。
课程会有部分设计内容，里面用到了 Sketch 软件，这是一款只能用在 macOS 系统上的软件。Windows 用户可以参考或者跳过课程里的设计部分的练习。
Who this course is for:
- 对网页设计与开发有兴趣的人