高中信息技术选修3教案-5.2 网页的文件结构及支持技术-浙教版

网页的文件结构与设计 教学设计 一、观察思考 老师给定一部分网址，学生上网观察不同网站的网页的元素、栏目、布局等内容。 二、思考交流 1、网页中常见的栏目有哪些？ 2、网页版面主要有哪几种基本布局？ 3、网页、主页、网站之间的联系与区别。 三、实践操作 设计并制作一个静态网页 四、作品展示与思考 1、把部分学生的作品展示给所有同学。 2、思考：为什么有的同学作品看起来让人感觉更舒服？ 五、内容拓展 良好网页设计的几条基本规则： 1、规划网页布局，让网页简约并且完整。 一个布局、风格具有简约美，同时又能提供大量有价值信息的网站必定受用户欢迎。 2、文本内容。 ①文本不能太宽，横跨屏幕宽度的文本让人难以阅读； ②太长的文本，容易让人失去阅读兴趣，把长的内容分成几个小主题或分页 ③文本的颜色与背景颜色要相反，这样文本显的更清楚。 3、留白和信息同样重要。 留白也是设计的一部分，那些不使用的空间也能发挥其作用。从用户的角度来说，留白很好，让布局更有条理，信息更清晰。 4、用户往往缺乏耐心 用户的时间宝贵，他们缺乏耐心。如果你不能提供便捷的信息，那么他们会选择离开，进而寻找其他网站来谋求信息。 六、课堂小结 通过本节课学习，了解了网页栏目的构成、网页的布局、以及良好网页设计的基本规则。设计并制作了一个静态网页，为下一步网站的制作打下了良好的基础。 七、作业 课后收集个人素材，为个人网站的制作做准备。 $$