《创建超链接》教学设计公开课.docx

《《创建超链接》教学设计公开课.docx》由会员分享，可在线阅读，更多相关《《创建超链接》教学设计公开课.docx（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制正（Dreamweaver CS6）创立超链接课题名称创立超链接一完善校党史网站科目网贞设计与制作教学对象高一（上）计算机动漫专业课时1课时（40分钟）一、教材介绍教材信息网页设计与制作（电子工业出版社）（第2版） 本课程内容节选自电子工业出版社十二五职业教育国家规划教 材网页设计与制作（杨杰主编）模块2Dreamweaver初级应用中的 任务6创立超链接中第T果时。教材特点一本教材采用行为导向，任务驱动的方法，定位明确， 专为中职学生使用，引导学生学中做，做中学。教材处理一根据学生特点和教学需要，将书本中古板的理论知识融入 到当下时事热点中去，激发学生的学习兴趣。二,教学内容分析

2、本节选自模块二任务六第一课时，着重介绍了超链接的含义与创立方法，其中提升局部要求学生会对同 一网页不同超链接设置不同的样式。彳不可一个网站都是由多个网页通过链接而成的一个有机整体，所以学 习超链接是制作网站的基础，同时，浙江省技能高考试题也常有这方面的涉及。该课需要学生课前借助umu平台进行一定的自主学习，以学定教，课上进行实践演练，在做中学、做中 练的过程中，逐渐养成自主探究的习惯，培养学生主动参与实践的理念，提高学生自主学习能力。三、教学对象分析我所面向的又搦是中职计算机专业高一年级（上学期）的学生，通过前期的课程学习，他们已经基本掌 握站点的创立与管理、文本图像的插入与编辑、CSS样式的

3、简单创立等。他们思维活跃，喜欢动手实践，但他们缺乏刻苦钻研的精神，团队合作意识薄弱，针对这种情况，我注 重培养学生自主学习的能力，以学生为主体、教师为主导、实训为主线，课前我设计了微视频、知识检 测单等，上传至UMU学习平台，学生利用课余时间进行自主学习，从而实现先学后教、以学定教。四、教学目标（知识与技能，过程与方法，情感态度与价值观）基于对课前学生的预习情况进行数据分析，我确定了以下教学目标。1.知识与技能：理解超链接的含义；掌握创立文本链接的方法；学会对文本链接的属性和样式进行设置。创立超链接2、过程与方法：通过课前微课的学习，养成自主学习的习惯； 借助课中小组探究合作，提升团队合作意识

4、。3、情感态度与价值观:通过超链接的设置，让学生理解到万物皆有联系，增进与老师、同学、父母之间的联系； 借助课前导入的与建党一百周年相关的微视频，提升学生热爱祖国、热爰党的精神。五,学习重点与难点【教学重点】掌握文本链接创立的方法。【教学难点】学会对同一网页中不同链接设置不同样式。六.教学策略教法学法在课前利用网络空间精准导学，经过学情分析，明确教学目标；课中采用创设情境引入主题，再用任务 驱动法、合作探究法和讲授分析法进行精准施教；课后借助分层作业满足不同学生的学习需求。学生通过自主探究、分组合作的方式学习本节课的内容。【信息化教学资源】L2、3、4、L5、6、7、网络平台：umu平台、问卷

5、星网络资源：课前导学微课、知识检测单教学媒体选择：多媒体机房、Dreamweaver运行环境、极域电子教室软件学具准备：情境导入视频、课件、小助手清单、辅助微课视频等网络资源创立超链接七、教学过程教学环节教学内容及步骤L在UMU教学互动平台上传任务清单（包括相关微课视频、学生自学效果的检测内容）;学生活动设计意图课刖准备微课视频知识检测单知识匕希中8.b.和4.（重的MyPM* 目最下日一个中.图么它的电时络&欢员（ MyPktioft/tpipg (（一）.视频导入教师播放微视频引导学生思考视频呈现的主题是什 么？（二）、委派任务今年是我们中国共产党建党100周年，在建党100周年来临 之际

6、，我们学院举办了许多丰富多彩的党建活动，其中包括党史 网站的建设昨天临时收到学院党支部的通知，需要同学们对目前已建 设好的网站进行完善与美化.学院将择优将作品发布至学院官方 公众号平台,以供同学们学习党史文化知识情塌IJ设引出新课（5 ）教师提问，学生回答。1、学校提供的基地网站包含几个网页？2、目前各网页之间可以通过导航栏文字实现目阵专 吗？3、假设想实现网页之间的相互浏览可以借助什么实 现？通过观看教师课 前所提供的教学视频 并完成知识检测单， 充分对本节课所上内清晰认识。5”nsaar M -F B*MeS wwra srir*. rwnzwev-etK c A划学生共同回答：今年是 建

7、党一百周年认真听讲，并做出回答回答1 : 6个回答2 :不能回答3 :超链接 课堂回答通过 微课和检 测单让学 生了解课 堂新知， 也让教师 便于根据 学生的学 习效果确 定重难 点，以学 定教。激发 学生的爰 国、爱党 情怀，以 教师提问 的形式， 培养学生 的观察力 与思考 力，同时 引出本节 课的课题创立超链接合彳筋究直鄙卜缺（10）任务一探寻实现网页跳转多种方法（一）,展示任务将学校提供的基底网站导入Dreamweaver软件 中，对导航区的文字进行超链接的创立并链接到对应 网页，探寻创立的多种方法。同时探索所链接网页打 开的方式，如何实现文件在新窗口翻开？（二）,小组合作学生借助提供

8、的小助手与微课视频先自己动手实 践，再根据事先分好的小组进行组内讨论，相互交流学 习，讨论在操作过程中出现的问题和解决结果，组长记 录超链接创立的多种方法。教师巡视学生完成整个过程 并及时指导。（三）上台展示教师随机抽选小组代表上台展示组内结果创立 超链接的多种方法，其他小组成员可上台补充纠正。（四）、教师小结师生共同对于文本链接创立的多种方法、属性的设 置进行总结。L创立文本链接方法有七种。分别是：直接输入现对地址/绝对地址指向文件属性面板-浏览文件菜单栏-超级链接工具栏插入超级链接选中文字-右键创立超链接2、文件翻开方式包括：_blank （新窗口）、_new （同一个新窗口）、.pare

9、nt、.self （默认，同一窗 口）、_topo教师强调：创立文本链接方法有多种，选择合适自己的 方法最为重要。接受任务引发思考借助提供的小助手清单 和辅助微课视频实践操 作小组讨论上台展示-任务提升层层升入（10）任务二同一网页设置不同超链接样式（一）.展示样品教师展示事先完成好的网页，进一步解释任务要 求，网页中超链接已经创立完成，那么对网页中超链接 如何设置多种样式呢？例如设置多种鼠标经过、交换图 像的动态效果？（二）自主探究学生参考提供的小助手上的任务要求和知识链接动 手实践；教师借助极域电子教室软件中的屏幕监看功能观察 学生操作过程，发现大家普遍存在的共性问题：一个网 页只能设置出

10、一种貂链接样式，而不能创立多种。 . （* SMB MB认真听讲思考任务（三）、教师示范：教师借助极域电子教室软件中 的屏广功能及时向学生解除疑惑，过程如下：接受任务 动手实践以小 组合作的 方式完成 任务，旨 在以学生 为主体， 以生教生 的同时培 养团队意 识。通过 教师小 结，为学 生创立更 为清晰的 思维导 图。借助 自主探 究，提升 学生独立 思考的能创立超链接结合已有知识和现学知 识对网页进行美化。提升 学生的创 新意识与 工匠精神1、先借助CSS样式为每一个超链接创立id样式2、将id样式赋给对应的文字3、对先前的id样式结合复合对象样式创立鼠标经 过、交换图像、访问过后的动态效

11、果教师强调：通过页面属性的修改只能一个网页创立一种 样式，多种样式的创立需要结合css样式。（四）、学生创新：鼓励学生在已有知识的基础上加入 自己的想法，结合之前所学的css知识对网页导航栏进行 美化创新。（五）、上交作品+作品展示四.互动交流（一）,多元评价：借助问卷星发送评价表，表中内容包括学生自评、组内成员互评、评价教师三局部。填写评价表总结评价Q7）（二）,师生总结：随机抽选学生总结本节课所学知识 点，组内成员可以进行补充说明，最后教师进行简短的 总结。学生作答，组员互助让学 生认识自 己缺乏之 处，提升 教师提高 课堂教学 质量/同 时还能锻 炼学生的 口头表达 能力。【分层作业】设

12、置三个难度递增的任务，鼓励学生闯关，延升课堂内容基础作业：课后提升巩固拓展进阶作业：提高作业：【个别指导】对极个别学习困难的学生，教师进行课下指导。八.板书设计创立超链接完善党史网站一、超链接的含义 二、创立文本链接的方法、属性设置blank （新窗口）_new （同一个新窗口）.parent、_self （默认，同一窗口）_top 三、同一网页如何设置不同超链接样式创立超链接九.教学反思L课前利用umu教学平台,实现学生课前学，教师根喇居分析确定教学目标，精准施教。2、课中借助小组合作、自主探究等学习方式，提升学生团队合作意识，同时以建党一百周年视频导 入课堂，激发学生的爰国爱党情怀，达成了情感目标。3、考虑学生间的差异性，设置不同难度的学习任务，辅导个别学生解决问题，延伸课堂教学效 果。 4、利用问卷星填写多元评价表，不仅让学生认识自己缺乏之处，教师也对自己本课教学有清楚 的认知，以便调整后续课程，提高课堂教学质量。