关于《网页设计与制作》课程标准化建设实施方案的研究

2016-10-18郑伟

电脑知识与技术 2016年21期

关键词：网页设计与制作实施方案标准

摘要：随着越来越多高校开设了《网页设计与制作》课程，如何建立一套完整标准化的课程内容无论是对于优化教学质量还是提升网页人才的培养质量都是非常有意义的。该文针对网站建设所覆盖的知识点，提出《网页设计与制作》课程内容的标准化建设实施方案。

关键词：网页设计与制作；课程标准化；实施方案；标准

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）21-0158-02

1 基于标准化的课程内容分析

1.1 了解技术标准，锁定课程框架

任何一门课程，都应该是基于某种需求而存在，这种需求必定有一个标准。而对于网站建设也是如此，W3C标准对建站相关内容都制定了成熟与完整的标准。《网页设计与制作》课程作为建站的主干课程，所有课程内容都应该来源于W3C标准框架之中。

1.2 深入行业调研，熟知技术要求

标准一旦制定，便不会轻易改动，而课程的完整内容也不会有太大变化。但对于内容的理解和使用却是随着技术和行业的发展而变化。尤其对于网页设计，技术更新更是迅速，例如由原来的表格布局发展到现在的DIV布局，甚至将来可能的响应式布局、弹性布局、网格布局等等。内容还是这个内容，只是它的作用和用法发生了变化。而这些都是需要我们深入企业一线去调研才能知道的。

1.3 充分探讨沟通，完善课程内容

一旦对技术标准和行业要求有了深入的认识之后，就要确定合理的安排课程内容，无论课程内容如何，重点是教授这门课程的老师。相关老师集中对内容进行讨论，不仅可以更好的对课程内容进行设置和安排，同时也是一个学习和提高的过程。

2 构建标准化的课程内容

通过对标准的解读和行业的调研后得知，《网页设计与制作》这门课程大体可分为3大部分来构建：网页结构、网页表现与网页行为。

2.1 网页结构（HTML）

此部分内容以HTML标签为核心内容，根据需要创建的内容，使用具有较强可读性和可识别性的标签来进行表示，例如要创建一个段落，我们可以使用

来表示，如果要创建一个章节，则可以使用

。这样不仅可以实现网页内容的创建，同时也完成了对网站结构的优化。通过W3CSchool和W3School的内容参照，可将HTML内容分为基础教程、高级教程、HTML媒体及XHTML等内容，由于目前最新推出了HTML5，在新旧技术的过渡时期，尽量将新旧知识点分开讲解，有利于更加清楚的分层。

2.2 网页表现（CSS）

此部分内容为网页制作里面最重要的一个技术环节，用于网页布局与网页美化，CSS是网页课程里面的一项重要组成内容，同样分为两个版本，CSS2.0与CSS3.0，依据W3C标准，将选择器、属性、hacks、单位等等归纳完整，分类清楚。通过W3CSchool和W3School的内容参照，可将CSS内容划分为CSS基础教程、CSS样式、CSS框模型、CSS定位、CSS选择器及CSS高级教程。目前行业正处在新旧技术交替状态，因而在内容制定上也要分开制定，使得层次递进更加分明。

2.3 网页行为（javascript）

此部分内容为实现网页交互性功能，网页中使用的主要技术为javascript。而javascript是属于客户端脚本语言的一种，它也成为web前端技术里面的重要成员。目前很多非程序员都在使用它，可见javascript是一门相对容易上手的技术。原生的javascript对于一般人来说是有难度的，但是对于理解js（之后都用于javascript简写）是十分必要的，目前有很多基于js的框架，例如jQuery是一款非常优秀的js库，因为此部分内容可以设定为原生javascript与jQuery两个部分的内容。

上述3个方面，按照W3C标准严格制订内容，便可基本全部涵盖课程所有内容。

3 加强关联课程建设，做好课程衔接

仅仅依靠《网页设计与制作》课程内容是无法满足岗位与技术要求的，它需要大量其他课程内容的知识来支持，才能更好地学习和掌握，例如：网页美工，除了要求掌握网页结构、网页表现外，还要会使用设计软件先对效果图进行设计，甚至在目前已经越来越多的企业还要求网页美工掌握网页行为部分的知识技能，因而根据整个行业体系，可将建站内容分成3个阶段：

3.1 网页美工

主要针对网页效果图，网页元素设计，可将此部分内容加入到平面设计课程中例如Photoshop、AI等，且平面课程一定要在网页课程之前开设完成。此阶段的课程内容必须要有针对性，要求对网页的构成元素的设计，网页的配色、网页的风格设计，以及客户需求的分析制定相关内容。此阶段将很大程度上影响到后续课程内容的学习的效果。通过个人实际的教学中发现，做出一个好的效果图作品，将会极大的促进学生的学习积极性，也会无形中使得学生学习更加主动和自信。

3.2 web前端

此阶段是紧跟上一阶段的，当学习完网页美工，制作出最后的效果图后，紧接着就是将图片效果先实现成静态网站。这里存在一个重要的环节，那就是切图。许多人对于切图并不太重视，但实际情况是，切图的好坏，直接影响到整个建站的效率。切图不好也会造成流量浪费及网速变慢等后果，这就需要美工与前端人员之间能够很好地进行沟通和合作，因而这个阶段并不是完全的独立存在。

3.3 网站后台开发

当静态网站建站完毕后，此时网站只具备在客户端电脑浏览的基本功能，人机之间无法实现数据的传输。例如当需要在网站留言，并马上显示在网站中时候，当需要对网页的数据进行及时的更新修改的时候，这都需要服务器端技术的支持。目前建站的服务器端技术主要有PHP、JSP、ASP等。从过程可以看出，此阶段是必须承接上一个阶段的才能继续实施的，如果更好的实现对接，这就要求前端或美工人员与后台人员之间进行详细的沟通。

上述3.1和3.3是可选内容，各专业可根据自身需要选取开设。

4 完善教学资源，规范教学内容

完备的教学资源是课程标准化建设不可或缺的一部分。制定完课程内容后，如何学习课程是至关重要的。由于师资不同、专业不同等原因，同一门课程，教学内容却相差甚远，应该针对具体的知识点，制定统一的基础案例，也就是必讲案例，不分专业，不分教师，凡涉及某知识点，此对应的基础案例为必讲内容，然后可在此案例基础上，自由增加其他案例。这次既可保证课程内容的标准化，又可灵活变通。必备的主要课程资源大致有以下几种：

4.1 标准化的教学大纲

此标准化教学大纲是课程学习的指导性文件，应该是针对课程内容统一制定，不区分教师，不区分专业，对每一个知识点都提出达到的目标要求。教学大纲不易经常性变动，它是一个完整的指导纲领，只有当内容发送实质性变化时，才会做出改变，最后由各专业针对自身特点从此教学大纲中有选择性的执行。

4.2 标准化的实训大纲

如果说教学大纲是一个指导性的文件，那实训大纲就是实实在在的执行方案，针对每一个知识点都应该设定一个独立的案例，有详细的实现步骤及过程，也要对每一个案例提出明确的实训目标。实训案例不仅仅要针对一个个小知识点，更要有完整的案例，通过小案例的叠加，并最终能实现一个覆盖全部环节的完整案例。

4.3 视频教程

仅仅有文字性的指导文件不够，配套的视频教程是必不可少的。课程内容的制定向来都是开放的，课程的学习应该是不受时间和空间的约束。视频可以很方便地将知识点清楚的呈现。视频的制定应尽量碎片化，按知识小节进行准备，时长在20分钟以内比较适宜。有了视频，学习者就可以更加方便的自学了。

4.4 反馈系统

课程的内容的完善和优化，需要不断地在实践过程中发现问题，总结问题，通过反馈系统，将各种建议和意见进行收集整理，查缺补漏，不断完善和改进，此反馈系统可以通过网络手段，通讯手段等方式实现。

4.5 网络平台

如何将课程内容更好的呈现和管理也是课程标准化建设的一项重要任务。可以建立一个网络平台，如专门建设此课程的网站，与优质课程，共享课程，精品课程看齐，将反馈平台、视频案例、教学大纲和实训大纲有组织地结合在一起，并实现资源的共享。

5 创新考核方式，将考核落在实处

对于操作性极强的课程，使用传统的考核方式效果并不理想，如何创新考核方式呢？这里有以下几点想法：