网页设计与制作说课(软件技术-).ppt

《网页设计与制作说课(软件技术-).ppt》由会员分享，可在线阅读，更多相关《网页设计与制作说课(软件技术-).ppt（30页珍藏版）》请在三一办公上搜索。

1、,网页设计与制作,目 录,一 课程设置 二 课程设计 三 教学实施 四 教学资源 五 教学效果 六 课程特色 七 改革思路,一 课程设置,1.1 本课程在专业人才培养方案中的性质地位与作用 1.2 本课程与先修课程后续课程的衔接和配合1.3 本课程的教学目标,1.1 本课程在专业人才培养方案中的地位与作用,网页制作是高职高专院校计算机教育专业和其他相关专业学生应该掌握的重要技能之一。网页设计与制作作为软件技术专业的一门必修课，重在培养学生的专业应用能力。学生通过该门课程的学习能为后续课程如Javascript、XML及应用的学习奠定基础，同时社会就业对学生该方面知识也有较强烈需求，因此加强该门

2、课程的建设，改善教学条件，提高教学质量有着重要意义。,1.2 本课程与先修课程后续课程的衔接和配合,网页设计与制作课程在第三学期开设，共40课时（理论20学时，实践20学时），教学工作集中在12周完成，第5周20学时的项目实训。作为一门专业基础课，该课程可为后续课程提供静态网页设计与制作的理论基础和操作技能。它与计算机应用基础、数据库及动态网页编程等课程密切相关。其中计算机应用基础为本课程的先导课程，而Javascript及XML及应用等课程是本课程的后续课程。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质,1

3、.3 本课程的教学目标,通过学习网页设计与制作课程，学生能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有一定交互功能的网页；概括说来，该课程教学目标主要集中在以下几个方面：赏析各类经典网站、掌握网页制作方法 强化网页制作技能、积累网页制作经验 激发自身学习兴趣、形成持久学习动力 提升自主学习能力、满足职业岗位需求,知识目标掌握网页编程基础html相关知识熟练掌握网页制作软件Dreamweaver 的基本操作和使用技能熟练掌握在网页中插入文字、图像、Flash动画、背景音乐等元素并按要求设置属性的方法掌握建立各种形式超级链接的方法熟练掌握网页页面布局的

4、各种方法掌握规划网站的内容结构、目录结构、链接结构的方法掌握表单网页制作方法掌握网页特效的制作方法掌握网站测试的方法,技能与素质目标培养学生收集、处理信息，准备、加工素材的能力培养学生制作静态网页的能力培养学生设计网站的综合能力培养学生的策划能力、色彩感悟能力、结构布局能力和想象力训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质,二 课程设计,2.1 课程设计的理念与思路 2.2 教学内容的选取及

5、依据2.3 教学模块的分配2.4 重点难点的确立及解决办法,2.1 课程设计的理念与思路,1、设计理念：（1）突出专业课程的职业性和实践性。按照“职业岗位岗位需求能力确立教学项目”的项目导向式的运行机制来组织教学。（2）学以致用，以“用”促学，边“用”边学，突出“教、学、做”一体化的教育理念。（3）学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。在设计中，既要考虑学生职业技能的训练，又要关注综合职业素质的养成，为学生的可持续发展奠定良好的基础。,2、设计思路：以培养职业能力为核心，以虚拟项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。（1）以职

6、业能力培养为核心的课程设计。在重视学生专业能力培养的同时，重视方法能力与社会能力的培养。学生通过课程学习掌握网页设计与制作、网站建设等全方面网站开发能力。（2）以案例教学为中心的课程实施。教学方法的运用上以案例教学为主，强调启发引导法、合作学习法、循序渐进法等多种方法的灵活运用,2.2 教学内容的选取及依据,教学内容的设置，是为了满足职业能力培养的需要。通过对岗位需求的调查分析，网页设计与制作这门课程的教学内容主要选取以下内容：网页的基础编程、网页制作、网站管理等,2.3 教学模块的分配,针对职业能力的培养要求及网页设计与制作的岗位特点，设计了以下六个模块，每个模块又包含一个或多个教学单元模块

7、一：网页赏析模块 欣赏优秀的网页，激发学习网页设计的兴趣；分析优秀网页的布局结构、颜色搭配、视觉效果模块二：网页基础模块 了解网页的相关概念和术语，认识网页中的主要构成元素；了解一些制作网页、处理图像、制作动画的专业工具 模块三：网页制作模块 主要有页面控制、文本操作、图像操作、超级链接、表格布局、表单网页、层的布局、行为特效、框架网页等单元,模块四：网页编程模块 HTML语言 CSS美化网页模块五：网站管理模块 网站管理 网站测试模块六：网页设计项目实训 网页制作综合实训,2.4 重点难点的确立及解决办法,学习重点：网站规划及布局；网页中文本和图像的处理；HTML语言；使用CSS样式美化网页

8、；网页设计。学习难点：网站规划和网页合理布局；CSS布局及美化网页；不同性质网页的创意设计技巧解决办法：案例分析，总结一般规律，操作演示，上机辅导,三 教学实施,3.1 教学组织及学习情景设计3.2 采用的教学方法教学手段3.3 采用的考核方式，评价方法,3.1 教学组织及学习情景设计,以课堂教学为主，适当引导学生自学探究、任务驱动、互助协作等，采取多种教学组织形式的灵活穿插和结合以培养学生自主学习，创新学习，合作学习的意识和能力,3.2 采用的教学方法教学手段,主要采用课堂讲解及案例分析的教学方法，同时结合多媒体课件演示、课堂讨论、上机操作，个别辅导等多种手段相结合课堂讲授：在多媒体教室授课

9、，借助于计算机、投影仪等设备，将课程知识中涉及的声音、文字、图形、图像等多媒体信息立体地表现出来，使学生更为直观顺利地理解掌握教学内容，提高教学效率上机实践：在上机实验课时，教师将本次课的素材、学习资源及实验要求放在班级的ftp上，供学生下载。学生上机遇到问题，可以马上询问老师，下课时，学生将完成的作业上传到ftp，教师登录ftp进行批阅,3.3 采用的考核方式，评价方法,采用平时考核与期末考核相结合方法:平时考核：教师登录ftp对学生每次上机练习所制作的网站或网页进行访问，并评定作业成绩。平时作业成绩占总评成绩的40%。期末考核：采用在机房上机考试的方法。要求学生在指定时间内制作出包括课程主

10、要知识点的综合性网站。期末考核成绩占总评成绩的60%,四 教学资源,4.1 教材选用情况数字化教辅资源 4.2 实践教学条件4.3 师资队伍,4.1 教材选用情况数字化教辅资源,教材：完全手册HTML+CSS+Javascript实用详解，叶青编著，电子工业出版社HTML+CSS+Javascript标准教程（实例版），本书编委会，电子工业出版社巧学巧用Dreamweaver CS5制作网页，人民邮电出版社，肖瑞奇编著美工神话CSS网站布局与美化许文波等编著，人民邮电出版社数字化教辅资源洪恩在线http:/pc/其它网络资源,4.2 实践教学条件,学生实习实训机房具有一定规模，能够人手一机，满

11、足教学大纲要求的全部实训内容和选修实训内容。学生上机所需的软件齐备，如：PhotoShop、dreamweaver等。在多年的教学过程中，本课程已具备了较完整的多媒体教学的条件，有整套的电子教案，案例、习题等,4.3 师资队伍,本课程教师来自多个院校的不同专业，通过几年来的教学实践，均积累了一定的经验，能使学生通过该门课程的学习，打下了较坚实的网页设计与制作基础，同时也培养了一批能够满足社会需要的具有较高专项技能的网站制作人才,五 教学效果,5.1 学生能力素质培养目标的实现5.2 同行督导学生等对本课程的教学评价 5.3 学生学习本课程的成绩职业资格考证通过率,六 课程特色,特色：教学观念先

12、进，突出应用能力培养。本课程本着理论够用、实践加强的原则，突出应用能力的培养。适时调整教学内容，保持与Web技术的发展同步。改革考核方式，注重学生的学习过程。,创新点：1、在学习当中，注意引导学生获得美的熏陶，提高审美能力。2、强调技术与艺术的融合，将网页作品当作一份具有生命力的 艺术品。3、以真实网站作为教学案例，让学生在真实工作环境中训技能，提高学生适应岗位需求的能力。4、虚拟项目设计考核模式。，给学生一些虚拟项目作为课程 设计，培养学生单独规范的做项目的能力及网站设计的综合能力，也让学生找工作时可以向用人单位提供一个完整的网站设计的作品,七 改革思路,7.1 存在问题7.2 改革思路,7

13、.1 存在问题,教师知识结构欠完整，教授网页教师在图形图像处理及动画制作方面不够熟练教学资源匮乏，缺少系统的教学及学习资源，教师与学生互动有限教学内容与市场需求结合不够紧密侧重技术的掌握，学生美工基础薄弱,7.2 改革思路,采用多种方式推进教学团队建设，进一步提高专业教师的技术水平，掌握先进职业教学方法，提高教学质量。建立网站教学管理。增强教师应用多媒体网页教案的意识，以向学生实时展示网站建立与网页制作方法在实际中的应用；建立教学资源库，以方便学生随时学习，提高学习效率；通过论坛等方式促进教师与学生之间的沟通和教师答疑重视以真实的社会项目作为教学内容，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。在学习网页设计技术之前，引入美术课程的教学，使学生具备一定的美术功底,End,