网站设计与维护教案综述(10)-.doc

宁波工程学院电信学院计算机教研室教案【综述】课程名称网站设计和维护授课专业、年级网络工程101，102授课学期2011-2012第一学期课程编号课程类型必修课校级公共课（）；基础及专业基础课（ ）；专业课（）选修课限选课（）；任选课（）授课方式课堂讲授（）；实践课（）考核方式考试（）；考查（）课程教学总学时数64学分数3课时分配课堂讲授 40 学时； 实践课20 学时 机动 4 学时教材名称无（综合运用）作者出版社及出版时间指定参考书作者出版社及出版时间授课教师 王波波单位电信学院课程定位网路工程专业课程，网站设计与维护相对来讲是一门新兴学科，是以网络为平台的人机交互方式，是一门技术与艺术相结合的学科。通过本课程的学习，结合丰富的教学实例，为学生打下一定的图形图像制作和网页设计基础，为他们将来进一步学习数字媒体知识，以及与其他相关领域专业人员进行协作，提供铺垫。课程内容的重点、难点理解及处理方式本课程系统、扼要的介绍网站网页设计的基本概念，基本理论，从基本知识、基本理论、实际运用的角度为学生提供较为全面、系统、准确的网页设计知识体系。重点与难点在实际图形图像处理能力的掌握和运用、优秀网页制作与设计的能力，因此在授课方式上以循序渐进的方式。以案例方式组织课堂，讲解具体操作。教学手段采用多媒体教学和学生实践操作的教学手段本课程完整的教学过程包括：理论教学、上机实践、项目实践三部分； 上机的内容将紧密配合理论教学内容，每次上机前均布置任务。 能力（包括上机实践）培养基本要求及考核方式要求1：了解一般网页设计制作以及维护流程；要求2：掌握较强的图形图像处理能力；要求3：掌握制作设计网页的基本软件；考查方式： 考查注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第2周 第 1 、2 、3、4次课备 注章 节名 称第一讲 网站设计综述教学目的和要求本讲主要通过对网站设计的整体简介，要求学生了解网站设计的基本概念、基本原理、基本流程。教学内容提要教材分析与教学过程一、 本课程的定位二、 学习方法指导三、 基本概念及操作本讲主要通过对网站设计的整体简介，要求学生掌握：1. 讲述网站设计的理念总述和网页设计的基本原理，使学生有一个总体认识。2. 计算机互联网、网站和网页的发展历程，以及网页设计风格、发展趋势。本章的重点和难点：理解网页设计的基本原理 3. 网页设计的流程教学重点与难点重点：1. 理解网页设计的基本原理难点：2.了解网页设计的流程 作业1、课前自学2、课后总结教学手段1、课前自学、上机实验2、课堂多媒体教学（案例精讲）3、课后总结注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第3 周 第4、5、6、7次课备 注章 节名 称第二讲 网页赏析教学目的和要求通过本讲学习，要求学生对目前国内外优秀的网站设计与制作有一定的了解，并具有一定的鉴赏能力。教学内容提要教材分析与教学过程本讲初步了解网页赏析要求；理解网页赏析的理论要求；理解网页设计合乎心理需要；掌握网页突破性设计的要素；分清各类网站的设计要求和框架；理解实例分析过程。要求学生了解与掌握：1. 网页设计概概念，起源与发展2. 网页赏析要求3. 网页设计要合乎心理需要4. 页设计与网站主题5. 网页突破性设计的要素6. 各类网站的设计总体框架7. 网页赏析实例教学重点与难点重点： 理论结合实际对网页的赏析分析难点： 理论结合实际对网页的赏析分析作业网页实例赏析教学手段1、课前自学、上机实验2、课堂多媒体教学（案例精讲）3、课后总结、注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第4周 第7、8、9、10次课备 注章 节名 称第三讲 网页的规划与布局教学目的和要求本讲主要讲解网页的组织结构，掌握网页内容上的组织方法；熟悉网页设计的流程和注意事项；了解网站的规划与建设；熟悉网站设计和功能，掌握网站与网页的区别。教学内容提要教材分析与教学过程要求学生了解与掌握：1. 网页的组织结构2. 首页的结构一般页面的结构3. 网站页面的组织结构4. 网页内容上的组织5. 网页设计流程6. 页面的组织原则7. 网页制作、测试、发布、推广、反馈、评测、总结教学重点与难点重点：网页规划原则，网站规划及其步骤难点：网页规划和合理布局作业教学手段1、课前自学、上机实验2、课堂多媒体教学（案例精讲）3、课后总结注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第5周 第10、11、12、13次课备 注章 节名 称第四讲网页设计创意教学目的和要求本讲主要通过对创意思维及创意手法的讲解,辅以对优秀网页作品的分析。启发学生全面的创新思维，进而从多向度的思维中独树一帜，培养学生的个性化意识。.让学生对优秀设计的创意进行解读和阐释，并分析其创新之处，鼓励学生敢于发掘新意，提出自己独到的见解。教学内容提要教材分析与教学过程1. 网页设计的创意方法，联想与想象、比喻与拟人、夸张与变形、借代、幽默、象征、对比；2. 网页设计中的创意思维，创意的类型、创意的功能；发展思维、逆向思维、独特思维；3. 网页创意设计中的基本要素，网页设计中色彩的属性及其应用、色彩意象的设计应用、网页设计的配色技巧；4. 网页创意设计的程序，网页中文字字体的设计方法、文字的组合方法与形式、网页中图像的面积与视角、局部与特写、合成与组合、虚实和影调、退底与轮廓；教学重点与难点重点与难点：启发学生全面的创新思维，培养学生的个性化意识。如何掌握不同性质网页的创意设计技巧。作业提交三个网页设计创意，分小组讨论教学手段1、课前自学、上机实验2、课堂多媒体教学（案例精讲）3、课后总结注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第6周 第13、14、15、16次课备 注章 节名 称第五讲网页设计的色彩运用教学目的和要求本讲主要通过对色彩基础知识的讲解，要求学生了解与掌握色彩基本知识。教学内容提要教材分析与教学过程本讲详细介绍了由艺复兴传统艺术向现代艺术转折过程中的印象派和后印象派绘画艺术及其作品，通过本讲学习，要求学生：1. 色彩基础2. 色立体，色彩的三要素，对比色，互补色，邻近色的知识3. 基于Web页的色彩应用教学重点与难点重点与难点：网页设计的色彩搭配。作业色环与色轮的制作教学手段1、课前自学2、课堂多媒体教学（案例精讲）3、课后总结、做作业注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第713周 第1628次课备 注章 节名 称第六讲 网页制作工具教学目的和要求要求学生了解与掌握网页制作软件工具中的各项命令，逐步实现网页设计与制作教学内容提要教材分析与教学过程本讲主要由教师采用任务驱动方法，利用多媒体直接在工具软件中进行可视化操作。应先给出实例，并给学生演示运行后的结果，然后在工具软件中逐步实现。要求学生掌握了解：1. 能够用基本法和高级法新建站点、编辑站点，掌握在站点中新建文件和文件夹，会预览网页。2. 掌握在网页文档中添加文本和文本的格式化方法；掌握在Dreamweaver 8中使用的图像格式，掌握在网页文档中插入图像、为页面背景添加图像、图像属性的设置等；掌握超链接和超链接路径的基本概念，掌握建立超链接的操作方法，建立文本超链接，与网站中新建文档的链接等。3. 掌握表格的组成和基本操作方法，熟练掌握创建表格、表格操作、表格编辑的方法，掌握表格和单元格的属性设置，会用表格组织网页的总体布局，掌握使用布局视图布局页面的总体布局；4. 掌握Dreamweaver 8层的概念，掌握层的创建和层的编辑方法，创建新层的方法，创建嵌套层的方法，层的操作与属性设置的方法，设置层参数的方法，设置单个与多个层的属性的方法，层面板的使用方法。会使用辅助工具定位层在网页中的位置、掌握层与表格的转换方法，将层转换成表格和将表格转换为层的操作方法；5. 掌握创建框架页面的方法，创建嵌套框架的方法，保存框架的方法，修改框架布局的方法，设置框架的属性的方法，设置框架文档的背景色的方法。能够创建具有框架的页面。6. 掌握表单的基本概念和表单的各个组成元素，掌握插入表单以及表单元素的方法，插入文本框，插入单选按钮，插入复选框，添加下拉菜单与菜单列表，添加按钮，会制作具有表单的网页。7. 掌握Dreamweaver 8中行为的概念，熟练掌握使用行为面板对行为的各种操作方法。会使用Dreamweaver 8的内置行为为网页对象添加各种常用的行为。播放声音、打开浏览器窗口、弹出信息、改变属性、交换图像、恢复交换图像、检查表单、检查插件、检查浏览器、控制shockwave或Flash、设置层文本、设置框架文本、设置文本域文字、设置状态条文本、跳转菜单、跳转菜单开始按钮、拖动层、显示一隐藏层。掌握使用显示弹出式菜单动作在网页文档中创建、编辑Dreamweaver 8弹出式菜单的方法。8. 掌握Flash 8的工作界面、启动、建新动画文档、保存文档、工具面板、属性面板以及各种控制面板的布局方式和使用方法。9. 掌握文本的输入与编辑，在Flash 8中使用与编辑颜色，设置与编辑笔触和填充。能够进行简单的绘图，对图片进行设置和操作等。10. 掌握帧的使用与编辑；了解元件与实例的概念。掌握元件的类型、创建与编辑方法，实例的创建与属性设置方法。掌握逐帧动画和运动渐变动画的原理和制作方法。11. 掌握Flash 8图层的概念、创建图层以及编辑图层的方法。引导层与运动引导层的概念，创建、编辑引导层与运动引导层的方法，能够使用引导层制作动画。遮罩层的概念和创建遮罩层的方法，能够使用遮罩层制作遮罩图像的效果和具有遮罩效果的动画。12. 掌握在动画中添加声音的操作方法以及设置动画声音的各种属性。13. 掌握Flash 8交互中的事件与动作的概念，熟悉Flash 8的常用的事件和动作。能够在Flash 8中创建具有简单控制功能（如停止、播放、暂停、关闭或打开声音等）的动画作品。14. 掌握导出与发布Flash动画的方法，能够准确设置Flash 8动画作品的发布格式。15. 掌握Fireworks 8切片的概念，切片的各种创建和编辑方法。能够熟练的导出切片图像。掌握热点图像映射的概念，创建及编辑热定点的方法。能够熟练的导出图像。16. 掌握图像优化的概念和图像优化的基本方法，能够设置图像优化的各种参数。掌握导出图像的概念和导出图像的方法。教学重点与难点重点与难点：Dreamweaver 8中的表格、层、表单和行为；Flash 8中的图形绘制、元件和实例的概念、引导层和遮罩层的用法、常用的事件和动作、动画的发布；Fireworks 8中图像优化、切片工具的使用和切片后的导出格式设定作业实例操作教学手段1、课前自学、上机实验2、课堂多媒体教学（案例精讲）3、课后总结、撰写实验报告注：表中（）选项请打“”。宁波工程学院电信学院计算机教研室教案周 次第1316周 第 2634次课备 注章 节名 称第七讲 综合设计实例 教学目的和要求综合运用前六章所学的知识掌握网站设计的高级技巧与实战技巧，同时能够创