计一个简单的网站教学设计

第十一课设计一个简单的网站教学设计教材简析本课是第三单元网站建立的第一课，重点介绍学习网站及网页、网站主题设计、构造设计、主页布局及色调设计等根底知识，这些都是网站建立的根底知识。从教材的构造和内容来看，通过前面、、网上冲浪的学习，学生完全具备对相应知识学习的承受实力和心理承受实力。本课学习制作网页对培育信息表达的实力，加强学生的信息意识，提高信息处理的实力有着重要的作用；网页的设计也给学生供应了展示特性、自主创新的时机，促使他们主动地学、创建性地学；网页的页面布局及色调搭配的风格等实力培育，可以提高他们的艺术修养和审美情趣。教学目标1．知识目标了解如何明确网站主题；了解如何组织网站的构造。2．实力目标让学生相识网站及网页、常见网页布局，并且通过设计一个简单的网站，让学生驾驭如何确定网站的主题、设计网站的构造、设计主页的布局及色调、绘制网页布局等，通过学生的操作和协作探讨，培育学生的自主学习、协作学习的实力；通过知识的再现培育学生的创新实力和创新意识。3．情感目标通过作品展示和评价，让学生体验胜利的喜悦，激发学生的创建热忱；通过小组的协作，培育学生的合作精神和集体主义精神。教学重点了解如何明确网站主题；了解如何组织网站的构造。教学难点了解如何明确网站主题；了解如何组织网站的构造。学情分析本课面对八年级学生，学生已经学习了、及上网阅读信息，对计算机的根本操作〔中文档的编辑，网页的阅读等〕比拟娴熟。这使得学生主动探究、自主学习、在因特网上展示自我成为可能。但本课主要的内容为根底知识，重在讲授，可操作性差，学生动手操作在肯定程度上受到压抑，所以老师在讲授本课时，多引用内容丰富、形式新奇、符合八年级心理特征的网站进展讲讲解明，激发学生学习爱好。培育学生获得信息、处理信息、整合信息的应用实力，培育学生的信息素养和独立分析问题、解决问题的实力，提高学生的创新实力、自学实力、理论联系实践实力，增加学生的独立意识，培育学生的团队协作精神。教学方法情景导入法、任务驱动法。所用课时2课时。教学环境多媒体机房。4人为一个小组，每个小组选出一名学生出任组长。老师针对学生的实力水平进展适当调整，以到达各个小组的力气均衡。本课教学应至少一人或两人一机，投影机一台或机房配备播送系统，整个机房以宽带的形式接入因特网，网速较快。教学过程一、创设教学情景，激发学生学习爱好师：同学们，因特网作为重要的信息发布及沟通方式，在以惊人的速度开展。或许就在你看完这段文字的几分钟时间里，全世界又诞生了几十个网站。看着风格各异的网站，信任很多同学心里肯定有一个愿望，让自己也在网上安个家——制作一个网站，在这个单元中，就让我们一起来实现这个愿望吧。从本课开场，我们就一起来学习如何创立一个个人站点。学完本单元的全部内容后，同学们就可以创立出有自己风格的个人站点，并且将它发布到因特网上去，及大家共享和沟通了。〔板书：网站及网页〕二、讲授新课〔一〕网站及网页师：网页设计制作是根底，是建立网站的第一步。但网站的设计要困难得多。据2006年5月发布的第五次中国互联网信息资源调查报告，全国网站数约为69.4万个，全国网页总数约24亿个，平均每个网站的网页数为3748个。某些大型网站的网页数目更是以百万计。将数量如此众多的网页有条理地组合在一起，形成一个网站，可不是一件简单的事。因此，在制作网站要进展细致的思索和规划。网站建立的一般流程是：选定网站主题、规划构造、设计制作、测试修改、发布站点等。投影播送网站建立的一般流程。师：下面我们来看看如何设计一个简单网站。〔板书：设计一个简单网站〕〔二〕设计一个简单网站1．确定网站的主题师：主题的选择关键在于好的创意和特色，如何做到这一点呢？在选择时应留意以下几点：投影展示确定网站主题要点。〔1〕主题定位要准，内容要精。假如我们想制作一个应有尽有的站点，把全部认为精彩的东西都放在上面，则往往会事及愿违，给人的感觉是没有主题，没有特色。〔2〕题材最好是自己擅长或者宠爱的内容。比方：擅长编程，就可以建立一个编程爱好者网站；对足球感爱好，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。爱好是制作网站的动力，没有热忱，很难设计制作出精彩的作品。投影播送网站。〔3〕网站名称也是网站设计的一局部。名称要易记、有特色。依据中文网站阅读者的特点，除非特定须要，网站名称最好用中文名称。是由英文单词“〞变化而来。“〞是美国数学家的侄子创建的一个词，表示1后边带有100个零的数字。运用这个词代表想折服网上无穷无尽资料的雄心。图3－1－2标识师：了解了网站建立的要点后，我们来观赏一下这些网站。投影播送一些优秀网站的截图。2．设计网站根本构造师：网站的主题确定后，下一步的任务就是依据主题，将所要表达的信息进展划分，确定网站的根本构造，最终完成网站的栏目设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清楚；也好比造一座高楼，首先要设计好框架图纸，才能使楼房构造合理。3．设计主页的布局及色调师：了解了网站的根本构造，我们再来看看网站的主页。主页是进入网站时，我们翻开的第一个网页。因此，主页的设计非常重要。主页的布局应依据网站的类型而设计，不同的网站有不同的风格，但应具备标题、网站标识〔〕、导航、网页内容等根本布局元素。投影展示迪斯尼网站的主页，老师逐一讲解标题、网站标识、导航条等。标题是网页用来标识网页性质和内容的，标题将显示在阅读器的标题栏里。网站标识〔〕一般放在网页中最惹眼的位置，目的是加深阅读者对网站的印象，同时标识又代表网站的形象，所以标识都是通过细心设计的。导航供应网站栏目的索引，通过导航可以便利的阅读到网站的每一个栏目。一个合理的导航设计将使网站变得简单易用。〔1〕常见的网页布局师：虽然网站形形色色，但假如把整个首页面当成一个整体去视察，它们的布局主要有以下几种：“同〞字形网页构造、“匡〞字形网页构造、“回〞字形网页构造、“川〞字形网页构造投影展示以上几种类型网站。师：除以上几种外，还有自由格式网页构造布局，它的风格较为随意，完成后的页面就像一张精致的图片或极具创意的广告。同学们在上网的过程中看到构造新奇的网页可以将他们保存起来，或许能为今后的创作供应灵感。〔2〕色调搭配师：了解网站的布局后，下面我们再来看看网站的色调搭配，设计网站犹如人的衣着装扮一样，也须要恰如其分的包装和表达。不同的颜色会给阅读者不同的心理感受，产生不同的联想，选择色调要和网页的内涵相关联。网页色调搭配时，网页的色调要简单引人注目，色调和表达的内容气氛相适合。投影展示中学生校园生活网站：如：“中学生校园生活〞网站主要采纳了浅黄绿色，表达了中学生青春、清爽、自然的视觉意境。清爽自然、温馨淡雅的设计，让人感觉到校园青春的气息扑面而来，是一个比拟好的设计。师：在这里，老师给同学们介绍几种常用的配色方案：暖色调。即红色、橙色、黄色、赭色等色调的搭配。这种色调的运用，可使主页呈现温馨、暖和、热忱的气氛。冷色调。即青色、绿色、紫色等色调的搭配。这种色调的运用，可使主页呈现安静、凉爽、高雅的气氛。比照色调。总体的色调应当是统一和谐的，局部的地方可以有一些小的剧烈比照。除了颜色搭配外，还要考虑主页底色〔背风光〕的深、浅。有些主页，底色是黑的，但文字也选用了较深的色调，由于色调的明度比拟接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色调的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使阅读者的眼睛感到不舒适。三、授课完毕，课程总结本节课主要讲了以下几个知识点：1.了解如何明确网站主题；2.了解如何组织网站的构造。四、课堂作业分组设计制作不同主题(如班级主题、家乡的旅游资源、爱护环境、历史人物等主题)网站。五、教学反思网站的建立在中学信息技术课中也是学生比拟宠爱的内容。本节课主要是让学生对网站有个整体的相识，比方网站的主题、网站的根本构造、主页的布局及色调。由于是对网站的相识，所以我采纳了案例分析的方