2016网页设计与制作DreamWeaver教案：第二十五讲 网站规划与网页设计.docVIP

第二十五讲　网站规划与网页设计（一） 授课日期 班级名称 授课地点 教学课题 第二十五讲网站规划与网页设计（一） 课时 2学时 教学目的 （1）掌握网站的开发流程，了解网站的规划与组织。 （2）掌握网页设计的基本原则。 （3）掌握网页版面布局设计技巧。 （4）掌握网站Logo设计技巧。 知识目标 （1）网站的开发流程，网站的规划与组织。 （2）网页设计的基本原则。 （3）网页版面布局设计技巧。 （4）网站Logo设计技巧。 能力目标 （1）掌握网站的规划与组织。 （2）掌握网页设计的基本原则。 （3）掌握网页版面布局设计技巧。 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 （1）网站的规划与组织 （2）网页设计的基本原则 难点 网页版面布局设计技巧 课型 讲授型＋展示型＋操作型 教学方法 边展示，边分析 教学手段 多媒体教学 教参 中国青年出版社的《DreamweaverMX2004完美网页设计》 教学环节 及 板书设计 时间安排 (分钟) 1．复习提问 制作网页之前要先创建站点，这样做有什么优点？ 请说出你所知道的网页设计的基本原理？ 5 2．新课引入 什么样的网页界面是一个好的界面？什么样的网页能用户留下深刻印象？什么样网页能吸引浏览的眼球，多停留一会。网页设计有一些基本的原则和要求，设计者应了解。 5 3．项目展示 浏览几个有特色的网页，网页设计的基本原理和方法介绍完后，分析一下这些网页是否符合网页设计的这些原理，这些网页有哪些特色？ 7 4．知识技能目标说明 作为网页制作者，首先应了解这些原理和方法，然后在网页制作中恰当应用这些原理、方法，制作赏心悦目的网页。 5 详细讲解各知识点 40 课堂实践 15 7.提问与讨论 （1）标题的作用和重要性；（2）文字与图片各自的优势 5 8．课堂小结 本讲主要对网站规划和网页设计进行了剖析，分析了网页设计过程中的一些基本原理和方法，主要包括版面布局、外观设计、Logo设计，为设计和制作网页提供理论指导和方法支持。 5 作业布置 3 总计 90 新授内容 一、网站的规划与开发流程 1．网站的开发流程 2．网站的规划与组织 3．清晰的区域结构 二、网页的设计原理与技巧 1．网页设计的基本原则 2．网页版面布局设计 3．网站Logo设计 课堂实践 打开网站“课堂实践”文件夹“16网页设计”中网页文档“16.html”，运用本章所介绍的方法和技巧对该网页的页面布局。然后浏览其效果，直到自己认为满意为止。 课外拓 展实践 在“湖铁职院学院”站点文件夹“16网页设计”中创建网页“index.html”，运用本节所学的方法和技巧对网页的版式结构。 作业 根据所讲解的网页设计原则和方法新建一个个人网页 课后评析 第二十六讲　网站规划与网页设计（二） 授课日期 班级名称 授课地点 教学课题 第二十六讲网站规划与网页设计（二） 课时 2学时 教学目的 掌握网页版面布局设计技巧。 知识目标 网页版面布局设计技巧。 能力目标 掌握网页版面布局设计技巧。 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 网页版面布局设计技巧 难点 网页版面布局设计技巧 课型 讲授型＋展示型＋操作型 教学方法 边展示，边分析 教学手段 多媒体教学 教参 中国青年出版社的《DreamweaverMX2004完美网页设计》 教学环节 及 板书设计 时间安排 (分钟) 1．复习提问 常见的网页版式类型有哪些？ 5 2．新课引入 一个好的网页界面应该是布局合理、色彩搭配协调的网页。怎样布局网页才合理呢？ 5 3．项目展示 浏览几个有特色的网页，分析一下这些网页布局与色彩搭配有哪些特色？ 7 知识技能目标说明 5 详细讲解各知识点 40 课堂实践 15 7.提问与讨论 （1）应该怎样布局导航栏？ 5 8．课堂小结 本讲主要对网站规划和网页设计进行了剖析，分析了网页设计过程中的一些基本原理和方法，主要包括色彩设计、导航设计、页面元素设计和网页设计的规范，为设计和制作网页提供理论指导和方法支持。 5 作业布置 3 总计 90 新授内容 一、网页的设计原理与技巧 1．网页色彩设计 2．网页导航设计 二、网页设计的规范 1．网页版面尺寸规范 2．文件夹、文件命名规范 课堂实践 打开网站“课堂实践”文件夹“16网页设计”中网页文档“16.ht