《2 创建网站制作首页2.doc》由会员分享，可在线阅读，更多相关《2 创建网站制作首页2.doc（4页珍藏版）》请在金锄头文库上搜索。
1、创建网站，设计首页教学设计方案常州市新北区实验中学 彭炎一、 设计思想以任务驱动为主要的教学方法，以学生自主学习为实践基础，围绕“设计校园科技趣味挑战赛网站首页”的主题教学，开展生动高效的课堂教学 。在建构主义教学理论指导下，循序渐进，由浅入深，精心创设问题和任务，让学生在动态生成和课前预设中完成知识技能的建构和应用，情感价值观的体验和升华。二、 教材分析本部分教学内容是第三章第二节网站的制作第一课时，是3.2.1认识Dreamwave和3.2.2创建网站，制作首页的重要教学内容，是网页设计中基础的部分。本部分具有承前启后的作用，其教学目的是为了提高学生设计网页和综合处理图文信息的能力。首页的
2、设计必须是在认识Dreamwave和创建网站教学完成后才能进行，因此本节课的教学设计涵盖了以上三部分内容，以认识Dreamwave和创建网站为铺垫，以设计首页为教学重点。由于Dreamwave在网页设计图文排版的特殊性（CSS样式）初中生不容易理解，但为了达到首页美观新颖的设计原则，本课以简单表格的形式体现首页的设计思想。三、 学情分析本节课的教学对象为八年级的学生。他们已经学习了文字处理、图片处理、多媒体信息处理的知识技能，已经掌握了信息处理的基本方法。因此对于学习信息发布的另一种形式网站设计打下了扎实的基础。八年级学生已经具备了较好的学习习惯，学习的自主学习能力较强。在教师的组织下，能有意
3、识的投入课堂学习活动中去。但是从身心发展角度来看，心智还不成熟，特别是网页设计的知识技能储备不足，对设计性的知识创新能力较弱。因此本节课的设计性体现在模仿学习为主，在后续的教学中将逐步引导进行个性化网页设计。四、 教学目标（一）知识技能1、认识Dreamweaver软件窗口。2、掌握建立站点的方法。3、能够利用表格布局简单的网页。4、掌握设置背景、插入图片的方法。4、学会保存并查看网页。（二）过程与方法1、通过设计首页，了解首页设计的原则。2、通过表格设计首页，掌握页面布局的方法，形成整体设计的思想。3、学会评价网页，能对设计的首页进行互评和自评。（三）情感态度与价值观1、认识到首页设计的重要
4、性。2、利用表格设计首页，形成应用表格布局网页结构的设计流程。3、通过评价活动，体验成功的快乐和网页设计的成就感，增强自主学习能力和交流能力。（四）行为与创新1、了解网页的设计过程，建立网页设计的原则。2、 通过探究和实践活动，激发创新设计意识，提高创新能力。五、 教学重点 1、首页的设计原则。2、应用表格设计首页的方法。六、 教学难点1、站点的存储路径。2、应用表格布局网页结构的设计流程。七、教学方法纲要中指出：信息技术的学习过程不是机械的知识传授和技能训练的过程，而是充满体验、充满探究、充满实践的过程。因此在本课的教学设计中，教师以任务驱动为主要的教学方法，通过创设情景，明确任务，让学生在
5、兴趣中探究，在实践中成长，在活动中收获。八、教学过程（一）创设情景，导入新知教师展示我校第十三届校园文化艺术节“科技趣味挑战赛报名”的活动通知，询问学生是否参加过该活动。根据学生回答，引入本节课的主题制作科技趣味挑战赛的网页，让更多的学生了解参与到该活动中去。 学生倾听、欣赏、思考和回答。（二） 层层递进，新授教学1、 工具选择 网页制作是一项大工程。如何来进行网页制作呢？工欲善其事，必先利其器。因此网页制作第一步就是选择一个合适的制作工具。你知道有哪些网页制作工具？学生思考、交流、回答。教师推荐网页制作工具Dreamwave，简单介绍其特点。要求学生完成“学习单”中的课堂实践1：启动Drea
6、mweaver软件，认识Dreamweaver窗口组成。 参照教材P51图3.2-2,认识窗口组成。学生阅读书本，自主学习，交流比较。教师提示，巡视，查看完成情况。2、创建站点一个网站，通常由多个网页组成，为了方便网页的管理、浏览和发布，首先需要建立站点，这也是网页制作的第二步。教师要求学生完成课堂实践2：新建站点，名称为 webs，位置E:你的文件夹 。提示创建站点方法可参考“帮助文档”中的“如何建立站点.doc”。学生尝试、探究、交流、讨论和示范。教师巡视、指导，挑选一个举手完成任务的学生演示，评价是否正确。成功创建站点标志是在你的文件夹中看到一个名为webs的文件夹。如未找到，分析原因，
7、解决问题。（预设错误是站点存储位置的选择问题，后面需要加上站点的名字。）学生修正错误，创建站点。 3、设计首页网站创建好以后，进入网页制作的第三步设计首页。什么是首页？首页设计的原则是什么？学生思考、回答。教师总结设计原则：主题突出，图文和谐，新颖美观。教师展示首页范例图，师生共同分析组成：图片，文字和背景。教师提出具体的设计制作要求，要求学生进行设计制作，充分利用参考帮助文档“如何设置网页背景?”“如何插入图片？”以及同学、老师等资源。学生尝试、探究、提问、交流。师生探讨共性问题： （1）、插入图片和背景图设置的方法一样吗？ （2）、如果图片不在站点内，计算机有何提示？如何操作？（3）、图片
8、的位置可以任意移动？图片之间如何整齐美观排列？ 总结以上（1）（2）问题的解决方法，问题（3）未找到好的解决方法。4、表格设计利用表格设计网页，不仅使整个页面更整齐美观，而且很好的解决了图片之间的排版问题。教师要求学生按照首页范例插入表格，设置对齐，设计网页。利用参考帮助文档“如何插入表格？和学习单中设置表格对齐的方法提示等帮助资源。学生尝试、探究、交流、示范。表格插入并设置对齐以后，需要立刻调整表格的高度和宽度？5、添加素材图片是网页设计中素材重要的组成部分。教师讲解在表格的单元格插图片后，该单元格自动调整成该图片的高度和宽度。如何使一列或一行的多个单元格中的图片排列整齐美观？学生尝试、探究
9、、交流。 师生总结方法：在属性面板中设置图片统一的高度或宽度。常用的编辑排版方法介绍。6、保存网页我们通过规划结构，添加素材，编辑排版三个流程实现了应用表格布局网页的设计制作过程。设计的首页也初具雏形，如何保存网页，并查看效果？学生尝试、探究、示范。 教师总结方法，预览学生的首页作品，要求学生进行自评打分。（三） 展示分享，拓展预告本节课我们通过设计首页，展示了首页作品，分享了制作经验，拓展了信息视野。下节课我们还将应用更加复杂的表格形式布局网页，设计制作出更精美兼有动态效果的网页。附：首页作品自我评价表评价内容评价分值108 6背景选用恰当，图片能很好点缀网页（35%）标题清楚、醒目，正文内容大小、颜色、位置设置合理。(35%)页面设计简洁、和谐，图文并茂。（20%） 页面保存的名字位置正确，在浏览器中查看效果好（10%）总分：
