前端开发课程教学大纲.docx
前端开发教学大纲课程性质限选课课程编号xx436301课程名称前端开发适用专业软件工程先修课程C语言程序设计、JAVA程序设计总学时48其中理论24学时，实验24学时学分数3一、课程简介前端开发是一门综合性和实践性都非常强的课程，课程要求理论与实际相结合, 包括JavaScrip、HTML、CSS、Ajax等内容。JavaScript是目前Web应用程序开发者使 用最为广泛的客户端脚本编程语言，HTML为WWW的描述语言，CSS控制样式，Ajax 可以实现无刷新的数据交换，让用户的操作更流畅，综合运用HTML、CSS、DIV、 JavaScript. DOM和AJAX等技术实现网站的整体布局和改善用户体验的工作。本课程的目的和任务是是课程要求理论与实际相结合。通过本课程的学习，使学生 掌握JavaScript、HTML、CSS的概念和应用方法，了解浏览器对象模型（BOM）,文档 对象模型（DOM）,正那么表达式等概念，熟练使用事件响应与编程，掌握Javascript页 面特效，文本和输入框特效，鼠标特效，表格特效，日期和时间特效，页面数据的验证 等使用方法。了解Ajax等最新技术，通过这样一个流程的学习，使学生尽可能的掌握 动态网页设计中各种知识，为其今后的职业生活、继续学习和终生开展奠定坚实的基础。 二、课程教学目标通过本课程的学习，学生应实现如下目标：1、知识目标：了解：JavaScript编程方面的基础知识；HTML5, CSS,的基础知识及使用方法； 基本的JavaScript编程手段；事件响应与编程，JavaScript各种特效，表单数据验证的 JavaScript基本应用；JavaScript + HTML + CSS的基本应用；了解最新的web2.0中Ajax 等新技术的概念和开展方向掌握：HTML5、CSS3的基本语法；JavaScript基本语法；DOM 的基本用法；掌 握jQuery的基本用法；熟悉w3c规范，了解各大主流浏览器的兼容性。2、能力目标：(1)具备一定的动态网页设计能力；(2)掌握HTML语言、css和JavaScript脚本的语法和应用；(3)具备一定的网页布局设计能力；(4)能解决各大浏览器的兼容性问题；三、课程教学基本要求为了更好地掌握本课程的知识，必须先修C语言程序设计、JAVA程序设计、C语言程序设计等课程，在上课时先介绍知识点，再要求同学们要求完成老师布置 的练习。四、课程教学模块(或教学内容)与学时分配序号教学模块知识点学时1工程一HTML基础了解：HTML文件头部内容中各标记的含义 理解：HTML文档结构；HTML有关文字修饰 和文字效果各标记的含义掌握：HTML文件主体内容中各标记的含义； HTML有列表类型各标记的含义；常用的列表 类型标记；段落标记p的用法；超链接的建 立；绝对路径、相对路径、的概念、意义及用 法42工程二表 格、表单和框 架了解：表格、表单和框架的使用范围理解：表格、表单和表单控件、框架定义格式； 掌握：表格的创立方法；格表标签与表格标签 各属性的含义；表单标签及各属性的含义；表 单的创立、编辑、处理方法，以及各表单对象 的功能、特点和用途(包括：复选框、下拉列 表框、按钮)的特点与使用方法；框架标签的 主要属性及其设置方法;HTML5新增功能介绍63工程三CSS了解：网站中应用CSS的意义6理解：CSS字体设置；CSS文本排版；CSS颜 色和背景的设置；CSS边框和边距的设置 掌握：CSS的盒模型；CSS样式中各种基本设 置标记及各属性的含义4工程四页面布局了解：页面布局的几种方法及优缺点理解：盒子模型的组成掌握：DIV标签和定位布局的相关属性及属性设置；使用DIV+CSS进行页面布局45工程五JavaScript了解：JavaScript的基本语法结构理解：JavaScript的数据类型、运算符;JavaScript程序结构、函数掌握：JavaScript的函数用法66工程六JavaScript 对象了解：JavaScript核心对象理解：JavaScript的对象模型；掌握：JavaScript核心对象的使用；创立JavaScript自定义对象67工程七DOM编程了解：BOM； DOM理解：JavaScript的事件运行机制；掌握：浏览器对象事件处理程序的编写；Window 对象；Document 对象；History 对象；Location 对象；48工程八表单验证和特效了解：表单验证的意义理解：正那么表达式的意义和出现的字符；掌握：书写正那么表达式对常用的表单验证功能 进行验证；鼠标事件，键盘事件；常用的网页 特效49工程九jQuery了解：AJAX的意义理解：XMLHttpRequest对象的工作过程； 掌握：XMLHttpRequest对象的使用；AJAX与4JSP, AJAX与XML配合使用10工程十jQuery了解：jQuery的意义理解：jQuery选择器；jQuery事件处理 掌握：使用jQuery操作DOM4序 号实验工程名称内容摘要实验 学时实验类型开出要求1HTML常用标签的使用熟悉使用HTML常用标签2设计性必做2表格的使用熟悉使用规那么和不规那么表格 进行布局2设计性必做3表单的使用熟悉使用HTML进行表单设 计。2设计性必做4HTML5应用了解HTML5新功能的使用设计性选做5框架的使用熟悉框架进行页面布局2设计性必做6页面布局熟悉DIV+CSS页面布局2设计性必做7CSS基本应用掌悉CSS基本使用方式2验证性必做8CSS高级应用掌握使用CSS样式规那么为页 面中的元素设计显示样式2设计性必做9CSS综合应用通过综合实例进行掌握CSS 的应用2设计性必做10JavaScript 基础掌握JavaScript基本语法 格式2验证性必做11JavaScript 对象熟练掌握JavaScript核心对象设计性必做12DOM编程掌握JavaScript事件、 Window 对象、Document 对象、History对象、 Location 对象2设计性必做13表单验证和特效掌握表单验证和特效、事件 的应用设计性必做14AJAX应用掌握AJAX的具体应用设计性选做15jQery应用掌握jQuery的具体应用设计性选做五、教学方法与策略1、讲授法：在教学方法上，应发挥教师在教学设计、教学组织中的主导作用，结 合现有的教学条件，灵活运用各种教学方法开展教学，注重学生实际动手能力的培养， 发挥学生在教学中的主体地位。讲解与示范要突出重点，强调要领，精讲多练，讲练结 合。2、实验课：讲练结合，先介绍知识点，再布置上机练习，催促学生完成上机练习。六、学生学习成效考核方式改变传统的评价方式，根据任务引领型课程的教学要求，采用工程考核+辩论体系 取代传统的考核方式，学生可使用教师提供题目或者自定题目，完成课程设计后进行统 一辩论。考核环节构成（均为100分制）评分依据占总成绩 的比重上课出勤、实验40 分上课缺席一次扣2分，缺课达1/3取消资格。40%工程考核成绩60分按CSS、JavaScript效果、整体效果、工作量分项打分 再累加60%七、选用教材1陈矗，任平红，Web编程基础-HTML、CSS、JavaScript,清华大学出版社, 2014 年八' 主要参考书1岳学军，JavaScript前端开发实用技术教程，人民邮电出版社，2014年2李东博，HTML5+CSS3从入门到精通，清华大学出版社，2015年
