网页制作与设计教学设计2.ppt

网页设计与制作课程整体设计方案 设计者:王佩楷 职业岗位分析 2007年12月通过前程无忧、中华英才、智联招聘等专业招聘网站对北京、上海、南京、武汉、广州、深圳、沈阳、杭州等大中型城市的人才招聘信息进行分析，从数万份招聘信息中筛选800个与本课程相关的职业岗位进行统计，统计情况如下： 职业岗位分析 将技能要求相似的岗位进行合并，主要岗位有：网页设计与制作、网页美工、网站管理、网页编辑、网站运营。该课程主要岗位指向是：网页设计与制作、网站管理、网页编辑。 课程简介 网页制作与设计课程整体设计方案 课程目标设计（一） 课程目标设计（二） 课程教学内容设计 课程教学采用一体化教学方式，共计划120学时，一体化教学时为60学时，占总学时50%，按一个教学项目（注：校园精品课程网站网页设计与制作），4个学习情景，15个工作任务模块，40个教学活动进行课堂的教学组织。实训学时为60，占总学时50%。其中生产性实训，30学时。 课堂教学的案例、实训的案例及生产性实训的案例循序渐进地同步推进，将知识点嵌入案例中进行讲解、练习、实验，使学生“在做中学”，逐步掌握所学知识，提高操作技能。 课程内容设计-教学组织设计 课程内容设计-课堂教学组织的设计 课程内容设计-能力训练教学组织的设计 课程内容设计-教学内容的设计（一） 课程内容设计-教学内容的设计（二） 能力训练项目设计（一） 能力训练项目的设计（二） 教学活动进度表(一) 教学活动进度表(二) 第一次课的设计 主讲教师自我介绍 主要突出教师主持、制作、设计和参与的网站建设情况及站点的展示。 课程兴趣培养 主要通过优秀行业、个人主题网站和优秀学生作品网站的展示，来让学生直接产生掌握制作优秀网页技术的欲望，达到激发学生的兴趣。同时，在展示时重点突出学生作品的展示，使学生认识到别人能做的，自己也能做；别人能做好的，自己也能做好. 课程目标明确 通过展示前期学生的作品，使学生明确自己所要达到的课程职业能力目标，并讲解能力目标的学生、训练过程和学习训练方法。 通过对该课程在职业岗位的应用情况分析，做学生明确课程在专业体系的地位。 问题导出 通过对展示的网页结构、色调、内容和功能进行分析，并提出“如果让学生自己完成该网页的结构、色调、内容和功能的制作与设计，应采用哪些技术，对于这些技术，哪些学生自己已掌握、哪些没掌握”典型问题。 通过对比展示前期学生优秀和不合格网站网页，让学生对比找出不合格网站网页的不合格原因。 课程考核方式的告知 通过第一次课的告知，让学生明确课程的考核方式。学生课程结束后必须能独立完成一个主题网站的系列网页的制作。 讲解前期优秀学生的学习经历 通过实例方式讲解前期优秀学生的学习经历和学生方法，使学生明确如何进行课程的学习，并掌握高效的学习方式和方法。一般对该课程最基本的要做到四多“多看、多想、多练、多对比” 课外作业布置 要求学生以体育、经济、IT为主题，在互联网中找出至少三个优秀的网站，并说明该网站的特点和认为该网站优秀的理由，以WORD文档方式发至教师邮箱中，要求有网站的主要网页的截图. 课程考核方案设计 考核采用以学生为主体教师考评为主和职业技能鉴定等级及工学结合两种替代模式为辅进行考核 教材和参考资料 现状 市场上目前完全基于工作过程的网页制作与设计的课程教材没有。 教材编写 通过与从社会聘请的行业企业技术专家、兼职教师的合作，成立教材编写团队，解构岗位工作任务，重构岗位知识和技能，以项目和案例为载体，融合知识和技能于真实的工作任务，按照理论够用、必备为原则，以能力为本位，围绕建立一个完善的主题网站的网页制作和设计过程为主线,按网站赏析、网站可行性分析、网页规划、网页制作与设计、页面测试、页面发布和管理等几个工作任务过程进行编写和整理。 可参考的资料 ????1．胡崧．网页设计技术伴侣范例应用．北京：中国青年出版社，2007????2．张鑫．CSS代码效果对比学习．北京：中国青年出版社，2007????3．朱印宏，袁衍明．Dreamweaver 8完美网页设计．北京：中国电力出版社，2007????4．王征．JavaScrip网页特效实例大全．北京：清华大学出版社，2007????5．孔长征．网站建设与维护．北京：人民邮电出版社，2007????6．鲍嘉，卢坚．Dreamweaver 8全新网站大制作．北京：中国青年出版社，2006????7．梁景红．网站设计与网页配色．北京：人民邮电出版社，2005?? 8．龙马工作室．典型网站建设实例精讲．北京：人民邮电出版社，2005????9．郭永灿，孟凡奇．网页美工设计．上海：上海交通大学出版社????10．杨选辉．网页设计与制作实验指导．北京：清华大学出版社，2005 教学设施说明 一