1、本网站免费注册后即可以下载，点击开通VIP会员可无限免费下载！
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题，请联系微信客服。
扫描下方二维码，添加微信客服
《4.2.2网页的版面设计》新课标教案优质课下载
本节主要内容介绍
网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。
网站的设计一般包括网站栏目结构设计、网页版式设计、网页的交互设计(链接设计、导航设计)等。
在设计自己的主题网站之前，可以通过观摩一些优秀的网站，从浏览者的角度(用户的角度)去分析他们这样的设计达到了什么样的效果，从中得到一些有益的启示。学情分析：
本节课的教学对象为高中一年级学生，且通过之前的学习，学生已经有了一定的网站设计的基础，比如网站的创建，网页的新建，网页中文字、图片、声音、动画等内容的插入，且本章节的教学的重点并非是教会学生操作网页制作工具，而是对学生有更高的要求，即引导学生提升自己的审美和创造能力。但由于高中信息技术科的学科属性的特征，做不到长期且系统的去培养学生的设计能力，所以，在这种条件下，通过鉴赏和学习其他的网站案例，学生在模仿和学习中，加以思考，推陈出新，设计出能体现自己独立个性的作品，使学生能够体验到设计的快乐。重点内容：网页的版面设计难点内容：
1、选择适合网站主题的色系；
2、根据内容对网页进行布局。知识目标：了解页面布局的基本样式，能根据需要选择合适的网站（网页）风格。
过程目标：通过对自己网站版面布局的实践，体验版面设计的重要性，掌握版面设计的一般方法。
情感目标：提升学生的审美能力与艺术鉴赏能力，同时让学生体验到设计的快乐。教 师 活 动教 学 内 容 第 1 课时学 生 活 动
为学生假设一个新入学大学生加入社团的情景。
通过选择简历的讨论，引出布局与设计关键词，从而进入本课的学习。
布置欣赏任务。
抽学生代表回答问题。
教师对学生的回答进行总结。
教师总结刚才的答案，引导学生归纳出网站设计的一般内容。
突出重点，介绍网站的版面设计。
首先介绍版面设计中的风格。
讲解色彩让人产生的心理暗示，以及不同的色彩搭配的效果。
通过刚才的分析介绍，让学生去思考，校园官网的主题颜色，辅助色有哪些？这样的配色带给人什么样的感受？
讲解版面设计的布局设计
让学生观察校园网主页与这个子页面，对比分析两个页面有什么异同。
归纳学生的答案，总结网页的主要内容及网页各个内容的位置，以及为什么要放在这里的原因。
列举一些网页，让学生划分这个网页的布局方法。
简单介绍网站的图标和网站的字体图片样式
抽人回答思考问题。