筹划班级网站教学

1、参考教学案例半课题名称：懊筹划班级网站【教学目标】1知识与技能办（1）知道什么八是网站的功能定安位。蔼（2）学会根据跋网站功能定位选蔼择网站内容和设般计相应栏目。柏（3）了解版面白宽度与显示器分胺辨率的关系，学癌会选定版面宽度袄。懊（4）了解版面爱布局常用方式，啊能够画出版面布隘局图。埃（5）能够设计跋切合网站主题的拌色彩方案。蔼（6）能够大致板拟定网站制作计捌划。班（7）了解网站颁的一般筹划过程蔼。2过程与方法敖（1）通过对不拜同网站的比较，扳初步懂得发现和蔼学习不同网站的暗优点。拔（2）初步懂得捌围绕网站目标定白位，选择网站内跋容和设计栏目的皑方法。罢（3）通过设计熬网站一、二级网胺页的版

2、面，体会把版面布局和色彩吧方案设计的过程巴。凹（4）亲历网站哀制作计划的拟定阿过程，体会与人斑合作交流的技巧背。柏（5）经历班级爱网站的筹划过程碍，初步懂得简单坝网站的筹划方法柏。拌3情感态度与岸价值观哀（1）培养对网绊站的鉴赏能力。皑（2）培养学习奥和使用信息技术癌的兴趣和意识。芭（3）培养团结板协作精神，发展埃合作意识。坝 【教学案重点和难点】教学重点百明确主题网站的阿功能定位，并根皑据制作目标进行鞍内容结构和版面败的设计。 教学难点伴设计网站内容结把构和拟定制作计懊划。【学情分析】拜初中学生对新事鞍物的好奇心强，碍丰富多彩的网站按，各具特色，很绊容易激发起学生傲创作的欲望，本按节提出制作

3、班级疤网站的任务更能鞍激发学生的学习背兴趣。但是，受昂年龄特点和以往背学习经历的影响扳，学生可能会更挨希望直接开始学凹习实际操作而忽熬视筹划的重要性拌。因此，教师在奥教学过程中应注拔意不断渗透任务奥分析和任务筹划矮的必要性，并通芭过让学生亲历筹袄划的过程，使学摆生体会筹划的思爸想和方法。同时搬，由于学生对于罢网站具体制作过跋程的分工还没有罢足够认识、通过扒合作的方式完成巴一个较大型的制芭作任务的经验较拜少，教师在引导癌学生分工时应注盎意根据学生实际版情况灵活变通，班不要照搬网站制罢作的一般分工方肮法，导致岗位分案配流于形式。 【教学方法】熬教学组织形式可哀采用任务驱动的挨教学方法和观摩耙、探究

4、与合作的邦学习方法，课堂肮讲授，小组协作拔学习、教师评价昂与自我评价相结肮合。笆本节课可以采用懊任务驱动的教学败方法，在基于真版实情景即建立班摆级网站为班级成叭员提供一个展示捌与交流的平台的绊前提下，提出进昂行网站制作需求胺分析和筹划、分奥工等任务。啊在此前学生未参皑与过一个如此完搬整和大型的作品柏制作，因此，给鞍予充分的范例观巴摩和引导是十分奥必要的，教师在般给予学生观摩优暗秀网站时，可以盎帮助学生讨论分蔼析并归纳出这些胺网站之所以能具拔有吸引力，其共艾同点在哪里，对稗于自己即将开发胺的网站有什么可案借鉴之处。挨筹划是创作过程拌的开始，也是容皑易被学生所忽略氨的阶段。教师必般须在此给予学生盎

5、行之有效的引导安，使其明白前期白筹划的重要性并搬进行积极有效的稗筹划工作。比如摆教师可以在事先傲设计的网站筹划霸书上以填表形式岸让学生回答四个蔼问题：我们为什百么做？我们可以背做什么？我们应笆当做什么？我们扳需要怎样做？（百该问题可以让学叭生更具体的回答白，如提供创作蓝佰图）。第1个问奥题的思考有助于疤学生解决埃“捌网站的功能定位爸”摆， 第2、3 叭个问题的思考有哀助于爸“败拟定设计计划唉”俺 ，第4个问题罢则有助于挨“巴设计内容结构澳”办和案“佰设计版面瓣”癌 。澳 此外，埃“爸网站制作计划表肮”办的制定是否科学凹合理、具有可操奥作性直接影响本绊章后面整个学习疤过程是否能按进昂度进行的重要

6、因拔素，如果制定不伴好，计划表只能蔼流于形式，不能跋起到实际作用。按完成本课任务后按，安排熬“拔讨论交流疤”斑环节，教师对每安个小组的计划进笆行评价和修改，般有利于学生对制瓣定计划的思想和拜方式有更深的理拔解，也能保证后跋面的制作过程顺挨利开展。鞍【教学媒体及资矮源】挨多媒体网络教室靶、电子教室系统板、给学生展示的哎优秀网站范例、拜“暗知识检查表蔼”芭和坝“般任务进度检查表盎”盎的电子表格。颁 颁教学过程】敖教学环节哀教师活动耙学生活动按设计意图澳情景引入与任务把提出俺1、情景引入：氨如何为班级成员靶之间提供一个展皑示和交流学习生唉活的平台，实现搬班级资源的共享暗。八2、任务提出：稗（1）本章

7、任务把：瓣要求同学们分组半各设计一个班级澳网站，最后将在笆所有作品中评比艾出最佳网站作为板本班的班级网站捌。扒（2）本节任务巴：伴进行网站的筹划班。拔明确任务和合作癌伙伴。疤 提出贴近学柏生学习生活的任岸务情景与要求，伴激发学生的创作搬热情。扒任务解 决巴1、观摩网站笆提供一些优秀的哎班级网站让学生班进行观摩。引导昂学生从网站的主坝题、内容、版面版和技术归纳优秀扳网站的特点。霸观摩教师提供的暗网站范例，填写半教材表2-1。稗学生在观摩优秀凹作品的同时对网碍站的整体结构有罢较深的感性认识绊，借鉴别人作品颁的优点并找到自伴己网站的定位。昂2、明确功能定癌位败指导学生明确网哎站制作的总体目艾标和要实

8、现的功傲能。俺 学生在艾组内讨论，分析八，最终明确网站搬功能。挨 沿着网站筹哎划一般过程，让白学生逐步解决网吧站制作的需求分昂析工作，为下一隘步工作开展做好暗准备。袄 提供优秀的百范例给学生参考搬，有利于学生得俺到启发，较迅速跋的确定自己的网办站设计方案。背3、设计内容结傲构叭指导学生阅读教拔材表2-2和图霸2-1，引导学伴生对网站所要表艾达的内容进行梳哎理、筛选和归类扮，最终形成自己般的网站结构和栏案目内容。 瓣 学生在拜老师指导下仔细岸阅读教材，并在搬组内进行讨论，霸根据讨论结果，斑把自己的网站结搬构和大致栏目内蔼容填写在教师印拜发的傲“唉网站筹划书安”跋中。矮4、设计版面班（1）选定版面

9、安宽度百（2）合理布局伴版面捌 一个瓣网页的版面通常伴以屏幕中央最能拜引人的注意，屏碍幕上方紧随其后啊，屏幕的左右侧瓣通常放置不太重袄要或固定信息，办附加信息（如版癌权信息）一般放拔在最下方。靶展示常用布局方把式实例：T字型昂、同字型和三字啊型。伴（3）设计色彩扳方案傲 参考捌教材P22中的隘拓展知识部分，坝了解不同颜色给背浏览者的不同感芭受。敖 注意安：不要使用过多艾的颜色。除了黑拔色和白色以外，哎约选择四到五个埃颜色就够了。按学生观摩优秀网哎站范例，认识不胺同网页版面布局鞍结构，颜色搭配疤，经组内讨论之芭后在哀“鞍网站筹划书俺”暗中绘制第一、二罢级网页的布局草柏图。氨5、拟定制作计啊划霸指

10、导学生进行合肮理分工、拟定制扮作计划。柏小组成员之间经皑过讨论协调，确八定彼此的分工任岸务，负责人填写班“败网站筹划书安”癌中的碍“霸网站制作分工及叭进度安排表。盎6、小组计划评伴价安 从可行性暗和工作分工是否氨合理等方面对小袄组的计划作适当瓣的点评，指导相板关小组修改计划敖。蔼根据教师的建议拜修订计划。胺保证后面的学习艾任务得以顺利开八展。百小结百1、优秀网站的吧共同点有包括：岸容易进入、主要爱内容一目了然、翱内容丰富、更新瓣及时和版面美观隘。唉2、着手设计网扒站前，我们需要唉明确网站的功能傲定位。澳3、网站内容的拌选择和栏目设计捌要围绕网站的目暗标定位。板4、设计版面主耙要包括三个方面败的

11、工作：选定版邦面宽度、合理布罢局版面和设计色办彩方案。版5、筹划一个网皑站，一般需要经坝历观摩网站、明背确功能定位、设把计内容结构、设肮计版面和拟定制鞍作计划等五个过瓣程。蔼填写知识检查表翱和任务进度表。扳帮助学生梳理本啊课知识要点。叭课外任务敖 小组成版员分工合作，搜版集班级网站所需拔资源。隘为下节课的教学扳内容作准备。袄附1：网站筹划碍书熬1、网站名称：胺_伴_鞍_凹2、小组长： 佰 矮 小组板成员：芭3、制作网站前搬回答的四个问题拜：按A我们为什么般做？（我们设计霸的这个班级网站翱是为了展示什么巴或作什么用？）奥_哎_熬_白_笆_耙_版_岸_疤_唉_摆_昂B我们可以做绊什么？捌_澳_扳_

12、坝_办_懊_拔_艾_案_哀_拔_胺C我们应当做暗什么？搬_班_艾_盎_罢_隘_耙_巴_伴_唉_盎_案D我们需要怎疤样做？碍_佰_隘_阿_拜_百_搬_啊_跋_翱_拔_搬写出你们的具体傲创作蓝图：扮结构内容（参考安教材表2-2）栏目主要内容阿 唉 耙 拌 靶 案绘制一、二级网靶页版面布局草图肮（用铅笔绘出网按站主题、导航、奥正文、页尾等的班大致位置及标注拜上相应的配色说芭明）一级网页二级网页胺4、根据3中对跋B、C两个问题扒的回答和网站制岸作的具体流程，奥拟定你们的网站背制作分工。搜集网站资源（负责人： ）创建网站站点（负责人： ）网页页面制作网站首页（负责人： ）栏目一网页（负责人： ）栏目二网

13、页（负责人： ）栏目三网页（负责人： ）栏目四网页（负责人： ）发布网站内容检查（负责人： ）运行测试（负责人： ）发布站点（负责人： ）站点维护（负责人： ）澳附2：知识检查拔表。哎一、回顾本课所巴学的知识，回答颁下面问题。盎1、优秀网站的艾共同点有暗 扒 拜 耙 扳。摆2、着手设计网拜站前，我们需要办明确搬 艾 败。岸3、网站内容的白选择和栏目设计笆要围绕网站的佰 爱 按。笆4、设计版面主扳要包括三个方面爸的工作：芭 拜 埃、澳 芭 翱、鞍 搬 瓣。皑5、筹划一个网隘站，一般需要经岸历疤 胺 把、罢 啊 蔼、碍 盎 八、肮 啊 哀、疤 盎 敖等五个过程。跋二、在本课学习哎中，你完成的任败务有：任务完成情况（完成的打“”）1、观摩网站，填写表2-12、与小组成员讨论，确定网站定位3、画网站的网页结构图4、画版面设计图5、设计色彩搭配方案6、与小组成员共同制定制作计划安附3：坝网站进度检查表拔具体完成任务俺完成情况