标签：初中信息技术教学设计大全,http://www.lexue88.com
《设计网站首页》教学设计,
www.lexue88.com
第四阶段：综合实践，巩固与提高，自由创作，迁移运用
教学环节
教师活动
学生活动
设计理念
实践与创新
师：本节课的学习内容基本结束，但我们探索的路还有很长，请大家完成二级网页Parents．htm的设计。
教师巡视学生制作的情况，并进行指导。
师：预览网页，调整浏览器窗口，你能发现网页的变化吗？怎样才解决这个问题呢？
根据图1-1-6（b）设计网页。
操作并观察片面的变化。
在学习与探究基础上进行自主的网页创作。
设疑，为下一节课“网页中表格”作知识铺垫。
同时，制作的二级网页也是为第五课准备超链接的网页素材。
第五阶段：教学总结，设疑激趣，为下一节课作好铺垫
教学
环节
教师活动
学生活动
设计理念
课堂小结
课堂小结本节课的学习内容。
师：请同学们通过浏览器预览自己刚刚制作的网页，然后任意改变浏览器窗口的大小，看看网页中已经排好的版面是不是发生了变化？有防止这种现象的发生的办法吗？
预览网页，观察版面的变化，思考解决的方法。
承上启下，激发学生进一步学习网页制作的兴趣。
?教学反思
本节课的知识点与之前学过的Word有很多相同或相似之处，所以在教学过程中尽量把学习知识的过程交给学生，由他们通过自己的实验和比对，掌握相应知识的要点和操作方法。并在本节课结束前设疑，为下一节课的学习作好准备。
二、补充资料部分
?1．学件
名称
文件名
输入并编辑文字
文字．swf
插入图片
插入图片．swf
插入水平线
水平线．swf
网页的保存、预览和新建
网页操作．swf
?2．资料库
网站首页设计的一些“特色”
通过考察对比，笔者发现了很多网站的首页有四大共同点：“长，闪，挤，花”。
一、“长”。长页面的领军者应该是我们的大型门户网站。现在能生存下来的大型门户各个实力不凡，又纷纷上市，其他网站能与他们页面相似应该也能说明实力相似，这几家大型门户已经给用户形成了“长则是好”的印象，于是众多网站都纷纷“长”起来了。无论是综合性网站还是专业性网站，只要有内容，就能做多长就做多长，没有内容，抄袭别人内容也要做长，以至于不少实力有限的网站只是首页很长，到了栏目页面（二级页面）就简陋的可怜了。
www.lexue88.com
长的基础就是要内容要多，这些众多的长网站在组织内容的思路上基本是一致的，就是把二级页面的内容摘要的放在首页上。首页分成若干个相应的通栏的大块儿（这样可以逐个部分的下载页面，易于显示），再在每两块之间加一条广告，最后再在页面的最上面加一个更综合的区域，所谓的重中之重，这样以来页面想短都短不了。
按照JakobNielsen的说法：网站首页的长度不应该超过4屏。当然这个准则也未必就那么准确，但是至少应该承认页面不是越长越好的。
二、“闪”。就是网页上能动的东西──动画。主要是Gif动画、Flash动画、脚本语言实现的图片交替效果，还有就是弹出窗口。动画对网页表现本应该是个很好的补充，但是现在的实际效果是对网页的干扰。
虽然弹出窗口里的内容不一定是动画，但的弹出效果绝对是最具视觉冲击力。还好，现在有越来越多的雷锋式的好公司提供了能屏蔽弹出窗口的工具。
脚本语言实现的图片交替效果目前主要是用在网站头条的图片报道上，虽然是动，分散用户的注意力，好在这种方式还是为了给用户提供尽可能多的信息，应该值得肯定，也应该是动画应用于网络的发展方向。
Gif动画是传统的动画形式，但在Flash动画面前，它的生存空间越来越小。
Flash动画无疑是网页动画的主力，其文件小、效果好。
三、“挤”。我们的网站看上去满满当当的，比公共汽车还挤。
与英文相比，中文本身就显得比较复杂，对于有链接的文字国内很多网站又往往更倾向于传统的随时保持下划线的方式，再加上小的几乎不存在的行间距，使得页面看上去分外拥挤。
经常可以看到某网站为了突出重点内容而使用14pt的字号，然而却不加大该内容与其他内容的距离，这样只能使页面看上去更拥挤。
第四是“花”，中很多网站的色彩之绚烂，几乎无以复加。
在网站中，通常将各个栏目摘要排放在首页上，每一个栏目会有一种主色调，这样一来，首页上的色彩自然就很丰富了。
当然，分栏目确定主色调的设计方式本身并没有错误，也不足以搞“花”页面。然而实际情况却更复杂。以文字为例，未点击的链接文字有黑色和蓝色，重点的文字会用红色，点击后的文字链接是紫色，无链接且不重要的文字是灰色，此外为了突出某一个重点内容会添加一个醒目的背景色或文字颜色。
网页设计师为了表明自己工作用心，会给每一个子栏目的标题部分设计一个很具有特色的背景，这些文字再与数不胜数的图片、动画交相辉映，使得用户可以在一个页面上将电脑可以显示的全部色彩尽收眼底。
引用DonaldNorman在《emotionaldesign》一书中的理论，设计可以分为三种层次：本能水平的设计、行为水平的设计、反思水平的设计。本能水平的设计是满足人类本能审美需求的设计，也就是漂亮、美观的设计；行为水平的设计是注重效用的设计，注重功能、易用性、可用性；反思水平的设计注重信息、文化的作用，一件产品被设计的很独特、出众、引人瞩目，用户会因为始终这个产品而产生乐趣，产生满足感。
根据这个理论，中国网站的设计普遍达没能实现本能水平的设计，虽然网站的BOSS、设计师本人都希望把网站设计的很漂亮，吸引用户的眼球。行为水平的设计逐渐被重视了，不过目前基本上还是停留在不高的水平上。上面说到的国内很多网站的种种问题实际上正式在反思水平上的设计，一种变相的反思水平设计。
造成上述网站首页设计问题的罪魁并不是设计师没水平或者用户没品味，而是产品不够，这表面上的“多”其实是由于“少”造成的。用户对网络内容的需求引导着网站的设计，策划人员有意无意地在迎合着这样的需求。
上一页 [1] [2]
，《设计网站首页》教学设计
