网站前台技术导学案解析.docx
《网站前台技术导学案解析.docx》由会员分享,可在线阅读,更多相关《网站前台技术导学案解析.docx(39页珍藏版)》请在冰点文库上搜索。
网站前台技术导学案解析
《网站前台技术》导学案
章节(6课时):
§1设计基本网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)Internet和Web的基本知识
2)JavaScript实现动态网页内容
3)JQuery在网页中的应用
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
动态网页的设计与实现
2难点:
JQuery动态效果的设计与实现
引导式自主学习
1内容:
1)JavaScript的设计与实现
2)JQuery的设计与实现
2资源:
人民邮电出版社教学服务与资源网
3要求:
1)阅读;浏览网上动态网页设计资源
2)问题:
动态网页在网站中的作用
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)JavaScript实现动态网页内容
2)JQuery的设计与实现
2要求:
1)掌握网页设计的不同分类
合作探究、质疑点评
1内容:
1)JavaScript实现动态网页内容
2)JQuery实现网页收藏
3)JavaScript实现网页的关闭打开
4)JQuery是实现动态显示网页内容
2要求:
1)熟悉JS和JQuery的设计与使用
2)掌握网页开发的基本流程
3)掌握网页中动态效果的设计与实现
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.精品网站赏析
2.网站设计理念大讨论
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§2设计日期时间类网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)常规格式的时间设计
2)JS运算符与表达式
3)JS基本语句与规则
4)JS对象与JQuery的使用
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
JavaScript的基本语法和使用
2难点:
JavaScript和JQuery的使用比较
引导式自主学习
1内容:
1)JavaScript的基本解析和语法介绍
2)JavaScript和JQuery的使用比较
2资源:
1)人民邮电出版社教学服务与资源网
2)w3school在线教程
3要求:
1)阅读;浏览网上资源
2)问题:
JavaScript和JQuery的使用比较
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)JavaScript和JQuery的基本效果
2)JavaScript和JQuery的使用
2要求:
1)熟悉网页设计的基本理念
2)熟悉JavaScript和JQuery
合作探究、质疑点评
1内容:
1)JavaScript的运算符与表达式
2)JavaScript的语句与规则
3)JavaScript的对象设计与实现
4)JavaScript和JQuery的使用比较
2要求:
1)熟悉JavaScript的基本语法
2)掌握JavaScript的语句和对象设计
3)掌握JavaScript和JQuery的应用
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.JavaScript的基本操作演示
2.JQuery的基本操作演示
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§3设计文字类网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)实现网页标题栏中文字的滚动
2)实现向上滚动网站促销公告
3)实现鼠标滑动状态下的特效
4)利用JQuery实现网站动态信息滚动
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
各种网页特效的设计与实现
2难点:
JQuery的网页特效设计与实现
引导式自主学习
1内容:
1)JavaScript的基本解析
2)JQuery的基本解析
2资源:
1)人民邮电出版社教学服务与资源网
2)w3school在线教程
3要求:
1)阅读;浏览网上资源
2)问题:
设计文字类网页特效的作用
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)利用JS实现网页特效的设计
2)利用JQuery实现网页特效的设计
2要求:
1)掌握JS和JQuery网页特效的设计
2)熟练应用JS和JQuery
合作探究、质疑点评
1内容:
1)JS和JQuery的基本介绍
2)JS和JQuery的特效设计
3)JS和JQuery在网页中的应用
4)网页的JS和JQuery效果设计与编译
2要求:
1)熟悉JS和JQuery的基本应用
2)掌握JS和JQuery的设计与编译
3)完成教材中网页的设计
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.JS和JQuery的解析
2.网页设计过程的演示
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§4设计图片类网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)网页中图片效果的作用
2)网页中图片特效的设计
3)网页中图片特效的实现
4)JS和JQuery的图片特效解析
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
网页中文本的基本操作
2难点:
插入特殊文本对象的操作
引导式自主学习
1内容:
1)网页中图片特效的解析
2)网页中图片特效的设计与实现
2资源:
1)人民邮电出版社教学服务与资源网
2)w3school在线教程
3要求:
1)阅读;浏览网上资源
2)问题:
网页中图片特效的作用和意义
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)网页图片特效的作用
2)网页图片特效的设计与实现
2要求:
1)掌握网页中图片特效的设计
2)熟悉图片类网页特效的设计
合作探究、质疑点评
1内容:
1)图片特效的解析
2)JS的对象解析
3)JQuery的文档操作
4)利用JS和JQuery实现网页中图片特效
2要求:
1)了解网页中图片类特效的作用
2)掌握网页中图片类特效的设计与实现
3)熟悉JS和JQuery的图片特效设计
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.网页中图片的作用讨论
2.网页中不同图片特效格式的设计
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§5设计表单控件类网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)实现注册表单中网页特效
2)实现意见表单中的网页特效
3)实现获取表单控件的设置值
4)实现页面页码验证特效的设计
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
2)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
JavaScript的事件方法
2难点:
JQuery的事件方法
引导式自主学习
1内容:
1)JavaScript的事件方法
2)JQuery的事件方法
2资源:
1)人民邮电出版社教学服务与资源网
2)w3school在线教程
3要求:
1)阅读;浏览网上资源
2)问题:
表单控件类网页特效的作用
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)JavaScript的事件
2)JQuery的事件方法
2要求:
1)掌握JavaScript的事件方法
2)掌握JQuery的事件方法
合作探究、质疑点评
1内容:
1)JavaScript的事件
2)JavaScript的事件方法
3)Jquery的事件方法
4)表单控件类网页特效设计与实现
2要求:
1)了解表单控件类网页特效的设计
2)熟悉JavaScript的事件方法
3)掌握JS和JQuery的事件方法
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.网页中表单控件的设计
2.JS和JQuery的事件方法
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§6设计导航菜单类网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)网页中图像的应用
2)网页中多媒体的应用
3)创建超链接的解析
4)创建图像热点链接
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
导航菜单在网页中的应用
2难点:
JQuery的属性操作方法
引导式自主学习
1内容:
1)网页中导航菜单的设计
2)JQuery的属性操作
2资源:
1)人民邮电出版社教学服务与资源网
2)w3school在线教程
3要求:
1)阅读;浏览网上资源
2)问题:
导航菜单的设计与实现
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)导航菜单在网页中的作用
2)网页中导航菜单的设计
2要求:
1)掌握导航菜单的设计方法
2)能够独立设计网页中的导航菜单
合作探究、质疑点评
1内容:
1)JavaScript的this指针
2)JQuery的属性操作方法
3)JQuery的CSS操作方法
4)下拉菜单的设计与实现
2要求:
1)熟悉JQuery的bind和attr等方法
2)掌握导航菜单的设计与应用
3)掌握JQuery的导航菜单设计方法
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.不同导航菜单格式的应用范围
2.导航菜单的设计与应用
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§7设计选项卡类网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)熟悉JQuery的index和find等方法
2)掌握JavaScript的数字对象
3)应用DOM的相关熟悉设计网页特效
4)熟悉JQuery的方法设计
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
JSON的使用
2难点:
JQuery的方法设计与应用
引导式自主学习
1内容:
1)setInterval函数和display属性解析
2)DOM的应用解析
2资源:
1)人民邮电出版社教学服务与资源网
2)w3school在线教程
3要求:
1)阅读;浏览网上资源
2)问题:
DOM的应用特效
注意笃学思想的指导,以指导学生从个体的具体知识建构和智力实际出发,自主掌握知识的同时,学会学习、习惯学习、养成学习。
课上
温故知新
1内容:
1)选项卡网页的设计及适用范围
2)DOM的应用设计与实现
2要求:
1)掌握选项卡网页特效
2)掌握DOM应用的相关属性
合作探究、质疑点评
1内容:
1)setInterval函数和display函数解析
2)JavaScript的数组对象
3)JSON及其使用
4)DOM应用的属性解析
2要求:
1)掌握avaScript的数组对象
2)熟悉JSON及其使用
3)掌握DOM应用的属性解析
注重研学思想的指导,运用兴趣教学法,通过做游戏,诱导学生掌握相关知识点,达到寓教于乐的效果。
培养学生对未知进行探究和提出问题甚至解决问题的能力。
在学生个体能力得到提高的同时,感受团队合作的重要,对学生进行集体主义和爱国主义情感教育。
展学互动
1.DOM应用的属性解析
2.JavaScript的数组对象
注重展学思想的指导,锻炼学生展现自我、表达自我的能力
延学
1专业外语演练
在本教材附录中选出所有本次课涉及的专业术语
2布置作业并下发下一次课的导学案
在延学环节,注重所学知识的横向延伸和纵向深入或提升。
实现学生将线性输入的知识在头脑中空间化、立体化。
本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。
工学
实践
个人独立完成网页个体的设计,分组讨论网站设计并定期展示成果
在工学实践环节,理论与实践结合,将学生头脑中空间化、立体化的知识建构动态化、活化,学以致用。
最终达到“准职业人”人才培养理念的要求。
章节(8课时):
§8设计内容展开与折叠网页特效主备:
郭树强备课组长:
班:
14软件技术组:
号:
理论依据
框架流程
指导理念
《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。
课前
学习目标
1知识目标:
1)设计网页内容折叠与展开特效
2)BOM(浏览器对象模型)
3)JQuery的尺寸方法
4)JQuery的应用设计与实现
2技能目标:
1)培养学生利用JS和JQuery设计动态网页。
2)培养学生通过教材展开自主学习的能力
3情感目标:
1)提升学生团队合作意识,培育集体主义和爱国主义情感。
2)培养独立设计网页的个人能力及团队网站设计能力
在“准职业人”人才培养理念指导下,掌握大纲要求的专业理论知识基础上,注重提升学生的实践动手能力,切合市场对应用型、职业性的人才需求。
重点难点
1重点:
网页内容折叠与展开特效
2难点:
JQuery的应用设计与实现
引导式自主学习