前端开发课程教学大纲.docVIP

PAGE 5 《前端开发》教学大纲 课程性质 限选课 课程编号 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的用法；超链接的建立；绝对路径、相对路径、的概念、意义及用法 4 2 项目二 表格、表单和框架 了解：表格、表单和框架的使用范围 理解：表格、表单和表单控件、框架定义格式； 掌握：表格的创建方法；格表标签与表格标签各属性的含义；表单标签及各属性的含义；表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下拉列表框、按钮）的特点与使用方法；框架标签的主要属性及其设置方法；HTML5新增功能介绍 6 3 项目三 CSS 了解：网站中应用CSS的意义 理解：CSS字体设置；CSS文本排版；CSS颜色和背景的设置；CSS边框和边距的设置 掌握：CSS的盒模型；CSS样式中各种基本设置标记及各属性的含义 6 4 项目四页面布局 了解：页面布局的几种方法及优缺点 理解：盒子模型的组成 掌握：DIV标签和定位布局的相关属性及属性设置；使用DIV+CSS进行页面布局 4 5 项目五 JavaScript 了解：JavaScript的基本语法结构 理解：JavaScript的数据类型、运算符；JavaScript程序结构、函数 掌握：JavaScript的函数用法 6 6 项目六 JavaScript对象 了解：JavaScript核心对象 理解：JavaScript的对象模型； 掌握：JavaScript核心对象的使用；创建JavaScript自定义对象 6 7 项目七 DOM编程 了解：BOM；DOM 理解：JavaScript的事件运行机制； 掌握：浏览器对象事件处理程序的编写；Window对象；Document对象； History对象； Location对象； 4 8 项目八 表单验证和特效 了解：表单验证的意义 理解：正则表达式的意义和出现的字符； 掌握：书写正则表达式对常用的表单验证功能进行验证；鼠标事