网页设计中的构图

《网页设计中的构图》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

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

4、定，动态及扩张、幻想2、如何将这些几何图形运用到网页设计中去呢？A：某聚光灯泡网站分析：1、聚光灯让人联想到电，有种危险的感觉。网页使用了矩形来表现稳重，给人以安全感。2、网页中的矩形合理的搭配，有效的穿插，能使页面除了信息传达外，更具层次感和观赏性。利用生活上的实例来讲解，比如：比萨斜塔，它成平行四边形，有不稳定感。思考：你认为什么样的网站使用矩形最合适？B:某豆制品的网站分析：1、大豆带给人们一种醇香的感觉。网页中使用了柔和的圆形曲线来表达那种健康的感觉。2、竖着的大圆角矩形和线条勾勒出整个完整的画面各种信息镶

5、嵌于各个形状只中，既不显得乱又使其相得益彰。思考：你认为什么样的网站使用圆形曲线最为合适？注意：1、几何图形在网页中的应用不是一成不变的。不能墨守成规，要灵活的运用。（3）、同学们自己建立自己的网站，根据自己的性格采用不同的几何图形构图。学生要认真思考总结举例网站特色，使用此种构图的原因。教师要根据学生当时的思想状态进行引导。巩固新课1、构图的基本知识2、几何图形在网页中的应用课后作业完成课堂作业。（网站主题健康、积极向上，内容不限）教学反思