项目一：主页欣赏及页面分析(吕宇飞版本).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、自己选择一设计主题，思考从界面素材上如何表现主题。 以文字呈现为主，也可以自选一张网页页面进行说明。 组织学生思考与回答。 可以由学生自行进行点评 教师可以准备一些主题表现不理想的页面作为反例进行分析 课题名称：1．3 网站名称和CI形象 教学目标 1．知识与技能目标 掌握设计网站名称和网站CI形象的要点、标志(logo)设计常用的三种规格和Banner广告设计常用规格。 2．操作技能目标 设计网站名称和网站CI形象的方法，并培养相应的审美能力。 教学分析与准备 1．教学重点 网站名称和网站CI形象的设计要点 2．教学难点 网站名称和网站CI形象的表现与审美 3．教学策略 讲授、演示、讨论相结合 4．教学环境 多媒体网络机房 学习过程 教学组织 教学内容 备注 讲授新课 网站名称（建议教学5分钟） 教师点评分析（建议教学5分钟） CI形象（建议教学5分钟） 教师点评分析（建议教学5分钟） 学生利用因特网收集一些网站名称和网站CI（建议教学15分钟） 教师讲解需要注意的要点（建议教学8分钟） 课堂小结 （建议教学2分钟） 布置作业： 观察与分析资源包提供的一系列网站名称。 网站名称要点： 1、网站名称要合法，合理，合情。　　 2、网站名称要简明扼要，容易记忆。 3、网站名称要有特色。 观察与分析资源包提供的CI形象。 创建网站的CI形象，首要是标志(logo)的设计。标志(logo)往往能反映出网页的相关信息，便于网页浏览者识别，比单纯的文字形式更引人注意。 标志(logo)的设计可以是中文，英文字母，可以是符号，图案，甚至是动物或者人物等。例如图1-3-14中的新浪网的标志，用字母sin