HTML+CSS+JavaScript网页制作(第3版)-首页

《HTML+CSS+JavaScript网页制作(第3版)-首页》由会员分享，可在线阅读，更多相关《HTML+CSS+JavaScript网页制作(第3版)-首页（32页珍藏版）》请在装配图网上搜索。

1、教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 1适用班级-班级编号-课时安排2学时教学课型：”理论课 实验课 体育课 习题课 实训课 实践环境 课教案介质纸质”电子 教案篇幅”打印稿1页 口手写稿页VPPT 23幅 有其他电子文件题目（教学章、节或主题）第一章网页设计理论 第二章HTML语言教学目的要求：了解网页的来源和本质、网页的组成元素、网页的尺寸、网页的布局、网页的色彩、网站建设需求分析、 网页设计流程了解HTML特点、HTML语法、HTML文档结构时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟30分钟30分钟15分钟1、引言1）为什么要学习前端设计与

2、开发2）前端设计与开发课程的内容2、网页设计理论1）网页的来源和本质2）网页的组成兀素3）网页的尺寸4）网页的布局5）网页的色彩6）网站建设需求分析7）网页设计流程3、HTML语言1）HTML特点2）HTML语法（难点）3）HTML文档结构（重点）4、小结引入新课程讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业：课后练习题部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 2适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习

3、题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页VPPT 23幅 有其他电子文件题目（教学章、节或主题）第二章HTML语言教学目的要求：熟悉HTML常用标记时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟65分钟15分钟1、引言1）HTML语法2）HTML文档结构2、HTML语言1）熟悉HTML常用标记文本标记图像标记超链接标记列表标记分节标记3、小结重点：文本标记、图像标记、超链接标记、列表标记难点：文本标记、超链接标记复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇

4、软件 网络讨论、思考题、作业： 2-13部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 3适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页VPPT 23幅 有其他电子文件题目（教学章、节或主题）第二章HTML语言教学目的要求：熟悉HTML常用标记时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟65分钟15分钟1、复习2、引言1）简述文本标记2）简述图像标记3）简述超链接标记4）简述列表标记3、小结重点：图像标记难点：列表标记复

5、习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 2-19部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 4适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页VPPT 23幅 有其他电子文件题目（教学章、节或主题）第二章HTML语言教学目的要求：熟悉HTML常用标记时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟65

6、分钟15分钟1、复习2、HTML语言1）熟悉HTML常用标记分节标记表格标记浮动框架标记多媒体标记父互标记3、小结重点：表格标记、浮动框架标记、多媒体标记、交互标记难点：表格标记、交互标记复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 2-21部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 5适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页

7、 口手写稿页VPPT 23幅 有其他电子文件题目（教学章、节或主题）第三章HTML5表单教学目的要求：掌握动态网页与网页的动态效果原理掌握表单设计基础知识掌握表达标记时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述表格标记2）简述浮动框架标记3）简述多媒体标记4）简述交互标记2、HTML5 表单1）动态网页与网页的动态效果2）表单设计基础3）表单标记表单标记输入标记下拉列表框标记多行文本框标记3、小结重点：表单标记、输入标记、下拉列表框标 记、多行文本框标记难点：表单标记、输入标记复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操

8、作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业：3-1部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 6适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT44幅有其他电子文件题目（教学章、节或主题）第三章HTML5表单教学目的要求：掌握表单标记演练综合实例时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟65分钟15分钟1、引言1）简述表单标记2）简述输入标记2、HTM

9、L5 表单1）表单标记表单分组标记分组标题标记按钮标记绑定标记输出标记生成秘钥对标记3、小结重点：分组标题标记、按钮标记、生成秘钥对标记难点：生成秘钥对标记复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 3-2部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门软件与信息学院课程名称前端设计与开发编号7适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页口手写稿页V PPT41幅有其他电子

10、文件题目（教学章、节或主题）第四章CSS基础教学目的要求：了解CSS概念了解CSS的基本语法熟悉选择器时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述分组标题标记2）简述按钮标记3）简述生成秘钥对标记2、CSS基础1）CSS概念2）CSS的基本语法CSS规则CSS的引用方法CSS注释3）选择器基本选择器复合选择器4、小结重点：CSS的引用方法、基本选择器、复合选择器难点:抽象数据类型、算法的性能分析复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨

11、论、思考题、作业： 无部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 8适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT41幅有其他电子文件题目（教学章、节或主题）第四章CSS基础教学目的要求：熟悉选择器了解CSS的继承特性了解CSS的层叠特性、了解CSS常用单位了解CSS书写和命名规范时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述CSS的引用方法2）简述基本选择器3）简述复合选择器

12、2、CSS基础1）选择器伪类和伪元素选择器2）CSS的继承特性3）CSS的层叠特性4）CSS常用单位5）CSS书写和命名规范3、小结重点：伪类和伪元素选择器、CSS的继承特性、CSS的层叠特性难点：伪类和伪元素选择器、CSS的继承特性、CSS的层叠特性复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业：4-11、 4-12部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 9适用班级-班级编号-课时安排2学时教学课型：”理

13、论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT98幅有其他电子文件题目（教学章、节或主题）第五章CSS页面布局及排版教学目的要求：理解、掌握CSS盒子模型理解、掌握盒子之间的关系时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述伪类和伪元素选择器2）简述CSS的继承特性3）简述CSS的层叠特性2、CSS页面布局及排版1）CSS盒子模型盒子模型的概念边框内容内边距外边距2）盒子之间的关系标准文档流div元素和span元素盒子在标准流中的定位盒子的浮动与定位3、小结重点：内边距、外边距、标准文档流、

14、盒子 在标准流中的定位、盒子的浮动与定位 难点：内边距、外边距、盒子在标准流中的定位、盒子的浮动与定位复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业：5-5部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 10适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT98幅有其他电子文件题目（教学章、节或主题）第五章CSS页面布局及

15、排版教学目的要求：掌握盒子之间的关系 掌握CSS页面布局时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述内边距、外边距的关系2）简述盒子在标准流中的定位3）简述盒子的浮动与定位2、CSS页面布局及排版1）盒子之间的关系z-index空间位置盒子的display属性2）CSS页面布局宽度固定且居中版式“工”字型版式3、小结重点:z-index空间位置、盒子的display属 性、宽度固定且居中版式、工”字型版式 难点：z-index空间位置、盒子的display属 性复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并

16、思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 5-17部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 11适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT98幅有其他电子文件题目（教学章、节或主题）第五章CSS页面布局及排版教学目的要求：掌握CSS内容排版时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述zindex空间位置2）简述盒子的disp

17、lay属性3）简述宽度固定且居中版式的核心4）简述“工”字型版式的核心、2、CSS页面布局及排版1） CSS内容排版CSS设置文字样式CSS设置图像样式CSS设置背景样式CSS设置列表样式CSS设置超链接3、小结重点：CSS设置文字样式、CSS设置图像样 式、CSS设置背景样式、CSS设置列表样式 难点：CSS设置文字样式复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 5-21部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与

18、开发编号 12适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT98幅有其他电子文件题目（教学章、节或主题）第五章CSS页面布局及排版教学目的要求：掌握CSS内容排版 了解浏览器兼容时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）简述CSS设置文字样式2）简述CSS设置图像样式2、CSS页面布局及排版1）CSS内容排版鼠标特效2）了解浏览器兼容3、小结重点：鼠标特效难点:文字样式复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听

19、讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 5-32部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 13适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT98幅有其他电子文件题目（教学章、节或主题）第五章CSS页面布局及排版教学目的要求：掌握CSS内容排版了解浏览器兼容通过案例综合练习CSS的使用时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟20分钟45分钟10分钟1、

20、引言1）简述CSS设置背景样式2）间述CSS设置列表样式2、CSS页面布局及排版1）CSS内容排版CSS设置表格样式CSS设置表单样式2）了解浏览器兼容3、通过案例综合练习CSS的使用4、小结重点：CSS设置表格样式、CSS设置表单 样式难点：CSS设置表格样式、CSS设置表单样 式复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 5-33部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 14适用班级-班级编号-课时

21、安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质口纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT幅有其他电子文件题目（教学章、节或主题）综合练习教学目的要求：复习Html标记和CSS相关内容的重点难点时间授课内容提要（标注重点、难点）教师活动学生活动使用资源90分钟1. HTML标记语言标题标记段落标记表格标记表单标记滚动字幕超级链接2. CSS基础及页面布局文字样式图像样式盒子模型工字型布局重点：HTML标记的复习和CSS样式的复习难点：滚动字幕页面布局复习前面课程重点内容讲解综合练习的要求授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操

22、作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业：复习重点和难点部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 15适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT75幅有其他电子文件题目（教学章、节或主题） 弟八早JavaScript基础教学目的要求：了解 JavaScript了解JavaScript的应用了解JavaScript嵌入网页的方式了解JavaScript的特点了解JavaScript程序代码的编写习惯时间授课

23、内容提要（标注重点、难点）教师活动学生活动使用资源30分钟45分钟15分钟1、引言1）间述CSS设置表格样式2）简述CSS设置表单样式3）期中考试难点解析2、JavaScript 基础1）JavaScript 简介2）JavaScript 的应用3）JavaScript嵌入网页的方式4）JavaScript 的特点5）JavaScript程序代码的编写习惯3、小结重点：JavaScript嵌入网页的方式、 JavaScript的特点、JavaScript程序代码 的编写习惯难点:无复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任

24、 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 6-1部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 16适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT75幅有其他电子文件题目（教学章、节或主题） 弟八早JavaScript基础教学目的要求：了解掌握数据类型了解掌握常量了解掌握变量了解掌握数据类型的转换时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）JavaScript嵌入网页的方

25、式2）JavaScript 的特点3）JavaScript程序代码的编写习惯2、JavaScript 基础1）数据类型、常量、变量数据类型常量变量2）数据类型的转换3）表达式和运算符算术运算符、比较运算符、逻辑运算符赋值运算符、赋值运算符、位运算符其他运算符、运算符的优先级3、小结重点：数据类型、常量、变量、数据类型的 转换难点：数据类型的转换复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 6-2部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息

26、学院课程名称前端设计与开发编号 17适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT75幅有其他电子文件题目（教学章、节或主题） 弟八早JavaScript基础教学目的要求：掌握JavaScript程序流程控制时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）比较运算符2）逻辑运算符3）赋值运算符4）运算符的优先级2、JavaScript 基础1） JavaScript程序流程控制if条件控制语句switch条件控制语句for循环控制语句while循环控

27、制语句do while循环控制语句break 和 continue 语句try catch finally 语句throw语句3、小结重点：if条件控制语句、switch条件控制语句难点：if条件控制语句、switch条件控制 语句复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业：6-4、 6-5部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 18适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课

28、实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页 PPT75幅有其他电子文件题目（教学章、节或主题） 弟八早JavaScript基础教学目的要求：掌握JavaScript函数时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）循环控制语句2）异常控制语句2、JavaScript 基础1） JavaScript 函数JavaScript的全局函数用户自定义函数3、小结重点：JavaScript的全局函数、用户自定义函数难点：JavaScript的全局函数、用户自定 义函数复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作

29、实践认真听讲并思考思考并回答问题 上机操作完成任 务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 6-14部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 19适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT6L幅有其他电子文件题目（教学章、节或主题） 第七章JavaScript对象教学目的要求：了解掌握对象和类 了解掌握对象的使用 了解掌握对象废除 了解掌握对象类型时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟

30、70分钟10分钟1、引言1）JavaScript的全局函数2）用户自定义函数2、JavaScript 对象1）对象和类2）使用对象3）对象废除4）对象类型3、小结重点：对象和类、对象类型难点：对象和类复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 7-2部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 20适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”

31、打印稿1页 口手写稿页V PPT61幅有其他电子文件题目（教学章、节或主题） 第七章JavaScript对象教学目的要求：了解掌握核心对象时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）对象和类2）对象类型2、JavaScript 对象核心对象1）Math对象2）Number对象3）Boolean 对象4）String 对象5）Array 对象3、小结重点：Math 对象、Number 对象、Boolean对象、String对象、Array对象难点：Array对象复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思

32、考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 7-3部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 21适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT61幅有其他电子文件题目（教学章、节或主题） 第七章JavaScript对象教学目的要求：了解掌握核心对象 了解掌握环境对象时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1） Math 对象、Number 对象

33、、Boolean 对象、String对象、Array对象的语法和用途2、JavaScript 对象1）核心对象Date对象Object对象Function 对象RegExp对象2）环境对象window对象3、小结重点：核心对象、环境对象难点：核心对象、环境对象复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业：7-5、 7-9部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门软件与信息学院课程名称前端设计与开发编号22适用班级-班级编号-课时安排2学时教学课型：”理论

34、课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页口手写稿页V PPT6L幅有其他电子文件题目（教学章、节或主题） 第七章JavaScript对象教学目的要求：了解掌握环境对象时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟70分钟10分钟1、引言1）核心对象2）环境对象2、JavaScript 对象1）环境对象location 对象navigator 对象history 对象screen对象document 对象3、小结重点：location 对象、navigator 对象、history 对象、screen 对象、document 对象难点：nav

35、igator 对象、history 对象、document 对象复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 7-15部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 23适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT18幅有其他电子文件题目（教学章、节或主题）第8章DOM技术教学目的要求：了解dom技术中的相关概念时

36、间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟70分钟10分钟1、引言网页文档对应的节点树2、DOM技术1）DOM概述2）获取节点3）操作节点3、小结重点：节点的属性和方法 难点：访问和操作节点复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业：8-7部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 24适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子

37、教案篇幅”打印稿1页 口手写稿页V PPT以幅有其他电子文件题目(教学章、节或主题)第8章DOM技术教学目的要求：节点的应用时间授课内容提要(标注重点、难点)教师活动学生活动使用资源10分钟65分钟15分钟1、引言1) DOM节点的概念2、DOM节点1) Node对象2) Element对象3) NodeList 对象3、JavaScript的对象事件处理程序3、小结重点：NodeList对象、JavaScript的对象事件处理程序难点:JavaScript的对象事件处理程序复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑

38、投影仪 传奇软件 网络讨论、思考题、作业： 9-12部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 25适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT以幅有其他电子文件题目（教学章、节或主题）JQuery基础教学目的要求：JQuery概述JQuery程序时间授课内容提要（标注重点、难点）教师活动学生活动使用资源15分钟65分钟10分钟1、引言1）什么是jQuery2）jQuery的特点2、编写JQuery程序1）下载和配置JQuer

39、y2）编写JQuery程序3、小结重点:jQuery的特点、下载和配置JQuery、 编写JQuery程序难点：下载和配置JQuery、编与JQuery程序复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业：9-3、 9-4部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 26适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT以幅

40、有其他电子文件题目（教学章、节或主题）JQuery基础教学目的要求：JQuery对象和DOM对象、JQuery插件时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟65分钟15分钟1、引言1）JQuery对象和DOM对象2）JQuery对象和DOM对象的相互转换2、JQuery 插件1）引用J Query插件的方法2）常用J Query插件简介3、小结重点：JQuery对象和DOM对象的相互转 换、引用JQuery插件的方法、常用JQuery 插件简介难点：常用J Query插件简介复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问

41、题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 9-12部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 27适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT以幅有其他电子文件题目（教学章、节或主题）JQuery基础教学目的要求：JQuery常用操作和J Query事件处理时间授课内容提要（标注重点、难点）教师活动学生活动使用资源10分钟65分钟15分钟1、引言1）JQuery常用操作2）元素的操作3）操作DOM节点

42、4）操作表单元素2、JQuery事件处理1）JQuery事件处理机制2）页面加载响应事件3）JQuery中的事件绑定3、小结重点：JQuery常用操作、J Query事件处理难点：JQuery事件处理机制复习上次课程重点内容讲授新课内容授课过程中穿插提问辅导学生上机操作实践认真听讲并思考思考并回答问题 机操作完成任务电脑 投影仪 传奇软件 网络讨论、思考题、作业： 9-12部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 28适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案

43、篇幅”打印稿1页 口手写稿页V PPT_幅有其他电子文件题目（教学章、节或主题）机动教学目的要求：机动时间授课内容提要（标注重点、难点）教师活动学生活动使用资源90分钟机动机动机动电脑 投影仪 传奇软件 网络讨论、思考题、作业： 无部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 29适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT_幅有其他电子文件题目（教学章、节或主题）课堂课业教学目的要求：综合应用html、css和Javascri

44、pt 一项核心技术进行前端设计与开发。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源90分钟根据给定的项目主题进行前端设计下发设计素 材、提出设计 要求、进行辅 导根据要求进行珠 宝店的前端设计 与开发电脑 投影仪 传奇软件 网络讨论、思考题、作业： 无部门领导意见：教研室主任签章：2021年8月31日教师姓名张老师部门 软件与信息学院课程名称前端设计与开发编号 30适用班级-班级编号-课时安排2学时教学课型：”理论课实验课体育课习题课实训课实践环境课教案介质纸质”电子教案篇幅”打印稿1页 口手写稿页V PPT_幅有其他电子文件题目（教学章、节或主题）课堂课业教学目的要求：综合应用html、css和Javascript 一项核心技术进行前端设计与开发。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源90分钟自拟题目进行前端设计与开发指导学生，为 学生打开思 路根据设计题目进 行素材的获取和 前端开发与设计电脑 投影仪 传奇软件 网络讨论、思考题、作业： 无部门领导意见：教研室主任签章：2021年8月31日