网页设计中的构图

《网页设计中的构图》由会员分享，可在线阅读，更多相关《网页设计中的构图（3页珍藏版）》请在金锄头文库上搜索。

1、【课题课题】网页设计中的构图（网页设计中的构图（1 1）【教学目标教学目标】知识目标：知识目标：（1）明确构图的含义以及构图在网页制作地位，提高同学们的审美能力；（2）使同学掌握网页中几种常见的布局方法。能力目标：能力目标：通过对构图的学习与运用，培养学生的审美能力。情感目标：情感目标：使同学们通过本节课程的学习，知道这个世界是多么丰富多彩。让同学们积极的面对生活，面对人生。【教学重点教学重点】掌握网页构图设计中几种常见的布局方法。【教学难点教学难点】如何合理利用理论知识搭建网页【教学设计教学设计】（1）通过复习上街课程以及生活中的实例导入几何图形在生活中所代表的含义；（2）引导学生自然地认识

2、颜几何图形的含义；（3）针对集合不同情况，认识到不同类型的网站，需要不同的几何图形来合理构建网站；（4）通过练习，巩固知识（5）依照学生的认知规律，顺应学生的学习思路展开，自然地层层推进教学【教学备品教学备品】教学课件【课时安排课时安排】2 课时(90 分钟)【教学过程教学过程】教教 学学 过过 程程教教 法法学学 法法引入新课引入新课1、总结上次的作业以及复习色彩在网页中的应用，得出结论构图在网页设计中的作用。从实际事例使学生自然的走向知识点教教 学学 过过 程程教教 法法学学 法法2、提问：埃菲尔铁塔是什么颜色？比萨斜塔是什么样子？讲授新课讲授新课（1） 、关于构图的基本知识1、什么是构图

3、？绘画时根据题材和主题思想的要求，把要表现的形象适当地组织起来，构成一个协调的完整的画面称为构图。2、构图的基本原则是什么？构图的基本原则讲究的是：均衡与对称、对比和视点。3、思考：什么是网页的构图？根据网站的题材，合理运用简单的几何形体及多样的素材搭建一个协调的完整的网页。（2） 、几何图形的力量1、几何形体能带给人们哪些情绪上的变化呢？（让我们来一起探讨一下）A：圆形：运动、柔和、张力、和谐美 B：矩形：单纯而明确，稳定C：平行四边形：有向一方运动的感觉D：梯形：稳重，令人联想到山E：正方形：稳定的扩张F：正三角形：平稳的扩张G：倒三角形：不安定，动态及扩张、幻想2、如何将这些几何图形运用

4、到网页设计中去呢？A：某聚光灯泡网站分析：1、聚光灯让人联想到电，有种危险的感觉。网页使用了矩形来表现稳重，给人以安全感。2、网页中的矩形合理的搭配，有效的穿插，能使页面除了信息传达外，更具层次感和观赏性。利用生活上的实例来讲解，比如：比萨斜塔，它成平行四边形，有不稳定感。教教 学学 过过 程程教教 法法学学 法法思考：你认为什么样的网站使用矩形最合适？B:某豆制品的网站分析：1、大豆带给人们一种醇香的感觉。网页中使用了柔和的圆形曲线来表达那种健康的感觉。2、竖着的大圆角矩形和线条勾勒出整个完整的画面各种信息镶嵌于各个形状只中，既不显得乱又使其相得益彰。思考：你认为什么样的网站使用圆形曲线最为合适？注意：1、几何图形在网页中的应用不是一成不变的。不能墨守成规，要灵活的运用。（3） 、同学们自己建立自己的网站，根据自己的性格采用不同的几何图形构图。学生要认真思考总结举例网站特色，使用此种构图的原因。教师要根据学生当时的思想状态进行引导。巩固新课巩固新课 1、构图的基本知识2、几何图形在网页中的应用课后作业课后作业完成课堂作业。 （网站主题健康、积极向上，内容不限）教学反思教学反思