第十课 完善发布网站 教案
文档属性
| 名称 | 第十课 完善发布网站 教案 |  | |
| 格式 | zip | ||
| 文件大小 | 58.0KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 冀教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2020-09-15 18:05:52 | ||
图片预览
文档简介
第十课
完善发布网站
1教学内容分析
??
《完善发布网站》是冀教版初中信息技术第二册第二单元《网页制作—Dreamweaver》第十课的内容。前面的课程中,学生已完成网站基本建设,本节课是本单元的最后一节内容,两课时完成。本节课主要涉及到两大方面的内容:一是通过增加弹出窗口等操作完善网站,使网站更加方便浏览、操作易于被人接受,对整个网站起到“锦上添花”的作用。最后一个知识点,就是网站的检查与发布,这部分内容常常被忽略,但它是网页制作中不可缺少的内容,也是关键步骤之一。
2学情分析
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
???
八年级学生学习计算机的兴趣浓厚,热情很高,正处在形象思维向抽象思维逐步过渡的阶段。因此,在学习过程中,应鼓励学生自己观察,亲自动手操作,进行学生讨论和交流,师生共同归纳总结,体验学习。在学习此内容之前,学生已经会建立站点,会制作一些简单的网页,并且已学会对网页进行简单的修饰,这为学生学习本课知识作好了充分准备。基于以上学生情况的分析,在教学过程中采用以学生为主体,教师为主导为教学思路进行教学。
3教学策略选择与设计
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
???
本课教学采用“以学生为中心的网络教学模式”,充分发挥网络教学的优势,努力为学习者创设一个张扬个性共同提高的学习环境。
???
①
本课以完善和发布“个人主页”为主线,分为“作品演示观摩——教师引导——学生创作——小组交流评选——展示总结”五个阶段。在整个学习过程中,让学习者主动参与、相互协作、共同提
高。
???
②
本课考虑到学习者的个体差异,采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的教学片断视频。学生如有知识盲点可以点击相关链接查看相应内容——获得即时的帮助与指导。
???
③
由学生通过对示范网页的观察;小组评选中对作品的比较;总结评价时对他人作品的分析,从而让学生自己逐步建立起比较直观、全面的优秀网页概念。
教学过程
第一学时
1.教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
知识与技能:
???
1、学会“增加弹出窗口”。
???
2、了解HTML标识性语言的功能及结构和语言常用的标识符。
???
3、尝试修改滚动文字框的相关参数。
???
4、学会增加“设为主页”链接和“加入收藏”链接。
过程与方法:
???
1、学生自学和教师讲解演示相结合,将完善网页的操作方法分解在上机操作任务中,通过完成任务达成目标。
???
2、以任务驱动教学为主,充分调动学生参与完善网页制作中来,积极开展小组评价和作品展示,增强学习效果。
情感态度价值观:
???
1、通过创作—交流—评比的教学手段,激发学生们高涨的学习兴趣,在操作的同时获得成功的喜悦。
???
2、通过学习培养网页设计的审美能力、创新能力和小组协作学习能力。
2学时重点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
1、为网页增加“弹出窗口”、
“设为主页”链接和“加入收藏”链接。
2、培养学生逐步建立优秀网页的意识。
3学时难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
1、理解HTML标识性语言的结构。
2、学会根据主题设计一个动静相宜、图文并茂、色彩和谐的优秀网页，逐步建立起比较直观、全面的优秀网页概念。
4教学活动
活动1【导入】创设情境、引入新课
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
?师：经过前面几节课，同学们的网站已经有声有色了，今天，老师又对自己的网站进行了一下完善，又增添了一些小装饰，请同学们看看，新改进的网站，增加了哪些内容，想想它们都有什么作用。
?????【学生活动】观看展示的网站，并让学生亲自操作，找到新增的内容，并思考其作用。
??????师：同学们通过观察和操作，已经体验到了新增这些内容，可以让我们的网站更加完善，下面同学们就随老师一起，为你们的网站“锦上添花”吧！
?????【设计意图】
??????1、采取比较观察，明确学习目的。激发学习兴趣以及培养学生欣赏美、创造美的能力。
??????2、通过对网页的观察，讨论分析培养学生的观察能力，思维能力和语言表达能力。
活动2【讲授】协作学习、实践探究
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
任务一：增加弹出窗口（5分钟）
????师：同学们都把自己的“网上家园”布置的内容丰富，有声有色，那怎么才能让浏览者能快速地了解你网站的大体内容，让更多的“观众”为你驻足呢？大家看一看，我新增的哪项功能可以达到这个目的？
????【学生活动】通过观察，学生得出结论：“设置弹出窗口”?可以完成这一功能。
????【设计意图】引导学生明确任务，做好制作前的准备。
?????师：请同学们结合学习网站或微课视频，尝试着给你的网站也添加一个“弹出窗口”来介绍一下各自网站的主要栏目。
【学生活动】
1、在老师引导下，学生通过学习网站，自主学习，动手实践。
2、自主学习过程中，可进行小组协作，互帮互学。
?????师：“弹出窗口”都创建好了，但好多同学好像不是太满意，大家尝试着修改一下相关的设置，让这个窗口看起来更漂亮。
【学生活动】
1、学生实践，教师辅导……
2、学生展示成果，老师进行点评，同学之间进行互评。
????【设计意图】在任务驱动下，培养学生自主探究能力，以及小组内的协作学习能力。
任务二：设置首页滚动文字框（10分钟）
????师：除了让浏览者了解这个网站的大体内容，我们还希望把一些最新的消息及时传达给大家。首页的“滚动文字”是不是就实现了这个功能？
????师：“滚动文字”不仅实现了上述功能，同时充满动感特效的页面总是更能吸引人，如果想让你的网页有特色，留住更多人的目光，下面的学习就能帮助你实现这个愿望。
????【学生活动】动态的文字效果，使学生对此项任务较感兴趣，充满期待。
????【设计意图】启发学生观察发现，形成理性认识。
????师：请同学们启动Dreamweaver，观察屏幕分类页面选项卡处，以前同学们都是在“设计”页面处编辑，“代码”页面从来没有进去编辑过，今天的“滚动文字”特效的实现就要用到这个页面。
????师：那么什么是HTML呢？请同学们结合学习网站进行简单的了解。
????【学生活动】通过观察自己屏幕窗口，然后结合学习网站，认识HTML语句的格局。
????师：了解了HTML语言后，我们再来了解一下动态效果的网页特效由什么语言实现的？绝大多数的网页动态效果是由一种JAVASCRIPE语言编写的
????【教师活动】结合网站代码讲解HTML语言的开始与结束的标志。
????师：我们不会JavaScript语言，那么我们今天的动态网页特效怎样实现呢？很简单，从网上获取的资源，进行加工，演变成自己的就可以了。那具体怎么实现呢？
????【教师活动】结合屏幕边讲解边示范动态效果的实现。（强调源代码选定的范围，放到哪个区域）
????【学生活动】通过观察教师的演示及讲解，理解本环节特效的实现办法。
????师：那么“滚动字幕”如何修改成你所需要的内容呢？这个任务就留给同学们自己来探究完成。请同学们借助学习网站，完成“问题探究二”的内容。
【学生活动】
1、结合老师的讲解，并借助学习网站，动手实践。
?2、开展小组协作，互帮互学。
????【设计意图】老师引导学生主动获取新知，培养学生感性认知的能力。
任务三：增加“设为主页”链接（5分钟）
????师：为推广自己的网站，我们可以看到，好多网站在网页底部或显要位置增加“设为主页”的功能文字。
????师：请同学们结合学习网站或微课视频，给你的网站也添加上这个功能吧。
????【学生活动】借助学习网站，动手实践。小组协作学习。?
????（网络广播）请一学生演示探究结果，边演示边并作讲解。
任务四：增加“加入收藏”链接（5分钟）
????师：为方便我们随时登陆自己的网站，同时也方便浏览者的再度光临，我们还可以为网页增加?“加入收藏”的功能。
????师：请同学们结合学习网站或微课视频，也把这项功能添加上吧。
????【学生活动】借助学习网站，动手实践。小组协作学习。??
????（网络广播）请一学生演示探究结果，边演示边并作讲解。
????【设计意图】以上两项任务比较简单，把任务完全布置给学生自主完成，发挥学生的主动性、积极性，为了实现这一目标，让学生充分利用身边的学习资源主动建构新知识。使学生真正成为课堂学习的主人。
活动3【活动】展示作品、魅力比拼
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
????
师：经过本节课和前面几节课的努力，我们的网站终于大功告成了，下面就请每小组内推荐一位同学展示个人的网站作品，并介绍一下制作过程中曾遇到的难题以及在解决问题的过程中获得的经验、技巧。
????【学生活动】欣赏展示作品，听取经验介绍。
其他组的学生可以提出意见和问题，评价他组的网页。
????【设计意图】学生发现问题、解决问题的过程中，经历了一种从"清楚――模糊――清楚"过程，付出艰辛，必有劳动成果，要让学生有成就感，有信心，有更深层次探索的动力。
活动4【活动】总结反馈
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
????师：请同学回顾一下本节课自己的学习，说一说今天你都掌握哪些操作技能，有哪些操作你掌握的还不是很好。?
????????你对自己本节课的表现满意吗？你给自己打多少分？
???【学生活动】总结经验，发现问题，找出不足。
???【设计意图】通过总结、反馈，让学生对自己的学习进行查漏补缺。加强学生的自信意识教育。
??
【教师活动】总体评价，总结归纳。
第二学时 网站的检查与发布
1教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
知识与技能：
?
?
?1、理解网站检查的重要作用，并学会发布前网站的检查与调试。
????
2、掌握申请免费空间的方法。
????
3、了解网站上传的原理并掌握网站上传工具的使用。
????
4、认识到网站更新与维护的重要性。
过程与方法：
?????
1、在引导学生学习知识的同时，也注重能力的培养，在解决问题的过程中，培养学生的自学能力和对知识的应用能力。
????
?2、在观察、分析和交流的过程中，培养学生的创新思维能力和口头表达能力，在自主学习的过程中，培养学生发现问题、解决问题的能力
情感态度价值观：
???
?1、通过学生的动手操作，让学生体验成功、收获的喜悦，激发学生的学习兴趣，体验探索与创造的快乐。???
2学时重点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
网站发布前的检查与调试。
3学时难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
网站的发布
4教学活动
活动1【导入】提出问题，引入新课
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
师：经过前面几课的学习，我们设计制作的网站已经初步成型，但这个网站仍然只是保存在我们自己的电脑中。我们怎样才能在Internet上为他安个家呢？我们把这个过程称为网站的发布。但为了保证网站发布后能正常运行，在其发布前，还需要我们对它进行全面的检查，以排除网站中可能存在的问题。
活动2【讲授】协作学习、实践探究
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
任务一：检查站点链接
???
师：在发布站点之前，要对站点的链接进行全面的检查。
???
【提出问题】如何检查网页的超链接呢？是不是需要每个超链接逐一打开检查呢？
???
师：请同学们借助课本或学习网站的提示，各小组成员间互相检查站点链接。
???
【学生活动】
???
1、老师引导下，学生通过学习网站，自主学习，动手实践。
???
2、分组合作，自查、互查网站中可能存在的问题。
???
师：通过刚才的操作，请同学们以小组为单位总结一下，网站链接容易出现的错误。
??
【学生活动】总结归纳
??
【设计意图】
???
1、引导学生利用设计视图检查站点链接。帮助学生巩固前面学习的知识，提高学生的操作能力。?
???
2、进一步让学生认识到检查链接的重要性。
任务二：申请免费空间
???
师：我们把网站检查调试好之后，就要上传，上传前必须申请一个存放自己网页的服务器空间。目前因特网上有很多网站提供网站空间服务，有收费的也有免费的，其申请方法大致相同。如何申请一个免费空间呢？请同学们借助学习网站，各组分别尝试着申请一个免费空间。
???
【学生活动】各组在不同网站进行空间的申请，比较其申请难易、空间大小等。
????【设计意图】以探究的方式进行申请和比较，帮助学生理解网站空间的概念。
任务三：发布站点
????师：同学们，我们的网页已经做好，空间也已经申请成功，下面我们就可以把自己的网站上传到免费空间了。根据前面所学的知识，你们认为，怎样才能把做好的网页放到刚才申请的免费空间呢？
???
【学生活动】根据以前学习的知识，学生首先想到的操作即是“复制—粘贴”
???
师：按照以前所学过的知识，道理上是这样的。可是实际操作的时候，这一招是行不通的。网页的上传要靠专门的工具，这类工具软件很多，这里介绍一款名为“8uFtpls”软件。
???
【教师活动】演示利用“8uFtpls网页上传工具”上传网站。
???
【学生活动】根据老师的演示，并借助学习网站，动手实践。
???
【设计意图】
?????1、该部分为本课难点，通过教师的指导和学生动手实践，强化对有关概念的理解和软件的操作。
????
2、任务的解决虽然是以学生自主探索为主来进行，但是教师仍然需要以指导者、促进者的角色引导学生。使学生学会全面看待问题的方法，促进学生技能的掌握和知识的迁移。
活动3【活动】展示成果，分享快乐
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
????
师：下面各组分别展示一下发布成功的网站，大家一起来分享一下成功的喜悦吧。
????【学生活动】展示发布成功的网站
????【设计意图】付出艰辛，必有劳动成果，让学生之间互相分享成功的喜悦。
活动4【活动】课堂小结
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
???
师：至此，我们已经一起学习了网站建设的整个过程，在Internet安了个家。但是，网站建设是一项长期的工作，需要同学们不断去更新和完善它。
????【设计意图】让学生在收获成功的喜悦的同时，认识到成功不是一蹴而就的，还需长期的的努力。
完善发布网站
1教学内容分析
??
《完善发布网站》是冀教版初中信息技术第二册第二单元《网页制作—Dreamweaver》第十课的内容。前面的课程中,学生已完成网站基本建设,本节课是本单元的最后一节内容,两课时完成。本节课主要涉及到两大方面的内容:一是通过增加弹出窗口等操作完善网站,使网站更加方便浏览、操作易于被人接受,对整个网站起到“锦上添花”的作用。最后一个知识点,就是网站的检查与发布,这部分内容常常被忽略,但它是网页制作中不可缺少的内容,也是关键步骤之一。
2学情分析
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
???
八年级学生学习计算机的兴趣浓厚,热情很高,正处在形象思维向抽象思维逐步过渡的阶段。因此,在学习过程中,应鼓励学生自己观察,亲自动手操作,进行学生讨论和交流,师生共同归纳总结,体验学习。在学习此内容之前,学生已经会建立站点,会制作一些简单的网页,并且已学会对网页进行简单的修饰,这为学生学习本课知识作好了充分准备。基于以上学生情况的分析,在教学过程中采用以学生为主体,教师为主导为教学思路进行教学。
3教学策略选择与设计
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
???
本课教学采用“以学生为中心的网络教学模式”,充分发挥网络教学的优势,努力为学习者创设一个张扬个性共同提高的学习环境。
???
①
本课以完善和发布“个人主页”为主线,分为“作品演示观摩——教师引导——学生创作——小组交流评选——展示总结”五个阶段。在整个学习过程中,让学习者主动参与、相互协作、共同提
高。
???
②
本课考虑到学习者的个体差异,采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的教学片断视频。学生如有知识盲点可以点击相关链接查看相应内容——获得即时的帮助与指导。
???
③
由学生通过对示范网页的观察;小组评选中对作品的比较;总结评价时对他人作品的分析,从而让学生自己逐步建立起比较直观、全面的优秀网页概念。
教学过程
第一学时
1.教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
知识与技能:
???
1、学会“增加弹出窗口”。
???
2、了解HTML标识性语言的功能及结构和语言常用的标识符。
???
3、尝试修改滚动文字框的相关参数。
???
4、学会增加“设为主页”链接和“加入收藏”链接。
过程与方法:
???
1、学生自学和教师讲解演示相结合,将完善网页的操作方法分解在上机操作任务中,通过完成任务达成目标。
???
2、以任务驱动教学为主,充分调动学生参与完善网页制作中来,积极开展小组评价和作品展示,增强学习效果。
情感态度价值观:
???
1、通过创作—交流—评比的教学手段,激发学生们高涨的学习兴趣,在操作的同时获得成功的喜悦。
???
2、通过学习培养网页设计的审美能力、创新能力和小组协作学习能力。
2学时重点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
1、为网页增加“弹出窗口”、
“设为主页”链接和“加入收藏”链接。
2、培养学生逐步建立优秀网页的意识。
3学时难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
1、理解HTML标识性语言的结构。
2、学会根据主题设计一个动静相宜、图文并茂、色彩和谐的优秀网页，逐步建立起比较直观、全面的优秀网页概念。
4教学活动
活动1【导入】创设情境、引入新课
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
?师：经过前面几节课，同学们的网站已经有声有色了，今天，老师又对自己的网站进行了一下完善，又增添了一些小装饰，请同学们看看，新改进的网站，增加了哪些内容，想想它们都有什么作用。
?????【学生活动】观看展示的网站，并让学生亲自操作，找到新增的内容，并思考其作用。
??????师：同学们通过观察和操作，已经体验到了新增这些内容，可以让我们的网站更加完善，下面同学们就随老师一起，为你们的网站“锦上添花”吧！
?????【设计意图】
??????1、采取比较观察，明确学习目的。激发学习兴趣以及培养学生欣赏美、创造美的能力。
??????2、通过对网页的观察，讨论分析培养学生的观察能力，思维能力和语言表达能力。
活动2【讲授】协作学习、实践探究
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
任务一：增加弹出窗口（5分钟）
????师：同学们都把自己的“网上家园”布置的内容丰富，有声有色，那怎么才能让浏览者能快速地了解你网站的大体内容，让更多的“观众”为你驻足呢？大家看一看，我新增的哪项功能可以达到这个目的？
????【学生活动】通过观察，学生得出结论：“设置弹出窗口”?可以完成这一功能。
????【设计意图】引导学生明确任务，做好制作前的准备。
?????师：请同学们结合学习网站或微课视频，尝试着给你的网站也添加一个“弹出窗口”来介绍一下各自网站的主要栏目。
【学生活动】
1、在老师引导下，学生通过学习网站，自主学习，动手实践。
2、自主学习过程中，可进行小组协作，互帮互学。
?????师：“弹出窗口”都创建好了，但好多同学好像不是太满意，大家尝试着修改一下相关的设置，让这个窗口看起来更漂亮。
【学生活动】
1、学生实践，教师辅导……
2、学生展示成果，老师进行点评，同学之间进行互评。
????【设计意图】在任务驱动下，培养学生自主探究能力，以及小组内的协作学习能力。
任务二：设置首页滚动文字框（10分钟）
????师：除了让浏览者了解这个网站的大体内容，我们还希望把一些最新的消息及时传达给大家。首页的“滚动文字”是不是就实现了这个功能？
????师：“滚动文字”不仅实现了上述功能，同时充满动感特效的页面总是更能吸引人，如果想让你的网页有特色，留住更多人的目光，下面的学习就能帮助你实现这个愿望。
????【学生活动】动态的文字效果，使学生对此项任务较感兴趣，充满期待。
????【设计意图】启发学生观察发现，形成理性认识。
????师：请同学们启动Dreamweaver，观察屏幕分类页面选项卡处，以前同学们都是在“设计”页面处编辑，“代码”页面从来没有进去编辑过，今天的“滚动文字”特效的实现就要用到这个页面。
????师：那么什么是HTML呢？请同学们结合学习网站进行简单的了解。
????【学生活动】通过观察自己屏幕窗口，然后结合学习网站，认识HTML语句的格局。
????师：了解了HTML语言后，我们再来了解一下动态效果的网页特效由什么语言实现的？绝大多数的网页动态效果是由一种JAVASCRIPE语言编写的
????【教师活动】结合网站代码讲解HTML语言的开始与结束的标志。
????师：我们不会JavaScript语言，那么我们今天的动态网页特效怎样实现呢？很简单，从网上获取的资源，进行加工，演变成自己的就可以了。那具体怎么实现呢？
????【教师活动】结合屏幕边讲解边示范动态效果的实现。（强调源代码选定的范围，放到哪个区域）
????【学生活动】通过观察教师的演示及讲解，理解本环节特效的实现办法。
????师：那么“滚动字幕”如何修改成你所需要的内容呢？这个任务就留给同学们自己来探究完成。请同学们借助学习网站，完成“问题探究二”的内容。
【学生活动】
1、结合老师的讲解，并借助学习网站，动手实践。
?2、开展小组协作，互帮互学。
????【设计意图】老师引导学生主动获取新知，培养学生感性认知的能力。
任务三：增加“设为主页”链接（5分钟）
????师：为推广自己的网站，我们可以看到，好多网站在网页底部或显要位置增加“设为主页”的功能文字。
????师：请同学们结合学习网站或微课视频，给你的网站也添加上这个功能吧。
????【学生活动】借助学习网站，动手实践。小组协作学习。?
????（网络广播）请一学生演示探究结果，边演示边并作讲解。
任务四：增加“加入收藏”链接（5分钟）
????师：为方便我们随时登陆自己的网站，同时也方便浏览者的再度光临，我们还可以为网页增加?“加入收藏”的功能。
????师：请同学们结合学习网站或微课视频，也把这项功能添加上吧。
????【学生活动】借助学习网站，动手实践。小组协作学习。??
????（网络广播）请一学生演示探究结果，边演示边并作讲解。
????【设计意图】以上两项任务比较简单，把任务完全布置给学生自主完成，发挥学生的主动性、积极性，为了实现这一目标，让学生充分利用身边的学习资源主动建构新知识。使学生真正成为课堂学习的主人。
活动3【活动】展示作品、魅力比拼
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
????
师：经过本节课和前面几节课的努力，我们的网站终于大功告成了，下面就请每小组内推荐一位同学展示个人的网站作品，并介绍一下制作过程中曾遇到的难题以及在解决问题的过程中获得的经验、技巧。
????【学生活动】欣赏展示作品，听取经验介绍。
其他组的学生可以提出意见和问题，评价他组的网页。
????【设计意图】学生发现问题、解决问题的过程中，经历了一种从"清楚――模糊――清楚"过程，付出艰辛，必有劳动成果，要让学生有成就感，有信心，有更深层次探索的动力。
活动4【活动】总结反馈
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
????师：请同学回顾一下本节课自己的学习，说一说今天你都掌握哪些操作技能，有哪些操作你掌握的还不是很好。?
????????你对自己本节课的表现满意吗？你给自己打多少分？
???【学生活动】总结经验，发现问题，找出不足。
???【设计意图】通过总结、反馈，让学生对自己的学习进行查漏补缺。加强学生的自信意识教育。
??
【教师活动】总体评价，总结归纳。
第二学时 网站的检查与发布
1教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
知识与技能：
?
?
?1、理解网站检查的重要作用，并学会发布前网站的检查与调试。
????
2、掌握申请免费空间的方法。
????
3、了解网站上传的原理并掌握网站上传工具的使用。
????
4、认识到网站更新与维护的重要性。
过程与方法：
?????
1、在引导学生学习知识的同时，也注重能力的培养，在解决问题的过程中，培养学生的自学能力和对知识的应用能力。
????
?2、在观察、分析和交流的过程中，培养学生的创新思维能力和口头表达能力，在自主学习的过程中，培养学生发现问题、解决问题的能力
情感态度价值观：
???
?1、通过学生的动手操作，让学生体验成功、收获的喜悦，激发学生的学习兴趣，体验探索与创造的快乐。???
2学时重点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
网站发布前的检查与调试。
3学时难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
网站的发布
4教学活动
活动1【导入】提出问题，引入新课
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
师：经过前面几课的学习，我们设计制作的网站已经初步成型，但这个网站仍然只是保存在我们自己的电脑中。我们怎样才能在Internet上为他安个家呢？我们把这个过程称为网站的发布。但为了保证网站发布后能正常运行，在其发布前，还需要我们对它进行全面的检查，以排除网站中可能存在的问题。
活动2【讲授】协作学习、实践探究
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
任务一：检查站点链接
???
师：在发布站点之前，要对站点的链接进行全面的检查。
???
【提出问题】如何检查网页的超链接呢？是不是需要每个超链接逐一打开检查呢？
???
师：请同学们借助课本或学习网站的提示，各小组成员间互相检查站点链接。
???
【学生活动】
???
1、老师引导下，学生通过学习网站，自主学习，动手实践。
???
2、分组合作，自查、互查网站中可能存在的问题。
???
师：通过刚才的操作，请同学们以小组为单位总结一下，网站链接容易出现的错误。
??
【学生活动】总结归纳
??
【设计意图】
???
1、引导学生利用设计视图检查站点链接。帮助学生巩固前面学习的知识，提高学生的操作能力。?
???
2、进一步让学生认识到检查链接的重要性。
任务二：申请免费空间
???
师：我们把网站检查调试好之后，就要上传，上传前必须申请一个存放自己网页的服务器空间。目前因特网上有很多网站提供网站空间服务，有收费的也有免费的，其申请方法大致相同。如何申请一个免费空间呢？请同学们借助学习网站，各组分别尝试着申请一个免费空间。
???
【学生活动】各组在不同网站进行空间的申请，比较其申请难易、空间大小等。
????【设计意图】以探究的方式进行申请和比较，帮助学生理解网站空间的概念。
任务三：发布站点
????师：同学们，我们的网页已经做好，空间也已经申请成功，下面我们就可以把自己的网站上传到免费空间了。根据前面所学的知识，你们认为，怎样才能把做好的网页放到刚才申请的免费空间呢？
???
【学生活动】根据以前学习的知识，学生首先想到的操作即是“复制—粘贴”
???
师：按照以前所学过的知识，道理上是这样的。可是实际操作的时候，这一招是行不通的。网页的上传要靠专门的工具，这类工具软件很多，这里介绍一款名为“8uFtpls”软件。
???
【教师活动】演示利用“8uFtpls网页上传工具”上传网站。
???
【学生活动】根据老师的演示，并借助学习网站，动手实践。
???
【设计意图】
?????1、该部分为本课难点，通过教师的指导和学生动手实践，强化对有关概念的理解和软件的操作。
????
2、任务的解决虽然是以学生自主探索为主来进行，但是教师仍然需要以指导者、促进者的角色引导学生。使学生学会全面看待问题的方法，促进学生技能的掌握和知识的迁移。
活动3【活动】展示成果，分享快乐
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
????
师：下面各组分别展示一下发布成功的网站，大家一起来分享一下成功的喜悦吧。
????【学生活动】展示发布成功的网站
????【设计意图】付出艰辛，必有劳动成果，让学生之间互相分享成功的喜悦。
活动4【活动】课堂小结
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff8080814d271698014d272928e9035b"
\l
"##?)
???
师：至此，我们已经一起学习了网站建设的整个过程，在Internet安了个家。但是，网站建设是一项长期的工作，需要同学们不断去更新和完善它。
????【设计意图】让学生在收获成功的喜悦的同时，认识到成功不是一蹴而就的，还需长期的的努力。