dreamweaver cs网页设计与制作 电子教案

《dreamweaver cs网页设计与制作 电子教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一章：主页欣赏及页面分析课题名称：1．1页面的构成元素1．2表现主题一．教学目标1．知识与技能目标掌握主页应包含的主要要素2．操作技能目标学习选择和设计主题的方法，并培养页面的审美能力。二．教学分析与准备1．教学重点选择和设计主题的方法。2．教学难点主题的定位和表现。3．教学策略讲授、演示、讨论相结合4．教学环境多媒体网络机房三．学习过程教学组织教学内容备注引入新课（建议教学2分钟）讲授新课网页效果分析和讨论（建议教学5分钟）教师点评分析（建议教学5分钟）网页页面所包含的各个构成元素分类阐述：1、表现主题2、网站名称和CI形象3、设计风格4、版式设计5、色彩运用6、网页导航7、视听元

2、素从资源图片上的网页效果分析和讨论网页的主题。图1-2-1：儿童娱乐天地图1-2-2：高尔夫球运动图1-2-3：精美咖啡文化图1-2-4：室内装饰设计教师点评分析：图1-2-1：儿童娱乐天地1、界面中随手涂丫的边框效果和云彩的简笔画非常贴近儿童的年龄特征。2、卡通图片的运用及别致的登录区设计充分体现儿童喜好。3、草绿渐变色的运用及花草的点缀显得回归自然，轻松愉悦。以文字呈现为主，也可以自选一张网页页面进行说明。组织学生思考与回答。143教师综合论述（建议教学3分钟）组织学生如何选择设计主题（建议教学20分钟）教师点评（建议教学8分钟）图1-2-2：高尔夫球运动1、界面上半部分中的高尔夫

3、球图片和巧妙的菜单设计直奔主题。2、运动场景图片呈现运动动感。3、色彩选择让浏览者仿佛亲临球场。图1-2-3：精美咖啡文化1、咖啡杯及咖啡色的图片处理呈现主题。2、文字和咖啡原料图片的错落有致展现文化色彩。图1-2-4：室内装饰设计1、三幅精美图片的共性无言中向浏览者传达着室内装饰信号。2、简洁有致的界面设计吸引着浏览者步入居室。背景色调更显高贵典雅，从侧面映衬装饰水准。设计时要注意主要原则之一：主题鲜明。如何做好主题的选择与定位设计网页，主题的选择与定位是首先遇到的问题。每个大类都可以继续细分，主题的选择也要服从设计网页所应有的实效性。主题的选择应注意以下几点：1、主题定位小，内容精

4、。网络的最大特点和优势就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，比较肤浅，而您不可能有太多的精力去维护它。2、主题贴近生活，题材最好是自己擅长或者喜爱的内容。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。例如对游戏感兴趣，就可以建立一个游戏网站；喜欢音乐，就可以创建一个音乐天地；喜欢足球明星，则可以建立明星档案网等。3、挖掘有特色的主题。过于普通人人皆知的题材对浏览者缺乏吸引力。通过学习，了解主题可以由学生自行进行点评教师可以准备一些主题表现不理

5、想的页面作为反例进行分析143课堂小结（建议教学2分钟）布置作业：的重要性、掌握选择和设计主题的一些方法。1、网页要鲜明地突出主题，具体还可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。2、自己选择一设计主题，思考从界面素材上如何表现主题。第一章：主页欣赏及页面分析课题名称：1．3网站名称和CI形象一．教学目标1．知识与技能目标掌握设计网站名称和网站CI形象的要点、标志(logo)设计常用的三种规格和Banner广告设计常用规格。2．操作技能目标设计网站名称和网站CI形象的方法，并培养相应的审美能力。二．教学分析与准备1．教学重点网站名称和网站CI形象的设

6、计要点2．教学难点网站名称和网站CI形象的表现与审美3．教学策略讲授、演示、讨论相结合4．教学环境多媒体网络机房三．学习过程教学组织教学内容备注讲授新课网站名称（建议教学5分钟）教师点评分析（建议教学5分钟）CI形象（建议教学5分钟）观察与分析资源包提供的一系列网站名称。网站名称要点：1、网站名称要合法，合理，合情。　　2、网站名称要简明扼要，容易记忆。3、网站名称要有特色。观察与分析资源包提供的CI形象。组织学生思考与回答。组织学生思考与回答。143教师点评分析（建议教学5分钟）学生利用因特网收集一些网站名称和网站CI（建议教学15分钟）教师讲解需要注意的要点（建议教学8分钟）创建网

7、站的CI形象，首要是标志(logo)的设计。标志(logo)往往能反映出网页的相关信息，便于网页浏览者识别，比单纯的文字形式更引人注意。标志(logo)的设计可以是中文，英文字母，可以是符号，图案，甚至是动物或者人物等。例如图1-3-14中的新浪网的标志，用字母sina+眼睛作为标志。如图1-3-2到图1-3-14可以看出最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。而图1-