《Web前端开发》课程大纲（本科）.docxVIP

《Web 前端开发》课程大纲 课程编号：F0270434学 分：2 学 时：32（其中：实验上机学时：32 学时）先修课程：Java 程序设计 适用专业：信息与计算科学 开课学院：计算机与信息科学学院课程网站：无 一、课程性质与地位 《Web 前端开发》是信息与计算科学专业的一门职业素养课程，无论是台式机还是移动设备端面的软件产品都离不开前端技术，因此在软件开发中的地位十分重要。旨在促使学生掌握网页设计技巧，网站架构技术的能力，为企业级应用开发打下良好的基础，亦为后续软件开发相关课程扎下基础。 二、课程目标 《Web 前端开发》课程通常包括一系列技术，如见面设计与开发、Java Script编程、HTML5 见面制作、XML 技术等，内容都是围绕 HTML、CSS、Java Script、 Ajax 等知识展开。培养、训练学生快速编写网页，建立网站等技能。本课程的具体目标如下： （一）知识方面 掌握 HTML、HTML5、HTML、XHTML 的基本标签及作用； 掌握 CSS、CSS3 的基本语法； 掌握页面 canvas 绘图； 熟练应用 div+ css 实现页面布局； 掌握 Script 基本语法； 掌握 jQuery 的基本用法； 熟悉 w3c 规范，了解各大主流浏览器的兼容性； 掌握 json、XML 数据载体； 掌握 Ajax 异步通讯。 （二）能力与素质方面 能够熟练掌握实现静态页面； 熟练掌握 div+css 实现网页布局； 掌握 Java Script 实现简单的交互功能； 掌握 XML 传递数据及其解析； 掌握 JQuery 简化 js 的原生代码，以减少代码量； 能够通过 bootstrap 框架，实现页面快速布局； 能够针对实际需要，进行合理的分析，选用合适的技术，实现布局良好，界面美观、风格较好并符合要求的静态网站。 三、课程目标与专业毕业要求指标点的对应关系 本课程支持的毕业要求指标点如下： 指标点 5-2：能够正确使用信息技术工具，实现系统框架构建、编码、测试等过程，并形成文档。 表 1 课程目标与专业毕业要求指标点的对应关系 毕业要求指标点 课程目标 指标点 5-2 课程目标 1.1 √ 课程目标 1.2 √ 课程目标 1.3 √ 课程目标 1.4 √ 课程目标 1.5 √ 课程目标 1.6 √ 课程目标 1.7 √ 课程目标 1.8 √ 课程目标 1.9 √ 课程目标 2.1 √ 课程目标 2.2 √ 课程目标 2.3 √ 课程目标 2.4 √ 课程目标 2.5 √ 课程目标 2.6 √ 课程目标 2.7 √ 四、实验（实训）项目 表 2 本课程实验（实训）项目 序号 项目名称 学时分配 类型 要求 主要仪器设备 1 实验 1 HTML 标记 2 验证 必做 2 实验 2 CSS 应用 2 验证 必做 3 实验 3 JavaScrip 基本语法 2 演示 必做 4 实验 4 JavaScript 函数 2 验证 必做 5 实验 5 JavaScript 事件处理 2 设计 必做 6 实验 6 DOM 技术 2 演示 必做 7 实验 7 XML 语法 2 验证 必做 8 实验 8 XML 解析 2 设计 必做 9 实验 9 jQuery 编程 2 设计 必做 10 实验 10 jQuery 操作 DOM 2 验证 必做 11 实验 11 json 数据传递 2 演示 必做 12 实验 12 HTML5 表单 2 验证 必做 13 实验 13 音频处理与画布 2 演示 必做 14 实验 14 bootStrap 基础 2 验证 必做 15 实验 15 全局 CSS 2 设计 必做 16 实验 16 网站风格设计 2 设计 必做 实验 1 HTML 标记(2 学时) 实验的目的和要求 掌握 HTML 各种标记的用法，掌握 HTML 文件基本要素。 实验内容或原理 对常用 HTML 标记，熟记其功能及常用属性，能针对每个标记给出页面演示。 实验 2 CSS 应用(2 学时) 实验的目的和要求 掌握 CSS 语法，熟悉 CSS 应用，掌握常用属性。 实验内容或原理 通过经典实例演示，明确在 HTML 世界中如何引入 CSS，熟悉四类选择器，熟悉样式声明，掌握常用属性设置。 实验 3 JavaScrip 基本语法(2 学时) 实验的目的和要求 掌握 JavaScript 数据类型、变量、运算符、控制语句等基本语法。要求能编写一般的程序。 实验内容或原理 完成指定的要求用 JavaScript 实现的几个问题。 实验 4 JavaScript 函数(2 学时) 实验的目的和要求 掌握 JavaScript 函数的定义与调用，掌握变量的作用范围。 实验内容或原理 通过编写 JavaScript 函数实现给定