当前课程知识点:界面设计导论 > 第四章:从设计到实现:H5网页基础概念 > 总结 > 总结
通过本章的学习
同学们应该了解了
网页制作的基本方法
和用到的最基本的语言和概念
包括有html语言 css语言
jquery语言
感兴趣的同学呢
还需要多看 多练
看看优秀的网页
代码是怎么写出来的
在本章的最后
我再给大家介绍一个非常实用的
制作网站的框架
由于我们现在制作的网页
需要是跨平台的
像手机呀 ipad呀 电脑等等
界面的尺寸都是不一样的
因此我们需要制作出
能够适应多种平台界面尺寸的
响应式的页面
我们可以去了解一下
通常用于制作响应式网页的
bootsrap这个框架
大家可以到相应的网站上
去看一下使用方法
上面相应的文档也写得非常详细
可以直接部署到大家的html网页当中去
这些架构大家可以在实现
自己的网页设计稿的时候
进行组合使用
另外对于html语言的相关知识点
和功能点
都可以到W3school这个网站上去学习
这里有像html语言 css 语言等等
网页制作的相关的文档
如果大家有需要实现的功能点
或者不清楚的功能代码
也都可以到这里来查询
我相信大家在制作了一个两个
自己的设计稿之后
应该就对html前端的制作
有了一些手感和了解了
大家可以在这个案例的基础上
不断地进行扩展
做出效果更加生动 炫酷 实用的网页
网站也是由一个个炫酷的网页组成
并且不断地扩大和完善的
本章的课程就讲到这里
非常感谢大家的学习
谢谢
-课程简介
--课程简介
-(1) 什么是界面
--什么是界面
-(2)界面设计为什么重要
-(3)UI的进化
--UI的进化
-(4)设计师的自我修炼
--新手的疑问
-第一章总结
--第一章总结
-第一章:界面设计概述--课后习题
-本章概述
--本章概述
-(1) 为什么设计?
-- 为什么设计?
-(2)界面设计流程
--界面设计流程
-(3)视觉优化原理
--视觉优化原理
-(4)可用性评估的基本原则
-第二章:GUI设计心法--课后习题
-本章概述
--本章概述
-(1)信息结构与交互设计(1-4)
--第一讲
--第二讲
--第三讲
--第四讲
-(2) 界面草图与原型设计
-(3)视觉设计原则
--视觉设计原则
-(4) 文字与阅读
--字体设计
-(5)图标
--图标
-(6) 色彩
--色彩
-(7) 动效
--动效设计概述
--动效小制作1
--动效小制作2
-(8)第三章小结
--第三章小结
-(9)学生个人作品网站主页设计体会
--张铁汉
-第三章:界面设计元素--大作业
-前言
--前言
-(1)什么是网页
--什么是网页
-(2)标签与元素
--标签与元素
-(3)文本格式化、块级元素与行内元素
-(4)如何使用H5进行网页布局
-(5)目录、目录结构及在页面中插入图片
-(6)CSS样式表
--CSS样式表
-(7)CSS盒子模型
--CSS盒子模型
-(8)CSS控制文本
--CSS控制文本
-(9)CSS背景、特效、动画
-(10)初识javascript及jquery
-总结
--总结
-邱艺芸-清华大学艺术博物馆APP设计
--邱艺芸
-潘俊丞-阿甘跑步改版界面设计——“趣跑”
--潘俊丞
-王婧-星巴克改版设计
--王婧
-李向阳-DIY服装app设计
--李向阳
-相宸卓-效率软件改版设计
--相宸卓
-周文欣-“你好,安德烈”app设计
--周文欣
-走近游戏交互设计
--走近游戏交互设计
-《稻之道》(作者:于汉杰)
--稻之道-于汉杰
-《思想咖啡》(作者:艾瑞雯)
--思想咖啡-艾瑞雯
-《稻香村京八件销售网页设计》(作者:王依柳)