《网页设计与制作》课程教学大纲.doc

《网页设计与制作》课程教学大纲.doc无锡商业职业技术学院《网页设计与制作》课程教学大纲课程代码:xx3327教育层次:专科层次 学制:三年适用对象: 初中起点高职□中职起点高职□高中起点高职■课程教学时数:90学分数:6制订或修订执笔人:李瑞强系(部)教研室主任审核意见系(部)教学主任审核意见完成日期:审核小组:院教学工作委员会审核日期:签发人:沈苏林签发日期:无锡商业职业技术学院《网页设计与制作》教学大纲课程名称:网页设计与制作课程代码:xx3327建议课时数:90学分:6适用专业:计算机网络技术、计算机应用技术一、课程性质和任务课程性质:本课程是网络技术专业重点建设课程之一。本课程是计算机应用专业的专业基础课,是计算机网络技术专业的专业核心课程。课程任务:《网页设计与制作》这门课程通过感性、直观的实践操作,指导学生完成网站作品,从而激发学生开发网站项目的热情,带动学生对ASP、、网络安全技术等其他专业核心课程的学****积极性。二、课程教学目标本课程的教学目标是,使学生具备网站策划、效果图设计与制作、网站后期编辑、动态代码编写等方面的技能,提高学生的团队协作能力、沟通能力、分析解决问题能力和项目实施能力,注重学生在学****和实践过程中职业素质的养成。通过学****使学生了解网页系统的起源和发展、常用的网页制作软件及图像处理软件和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文件的创建方