Bootstrap基础教程
朱丽文

1
2
3
4
5
6
7
8
  • 表单
9
  • CSS组件
10
  • JavaScript插件
11
  • 第三方扩展
12
  • 综合案例

教学档案

发布时间：2020-03-14 19:29   发布人：朱丽文   浏览次数：641

 

 

 

日照职业技术学院

教师课程教学档案

 

2019——2020 学年  第 2学期

 

课程名称  _HTML应用技术开发

授课班级 2018级软件技术1班

授课教师  ___朱丽文_______

教 研 室  ____软件技术______ 

院    部   电子信息工程学院

 

 

 

 

 

 

日照职业技术学院教务处制

   2020 年 3月

 

 

 

 

填 表 说 明

1．教学档案分为四大部分，分别是课程基本情况、授课计划、教学组织方案、学生成绩分析及课程总结。

2..教师每学期必须在教研室统一安排下，按照课程标准的要求，认真制定课程的整体计划，并填写教学档案中的课程基本情况、授课计划，经教研室同意后，交院部审批后正式施行。

3．教师必须根据教学档案中的授课计划，课前制定指导课堂教学活动的教学组织方案，该部分作为教学档案的附件附后。课程授课结束后将学生成绩分析及课程总结填写完毕。

4．封面信息应该完整、准确，“课程名称”应与人才培养方案的课程全称相一致。

5．“课程性质”和“本课程学分”栏要求按人才培养方案中有关内容填写。

6．教材全称（编者、出版单位、出版时间、版次）：例：工程力学；党世民；机械工业出版社；1999年9月；第16次。注：出版时间要填使用教材的版次时间，如上述提到的党世民主编的《工程力学》教材，第一版1999年9月，但学生使用的是2006年11月第一版第16次印刷教材，该教材版次是第一版，故填写1999年9月。自编教材指由本校教师编写，但未正式出版的校本教材，须标明学校批准使用的时间。

7．主要教学参考书（名称、编者）：根据教学需要，可选用1～2本的教材作为参考教材。

8．“学生基本情况分析”栏，要求教师对所教班学生的知识、技能、认知现状等作出客观的评价。

9．“提高教学质量的措施”栏，要求教师根据学生实际情况，制定保障本学期教学目标得以完成的具体措施或改革方案。

10．“授课计划”要重点填写，每次课的教学内容及课时分配要做到详细、实用。

11.主要教学内容部分可根据授课次数分栏填写，但表格整体格式不得更改。

12．“提交的学习成果”是指学生学习完本部分内容应完成的课堂、课外作业，或者是学生制作的作品、产品、小论文、调查报告等反映学习效果的物化成果。

13．“教学手段方法”是指教师与学生完成教学任务对教学辅助设施的开发和利用，以及在共同活动中采用的方法和方式。教学手段包括多媒体、网络、VCD、录相、投影，教科书、板书、模型、标本、挂图，等等手段；教学方法包括讲授、讨论、提问（谈话）、演示、实验、参观、练习（习题）、实习作业、案例分析、课程论文、调研报告、读书报告、等等方法。选择其中几项，或补充其它教学手段、方法。

 

 

 

目   录

 

一、填表说明…………………………………………………………1

二、课程教学基本情况………………………………………………1

三、授课计划…………………………………………………………3

四、教学组织方案……………………………………………………14

五、学生成绩登记表…………………………………………………15

六、学生成绩分析……………………………………………………19

七、学期教学工作总结………………………………………………20


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

课程教学基本情况

课程名称

HTML应用技术开发

课程性质

专业课

课程代码

250165

本课程

总教学课时数

72

本课程学分

4.5

已讲授课时数

16

先修课程

《网页设计与制作》

本学期教学课时数

76

后续课程

《WEB应用程序开发》

本学期教学周数

19

尚需课时数

56

本课程课时分配

总课时

理论

实训

理实一体

机动

72

36

36

72


本学期课时分配

72

36

36

72


授课班级

2018级软件技术1班

学生基本

情况分析

学生在大一第一学期学习了网页设计与制作，对于HTML和CSS的基础知识有了一定的了解，本学期是对HTML和CSS知识的进一步深入。

课程教学目标

1、 掌握Bootstrap栅格系统

2、 掌握CSS布局

3、 理解Bootstrap中的第三方扩展

4、 熟练使用Bootstrap表单和CSS组件

5、 会使用JavaScript插件

6、 会使用Bootstrap进行前端开发

采用教材

《Bootstrap基础教程》，人民邮电出版社，赵丙秀、张松慧主编

主要教学

参考

1．《HTML CSS网页设计指南》，清华大学出版社，赵辉主编

2.《CSS3实战》，机械工业出版社，成林编著

网络

教学资源

1.本课程网站：https://course.rzpt.cn/front/kcjs.php?course_id=1286

2.菜鸟教程bootstrap专题网站 ： https://www.runoob.com/bootstrap/bootstrap-tutorial.html

3.bootstrap官方网站（英文）：https://getbootstrap.com/

4.bootstrap中文网：https://www.bootcss.com/

考核方式

平时成绩 课程设计

课程教学

的重点难点

重点：1、栅格系统；2、CSS组件

难点：1、JavaScript插件；2、第三方扩展

提高教学

质量的措施

（教改方案要点）

教学手段、教学方法多样化，理论与实践相结合。

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果

1、

入门准备

 

1.1 Bootstrap概述

1.2 Bootstrap主要特色

1.3 Bootstrap环境准备

1.4 HTML标准模板

1/4

 

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

2、

栅格系统

 

2.1 实现原理

2.2 工作原理

2.3使用方法

2.4 案例：招商银行首页

 

 

2-4/12

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果

3、

CSS布局

 

3.1 排版

3.2 列表

3.3代码

3.4 表格

3.5 按钮

3.6 图像

3.7 辅助类

3.8 案例—个人简历

 

5-7/12

 

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

4、

表单

 

4.1 基础表单

4.2 输入框

4.3 下拉框

4.4 文本域

4.5 多选框和单选框  

4.6 表单焦点

4.7 表单禁用

4.8 验证样式

4.9 元素大小

4.10 输入框组

4.11 案例：一个表单页面

 

8-10/12

 

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果

5、

CSS组件

5.1字体图标

5.2下拉菜单

5.3按钮组

5.4按钮式弹出菜单

5.5输入框组

5.6导航

5.7导航栏

5.8路径导航

5.9分页

5.10翻页

5.11标签

5.12徽章

5.13巨幕

5.14页头

5.15缩略图

5.16警告框

5.17进度条

5.18媒体对象

5.19列表组

5.20面板

5.21Well

5.22 案例：制作一个个人简历页面

11-14/16

 

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

6、JavaScript插件

 

6.1插件库说明

6.2对话框

6.3下拉菜单

6.4滚动监听

6.5 Tab选项卡

6.6Tip提示框

6.7Popover弹出框

6.8警告框

6.9按钮

6.10折叠

6.11轮播图

6.12Afflix插件

6.13综合案例： 完善公司主页

 

15-16/8

 

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果

7、第三方扩展

7.1 Font Awesome图标

7.2 Buttons

7.3 DataTime Picker

7.4 Flat UI

案例：特性页面

 

16-17/8

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

8、综合案例

8.1 网站概述

8.2 开始页面

8.3 主要内容的制作

8.4 完善网站

 

18/4

讲授法

案例教学法

演示

多媒体教室

课堂及课外作业

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果

授课计划

单元

主要教学内容

周次∕课时

教学手段与方法

教学场所

提交的

学习成果







教研室主任审核意见

 

 

 

 

 

 

 

 

教研室主任签名：                    年      月      日

院部意见

 

 

 

 

（章）

 

                             年      月     日

学 生 成 绩 分 析

 

课程考核情况

考        核

方        式


应考

人数


实考

人数


缺考

人数


成 绩

统 计

90-100（分）

80-89（分）

70-79(分)

60-69(分)

＜60(分)






 

 

学

生

成

绩

统

计

图

 

 

 

 

比例（%）

 

      

                                                                                        

    

 

 

 

考核情况说明


 

课程教学工作总结

计划执行情况

（教学进度）


“教”方面总结

（教风教纪、教书育人、教学条件、教学手段、教学方法、高职特色、教学效果等）


“学”方面总结

（学生的学习态度、学习纪律、学习基础、学习成绩等）


经  验

与建议


 

学期课程教学体会与建议：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

签 名：

年   月   日

 

 


+添加讨论

日照职业技术学院在线教学平台  [收藏本站]  访问量：6245768
问题反馈与建议：xxh@rzpt.cn    QQ群：491641626

鲁公网安备 37110202000410号    鲁ICP备07024478-2号