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