《UI体验设计和web前端设计》课程教学大纲

《UI体验设计和web前端设计》课程教学大纲课程代码：ABXX0416课程中文名称:UI体验设计/Web前端设计课程英文名称：UIExperienceDesignandWebFront-endDesign课程性质：选修课程学分数：4学分课程学时数：64学时其中理论学时：32学时实验学时：32学时授课对象：计算机科学与技术专业本课程的前导课程：网页设计与制作、计算机网络一、课程简介《UI体验设计/Web前端设计》课程是一门计算机专业的选修课程，主要介绍网页的前端开发内容和技术，从而提高用户的使用体验。通过本课程的学习，学生需要熟练掌握CSS、HTML、JavaScript、HTML5等技术，了解它们在不同浏览器上的兼容情况、渲染原理和存在的错误，掌握网站性能优化和服务器端的基础知识，从而使学生具有扎实的Web前端开发实践能力。二、教学基本内容和要求课程教学内容：1、web前端开发技术综述1.1web概述1.2web前端开发技术1.3web前端开发工具1.4浏览器工具2、html基础2.1html基本语法2.2html文档编写规范2.3格式化文字与段落2.4列表2.5超链接2.6图像与多媒体文件2.7表格2.8框架2.9表单3、css+div基础3.1css概念3.2使用css控制web页面3.3css继承与层叠3.4div图层3.5嵌套图层3.6div标记与span标记4、css+div高级应用4.1css属性值中的单位4.2css文字样式4.3css精细排版样式4.4css背景与颜色4.5css列表样式4.6css盒模型4.7css+div页面布局5、javascript基础5.1javascript概述5.2javascript程序5.3标识符和变量5.4运算符和表达式5.5javascript程序控制结构5.6javascript函数6、javascript事件分析6.1javascript事件概述6.2表单事件6.3鼠标事件6.4键盘事件6.5窗口事件6.6经典案例7、课程网站构建与发布7.1课程网站结构7.2课程网站设计与实现7.3二级页面设计7.4web服务器的安装、配置与发布课程的重点、难点：2、html基础2.1html基本语法2.7表格2.8框架2.9表单3、css+div基础3.2使用css控制web页面3.3css继承与层叠3.4div图层3.6div标记与span标记4、css+div高级应用4.2css文字样式4.3css精细排版样式4.4css背景与颜色4.5css列表样式4.6css盒模型4.7css+div页面布局5、javascript基础5.2javascript程序5.5javascript程序控制结构5.6javascript函数6、javascript事件分析6.2表单事件6.3鼠标事件6.4键盘事件6.5窗口事件7、课程网站构建与发布7.2课程网站设计与实现7.3二级页面设计7.4web服务器的安装、配置与发布课程教学要求：1、了解前端设计的意义，熟练掌握前端设计的技术：CSS、HTML、Javascript。2、掌握前端设计技术的综合运用，要求学生独立设计用户体验良好的网页。3、清楚地了解浏览器的兼容情况，掌握网站性能优化。三、实验教学内容及基本要求本课程是一门实践性较强的计算机基础课，上机实践是对学生的一种综合训练。本课题的总上机时学时为32学时，通过上机作业，要求学生利用CSS、HTML、Javascript技术实现用户体验良好的UI界面。序号实验项目名称实验学时目的与要求实验要求实验类型每组人数备注1格式化文本4掌握HTML基础，掌握文本、段落格式化、列表、超链接与多媒体应用必修验证12表格与框架4掌握表格和框架的使用必修验证13表单2掌握表单的应用必修验证14css+div基础4掌握CSS+DIV的样式引用和页面布局必修验证15css+div高级应用4掌握CSS+DIV的网页设计必修验证16javascript基础2掌握javascript的语法基础必修验证17Javascript函数2掌握javascript函数设计必修验证18Javascript对象2掌握javascript对象调用必修验证19Javascript应用2掌握javascript脚本应用于网页效果必修验证110综合实验6利用CSS、HTML、Javascript技术设计网站的页面效果必修综合1四、教学方法与手段采用多媒体教学手段，利用案例教学，学生很容易理解和接受，提高教学效果，同时加强学生对每个知识点的掌握，强调学生的动手操作能力。五、教学学时分配章节与内容课时作业量备注web前端开发技术综述1html基础8css+div基础6css+div高级应用8javascript基础4javascript事件分析4课程网站构建与发布1合计32六、考核方式与成绩评定标准1、考核方法采用平时成绩+过程考核相结合的方式发。2、成绩评定考勤占20%，实验占50%，实验报告30%。七、教学参考资源1、参考书目：（1）聂常红编著，《Web前端开发技术---HTML、CSS、JavaScript》，人民邮电出版社，2013年。（2）储久良编著，《Web前端开发技术---HTML、CSS、JavaScript》，清华大学出版社，2013年。（3）储久良编著，《Web前端开发技术实验与实践---HTML、CSS