,*,*,*,*,*,*,*,*,*,*,*,人机交互界面设计,前言,目录,01,课程定位,02,课程内容,03,教学条件,04,考核方式,01,课程定位,通过对本课程的学习，学生加深对交互界面设计、软件工程、程序设计语言的理论知识的理解和应用水平，了解和掌握交互界面设计的根本方法，熟悉界面设计与制作的步骤和发布流程。,掌握网页布局技术；掌握HTML5+CSS编码技术，了解和掌握JavaScript网页编程技术，能进行人机交互界面的设计。为学生学习后续课程和将来从事工作打下必备根底。,01,课程定位,-,岗位分析,网页设计师,网站运营推广,网页前端,程序员,多媒体设计师,数码后期处理,平面设计师,UI设计师,01,课程定位,-,人才培养目标,交互式用户体,艺术设计的形态、内涵、形式美法那么、语言,人机交互设计的技巧与原那么,网页布局的分析与制作能力,网站发布流程,专业知识目标,掌握,专业能力目标,掌握,专业素质目标,具备,综合能力目标,具备,Photoshop设计人机交互界面,网页盒子模型的制作,HTML5+CSS3对网页进行布局及优化,表单页面制作及验证,网页JS特效,筹划能力,想象力,色彩感悟能力,结构布局能力,图像处理与制作能力,团队协作精神,自主学习能力,沟通能力,表达能力,获取知识能力,创新能力,02,课程内容,?人机交互界面设计?,第1章-第3章 了解掌握网站发布流程，Photoshop页面设计,第4章-第7章 HTML/CSS局部，重点掌握,第8章-第10章 JAVASCRIPT局部，重点掌握,HTML/CSS,界面制作,JAVASCRIPT,界面特效,photoshop,界面设计,Photoshop,是世界上最流行的图形图像处理、设计软件,HTML 超文本标记语言,HyperText Markup Language,页面制作,CSS,层叠样式表,Cascading Style Sheets,页面美化,Javascript：交互特效,如：表单验证、图片轮播等,02,教学条件,-,课时安排,总学时：,64,课时,共上,16,周，每周,4,课时,02,教学条件,-,软件要求,开发软件,Dreamweaver CS5+,Photoshop CS6+,chrome、firefox、IE8+,浏览器,其它软件,webstorm11、QQ浏览器、360浏览器,01,考核方式,过程性考核,常规考核,实践考核,期末考核,考核,出勤考核,问题答复,作业情况,小组自评,小组互评,教师评价,期,末,考,试,参,加,比,赛,END,THANK YOU,