高职“网页设计与制作”课程教学改革探索

杨颖

高职“网页设计与制作”课程教学改革探索

杨颖

随着各种智能化的移动终端日益普及，传统的PC端网页设计布局方式越来越不能满足用户的需求，如何让网页兼容多个终端，成为网页设计师们亟待解决的问题。同时，移动互联网技术也促进了教育资源的共享，学生在学习观念和学习模式上有了巨大的转变，线上学习、碎片化学习、移动学习和社交学习将是未来的学习趋势。“网页设计与制作”课程本身与互联网技术紧密相关，更应该发挥课程自身的特点，紧跟行业最新技术，将移动互联网融入到课堂内外，激发学生学习的主动性和创造性，从而有效提高教学质量，培养更多符合社会岗位需求的技能型人才。

高职教育;网页设计与制作;课程改革;移动互联

近年来，随着智能移动终端产品的不断发展，特别是4G时代的开启，网速和带宽的增加，数据网络成本和流量资费的下降，更加丰富的互联网信息应用，云计算、大数据等新兴技术开始广泛普及，这都意味着移动互联网时代的真正来临。中国互联网信息中心CNNIC发布的《第34次中国互联网络发展状况统计报告》显示，截至2014年6月，中国网民规模达6．32亿，其中，手机网民规模5．27亿，互联网普及率达到46．9%。网民上网设备中，手机使用率达83．4%，相比2013年底上升2．4个百分点，首次超越传统PC整体80．9%的使用率，手机作为第一大上网终端的地位更加巩固，用户的注意力已经不可逆转地从PC端网站向移动端APP转移。因此，“网页设计技术”课程也应顺应新时代的发展，将最新的知识和技术融入到课程的教学过程中，从以前的侧重于PC端网页界面设计过渡到今后兼顾移动端设备网页设计，不断改进教学内容以及教学手段，才能保证良好的教学效果，提高学生的就业竞争能力。

一、紧跟行业最新技术，灵活组织教学内容

目前，高职“网页设计与制作”课程的教学内容主要包括:网页设计与制作的基本概念;HTML标记语言;网页编辑软件Dreamweaver的使用方法;在网页中添加文字、图像、超链接、表格等基本元素;使用CSS样式表;Div+CSS网页布局;制作框架网页;创建表单网页;模板与库;Javascript网页特效;使用Flash制作网页动画;使用Photoshop处理网页图像等，选用的网页案例也都侧重于传统的PC端网站界面设计。例如在讲解网页布局技术时，为了页面的美观性，我们往往将页面固定宽度并居中，一般页面宽度采用950～1200像素左右，如图1所示。而为了实现图1的左中右3栏并排的版式，需要采用Div+CSS浮动布局来进行定位。

而这种传统的网页界面并不适合在手机、平板等移动终端设备中显示，这是因为移动设备相比台式电脑而言，屏幕范围都比较有限，从而使得用户很难看清楚依赖于标准尺寸的PC端屏幕上的文字和图形。因此，手机端网页在排版时一般采取流式布局，页面宽度尽量采用以百分比为单位的弹性宽度，根据设备屏幕的大小能够自适应调节，按比例缩放。另外，考虑到用户在移动设备操作方面的一些特点，页面在图形、导航按钮的设计方面应尽量简洁易用，如图2所示，用最小的成本呈现最有价值的内容，尽量减少用户进行信息访问时所采取的步骤，从而达到高效良好的用户体验。［1］这些面向不同终端的网页设计原则，应该在教学过程中清晰地传递给学生。同时，在教学中，应及时引入先进的Web技术，如 HTML5、CSS3、响应式网页设计［2］、媒体查询、流式布局、自适应图片等内容。除了介绍前端界面设计以外，可以适当介绍一些动态网站后台开发的流程，使学生在整体上对网站建设具有更加明确的认识，为后续网页编程技术 JavaScript/AJAX、Web程序设计(I)——ASP．NET技术、Web程序设计(II)——PHP+MySQL技术、网络数据库等专业课程的学习打下良好的基础。

图1 传统的PC端网页界面

图2 手机端网站页面

二、转变传统教学观念，促进教学方式创新

在移动互联时代，信息的传播速度更快，传播的内容也更具有冲击力和震撼力，传播的扁平化趋势也更加明显。信息的传播早已不再是自上而下的单向式传播，而是呈现信息传播的网状结构、双向结构，每一个手持移动终端的个体都是一个传播节点，人人都可以成为传播活动的主体。微博、微信、微课等新鲜事物已经在社会上日益普及，学生通过手机、IM软件等各种途径，互相分享交流可以快速获取最先进的知识技术。教师不再是知识的权威，教师作为课堂上知识传授者的传统地位被动摇了，未来课堂知识将由三方面组成:教科书及参考书提供的知识;教师个人知识;师生互动产生的知识。这表明教师的身份应该从课堂的管理者转变为学生学习知识的合作者，课程的教学方法也需要随之发生改变。

除了在课堂上采用传统的案例教学、项目式教学、任务驱动法教学以外，“网页设计与制作”课程应该结合自身特点，在教学手段上多运用现代教育技术和虚拟现实技术，以直观的形式使抽象问题简单化，以高效的授课手段、形象的动画演示、巧妙的环节设计保证授课质量。充分利用网络课程教学平台，优化教学过程，提高教学质量和效率。［3］教学资源应全部可在网上浏览和下载，包括教学大纲、教学课件、教学案例、实训实践、例题习题、授课视频、优秀网页作品库与素材库等。精心设计出知识点合理、内容短小精悍的微课程以及其他适合在移动终端上展现的优质的移动学习资源，从而使任何学生在任何时候、任何地方都能轻松地获取知识以及训练技能，保证学生按需学习和主动学习。此外，通过短信、电子邮件、QQ群、论坛、微博、微信、朋友圈等师生互动环节加强教师与学生之间的联系与了解，既帮助教师及时了解学生的学习情况以便掌握课程的进度和方向，又能够促进学生学习的自主性和积极性。

三、改进课程考核方式，合理评价教学效果

“网页设计与制作”课程的考核应注重实践性、创造性和实际技能培养的要求，以学生综合实践能力考核为主线，改变传统的对课程单一片面的考核方式，建立促进学生动手能力和创新能力的考评体系，实行过程考核与结果考核相结合。过程考核包括学生课堂练习、课后作业完成情况、考勤情况等，结果考核包括期末课程设计情况。课程设计可以由授课老师结合学校需求或者企业需求、市场需求，引入若干项目，由学生选择独立或分组完成。分组时同组人数不超过3人，并明确划分各人分工情况，比如界面设计、文案编辑、内容校正、资料收集、后台程序等。分组合作不仅能增强学生的团队精神，同时也有助于相互之间的帮助，使学生更快地掌握应用技能。在设计过程中，要求学生填写标准的设计任务书，严格按照网页设计流程进行，完成和上交所有设计文档和报告，这样可以增强学生的实践能力和岗位能力。

在验收网页设计作品的过程中，由学生在多媒体教室或机房把自己的网页设计作品展示出来，并且讲解整个构思、设计以及实现过程，让学生成为网站的运作人，由指导教师最终进行点评总结，并对每个作品从创意、排版、内容、美工、技术等各方面进行综合评分。同时，还要将学生的相互评价和自我评价作为考核评价的重要指标。学生还可以把自己的网页作品放上网，发挥社交网络和移动互联网优势，通过调查、评论、专题、互动、网民投票等手段，客观了解作品的各方面优势劣势，从而做出进一步的改进和提高。期末考核不但是检验学习效果的手段，而且还成为学生继续学习与实践训练的组成部分，培养了学生实际动手能力和基本专业素质，这样的考核方式将会取得比单独进行理论考试更好的教学效果。

除了常规的课程考核以外，组织学生在课余成立兴趣小组、社团、工作室、虚拟公司，承接实际的网页设计业务，同时，鼓励学生参加各种网页设计大赛及相关的网页设计认证考试，使学生通过不同层次的实际训练，锻炼其自主学习能力与创新思维能力，并促进他们对所学的知识进行总结与提高，从而形成比较系统的课程知识体系，最终提高学生的实战能力，学以致用服务社会。

四、加强教学团队建设，提高教学质量

在“网页设计与制作”的课程教学中，教师的业务水平和综合素质直接影响学生的学习质量。所以建设一支高素质的专业教学团队是课程教学改革中至关重要的一环。［4］教学团队的所有成员应具备丰富的教学经验，专兼聘相结合，形成合理的年龄与知识结构梯队。邀请高职称高学历高技能的人才特别是企业专家来承担学生实践环节，定期为学生开设网页设计方面的新技术讲座。重视教师之间的合作交流与资源共享，充分利用移动互联网的优势，建立教师备课联盟，通过共同备课的机制，讨论课程教学方法、教学项目以及更新教学内容。此外，由于这门课程涉及的专业知识很多，它包含平面设计、动画设计、图像处理、网页编程、数据库、Web程序开发、网站建设与维护管理等领域，必须紧跟新技术的发展才能保证所学知识不被淘汰。这对授课教师本身的知识结构和专业技能水平的要求更高。因此，学校也应积极鼓励教师不断更新和拓展专业知识结构，同时多方面支持专业教师定期参加各种设计竞赛、交流培训及科研项目，增加教师的进修和学习机会，加大师资培训力度，使教师积极主动地参与到企业或公司实际的设计项目中去，从而提高教师的整体素质和业务水平。作为教师本身，也要树立先进的现代教育理念，主动提升自我，勇于尝试新媒体，接触新事物，利用业余碎片时间不断研究学习新知识，享受移动学习带来的新体验。

在移动互联网日益普及的今天，人们可以非常快捷地获得大量的网页设计与制作相关的学习资源，任课教师要想获得学生的积极参与和普遍认同，就需要紧跟最新的网页设计技术，在知识和技能方面不断充实自我，以学生就业为导向，将教学与社会应用相结合，不断对课程的教学方法、教学手段进行改革和创新，以充实的教学内容吸引学生自主学习，引导学生不断创新，使学生在学习过程中收获更多的成就感。只有紧紧把握互联网技术飞速发展的新机遇，立足于满足社会岗位对人才的需求，努力提高学生的创新思维与实践动手能力，才能培养出更多符合时代要求的高素质专业人才，真正实现教学与就业的无缝对接。

［1］梅倩．移动互联网时代下的网页设计［J］．科技创新导报，2010(4):19－20．

［2］王愉，潘明明．响应式网页设计初探［J］．北京印刷学院学报，2014(3):13－15．

［3］吴葳葳．高职高专《网页设计》课程教学改革研究［J］．科技信息(学术研究)，2007(34):171－172．

［4］陆远蓉，李晓婷．基于工作过程系统化的《移动互联网站设计》学习情境设计［J］．当代职业教育，2014(6): 24－26．

［责任编辑 陈国平］

杨颖，女，广东农工商职业技术学院讲师，硕士，主要研究方向为计算机应用技术。

G712

A

1674－7747(2015)18－0025－03