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

第一章：主页欣赏及页面分析 课题名称：1．1 页面的构成元素 1．2 表现主题 教学目标 1．知识与技能目标 掌握主页应包含的主要要素 2．操作技能目标 学习选择和设计主题的方法，并培养页面的审美能力。 教学分析与准备 1．教学重点 选择和设计主题的方法。 2．教学难点 主题的定位和表现。 3．教学策略 讲授、演示、讨论相结合 4．教学环境 多媒体网络机房 学习过程 教学组织 教学内容 备注 引入新课 （建议教学2分钟） 讲授新课 网页效果分析和讨论 （建议教学5分钟） 教师点评分析（建议教学5分钟） 教师综合论述（建议教学3分钟） 组织学生如何选择设计主题（建议教学20分钟） 教师点评（建议教学8分钟） 课堂小结 （建议教学2分钟） 布置作业： 网页页面所包含的各个构成元素分类阐述： 表现主题 网站名称和CI形象 设计风格 版式设计 色彩运用 网页导航 视听元素主题鲜明主题 第一章：主页欣赏及页面分析 课题名称：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中的新浪网的标志，用字母sina+眼睛作为标志。如图1-3-2到图1-3-14可以看出最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。而图1-3-3标志图案是奔驰汽车的方向盘标志，这种以本专业为代表的物品作品例子还有图1-3-11展示中国银行的铜板标志等。 有些网站有代表性的人物，动物，花草，则可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。在色彩处理方面以上标志均采用“标准色彩”，色彩对比度强，清晰明了。图1-3-1为SONY公司网页，左上角的SONY标志则示范了标志一般在网页中所处的位置。 图1-3-15为太平洋电脑网中的一个banner条，示范了网站内容的宣传标语图片设计。一般可以称之为Banner广告。 评议最好的网站名称和网站CI 网站CI形象主要包括标志、色彩、字体和标语，可以帮助提升网站整体形象。 标志(logo)设计 设计工具：使用图像处理软件和动画制作软件即可完成标志的设计 国际标准规范： 为了便于Internet上的信息传播，关于Web的标志(logo)设计，目前已经形成了一系列国际标准。常用的三种规格分别是： （1）88 X 31 这是Internet上最普遍的标志(logo)标准。 （2）120 X 60 这种规格一般用于一般大小的标志(logo)。 （3）120 X 90 这种规格一般用于大型的标志(logo)。 色彩 一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。例如IBM的深蓝色、康柏的红色、windows视窗标志上的红蓝黄绿色块。 一个网站的标准色彩一般不超过3种。标准色彩一般用于网站的标志，标题，主菜单和主色块，形成整体统一的感觉，体现网站形象和延伸内涵。其它色彩则只是作为点缀和衬托。 字体 标准字体是指用于标志，标题，主菜单的特有字体。 字体的选择： 一般网页默认的字体是宋体。为了体现站点的特有风格，根据自己网站所表达的内涵可以选择和整体形象更贴切的其它字体。例如为了体现专业而使用粗仿宋体、体现设计精美而使用广告体、体现亲切随意则使用手写体等。 实现： 目前常见的中文字体有二三十种，常见的英文字体有近百种，还有许多专用英文艺术字体。可以通过