【课程内容】
节课
1,安装软件,认识软件。
2,认识什么是html,什么是h5
第二节课
1,认识html标签。以及标签属性。
2,span标签级属性
3,a标签及属性
4,img标签
5,p标签
6,div标签。
*作业,做一个html页面,图片,文字和超链接。
第三节课
1,ul,li,ol标签
2,form表单标签
3,select标签。
4,audio标签
第四节课
1,标签的分类
2,相对路径,路径。
3,标签的结构
*作业,做一个登陆页面。
第五节课
1,认识css。
2,Style属性。
3,Font样式
4,Height,width,line-height。
5,单位值
第六节课
1,background,
2,盒子模型。Margin,padding,border。
3,显示的属性,display,overflow,visibility,opacity。
*作业,做一个页面,图片,文字需要设置图片大小,和文字颜色。
第七节课
1,css分类
2,选择器,id,class,标签,:hover。:active。
3,Css优先级。
第八节课
1布局float,position布局。
2,Z-index属性。
4,小技巧,页面居中。
*作业,做一个页面,图片,文字3,个div,使用不同的布局方式。
第九节课
1,h5布局
第十节课
1,h5页面布局
*作业,h5个页面完成布局。
第十一节课
1,transform2d变形
2,animation动画
第十二节课
1,h5页面加动画。
*作业,动画,自少写出四种动画。
第十三节课
1,h5页面加动画
2,音乐播放。
第十四节课
1,音乐播放。
2,第二个页面
第十五节课
1,第二个页面,布局,及使用已经写好的动画效果。
第十六节课
1,第二个页面,布局,及使用已经写好的动画效果。
2,知识回顾
【教学环境】
【师资介绍】
王利军
32 岁 | 男 | 湖北黄冈
兴趣爱好:设计、书法、看书、唱歌、摄影。
工作经验: PC 网页设计、视觉设计、产品设计、交互设计
专业技能
1. HTML5、CSS、div+css 网页、Javascript 等前端开发技术。
2.Android、Iphone 平台设计规范、用户体验和产品设计流程、交互、用户操作习惯、用
户体验。产品从 0 到 1 过程。
3.AxureRP 制作产品原型、绘制流程图、交互原型、使用思维脑图软件进行会议总结、呈
现设计思维、产品思维、产品需求分析、竞品分析、头脑风暴。
4. UI 视觉设计、Flash 动画制作、电商 Banner、Illustrator 平面设计、图标绘制、After
Effects 动效设计输出 FLV 视频、项目产品的图文、动画媒体的策划设计;
工作经历:
2009 年 09 月 – 2011 年 10 月
广东省东莞市百连星光职业技术培训学校 网页设计 、 视觉设计
工作职责:
网页页面视觉设计、产品图片设计修改、公司 VI 设计、公司的宣传产品进行印前设计。
负责公司网站与产品界面风格整理、形象把控;负责已发布产品的网页维护。
前端网页架构搭建,前端 HTML 代码编写。
2011 年 11 月 – 2014 年 01 月
广东深圳市浩博教育集团 网页设计
工作职责:
参与公司移动产品和网页产品的设计、网站、软件和移动端的视觉设计及展示,进行界面
UI 设计,把握整体风格设计,制定设计实施标准,处理元素设计细节。
2014 年 02 月 – 2016 年 03 月
北京市 国美在线 I UI 视觉 设计
工作职责: 参与项目需求分析工作,根据产品需求,对产品的整体美术风格、交互设计、
界面结构、操作流程等做出设计规范。
产品界面视觉设计。
2016 年 04 月- 2017 年 06 月
中企微云(北京)科技有限公司 I UI 设计讲师
工作职责: 在中企微云科技有限公司合作的院校教授 UI 设计程程、完成课程体系(教学大
纲、教学 PPT、备课)的研发工作;完成四个月课程体系的授课工作。
按照教学规范和教学大纲规定的内容授课,对教学中出现的问题及时总结、归纳,对授课效
果做出及时反馈和优化;
根据反馈,改进教学方法,完善教学体系;
完成所授课程的辅导工作,解决学生相关课程问题,**学员的学习质量、帮助学生技术层
面的指导。
教育背景:
2004-09-01 - 2008-06-10
黄冈职业技术学院 | 电子商务 | 专科
主修课程:
电子商务、市场营销、创意思维训练、营销策划、网络营销、网上创业、图片处理、网络软
文写作与编辑、电子商务物流、移动电子商务、企业管理。
【学员作品】
【就业前景】
现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出
【关于我们】
三维空间教育咨询湖北有限公司目前在全国各地拥有十二所分部,教学场地面积达到上万平米。现开设有:UI设计、游戏设计、室内设计、平面设计、工业造型、影视广告动画、建筑巡游动画、MYAY动画、程序开发等20多种门类课程