网页设计与制作课程教学改革

前言：想要写出一篇引人入胜的文章？我们特意为您整理了网页设计与制作课程教学改革范文，希望能给你带来灵感和参考，敬请阅读。

1引言

网页设计与制作是计算机应用专业的一门重要的必修课，是一门集知识性、艺术性、技能性和应用性于一体的课程，学生可通过本课程的学习，获得网站设计与开发的能力，并能熟练地进行网页的美化。本课程还有助于学生更深入学习计算机其他领域知识，培养职业技能，完善专业知识结构。对于大学生而言，在互联网技术发展和普及的时代背景下，浏览网站获得信息并不陌生。《网页设计与制作》这门课程因为面向应用、突出实践，广受学生欢迎。但是学生从前台浏览的身份突然跨越到后台进行操作实践，会存在理解和学习上的困难。比如教学时侧重对单个知识点的介绍，知识点之间的联系不多，学生对于“整体网站”的概念难以形成，往往知其表象而不知内涵，尤其在学习了各种网页美化软件后，不清楚如何将这些知识运用到实践中去；目前教学内容往往和企业的实际需要存在脱节，学生的作品自我色彩强烈而缺少实用性。针对以上存在的一些问题，本文基于计算机思维理论，对网页设计与制作课程在教学内容、教学环境和校企合作等方面的改革进行探索和实践。

2基于计算思维能力培养的课程教学改革

计算思维是由美国著名计算机教育工作者周以真教授提出并定义的，计算思维是运用计算机科学的基础概念对问题进行求解、设计系统和对人类行为的理解等涵盖计算机科学之广度的一系列思维活动。对计算机课程的教学提出了更高的要求，不能只停留将计算机作为工具使用的狭义领域，而要着重对学生计算思维的培养，强调问题解决的操作过程和应用实践。因此在《网页设计与制作》课程的教学过程中，我们的重点不应该仅仅是教授学生使用网页设计工具，而更应将提出问题、解决问题等思维能力培养贯穿于整个教学过程中。笔者从教学内容、教学环境、校企合作三方面进行探讨。

2.1加强教学内容的改革

计算思维能力的培养需要对教学内容重新理解和认识，网页设计与制作这门课程具有很强的设计性和操作性，而设计是前提，操作是为设计服务的过程，在教学过程中，我们从培养计算思维能力的目标出发，力求在思维中融合知识的传授、技能与素质的培养，尊重不同的认知方式。网页设计与制作这门课程，随着计算机软硬件日新月异的升级，即使是市面上最新出版的教材，软件版本、教学结构和内容等很多方面都不能完全适应网页设计的最新知识和应用。为使学生在学习时更好地与前沿接轨，笔者在课程内容改革方面做了一些尝试。以DIV+CSS网页布局为例：传统网页布局以表格为主，这种结构缺点是呆板、样式简单，不利于重用和后期修改，而如今主流模式使用DIV+CSS网页布局，先用DIV对页面内容进行整体划分，再用CSS对各结构分块进行定位，突出表现和内容的分离，这样排版思路清晰，网页结构分明，更新页面又十分方便。传统的表格布局直观、简单，学生易于理解，但DIV+CSS网页布局中的概念比较抽象，尤其是盒子模型、标准流、浮动、定位四大核心技术原理，如果仅仅照搬书上的理论介绍，学生表示出一定的畏难情绪，教学效果不佳。为帮助学生能够更好地吸收、巩固知识，笔者设计了一系列Flash动画对盒子模型的原理、定位偏移以及后续的布局示例进行演示，比如用墙上的画框来说明盒子模型的结构，例子贴近生活，视觉效果直接、清晰，为学生的创新思维留出空间，学生能做到不但知其然，还知其所以然，在动手操作的同时进行观察、思考和分析，比较和传统表格布局的差距，从而建立自己的思维方法，形成自己的个人成果。再例如在教授动画制作软件Flash时，教学案例不能简单照搬一些参考教材的例子，要结合实际企业需求，将需要注意的相关技术和工作流程方面重点有机地融合在案例中。因为Flash主要是在网页设计中应用，所以对教学知识点归类，分为逐帧动画、补间动画、遮罩动画、引导动画、按钮类动画等，再精选互联网中的动画作为案例，更能激发学生的学习兴趣，扩展学生的实际应用能力。学生先按照教师的案例操作熟练后，布置任务时将主动权交给学生，给学生提供计算思维的创新空间，从构思到素材收集，从工具选择到动画制作，都需要学生充分发挥想象力、独立思考，结合已有知识进行实践并创新，起到举一反三的作用。

2.2基于能力培养的教学环境

笔者所在的教学团队构建的《网页设计与制作》精品课程网站将教学由平面扩展为立体，以培养职业能力为核心，以工作实践为主线，以实例应用为导向，提供了有力的教学环境。精品课程网站具有良好的开放性和实用性，提供了丰富的教学资源，包括大量的教学课件、教案、教学视频，来自企业一线的教学素材、项目任务、历届学生的优秀作业等，通过大容量作业邮箱和课程学习QQ群构建了课程辅助教学平台。课程平台可以满足不同层次的学生的需求，打破了学校、教室的地域范围，学生成为了主体，对教学内容和学习时间可以更灵活地进行选择和安排，可以上传自己的操作作业，适合“移动”的学习过程。学生不仅可以随时下载共享的资源解决学习中的疑惑，还可以与教师进行讨论交流，获得个别反馈，对知识进行深入扩展，达成个性化培养的目标，即计算思维多样化的本质：尊重学生认知方式存在的差异。在网站相应栏目中还提供关于计算思维的文章和资料，供学生阅读、体会。

3校企合作促进教学

为了更好地让学生在毕业后走上工作岗位后能少走弯路，快速适应企业需要，避免出现学习知识与职业能力、知识内容与生产情境的脱节，学校和企业进行深层次的合作，立足工作岗位能力的培养人才模式，达到双赢的目的。因此教学应根据企业的应用需求制订新的教学大纲和计划，选取和设计教学内容，并开发相关实训指导、习题及操作训练测试、课程网站等一系列教学资源。而教师如果理论更新跟不上时代的变化，缺乏实践操作能力，会使职业院校计算机教育明显滞后于各产业发展对计算机专业人才培养的需求。教师更要深入企业，了解企业文化和用人需求，这样在日后可以扩展教学的深度和广度，教学以企业工作流程为框架，重视学生在校学习与职场环境的一致性。而企业的工程师也要进校进行指导，传授企业一线的操作经验，真正能将学生培养为集学科、技术和产业思维于一体的优秀技术型人才，提高毕业生在市场上的竞争力，促进他们能更好地就业、创业。

4结语

在教学中渗透计算思维，是我们面临的教育教学改革的新挑战，更是新机遇。通过几年的教学实践表明，基于计算思维对《网页设计与制作课程》的针对性的教学改革充分发挥了学生的主观能动性，提高了教学质量，大部分学生都表示收获颇丰，学习能力、思维能力得到了普遍提高。今后还需要进一步探索研究新的手段，潜移默化地培养学生的计算思维能力，提高学生的实践技能水平，为学生提供受益终生的学习方法。

作者：戴菲 单位：扬州工业职业技术学院