《网页设计与制作》一体化教学总结与评价-高艳秋(共8页).doc

《《网页设计与制作》一体化教学总结与评价-高艳秋(共8页).doc》由会员分享，可在线阅读，更多相关《《网页设计与制作》一体化教学总结与评价-高艳秋(共8页).doc（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上网页设计与制作一体化教学总结与评价高艳秋一、课程在专业中的地位与作用网页设计与制作课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开

2、发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用 Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 photoshop 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。1通过综合实训进

3、一步巩固、深化和扩展学生的理论知识与专业技能。（1）掌握规划网站的内容结构、目录结构、链接结构的方法。（2）熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。（3）掌握页面的整体控制和头部内容设置的方法。（4）熟练掌握网页页面布局的各种方法。（5）熟练掌握在网页中输入、设置标题和正文文字的方法。（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。（7）掌握建立各种形式超级链接的方法。（8）掌握表单网页制作方法。（9）掌握网页特效的制作方法。（10）掌握网站测试的方法。2训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素

4、材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。3培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。4培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。5训练和培养团队协作精神和共同开发网站的综合能力。三、职业岗位标准1课程对应（或服务或面向）的岗位网站设计，网站美化，网络营销员，网店铺管理员等2岗位标准（或工作内容、职责），技术等级标准表1 岗位分析表3课程能力标准分解按照职业岗位标准进行能力归类、整合，确定课程能力，建立课程能力分析图表如下：表2 课程能力分析表项目 工作任务 知识内容与要求 技能

5、内容与要求 项目一： 个人网站的设计与制作 任务1:DreamWeaver软件的使用 任务2：站点的规划与管理 任务3：页面的布局处理 任务4:文字的输入与格式控制 任务5:图片的插入与格式设置 1、熟悉DreamWeaver软件的使用 2、了解站点的规划方法 3、掌握表格、层等布局方法的使用 4、掌握图片、文字的插入及格式处理 1、能熟练使用DreamWeaver软件 2、能根据网站的主题进行目录结构的确定并进行合理的规划 3、能根据页面版式的需求进行布局设计 4、能够掌握图文混排的方法 项目二： 企业网站的设计与制作 任务1：站点的规划与管理 任务2：页面的布局设计 任务3：媒体的插入与格

6、式设置 任务3：模板的创建与运用 任务4：框架的设计与运用 任务5：表单的插入与编辑 任务6：CSS的设计与运用 任务7：网页中特效的使用 任务8：网站的测试与发布 1、了解网站的基本设计流程 2、理解模板、框架、表单在网页设计中的作用 3、掌握模板、框架、表单在网页设计中的作用 4、掌握CSS样式的运用 5、熟悉各种行为的运用 6、 掌握网站测试与发布、维护与更新的方法 1、能根据具体网站的设计需要对网站进行合理的规划 2、能运用模板简化页面的布局设计过程 3、能熟练运用框架和超链接 4、能根据设计需要适当地插入多媒体信息 5、能运用Javasrcip实现网页的特效 6、能运用CSS样式进行

7、文字、表格、图片、配色的格式设置 7、能独立完成网站的测试与发布 四、考试、考核课改思路本门课程的传统教学方法是采取全课堂制授课方法，考核的方法也大都采用统一试卷的考核方式，学生所学的知识大部分集中在理论基础方面，进而偏离了当今网页设计与制作的发展方向。在“教学做一体化”的教学模式中为了培养和突出学生的能力，故在实践教学中突出以学生“做”为主，就是要像在企业里一样，只给你要求说明或样板，自己用所学知识自己设计、自己制作，然后由全班评选出最好的作品出来。所以在实际教学中也以此为主线来教学，多种教学方法相结合帮助学生学的好，做的更好。1、把理论教学穿插在课堂始终的教学理念以前网页设计与制作教学是分

8、开讲的，在实践课上学生比较活跃，而在理论课上学生觉得没用听得累，老师讲得“累”，觉得自己的辛苦不被学生所接纳，心“累”。为了改变这种现状，在教学计划里压缩了单纯的理论课，在学生实际操作时，再将运用到的理论知识，理论指导实践。2、基于工作过程为导向，突出学生“做”的重要性“教学做一体化”的教学模式在教学实施中把课堂教学转向工作情境，课堂由教师为主转向以学生为中心，在教学中把课程分为几大模块，每一个模块又分成几个项目实施教学，每一个项目又划分成几个小任务，这些小任务由几个基本操作去完成。教师只要说清楚课堂要完成的作品和课后作业的要求，让他们在课堂照着案例做，每一个小任务要求用10分钟时间做，教师巡

9、视并作个别指导，10分钟后教师根据学生提出的问题和自己的观察及经验分析难点，演示讲解，学生再继续做，如此反复，按计划完成一个项目。课后学生根据要求上网搜集素材，自己去创想设计，在规定时间内独立完成，最后教师跟大家一起对作品欣赏讲评，选出优秀作品放到班级网站给予鼓励，同学们激情高涨，做出很多优秀作品。“教学做一体化”的教学模式产生了很好教学效果，主要体现在学生们的问题多并能及时询问，学生之间互相学习和比拼，不再为交作业而做作业，而是把它作为衡量自己能力和展示才华的一次机会，为他们将来走上工作岗位奠定了坚实的基础。也是对学生的操作能力、团队精神和敬业精神等综合能力的有效锻炼。3、多种教学方法结合鉴

10、于学生的基础和接受能力的差别，课堂教学重点之一是教法设计，教师根据所教模块的特点，采用灵活多样的教学方式。在教学中首先采用项目教学法贯穿始终，在授课中，采用项目要求说明一学生做，老师巡视指导一讲解示范一训练纠正一师生共评的基于工作过程的项目方式教学，更有利于学生在“做”中学，学习如何完成任务、与人合作、解决实际问题，这些能力是就业必不可少的。在教学中为了让学生感受到实际的教学效果，又采用了案例教学法，让学生通过做一遍案例的学习过程，掌握了基本操作技能，而课外自己创意再做，又进一步升华，有利于培养学生的收集信息、制定计划、实施计划能力，提高了学生解决实际问题的能力。建立帮助小组，对底子薄的同学多

11、关注，留意他是否也能按时完成或遇到那些需要及时解决的问题，使大家顺利完成各项任务。在教学过程中也可以适当应用问题教学法，提高学生的学习兴趣，精讲多练，达到了“教学做一体化”满意的教学效果。五、开展“过程考核”考试的效果开展“过程考核”教学，调动了学生的学习兴趣，通过对10T1班电脑艺术专业21名学生的调查表明，实践证明，该教学方法收到了良好的教学效果。本套教学方法是一套重自主、重交流、重实践、重创新的教学模式，每一模块的教学，都打破了传统的教学模式，有利于教学水平和教学质量的提高。从教学效果上看，学生的学习兴趣浓厚，积极性高，充分的挖掘出学生的创新能力和自我学习能力，是学生能够顺利就业的保证，

12、值得大力推广和应用：1动手制作网页之前，必须认真做好网站的需求分析，策划好网站的主题，规划好网站的风格和结构，创建完善的目录结构。2制作网页前，收集好所需的文字资料、图像资料、flash动画和网页特效。3所创建的网站至少包括8个页面，分为三层，第一层为首页，第二层为4个二级子页，第三层为3个内容页。（1）首页采用表格进行布局，必须包含导航栏；（2）4个二级子页分别为框架网页、表单网页、利用模板制作的网页、利用布局表格制作的网页；（3）3个内容页分别为层布局的网页、应用JavaScript制作特效的网页、应用行为制作特效的网页。（4）各个页面根据需要插入合适的图像和Falsh动画，首页要求插入背

13、景音乐。（5）所有页面要求内容充实、布局合理、颜色搭配协调、美观大方。（6）各个页面之间导航清晰、链接准确无误。4网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意、容易理解。5实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。6在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。7小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。8实训期间，严格遵守学校的规章制

14、度，不得迟到、早退、旷课。缺课节数达三分之一以上者，实训成绩按不及格处理。9实训环境为WindowsXP及以上版本的操作系统，网页制作软件为Dreamweaver CS3，根据需要可以运用photoshop处理图像，运用Flash cs3制作动画。根据实训期间的纪律考核情况、对待课程学习的态度，站点的目录结构，各个页面的布局结构、颜色搭配，文字、图像、动画的合理搭配，网页之间的链接是否顺畅，网页制作技术的应用，网站的整体浏览效果等方面进行综合评分。评分参考标准如表2所示。序号考核项目评分比例1网站效果（1）内容方面：主题明确，内容健康、具体，各个页面的文字、图像、动画能够清晰地表达主题。70%

15、（2）版面结构：版面结构合理，每个页面都有返回上一级或链接到其他页面的文字或按钮。（3）视觉感受：色彩搭配协调、美观，页面设计规范，没有出现乱码、空链接和错误链接。（4）网站风格：网站具有特色，主题、文字、图像、动画有创新。2纪律考核实训期间组织纪律性强，无迟到、早退、缺课现象10%3创新情况制作的网页具有独创性，构思巧妙、有新意5%4成员协作小组成员协作精神强，所有的成员在规定时间内完成实训任务，无雷同现象或抄袭现象。5%5实训报告实训报告书写认真、完整、字迹清楚、页面整洁，实训收获较大10%合计100%表4：网站开发实训综合评分表七、考试改革方法及考核分解鉴于学生的基础和接受能力的差别，课

16、堂教学重点之一是教法设计，教师根据所教模块的特点，采用灵活多样的教学方式。在教学中首先采用项目教学法贯穿始终，在授课中，采用项目要求说明一学生做，老师巡视指导一讲解示范一训练纠正一师生共评的基于工作过程的项目方式教学，更有利于学生在“做”中学，学习如何完成任务、与人合作、解决实际问题，这些能力是就业必不可少的。在教学中为了让学生感受到实际的教学效果，又采用了案例和小作业教学法，让学生通过做一遍案例的学习过程，掌握了基本操作技能，而课外自己创意再做，又进一步升华，有利于培养学生的收集信息、制定计划、实施计划能力，提高了学生解决实际问题的能力。建立帮助小组，对底子薄的同学多关注，留意他是否也能按时完成或遇到那些需要及时解决的问题，使大家顺利完成各项任务。在教学过程中也可以适当应用问题教学法，提高学生的学习兴趣，精讲多练，达到了“教学做一体化”满意的教学效果。为了便于学生分块掌握自己的学习的进度，在一学期的教学中我分了8个任务做为过程考核的作业再加上最终期末上交一份作品。考试考核方式采用模块分解模式，并按照分值给每个学生打分：任务任务名称（相关链接说明）分值得分任务15任务210任务310任务410任务55任务610任务75任务85作品作品40合计按照每次作业来打分，加上期末作品总评出该生的总得分 2012年8月20日专心-专注-专业