响应式web开发项目教程html5css3bootstrap课程教学大纲.pdfVIP

《响应式Web 开发项目教程 （HTML5+CSS3+Bootstrap）》 课程教学大纲 （课程英文名称） 课程编号： 201409210011 学 分： 5 学分 学 时： 98 学时 （其中：讲课学时：38 上机学时：16 ） 先修课程：《网页设计与制作项目教程（HTML+CSS+JavaScript ）》 后续课程：《Node.js 交互式前端开发》 适用专业：信息及计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《响应式Web 开发项目教程（HTML5+CSS3+Bootstrap ）》是面向计算机相关 专业的一门前端开发项目实战课程，涉及HTML5、CSS3、JavaScript 基础、响应 式Web 设计、Bootstrap 等技术，从Web 开发实际应用的角度阐述HTML5 和CSS3 的新特性和新功能，合理选取教学内容。通过本课程的学习，读者能够熟练使用 HTML5+CSS3+JavaScript 进行响应式Web 开发，能够了解响应式 Web 设计神器— —Bootstrap 在实际开发中的运用。 二、课程的主要内容及基本要求 单元1 响应式和HTML5+CSS3 初体验 （10 学时） [知 识 点]  响应式Web 设计简介  HTML5 新特性  HTML5 基本语法  CSS3 新特性  如何在HTML 中引入样式表  CSS3 与浏览器  HTML5 语义化结构标签  CSS 选择器  盒子模型  CSS 浮动与定位 [重 点]  响应式Web 设计理念  浏览器前缀，相关属性可参见附录三  HTML5 的语义化结构标签 [基本要求]  了解响应式Web 设计的概念  了解HTML5 和CSS3 的特性和优势  复习HTML 和CSS 的基础知识  掌握HTML5 的语义化结构标签  对HTML5 和CSS3 的项目编码过程有初步的了解 单元2 文本类网页设计 （12 学时） [知 识 点]  HTML5 中常用的文本标签  CSS 字体样式属性  多列布局  CSS 文本外观属性  CSS 层叠性、继承性和重要性  CSS 优先级  Web 字体图标  CSS 链接属性  CSS 导航栏 [重 点]  @font-face 规则  多列布局模块 （Multi-column Layout Module ）  Web 字体图标 [基本要求]  掌握HTML5 文本标签和CSS3 文本外观属性  掌握CSS3 中的@font-face 规则和多列布局模块  掌握CSS3 中的字体图标  熟练使用CSS 属性制作页面导航 单元3 图文展示网页设计 （14 学时） [知 识 点]  HTML5 常用图像标签  CSS 背景设置  CSS 阴影和渐变  CSS3 圆角边框  CSS3 过渡（CSS3 transitions ）  CSS3 变形（CSS3 transform）  CSS3 动画（CSS3 animations ）  CSS 精灵技术 （CSS Sprites ） [重 点]