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

项目一：主页欣赏及页面分析 课题名称：1．1 页面的构成元素 1．2 表现主题 教学目标 1．知识与技能目标 掌握主页应包含的主要要素 2．操作技能目标 学习选择和设计主题的方法，并培养页面的审美能力。 教学分析与准备 1．教学重点 选择和设计主题的方法。 2．教学难点 主题的定位和表现。 3．教学策略 讲授、演示、讨论相结合 4．教学环境 多媒体网络机房 学习过程 教学组织 教学内容 备注 引入新课 （建议教学2分钟） 讲授新课 网页效果分析和讨论 （建议教学5分钟） 教师点评分析（建议教学5分钟） 教师综合论述（建议教学3分钟） 组织学生如何选择设计主题（建议教学20分钟） 教师点评（建议教学8分钟） 课堂小结 （建议教学2分钟） 布置作业： 网页页面所包含的各个构成元素分类阐述： 表现主题 网站名称和CI形象 设计风格 版式设计 色彩运用 网页导航 视听元素 从资源图片上的网页效果分析和讨论网页的主题。 图1-2-1：儿童娱乐天地 图1-2-2：高尔夫球运动 图1-2-3 图1-2-4：室内装饰设计 教师点评分析： 图1-2-1：儿童娱乐天地 界面中随手涂丫的边框效果和云彩的简笔画非常贴近儿童的年龄特征。 卡通图片的运用及别致的登录区设计充分体现儿童喜好。 草绿渐变色的运用及花草的点缀显得回归自然，轻松愉悦。 图1-2-2：高尔夫球运动 界面上半部分中的高尔夫球图片和巧妙的菜单设计直奔主题。 运动场景图片呈现运动动感。 色彩选择让浏览者仿佛亲临球场。 图1-2-3：精美咖啡文化 咖啡杯及咖啡色的图片处理呈现主题。 文字和咖啡原料图片的错落有致展现文化色彩。 图1-2-4：室内装饰设计 三幅精美图片的共性无言中向浏览者传达着室内装饰信号。 简洁有致的界面设计吸引着浏览者步入居室。 背景色调更显高贵典雅，从侧面映衬装饰水准。 设计时要注意主要原则之一：主题鲜明。 如何做好主题的选择与定位 设计网页，主题的选择与定位是首先遇到的问题。每个大类都可以继续细分，主题的选择也要服从设计网页所应有的实效性。 主题的选择应注意以下几点： 1、主题定位小，内容精。网络的最大特点和优势就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，比较肤浅，而您不可能有太多的精力去维护它。 2、主题贴近生活，题材最好是自己擅长或者喜爱的内容。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。例如对游戏感兴趣，就可以建立一个游戏网站；喜欢音乐，就可以创建一个音乐天地；喜欢足球明星，则可以建立明星档案网等。 3、挖掘有特色的主题。过于普通人人皆知的题材对浏览者缺乏吸引力。 通过学习，了解主题的重要性、掌握选择和设计主题的一些方法。 1、网页要鲜明地突出主题，具体还可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到，试思考程序员交流网站： 的表现主题。 2、自己选择一设计主题，思考从界面素材上如何表现主题。 以文字呈现为主，也可以自选一张网页页面进行说明。 组织学生思考与回答。 可以由学生自行进行点评 教师可以准备一些主题表现不理想的页面作为反例进行分析