《设计网站首页》教学设计

概要： 第三阶段：知识、情感拓展 教学 环节 教师活动 学生活动 设计理念 知识与情感 师：请大家回想一下，你从小到现在，你的妈妈给你洗了多少次脚？你为她洗过多少次呢？ 师：如果还没有做，就从今天开始吧！ 请同学们课下完成体验任务，根据自己的感受设计网页Feeling1．htm。 生：记不清。 生

《设计网站首页》教学设计,标签：初中信息技术方案,http://www.88haoxue.com
  　　第三阶段：知识、情感拓展 教学 环节 教师活动 学生活动 设计理念 知识与情感 师：请大家回想一下，你从小到现在，你的妈妈给你洗了多少次脚？你为她洗过多少次呢？   师：如果还没有做，就从今天开始吧！   请同学们课下完成体验任务，根据自己的感受设计网页Feeling1．htm。 生：记不清。   生：还没有。   放学后完成这一体验活动，并将感受以网页的形式表达出来。 让学生通过这一活动体验感受父母对自己的爱。能够以网页的形式表达自己的感受。

www.88haoxue.com   　　第四阶段：综合实践，巩固与提高，自由创作，迁移运用 教学环节 教师活动 学生活动 设计理念 实践与创新 师：本节课的学习内容基本结束，但我们探索的路还有很长，请大家完成二级网页Parents．htm的设计。   教师巡视学生制作的情况，并进行指导。   师：预览网页，调整浏览器窗口，你能发现网页的变化吗？怎样才解决这个问题呢？ 根据图1-1-6（b）设计网页。     操作并观察片面的变化。 在学习与探究基础上进行自主的网页创作。   设疑，为下一节课“网页中表格”作知识铺垫。   同时，制作的二级网页也是为第五课准备超链接的网页素材。   　　第五阶段：教学总结，设疑激趣，为下一节课作好铺垫 教学 环节 教师活动 学生活动 设计理念 课堂小结 课堂小结本节课的学习内容。   师：请同学们通过浏览器预览自己刚刚制作的网页，然后任意改变浏览器窗口的大小，看看网页中已经排好的版面是不是发生了变化？有防止这种现象的发生的办法吗？   预览网页，观察版面的变化，思考解决的方法。   承上启下，激发学生进一步学习网页制作的兴趣。   ?教学反思   　　本节课的知识点与之前学过的Word有很多相同或相似之处，所以在教学过程中尽量把学习知识的过程交给学生，由他们通过自己的实验和比对，掌握相应知识的要点和操作方法。并在本节课结束前设疑，为下一节课的学习作好准备。   　　二、补充资料部分   ?1．学件   名称 文件名 输入并编辑文字 文字．swf 插入图片 插入图片．swf 插入水平线 水平线．swf 网页的保存、预览和新建 网页操作．swf   ?2．资料库   网站首页设计的一些“特色”   　　通过考察对比，笔者发现了很多网站的首页有四大共同点：“长，闪，挤，花”。   　　一、“长”。长页面的领军者应该是我们的大型门户网站。现在能生存下来的大型门户各个实力不凡，又纷纷上市，其他网站能与他们页面相似应该也能说明实力相似，这几家大型门户已经给用户形成了“长则是好”的印象，于是众多网站都纷纷“长”起来了。无论是综合性网站还是专业性网站，只要有内容，就能做多长就做多长，没有内容，抄袭别人内容也要做长，以至于不少实力有限的网站只是首页很长，到了栏目页面（二级页面）就简陋的可怜了。

www.88haoxue.com   　　长的基础就是要内容要多，这些众多的长网站在组织内容的思路上基本是一致的，就是把二级页面的内容摘要的放在首页上。首页分成若干个相应的通栏的大块儿（这样可以逐个部分的下载页面，易于显示），再在每两块之间加一条广告，最后再在页面的最上面加一个更综合的区域，所谓的重中之重，这样以来页面想短都短不了。   　　按照JakobNielsen的说法：网站首页的长度不应该超过4屏。当然这个准则也未必就那么准确，但是至少应该承认页面不是越长越好的。   　　二、“闪”。就是网页上能动的东西──动画。主要是Gif动画、Flash动画、脚本语言实现的图片交替效果，还有就是弹出窗口。动画对网页表现本应该是个很好的补充，但是现在的实际效果是对网页的干扰。   　　虽然弹出窗口里的内容不一定是动画，但的弹出效果绝对是最具视觉冲击力。还好，现在有越来越多的雷锋式的好公司提供了能屏蔽弹出窗口的工具。   　　脚本语言实现的图片交替效果目前主要是用在网站头条的图片报道上，虽然是动，分散用户的注意力，好在这种方式还是为了给用户提供尽可能多的信息，应该值得肯定，也应该是动画应用于网络的发展方向。   　　Gif动画是传统的动画形式，但在Flash动画面前，它的生存空间越来越小。   　　Flash动画无疑是网页动画的主力，其文件小、效果好。   　　三、“挤”。

上一页  [1] [2] [3]  下一页