网页设计授课教案

12014-2015学年第一学期网页设计授课教案课程名称：网页设计课程号：1100538教师：谈伟编写日期：2014年9月2教学课题第1讲网页制作概要教学目的（1）了解网页制作的基础知识和相关概念（2）熟悉Dreamweaver的界面布局和工作环境（3）对网页有一个初步的印象，激发学习制作网页的兴趣教学要求（1）万维网、网页、网站、主页和HTML的基本概念（2）熟悉Dreamweaver的界面布局和工作环境（3）赏析各种经典网页（4）对网页的布局结构、色彩搭配形成初步印象教学课时3学时能力目标（1）熟悉Dreamweaver的界面布局和工作环境素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。教学重点（1）万维网、网页、网站、主页和HTML的基本概念（2）网页的布局结构认识（3）网页的色彩搭配认识教学难点（1）Dreamweaver帮助系统的使用（2）对网页的设计与制作形成感性认识（3）激发学习制作网页的兴趣教学方法知识讲授，作品例举，图片展示，课堂讨论。主要参考书目《网页设计与制作》王晓红，龚毅编机械工业出版社2011年《网站建设与网页设计从入门到精通》何新起编著人民邮电出版社2013年思考题（1）什么是万维网？和域名中的区别？（2）列举一企业网站案列，要求指出其中的布局。（3）给出Dreamweaver工具栏图标，要求认识并了解其基本功能。3教学课题第2讲网站的规划与设计课时3学时教学目的掌握规划设计网站的方法，掌握站点的创建与管理教学要求（1）掌握网站风格定位和网站栏目划分和导航简介（2）掌握规划站点结构的方法（3）掌握站点的创建方法和站点的管理方法能力目标能够进行网站的规划设计，熟记创建站点的流程，掌握站点管理的方法素质目标培养学生的独立思考能力，通过思考管理站点及布局美观的网页，培养学生分析问题、解决问题的能力重点（1）网站的规划设计（2）站点的创建与管理难点（1）网站的规划设计（2）站点的创建与管理参考书目《MicrosoftIIS6.0管理员必备指南（英文版）》（美）斯坦内克著世界图书出版公司2007年《网站建设与网页设计从入门到精通》何新起编著人民邮电出版社2013年思考题教学课题第3讲PS设计网页版面基础课时3学时教学目的（1）掌握Photoshop软件的使用方法（2）掌握Photoshop软件工具的使用方法（3）掌握使用Photoshop软件设计网页版面的方法教学要求（1）了解Photoshop软件的参数设置方法（2）掌握Photoshop文件的创建方法4（3）学习Photoshop软件工具的使用方法（4）掌握网页版面布局设计的方法能力目标（1）了解Photoshop软件的参数设置方法（2）学习Photoshop软件工具的使用方法素质目标培养学生创新能力和独立思考能力，并使其具有分析问题、解决问题的能力重点使用Photoshop软件设计网页版面难点使用Photoshop软件设计网页版面教学课题第4讲PS制作网页版面实例分析课时3学时教学目的（1）掌握网站的开发流程，了解网站的规划与组织。（2）掌握网页设计的基本原则与方法。（3）掌握网页版面布局设计技巧。教学要求（1）网站的开发流程，网站的规划与组织。（2）网页设计的基本原则。（3）网页版面布局设计技巧。能力目标（1）掌握网站的规划与组织。（2）掌握网页设计的基本原则。（3）掌握网页版面布局设计技巧。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网站的规划与组织（2）网页版面布局设计技巧难点（1）网页版面布局设计技巧教学课题第5讲PS设计网页LOGO5课时3学时教学目的（1）掌握网页设计的基本原则与方法。（2）掌握网页Logo设计技巧。教学要求（1）了解网页Logo的形式。（2）了解网页Logo的规范。（3）掌握设计网页Logo的方法。能力目标（1）掌握网页Logo的设计方法。（2）掌握网页Logo的制作方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页Logo的设计方法。（2）掌握网页Logo的制作方法。难点（1）掌握网页Logo的制作方法。教学课题第6讲PS设计网页BANNER课时3学时教学目的（1）掌握网页设计的基本原则与方法。（2）掌握网页Banner设计技巧。教学要求（1）了解网页Banner的形式。（2）了解网页Banner的设计原则。（3）掌握设计网页Banner的方法。能力目标（1）掌握网页Banner的设计方法。（2）掌握网页Banner的制作方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页Banner的设计方法。（2）掌握网页Banner的制作方法。难点（1）掌握网页Banner的制作方法。6教学课题第7讲PS设计网页导航条课时3学时教学目的（1）掌握网页设计的基本原则与方法。（2）掌握网页导航条设计技巧。教学要求（1）了解网页导航条的形式。（2）了解网页导航条的设计原则。（3）掌握设计网页导航条的方法。能力目标（1）掌握网页导航条的设计方法。（2）掌握网页导航条的制作方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页导航条的设计方法。（2）掌握网页导航条的制作方法。难点（1）掌握网页导航条的制作方法。教学课题第8讲PS设计网页内容区域和网页版权声明课时3学时教学目的（1）掌握网页设计的基本原则与方法。（2）掌握网页内容区域和网页版权声明设计技巧。教学要求（1）了解网页美容。（2）了解网页版权声明。（3）掌握设计网页内容区域和网页版权声明的方法。能力目标（1）掌握网页内容区域和网页版权声明的设计方法。（2）掌握网页内容区域和网页版权声明的制作方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页内容区域和网页版权声明的设计方法。7（2）掌握网页内容区域和网页版权声明的制作方法。难点（1）掌握网页内容区域和网页版权声明的制作方法。教学课题第9讲PS网页版面切图课时3学时教学目的（1）掌握网页版面图的切图基本原则与方法。（2）掌握网页版面图的切图技巧。教学要求（1）了解切片工具的使用方法。（2）掌握网页版面图的切图方法。能力目标（1）掌握网页版面图的切图分割方法。（2）掌握网页版面图的切图方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页版面图的切图分割方法。（2）掌握网页版面图的切图方法。难点（1）掌握网页版面图的切图方法。教学课题第10讲了解制作网页的基础知识课时3学时教学目的（1）掌握Dreamweaver的参数、网页页面属性的设置方法（2）掌握网页对象的插入与设置方法（3）掌握布局网页的方法教学要求（1）了解Dreamweaver的参数设置方法（2）掌握页面属性和文件头内容的设置方法（3）学习网页对象的插入与设置方法（4）掌握使用表格布局网页的方法能力目标（1）掌握Dreamweaver的参数、网页页面属性的设置方法8（2）学习网页对象的插入与设置素质目标培养学生创新能力和独立思考能力，并使其具有分析问题、解决问题的能力重点页面属性的设置、网页对象的插入与设置难点使用表格对象布局网页教学课题第11讲制作第一个网页课时3学时教学目的（1）掌握网站的规划。（2）掌握站点的创建。（3）学会创建站点目录结构、准备素材。（4）熟练制作首页。（5）培养制作布局较为复杂网页的能力。（6）学会综合利用文字、图片、flash动画等素材制作网页教学要求（1）网站的规划。（2）站点的创建。（3）创建站点目录结构、准备素材。（4）制作首页。（5）制作布局较为复杂网页的能力。（6）综合利用文字、图片、flash动画等素材制作网页能力目标（1）网站的规划。（2）站点的创建。（3）综合利用文字、图片、flash动画等素材制作较为复杂网页的能力素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网站的规划（2）制作首页9难点（1）制作首页教学课题第12讲网页的美化课时3学时教学目的（1）了解网页美化的重要性。（2）掌握CSS样式表的基本语法和定义位置。（3）掌握CSS样式表的编辑方法。（4）掌握CSS样式表的应用方法。教学要求（1）掌握CSS样式表的基本语法和定义位置。（2）掌握标签样式、高级样式、类样式的定义方法。（3）掌握样式的编辑方法。（4）掌握如何使用CSS样式表美化页面。能力目标（1）CSS样式表的创建与定义。（2）CSS样式表编辑。（3）合理地使用CSS样式表。素质目标培养学生创新能力和独立思考能力，并使其具有分析问题、解决问题的能力重点CSS样式表的创建与定义难点合理地使用CSS样式表教学课题第13讲网页模板的制作课时3学时教学目的（1）理解模板的作用。（2）学会将已有网页生成模板的操作方法。（3）掌握如何创建新模板的操作方法。教学要求（1）模板的作用。10（2）将已有网页生成模板。（3）创建新的网页模板。能力目标（1）会将已有的网页制作成网页模板（2）能够独立创建新的网页模板素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点掌握如何创建新的网页模板难点掌握如何创建新的网页模板教学课题第14讲使用模板创建网页课时3学时教学目的（1）理解模板的作用。（2）学会使用已有模板创建网页的操作方法。教学要求（1）模板的作用。（2）使用已有模板创建网页。能力目标使用已有模板创建网页素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点掌握如何使用模板创建新的网页难点掌握如何使用模板创建新的网页教学课题第15讲网页模板的编辑与更新课时3学时教学目的（1）理解模板的作用。（2）学会网页模板的编辑与更新方法。教学要求（1）模板的作用。（2）网页模板的编辑与更新方法。11能力目标网页模板的编辑与更新方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点掌握网页模板的编辑与更新方法。难点掌握网页模板的编辑与更新方法。教学课题第16讲认识网页的超级链接课时3学时教学目的（1）掌握创建外部链接和内部链接的操作方法。（2）掌握制作图像映射的操作方法。（3）掌握创建E-mail链接的操作方法。（4）掌握测试链接的有效性的操作方法。教学要求（1）创建外部链接和内部链接。（2）制作图像映射。（3）创建E-mail链接。（4）测试链接的有效性。能力目标（1）创建常用超链接、导航栏。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）常用超链接的创建方法。难点（1）首页与其他网页超链接的添加区别。教学课题第17讲为网页首页添加超链接课时3学时教学目的（1）掌握创建外部链接和内部链接的操作方法。（2）掌握制作图像映射的操作方法。（3）掌握创建E-mail链接的操作方法。12（4）掌握测试链接的有效性的操作方法。教学要求（1）创建外部链接和内部链接。（2）制作图像映射。（3）创建E-mail链接。（4）测试链接的有效性。能力目标（1）创建常用超链接、导航栏。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）常用超链接的创建方法。难点（1）首页与其他网页超链接的添加区别。教学课题第18讲完成其他链接课时3学时教学目的（1）掌握创建外部链接和内部链接的操作方法。（2）掌握制作图像映射的操作方法。（3）掌握创建E-mail链接的操作方法。（4）掌握测试链接的有效性的操作方法。教学要求（1）创建外部链接和内部链接。（2）制作图像映射。（3）创建E-mail链接。（4）测试链接的有效性。能力目标（1）创建常用超链接、导航栏。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）常用超链接的创建方法。难点（1）首页与其他网页超链接的添加区别。13