前端框架开发技术课程教学大纲2016年制订.pdfVIP

前端框架开发技术课程教学大纲

（2016年制订）

一、课程代码：前端框架开发技术

二、课程类别：专业方向课程

三、课程性质：选修

四、预修课程：网页制作基础、Web前端技术

五、学分：4学分

六、学时：72学时

七、课程概述

本课程首先补充了CSS伪类选择器的内容，讲解了Bootstrap框架的基

本原理、平台、CSS预定义样式、组件和插件等，让学生通过前端框架

的理论学习和大作业实践练习以达到响应式开发的目标。

八、教学目标

本课程的唯一目标就是要实现响应式开发。因此在课程内容安排上

力求工程开发，内容具体详实，具有计算机学科的前沿性和较好的实践性。

除了教学组织安排上要求前沿性和实践性以外，还在实践环节上要求学

生用业余时间做作业，在上课以后24小时以内交实验作业，并把实验作业上

服务器上，老师检查作业。不能按照完成作业者每题扣1分，以严格的纪律

保证教学的高质量完成。

在课程内容安排上，具有以处具体目标：

补充CSS3选择器：主要补充伪类选择器和属性选择器，都是CSS3选择

器，是一个庞大的系统，前的课程中根本讲不完，于是补充这部分内容

以扫清学习Bootstrap前端框架的。

Bootstrap开发平台和介绍：一切课程内容都要从实践出发，

只有一边做一边学才是学习的最高效率，才能让教学质量更好,因此开发

平台和向学生介绍Bootstrap都是实践环节的重要组成部分。开发平台

，让学生在的开发平台上做平时实验作业，熟悉开发平台为后面的

大作业打下基础。让学习上学习，提高学生的能力。计算机学科发

展很快，不能自觉的学生基本上就断送了计算机职业的发展机会。

通过Bootstrap原理讲解让学生能够顺利地学习预定义样式、组件、插

件应用开发，最后实现工程项目的开发。

九、学时分配表

教学内容(章)理论学时实践学时习题课其它备注

第一章HTML5和CSS3选择器补充1600课外实践

第二章Bootstrap环境和介绍400课外实践

第三章Bootstrap基础1000课外实践

第四章Bootstrap排版预定义CSS样式1800课外实践

第五章Bootstrap组件2200课外实践

第六章课程设计指导200

十、教学基本内容

第一章HTML5和CSS3选择器补充

教学要求：

本章要达到的目的就是补充HTML5和CSS3的内容，排除Bootstrap学习

，重点需要掌握的内容有：

一、IE浏览器中条件注释

由于各浏览器存在着差异性，特别是浏览器与低版本的IE浏览器存

在着不同的，导致了严重的兼容性问题。讲本节内容就是要解决音品的

兼容性问题，使用不同的浏览器就使用不同的代码来完成显示网页，这样就

能解决兼容性问题。

二、浏览器常用前缀

由于CSS3样式并没有被W3C批准，属于各浏览器厂家自己的

。这样在使用CSS3样式时带上不同的浏览器前缀，这样在客户使用

不同的浏览器时才能实现显示的一致性。

三、浮动布局的、CSS定位

现在都采用CSS+DIV的布局方式，慢慢淘汰了表格布局。在响应式