(朱华明)《网页设计》课程标准

健雄职业技术学院课程代码:06302026课程名称:网页设计课程类型:必修课课程性质:理实一体化课程参考学时:32学时适用对象:2012级广告与会展专业学分:2学分制定人:审核人:批准人:教务处编制2一、课程基本信息课程代码：06302026适用专业：2012级广告与会展专业学时数：32学时学分：2学分先修课程：网页设计软件后续课程：定岗实习毕业设计开课单位：艺术设计系制订人：朱华明审核人：王文藜批准人：吴迪制定时间：2012年6月二、课程性质网页设计是专业必修课，主要针对Dreamweaver设计网站前台，重点在交互和排版设计。本课程将与网页设计软件结合起来培养具有较强审美能力和简单静态网站设计能力的人才。三、课程教学目标系统学习Dreamweaver软件制作交互式网页。通过该课程的学习，学生能够设计各种类型的网页页面。让学生循序渐进地学习网站建站、网站交互、以及网页排版、多种媒体嵌入技术、表单设计等专业网页制作的知识。学生能进行网站的建站；掌握分类归档网站文件；掌握设计网站超链接；会整合SWF、视频等网站上常用的媒体；掌握设计登录页面、注册页面等交互页面的方法。31、知识目标（1）掌握Dreamweaver软件的使用技巧；（2）理解网页设计与制作的设计原则；（3）了解基本的网页设计要素及设计原理；（4）掌握网页设计的基本方法与流程；（5）了解摄影网站与企业网站设计的操作流程。2、能力目标（1）会用Dreamweaver、Flash、photoshop等网页设计软件；（2）能熟练的使用软件进行摄影网站制作；（3）能熟练的使用软件进行企业网站制作；（4）针对该软件的学习，培养团队互助与学生个人自学能力。3、态度目标（1）具备信心，培养学生学好软件的信心，在学习过程中充分调动学生学习的主观能动性，热爱Dreamweaver、Flash、photoshop软件学习过程；（2）具备细心，培养学生学习软件的严谨作风，设计以行业标准进行规范，杜绝设计中的主观随意性；（3）具备耐心，培养学生对职业特点的熟悉，网页设计在设计过程中改动性决定了主页、版式、创意的不断变化，要求学生具备足够的耐心修改完善设计内容。四、课程设置与设计思路1、设计思想以网页设计能力的培养为课程核心，以3个学习情境构建课程内容，以最新的软件应用技术为课程视野”的项目导向课程设计理念。42、设计思路：按照“具体工作岗位→提炼典型工作任务→工作过程分析→能力分析→设计教学项目→形成课程结构”的流程进行项目导向的课程设计，形成“教、学、做”一体化的课程。（1）组建学院、广告公司、传媒公司的课程建设团队，协作开发课程，共享人才培养、交流的成果。（2）分析广告公司对网页设计员工的岗位能力，以典型工作任务为载体设计3个学习情境。（3）构建仿真实践教学环境建设模拟与真实职业环境相结合的开放式实践教学环境，做到实践场地开放、实践内容开放、学习方式开放、教学资源开放。（4）构建多元化的课程教学资源开发校本讲义，完善学生学习情景资料，优化教学课件、习题库等，开放相互配套的纸质、电子资料和网络资料，实现资源共享。3、教学方法设计本课程突出项目导向教学模式，构筑“教-学-做”一体化模式，在课程教学中以教师提供的教学范例图为出发点，教师引导学生一步一步完成课程训练，在完成课程训练的过程中充分调动和发挥学生的主观能动性。五、教学内容与学时分配序号学习内容能力要求知识要求学时安排学习模块教学单元1摄影类网站设计摄影类网站建站能进行高级建站能进行站点规划网站综合建站网页素材文件夹归类网页图片处理335网页LOGO动画设计摄影类网页交互能设计三种类型的超链接能实现三个以上的页面超链接文本超链接图片超链接图片映像超链接锚点超链接电子邮件超链接11摄影类网页排版能通过PS进行网页排版设计能通过表格进行网页排版能通过层进行网页排版PS网页版面构图设计PS切片设计PS与Dreamweaver整合网页表格排版设计网页层排版设计442企业网站设计企业网站建站掌握高级建站能进行站点规划网站综合建站网页图片处理11企业网站交互设计熟练掌握两种超链接的使用方法文本超链接图片映像超链接11企业网站媒体整合设计能使用FLASH制作BAR能完成视频整合设计能完成滚动图片展示设计FlashBAR制作Flash发布Dreamweaver插入SWF方法Dreamweaver插入视频方法行为设计33企业网站表单设计能完成登录界面的表单设计能完成注册页面表单设计能完成在线留言表单设计表单体设计文本框按钮列表跳转菜单单选框、复选框33合计32六、课程教学实施本课程按照教、学、做一体化的思想进行设计，以项目为载体，以任务为导向，《网页设计》课程是以网页设计工作岗位为主设置的学习情境。以模拟和真实工作项目为载体组织教学内容，以《网页设计》工作流程作为教学实训流程，将《网页设计》课程的基础知识和基本技能分解到各个学习情境中，并以具体的实训工作任务作为教学实施的关键步骤。61、教学重点及难点《网页设计》课程针对高职学生的基础，因材施教，突出能力培养，促进知识、能力、素质协调发展。教学的重点及难点主要围绕：一是通过计算机设计训练，挖掘学生潜在的创造力，以此激发艺术设计才能，帮助他们获取创造性思维方式。二是通过项目实训，让学生掌握具体的、实用的创作方法和设计流程，加强团队协作意识和交流沟通能力，这也是本课程教学的重点。2、教学模式采用“课程内容项目化，能力培养项目化，实践指导个性化”的新教学模式。（１）课程内容项目化：按网页设计工作岗位所要求的知识、技能、素质分析表，确定课程内容教学项目，并列出每个教学项目明确的教学要求、参考资料，按教师讲授演示——学生练习——教师点评，个别辅导——学生自我评价——教师或来自企业的设计师测评的教学过程进行教学。（２）能力培养项目化：以来自于企业的生产项目为案例，整个教学围绕工作任务的解决展开，突出知识的应用性，引导学生自主思考，自主作业，首先按教师的指导完成相似的项目，然后组织小团队独立地完成新的项目，在解决生产任务中提高知识的运用能力、创新能力、团队精神、综合职业素质。（３）实践指导个性化：教师在指导学生完成项目的时候，注意引导学生发挥个人的特长，要求学生作品的设计风格各具特色，培养学生适应不同职业岗位层次需求的个性化指导，逐步培养特色个体。3、教学方法（1）项目驱动教学法：以来自企业的生产项目为例，整个教学围绕工作任务的解决展开，突出知识的应用性，引导学生自主思考创新。7（２）讲练结合：以学生练习为主体，教师加以适当的引导，提高学生分析问题、解决问题的能力，提高学生的实践技能。（３）多层次实训：有层次、由浅入深地完成各项技能实训，全方位进行实践技能训练，建成完全开放式的、锻炼学生综合素质及能力的实践环境。（4）案例教学法：将优秀实际案例引入教材、教学体系中，每个重要知识点均与实际应用结合起来，融创新思维培养、团队学习方式、实践案例教学于课程教学中，理论讲授、实践辅导、现场参观、技术服务、科技创新等不同教学方法灵活运用，在充分利用现代多媒体电子教学、网上学习、交流沟通的基础上，采用第一课堂与第二课堂结合，校企合作、产学研相结合。4、教学手段（1）多媒体教学：利用视听媒体，将抽象的教学内容，采用动画等方式形象的演示出来。（２）学生科技创新：将实训与教师承担的生产任务、产学合作单位的生产任务结合起来，充分挖掘学生潜力，开发学生的创新能力。（３）以赛促学：本课程每年组织设计比赛，通过形式多样的学生竞赛活动，促进了学生主动学习本课程有关知识，提高实践能力加深了学生对知识理解和掌握，提高了学生的学习兴趣。（４）在教学环节上，将课堂理论教学、实训基地实际操作、学生科技创新活动、设计大赛、技术服务全部贯穿于教学之中，构成一个校企合作、产学研结合的现代教学链，形成培养学生创新性和应用性的课程教学体系。（５）在教案设计上，全部采用电子教案，制作CAI课件，列出本课堂内容的重点及难点给学生参考，查阅各类参考书目并列在教案上，进8行网络资料搜集并推荐相关网站的链接，布置相应的作业、思考题及实践项目。提供主体网络资源库让学生能在线学习，研讨与答疑。在课堂外布置相关课题任务，使学生有足够的时间进行练习。七、教材选用与编写建议[1]徐敏.网站前台设计项目实战[M].北京理工大学出版社，2009.1该教材由浅入深讲解网页设计的操作技能适合网页设计的前台设计。八、教学资源开发与利用网站前台设计PSD教学案例资源网站前台设计教学课件教学资源收集九、教师能力要求1、具有较强的WEB美工能力2、具有较好的数据库设计能力3、具有较好的HTML和CSS语言能力4、能够运用多种方式建设网站5、掌握FLASH网站应用十、考核方式与标准本课程采用形成性考核方式。1、考核以能力项目训练为主（占总成绩的80%），平时表现占总成绩的20%；92、能力项目训练包括：摄影类网站设计；企业网站设计3、摄影类网站设计占30%，企业网站设计占50%十一、教学参考资料参考书目：[1]何海霞.Dreamweavercs3完美网页设计白金案例篇[M].中国电力出版社，2008.4推荐相关网站：[1]多媒体系列教程十二、其它说明1.该课程是网页制作的基础入门课程，为学生专业考证、网站广告设计服务。2．该课程作为艺术设计专业群二年级学生的软件平台课程，对学生的专业技能培养和可持续发展非常重要。