搜索
无锡商业职业技术学院《网页设计与制作》课程教学大纲课程代码：xx3327教育层次：专科层次学制：三年适用对象：初中起点高职□中职起点高职□高中起点高职■课程教学时数：90学分数：6制订或修订执笔人：李瑞强系（部）教研室主任审核意见系（部）教学主任审核意见完成日期：审核小组：院教学工作委员会审核日期：签发人：沈苏林签发日期：无锡商业职业技术学院《网页设计与制作》教学大纲课程名称：网页设计与制作课程代码：xx3327建议课时数：90学分：6适用专业：计算机网络技术、计算机应用技术一、课程性质和任务课程性质：本课程是网络技术专业重点建设课程之一。本课程是计算机应用专业的专业基础课，是计算机网络技术专业的专业核心课程。课程任务：《网页设计与制作》这门课程通过感性、直观的实践操作，指导学生完成网站作品，从而激发学生开发网站项目的热情，带动学生对ASP、ASP.NET、网络安全技术等其他专业核心课程的学习积极性。二、课程教学目标本课程的教学目标是，使学生具备网站策划、效果图设计与制作、网站后期编辑、动态代码编写等方面的技能，提高学生的团队协作能力、沟通能力、分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生了解网页系统的起源和发展、常用的网页制作软件及图像处理软件和JavaScript程序，掌握运用Dreamweaver网页制作软件制作网页，掌握运用Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合、各司其职，完成网页设计综合任务的方法。为今后从事网页设计与制作、网站开发和管理工作奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。本课程要求用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累网页制作的经验，提高色彩搭配能力，团队协作能力，具体目标如下：培养系统设计的整体思想培养网页版面设计和制作网页的能力学习编写技术文档培养独立学习、吸取他人的经验、探讨技术的习惯培养团队协作能力（一）知识教学目标1、熟悉互联网。2、掌握网页设计软件Dreamweaver的使用方法。3、掌握图像处理软件Photoshop的使用。4、掌握动画制作软件Flash的使用。（二）能力培养目标1、理解掌握设计、制作网站的基本工作流程与方法。2、能运用Photoshop图像处理软件进行网页版式设计与素材的制作。3、能运用Flash动画制作软件进行网页素材的制作。4、能综合运用Dreamweaver网页设计软件，设计制作一个公司网站。（三）思想教育目标1、通过初步学习分析和解决计算机应用过程中的实际问题，培养科学求实的态度和创新意识。2、按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。3、树立科学态度及知识产权意识，自觉依法进行信息技术活动。三、教学内容与教学基本要求教学课题第1讲网页制作概要课时3学时教学目的（1）了解网页制作的基础知识和相关概念（2）熟悉Dreamweaver的界面布局和工作环境（3）对网页有一个初步的印象，激发学习制作网页的兴趣知识目标（1）万维网、网页、网站、主页和HTML的基本概念（2）熟悉Dreamweaver的界面布局和工作环境（3）赏析各种经典网页（4）对网页的布局结构、色彩搭配形成初步印象能力目标（1）熟悉Dreamweaver的界面布局和工作环境素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）万维网、网页、网站、主页和HTML的基本概念（2）网页的布局结构认识（3）网页的色彩搭配认识难点（1）Dreamweaver帮助系统的使用（2）对网页的设计与制作形成感性认识（3）激发学习制作网页的兴趣教学课题第2讲网站的规划与设计课时3学时教学目的掌握规划设计网站的方法，掌握站点的创建与管理知识目标（1）掌握网站风格定位和网站栏目划分和导航简介（2）掌握规划站点结构的方法（3）掌握站点的创建方法和站点的管理方法能力目标能够进行网站的规划设计，熟记创建站点的流程，掌握站点管理的方法素质目标培养学生的独立思考能力，通过思考管理站点及布局美观的网页，培养学生分析问题、解决问题的能力重点（1）网站的规划设计（2）站点的创建与管理难点（1）网站的规划设计（2）站点的创建与管理教学课题第3讲PS设计网页版面基础课时3学时教学目的（1）掌握Photoshop软件的使用方法（2）掌握Photoshop软件工具的使用方法（3）掌握使用Photoshop软件设计网页版面的方法知识目标（1）了解Photoshop软件的参数设置方法（2）掌握Photoshop文件的创建方法（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设计网页LOGO课时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的制作方法。教学课题第7讲PS设计网页导航条课时3学时教学目的（1）掌握网页设计的基本原则与方法。（2）掌握网页导航条设计技巧。知识目标（1）了解网页导航条的形式。（2）了解网页导航条的设计原则。（3）掌握设计网页导航条的方法。能力目标（1）掌握网页导航条的设计方法。（2）掌握网页导航条的制作方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页导航条的设计方法。（2）掌握网页导航条的制作方法。难点（1）掌握网页导航条的制作方法。教学课题第8讲PS设计网页内容区域和网页版权声明课时3学时教学目的（1）掌握网页设计的基本原则与方法。（2）掌握网页内容区域和网页版权声明设计技巧。知识目标（1）了解网页美容。（2）了解网页版权声明。（3）掌握设计网页内容区域和网页版权声明的方法。能力目标（1）掌握网页内容区域和网页版权声明的设计方法。（2）掌握网页内容区域和网页版权声明的制作方法。素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网页内容区域和网页版权声明的设计方法。（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的参数、网页页面属性的设置方法（2）学习网页对象的插入与设置素质目标培养学生创新能力和独立思考能力，并使其具有分析问题、解决问题的能力重点页面属性的设置、网页对象的插入与设置难点使用表格对象布局网页教学课题第11讲制作第一个网页课时3学时教学目的（1）掌握网站的规划。（2）掌握站点的创建。（3）学会创建站点目录结构、准备素材。（4）熟练制作首页。（5）培养制作布局较为复杂网页的能力。（6）学会综合利用文字、图片、flash动画等素材制作网页知识目标（1）网站的规划。（2）站点的创建。（3）创建站点目录结构、准备素材。（4）制作首页。（5）制作布局较为复杂网页的能力。（6）综合利用文字、图片、flash动画等素材制作网页能力目标（1）网站的规划。（2）站点的创建。（3）综合利用文字、图片、flash动画等素材制作较为复杂网页的能力素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）网站的规划（2）制作首页难点（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）模板的作用。（2）将已有网页生成模板。（3）创建新的网页模板。能力目标（1）会将已有的网页制作成网页模板（2）能够独立创建新的网页模板素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点掌握如何创建新的网页模板难点掌握如何创建新的网页模板教学课题第14讲使用模板创建网页课时3学时教学目的（1）理解模板的作用。（2）学会使用已有模板创建网页的操作方法。知识目标（1）模板的作用。（2）使用已有模板创建网页。能力目标使用已有模板创建网页素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点掌握如何使用模板创建新的网页难点掌握如何使用模板创建新的网页教学课题第15讲网页模板的编辑与更新课时3学时教学目的（1）理解模板