DreamweaverCS5网页设计与制作第3版 吕宇飞电子教案1-4.docVIP

项目一：主页欣赏及页面分析 课题名称：1．5 版式设计 教学目标 1．知识与技能目标 了解网页设计中各种版式设计形式。 2．操作技能目标 能够进行页面整体的版式设计，并培养相应的审美能力。 教学分析与准备 1．教学重点 掌握各种版式设计形式 2．教学难点 如何进行页面整体的版式设计和布局 3．教学策略 讲授、演示、讨论相结合 4．教学环境 多媒体网络机房 学习过程 教学组织 教学内容 备注 引入新课 （建议教学5分钟） 教师点评分析（建议教学5分钟） （建议教学5分钟） 教师点评分析（建议教学10分钟） 教师讲解要点，同时让学生自行进行版式布局设计（建议教学15分钟） 课堂小结（建议教学2分钟） 布置作业（建议教学3分钟） 观察与分析资源包提供的一系列不同布局网页的浏览。 常用的几种布局格式： T结构、口型、对比型、三型、POP布局 观察与分析资源包提供的一系列不同版式网页的浏览。 可以借鉴广告设计中版式设计的一些思考方法。 1、正常平衡---亦称匀称。多指左右、上下对照形式，主要强调秩序，能达到安定、诚实、信赖的效果。 2、异常平衡---即非对照形式，但也要平衡和韵律，此种布局能达到强调性、不安性、高注目性的效果。 3、对比---所谓对比，不仅利用色彩、色调等技巧来表现，在内容上也可涉及古与今、新与旧、贫与富等对比。 4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。 5、空白---空白有两种作用，一方面对其它网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体现网页的格调十分有效。 6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。 图片解说的内容，可以传达给浏览者的更多的心理因素。 关注手机网站页面。 操作步骤为： 1、草案 2、粗略布局 3、定案 网页设计主要原则之三：整体原则。 常用的几种布局格式：T型结构、口型结构、三型结构、对比型结构和POP布局。 版式设计追求页面整体和谐，应兼顾的美学原则有连续、渐变、对称、对比、比例、平衡、调和、律动、统一、完整等。 了解常用的几种布局格式中T型结构、口型结构均有多种演变和组合格局，例如： （1）“国”字型：也可以称为“同”字型，常见于一些大型网站。 （2）拐角型： （3）标题正文型：应用于一些文章页面或注册页面 （4）框架型： 其中左右框架型是一种左右为分别两页的框架结构，一般左面为导航链接，右面为正文。常见于一些大型论坛和一些企业网站；上下框架型则是上下分为两页的框架；综合框架型为上述两种类型的组合，是相对复杂的一种框架结构，较为常见的类似于“拐角型”的布局结构。 2、为自己选定的网站主题绘制布局草图。 可以组织学生自行浏览。 部分组织学生思考与回答。 可以组织学生自行浏览。 部分组织学生思考与回答。 或者给出已经设计好的主页，要求学生绘制其草案