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

1、 一一 课程设置课程设置 二二 课程设计课程设计 三三 教学实施教学实施 四四 教学资源教学资源 五五 教学效果教学效果 六六 课程特色课程特色 七七 改革思路改革思路 u1.1 1.1 本课程在专业人才培养方案中的性质地位与作用本课程在专业人才培养方案中的性质地位与作用 u1.2 1.2 本课程与先修课程后续课程的衔接和配合本课程与先修课程后续课程的衔接和配合u1.3 1.3 本课程的教学目标本课程的教学目标 u网页制作是高职高专院校计算机教育专业和其他相关专业学生应该掌网页制作是高职高专院校计算机教育专业和其他相关专业学生应该掌握的重要技能之一。握的重要技能之一。网页设计与制作网页设计与制

2、作作为软件技术专业的一门必作为软件技术专业的一门必修课，重在培养学生的专业应用能力修课，重在培养学生的专业应用能力。学生通过该门课程的学习能为。学生通过该门课程的学习能为后续课程如后续课程如JavascriptJavascript、XMLXML及应用及应用的学习奠定基础，同时的学习奠定基础，同时社会就业对学生该方面知识也有较强烈需求，因此加强该门课程的建社会就业对学生该方面知识也有较强烈需求，因此加强该门课程的建设，改善教学条件，提高教学质量有着重要意义设，改善教学条件，提高教学质量有着重要意义。 u网页设计与制作网页设计与制作课程在第三学期开设，共课程在第三学期开设，共4040课时（理论课时

3、（理论2020学时，学时，实践实践2020学时），教学工作集中在学时），教学工作集中在1212周完成，第周完成，第5 5周周2020学时的项目实训。学时的项目实训。作为一门专业基础课，该课程可为后续课程提供静态网页设计与制作作为一门专业基础课，该课程可为后续课程提供静态网页设计与制作的理论基础和操作技能。它与计算机应用基础、数据库及动态网页编的理论基础和操作技能。它与计算机应用基础、数据库及动态网页编程等课程密切相关。其中程等课程密切相关。其中计算机应用基础计算机应用基础为本课程的先导课程，为本课程的先导课程，而而JavascriptJavascript及及XMLXML及应用及应用等课程是本课

4、程的后续课程等课程是本课程的后续课程。总。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质综合素质 通过学习通过学习网页设计与制作网页设计与制作课程，学生能够设计制作出布局美观、课程，学生能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有一定交互功能的网页；概括说来，该课程教学目标主要集中息并具

5、有一定交互功能的网页；概括说来，该课程教学目标主要集中在以下几个方面：在以下几个方面： 赏析各类经典网站、掌握网页制作方法赏析各类经典网站、掌握网页制作方法 强化网页制作技能、积累网页制作经验强化网页制作技能、积累网页制作经验 激发自身学习兴趣、形成持久学习动力激发自身学习兴趣、形成持久学习动力 提升自主学习能力、满足职业岗位需求提升自主学习能力、满足职业岗位需求 知识目标知识目标u掌握网页编程基础掌握网页编程基础htmlhtml相关知识相关知识u熟练掌握网页制作软件熟练掌握网页制作软件Dreamweaver Dreamweaver 的基本操作和使用技能的基本操作和使用技能u熟练掌握在网页中插

6、入文字、图像、熟练掌握在网页中插入文字、图像、FlashFlash动画、背景音乐等元动画、背景音乐等元素并按要求设置属性的方法素并按要求设置属性的方法u掌握建立各种形式超级链接的方法掌握建立各种形式超级链接的方法u熟练掌握网页页面布局的各种方法熟练掌握网页页面布局的各种方法u掌握规划网站的内容结构、目录结构、链接结构的方法掌握规划网站的内容结构、目录结构、链接结构的方法u掌握表单网页制作方法掌握表单网页制作方法u掌握网页特效的制作方法掌握网页特效的制作方法u掌握网站测试的方法掌握网站测试的方法 技能与素质目标技能与素质目标u培养学生收集、处理信息，准备、加工素材的能力培养学生收集、处理信息，准

7、备、加工素材的能力u培养学生制作静态网页的能力培养学生制作静态网页的能力u培养学生设计网站的综合能力培养学生设计网站的综合能力u培养学生的策划能力、色彩感悟能力、结构布局能力和想象力培养学生的策划能力、色彩感悟能力、结构布局能力和想象力u训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、料、图像资料、FlashFlash动画和网页特效等动画和网页特效等u培养学生运用所学的理论知识和技能解决网站

8、开发过程中所遇到的实培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质际问题的能力及其基本工作素质 u2.1 2.1 课程设计的理念与思路课程设计的理念与思路 u2.2 2.2 教学内容的选取及依据教学内容的选取及依据u2.3 2.3 教学模块的分配教学模块的分配u2.4 2.4 重点难点的确立及解决办法重点难点的确立及解决办法 u1、设计理念设计理念：（1 1）突出专业课程的职业性和实践性突出专业课程的职业性和实践性。按照。按照“职业岗位职业岗位岗位岗位需求能力需求能力确立教学项目确立教学项目”的项目导向式的运行机制来组织教学。的项目导向式的运行机制来组

9、织教学。（2 2）学以致用，以学以致用，以“用用”促学，边促学，边“用用”边学边学，突出，突出“教、学、教、学、做做”一体化的教育理念。一体化的教育理念。（3 3）学生是学习主体，鼓励学生职业能力发展，加强创新能力学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念和意识培养的理念。在设计中，既要考虑学生职业技能的训练，又要。在设计中，既要考虑学生职业技能的训练，又要关注综合职业素质的养成，为学生的可持续发展奠定良好的基础。关注综合职业素质的养成，为学生的可持续发展奠定良好的基础。 u2 2、设计思路：设计思路：以培养职业能力为核心，以虚拟项目教学为主要手段，积极探以培养职业能力

10、为核心，以虚拟项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。索教学方法与成绩评价方法的创新，保证课程目标的实现。（1 1）以职业能力培养为核心的课程设计以职业能力培养为核心的课程设计。在重视学生专业能力。在重视学生专业能力培养的同时，重视方法能力与社会能力的培养。学生通过课程学习培养的同时，重视方法能力与社会能力的培养。学生通过课程学习掌握网页设计与制作、网站建设等全方面网站开发能力。掌握网页设计与制作、网站建设等全方面网站开发能力。（2 2）以案例教学为中心的课程实施以案例教学为中心的课程实施。教学方法的运用上以案例。教学方法的运用上以案例教学为主，强调启发引

11、导法、合作学习法、循序渐进法等多种方法教学为主，强调启发引导法、合作学习法、循序渐进法等多种方法的灵活运用的灵活运用 u教学内容的设置，是为了满足职业能力培养的需要。通过对岗位需求教学内容的设置，是为了满足职业能力培养的需要。通过对岗位需求的调查分析，的调查分析，网页设计与制作网页设计与制作这门课程的教学内容主要选取以下这门课程的教学内容主要选取以下内容：网页的基础编程、网页制作、网站管理等内容：网页的基础编程、网页制作、网站管理等 针对职业能力的培养要求及网页设计与制作的岗位特点，设计了以针对职业能力的培养要求及网页设计与制作的岗位特点，设计了以下六个模块，每个模块又包含一个或多个教学单元下

12、六个模块，每个模块又包含一个或多个教学单元模块一：网页赏析模块模块一：网页赏析模块 欣赏优秀的网页，激发学习网页设计的兴趣；欣赏优秀的网页，激发学习网页设计的兴趣； 分析优秀网页的布局结构、颜色搭配、视觉效果分析优秀网页的布局结构、颜色搭配、视觉效果模块二：网页基础模块模块二：网页基础模块 了解网页的相关概念和术语，认识网页中的主要构成元素了解网页的相关概念和术语，认识网页中的主要构成元素 ； 了解一些制作网页、处理图像、制作动画的专业工具了解一些制作网页、处理图像、制作动画的专业工具 模块三：模块三： 网页制作模块网页制作模块 主要有页面控制、文本操作、图像操作、超级链接、表格布局、表单网主

13、要有页面控制、文本操作、图像操作、超级链接、表格布局、表单网页、层的布局、行为特效、框架网页等单元页、层的布局、行为特效、框架网页等单元 模块四：网页编程模块模块四：网页编程模块 HTMLHTML语言语言 CSSCSS美化网页美化网页模块五：网站管理模块模块五：网站管理模块 网站管理网站管理 网站测试网站测试模块六：网页设计项目实训模块六：网页设计项目实训 网页制作综合实训网页制作综合实训 u学习重点：学习重点：网站规划及布局；网页中文本和图像的处理；网站规划及布局；网页中文本和图像的处理；HTMLHTML语言；语言；使用使用CSSCSS样式美化网页；网页设计。样式美化网页；网页设计。u学习难

14、点：学习难点：网站规划和网页合理布局；网站规划和网页合理布局；CSSCSS布局及美化网页；不同性布局及美化网页；不同性质网页的创意设计技巧质网页的创意设计技巧u解决办法：解决办法： 案例分析，总结一般规律，操作演示，上机辅导案例分析，总结一般规律，操作演示，上机辅导 u3.1 3.1 教学组织及学习情景设计教学组织及学习情景设计u3.2 3.2 采用的教学方法教学手段采用的教学方法教学手段u3.3 3.3 采用的考核方式，评价方法采用的考核方式，评价方法 u以课堂教学为主，适当引导学生自学探究、任务驱动、互助协作等，以课堂教学为主，适当引导学生自学探究、任务驱动、互助协作等，采取多种教学组织形

15、式的灵活穿插和结合以培养学生自主学习，创新采取多种教学组织形式的灵活穿插和结合以培养学生自主学习，创新学习，合作学习的意识和能力学习，合作学习的意识和能力 主要采用主要采用课堂讲解及案例分析课堂讲解及案例分析的教学方法，同时结合多媒体课件演的教学方法，同时结合多媒体课件演示、课堂讨论、上机操作，个别辅导等多种手段相结合示、课堂讨论、上机操作，个别辅导等多种手段相结合u课堂讲授课堂讲授：在多媒体教室授课，借助于计算机、投影仪等设备，将课在多媒体教室授课，借助于计算机、投影仪等设备，将课程知识中涉及的声音、文字、图形、图像等多媒体信息立体地表现出程知识中涉及的声音、文字、图形、图像等多媒体信息立体

16、地表现出来，使学生更为直观顺利地理解掌握教学内容，提高教学效率来，使学生更为直观顺利地理解掌握教学内容，提高教学效率u上机实践：上机实践：在上机实验课时，教师将本次课的素材、学习资源及实验在上机实验课时，教师将本次课的素材、学习资源及实验要求放在班级的要求放在班级的ftp上，供学生下载。学生上机遇到问题，可以马上上，供学生下载。学生上机遇到问题，可以马上询问老师，下课时，学生将完成的作业上传到询问老师，下课时，学生将完成的作业上传到ftp，教师登录，教师登录ftp进行进行批阅批阅 采用平时考核与期末考核相结合方法采用平时考核与期末考核相结合方法:u平时考核：平时考核：教师登录教师登录ftp对学

17、生每次上机练习所制作的网站或网页进对学生每次上机练习所制作的网站或网页进行访问，并评定作业成绩。平时作业成绩占总评成绩的行访问，并评定作业成绩。平时作业成绩占总评成绩的40%。 u期末考核：期末考核：采用在机房上机考试的方法。要求学生在指定时间内制作采用在机房上机考试的方法。要求学生在指定时间内制作出包括课程主要知识点的综合性网站。期末考核成绩占总评成绩的出包括课程主要知识点的综合性网站。期末考核成绩占总评成绩的60% u4.1 教材选用情况数字化教辅资源教材选用情况数字化教辅资源 u4.2 实践教学条件实践教学条件u4.3 师资队伍师资队伍 u教材：教材：完全手册完全手册HTML+CSS+J

18、avascript实用详解，叶青编著，电子实用详解，叶青编著，电子工业出版社工业出版社HTML+CSS+Javascript标准教程（实例版），本书编委会，标准教程（实例版），本书编委会，电子工业出版社电子工业出版社巧学巧用巧学巧用Dreamweaver CS5制作网页制作网页，人民邮电出版社，肖瑞，人民邮电出版社，肖瑞奇编著奇编著美工神话美工神话CSS网站布局与美化网站布局与美化许文波等编著，人民邮电出版社许文波等编著，人民邮电出版社u数字化教辅资源数字化教辅资源洪恩在线洪恩在线http:/ u学生实习实训机房具有一定规模，能够人手一机，满足教学大纲要求学生实习实训机房具有一定规模，能够人手

19、一机，满足教学大纲要求的全部实训内容和选修实训内容。学生上机所需的软件齐备，如：的全部实训内容和选修实训内容。学生上机所需的软件齐备，如：PhotoShop、dreamweaver等。在多年的教学过程中，本课程等。在多年的教学过程中，本课程已具备了较完整的多媒体教学的条件，有整套的电子教案，案例、习已具备了较完整的多媒体教学的条件，有整套的电子教案，案例、习题等题等 u本课程教师来自多个院校的不同专业，通过几年来的教学实践，均积本课程教师来自多个院校的不同专业，通过几年来的教学实践，均积累了一定的经验，能使学生通过该门课程的学习，打下了较坚实的网累了一定的经验，能使学生通过该门课程的学习，打下

20、了较坚实的网页设计与制作基础，同时也培养了一批能够满足社会需要的具有较高页设计与制作基础，同时也培养了一批能够满足社会需要的具有较高专项技能的网站制作人才专项技能的网站制作人才 u5.1 学生能力素质培养目标的实现学生能力素质培养目标的实现u5.2 同行督导学生等对本课程的教学评价同行督导学生等对本课程的教学评价 u5.3 学生学习本课程的成绩职业资格考证通过率学生学习本课程的成绩职业资格考证通过率 u特色：特色： 教学观念先进，突出应用能力培养。教学观念先进，突出应用能力培养。 本课程本着理论够用、实践加强的原则，突出应用能力的培养。适时本课程本着理论够用、实践加强的原则，突出应用能力的培养

21、。适时调整教学内容，保持与调整教学内容，保持与Web技术的发展同步。改革考核方式，注重技术的发展同步。改革考核方式，注重学生的学习过程。学生的学习过程。 u创新点：创新点： 1、在学习当中，注意引导学生获得美的熏陶，提高审美能力。、在学习当中，注意引导学生获得美的熏陶，提高审美能力。 2、强调技术与艺术的融合，将网页作品当作一份具有生命力的、强调技术与艺术的融合，将网页作品当作一份具有生命力的 艺术品。艺术品。 3、 以真实网站作为教学案例，让学生在真实工作环境中训以真实网站作为教学案例，让学生在真实工作环境中训技能，提高学生适应岗位需求的能力。技能，提高学生适应岗位需求的能力。 4、 虚拟项

22、目设计考核模式。，给学生一些虚拟项目作为课程虚拟项目设计考核模式。，给学生一些虚拟项目作为课程 设计，培养学生单独规范的做项目的能力及网站设计的综合能力，设计，培养学生单独规范的做项目的能力及网站设计的综合能力，也让学生找工作时可以向用人单位提供一个完整的网站设计的作品也让学生找工作时可以向用人单位提供一个完整的网站设计的作品 u7.1 存在问题存在问题u7.2 改革思路改革思路 1.教师知识结构欠完整，教授网页教师在图形图像处理及动画制作方教师知识结构欠完整，教授网页教师在图形图像处理及动画制作方面不够熟练面不够熟练2.教学资源匮乏，缺少系统的教学及学习资源，教师与学生互动有限教学资源匮乏，

23、缺少系统的教学及学习资源，教师与学生互动有限3.教学内容与市场需求结合不够紧密教学内容与市场需求结合不够紧密4.侧重技术的掌握，学生美工基础薄弱侧重技术的掌握，学生美工基础薄弱 1.采用多种方式采用多种方式推进教学团队建设推进教学团队建设，进一步提高专业教师的技术水平，进一步提高专业教师的技术水平，掌握先进职业教学方法，提高教学质量。掌握先进职业教学方法，提高教学质量。2.建立网站教学管理建立网站教学管理。增强教师应用多媒体网页教案的意识，以向学。增强教师应用多媒体网页教案的意识，以向学生实时展示网站建立与网页制作方法在实际中的应用；建立教学资生实时展示网站建立与网页制作方法在实际中的应用；建

24、立教学资源库，以方便学生随时学习，提高学习效率；通过论坛等方式促进源库，以方便学生随时学习，提高学习效率；通过论坛等方式促进教师与学生之间的沟通和教师答疑教师与学生之间的沟通和教师答疑3.重视以真实的社会项目作为教学内容重视以真实的社会项目作为教学内容，倡导将教学结果作为项目内，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。外实训基地建设，以满足本课程真实工作任务下的教学。4.在学习网页设计技术之前，在学习网页设计技术之前，引入美术课程的教学引入美术课程的教学，使学生具备一定，使学生具备一定的美术功底的美术功底