基于顶岗实践中课程教学改革探索与研究
——以网页设计与制作课程为例

郑水祥

（南京城市职业学院，江苏 南京 211200）

1 研究背景

网络信息技术不断推陈出新，为视觉设计带来了新的表现形式，也推动了艺术表现内容与形式上的创新与变革。 随着新媒体技术的不断发展，网页设计中的不同类别元素也是更新变化，网页前端界面经历了从文字型页面到图形化页面的转变，再到现在新媒体技术普及应用，丰富了网页端前的界面。

该项目以对南京城市职业学院2019 年毕业生数据为例，对其下属某二级学院毕业生岗位跟踪、回访调查，视觉传播设计、艺术设计两专业毕业生应聘网站设计制作岗位主要有： 网店装修与美化、Web 前端界面交互设计、网站编辑与维护等。

网店装修与美化、Web 前端界面交互设计： 精通Photoshop、Html、DW 等网页设计编辑工具。

网站编辑与维护：除了具备对Photoshop、Html 静态语言、DW/FLASH/AE 软件使用外，还能对网站色彩搭配、CSS、JSP/ASP 语言工具有二次编辑能力，对具有网站的DOM 树形结构优化及SEO 经验优先考虑。

2 以职场岗位需求为中心，明确课程目标

2.1 根据具体工作职责，全面了解课程需求

网店装修与美化、Web 前端界面交互设计岗位的职责：（1）能够根据公司产品类别需求，独立完成公司的店铺装修督导及跟进工作；（2） 负责店铺促销活动专题页面的设计制作，网站页面美化工作。

网站编辑与维护岗位的职责：（1） 熟练使用PS/DM/CSS/JSP/ASP 软件具备一定的创新能力，对色彩把握度强；有丰富的想象力；（2）具有扎实文案功底、策划专题的能力，根据要求调整网站内容方向，使网站流量得到最大化提升；（3） 具有较宽的知识面， 了解SEO 搜索引擎方面知识优先；（4） 有一年以上的网站建设、版面栏目改版、维护等经验。

2.2 营造职场环境，全面培养准职业人的素养与能力

在课程教学前期，教师将现实工作环境中高价值项目模拟引入课堂，安排学生具体任务，调动学习兴趣，以此激发准职业人的情怀与荣誉感。 将职场环境直接转移进课堂不仅能培养学生执着态度，更能以准职业人体验来激励学生在未来工作岗位中对项目计划、落实与安排不断探索与创新。

考虑到网页设计与制作课程对学生的创意能力及制作能力要求较高，在教学过程中，教师可以根据工作实际需求使用Table、Div/CSS 或框架集， 在项目具体实施过程中，引导学生通过不同工具、方法、环境参数设计制作对比，对项目任务中出现的短时间无法解决的问题采取分组讨论交流沟通方式。

3 根据具体任务，合理化安排课程内容

高职院校的专业人才培养目标中开设的课程要符合市场对岗位人才的需求，培养具有实践能力的职业技能型人才。 为了将知识目标、能力目标和素质目标有效地统一明确，根据专业的素质能力目标，教育实施者必须对课程内容进行知识点重组与优化调整，增设与实际工作岗位相关的必备内容，减少或取消与实践操作关联性较小的内容。

将网页设计与制作课程项目教学内容，分为如下几部分：

网页设计工具软件介绍，同时分享优秀企业网站案例作品；网站网页布局设计中Table 的应用、导航栏的制作；网页文本、图像图形、超链接、视频与音效的编辑使用；Div 结构的使用及经典案例中Div/CSS 的应用；Div/CSS 中CSS 的应用及表单元素的应用；网站测试与维护、网站优化；

调整后的课程内容进一步提升了课程的实用性与通用性。 通过学习，学生可以熟悉网站设计的全流程并能熟练设计制做出一套完整的小型网站。

接着以主要讲述Div 结构的使用及经典案例中Div/CSS 的应用，详细讲述基于具体任务，进行合理化安排课程内容。 该部分内容选择了ABC 培训机构网站规划项目为载体进行教学场景的设计。

规划要求：

（1）网站主页的布局设计、色彩搭配能反应该类网页的特征，要能考虑客户需求，达到宣传效应。

（2）网页整体布局设计、色调规格的统一性，确保不同终端的兼容性。

（3）分清首页主次结构，根据版面布局逐一确定主次页面，预留扩展性功能。

4 基于工作环境要素，深耕校企合作

学院可根据专业建设发展情况，定期安排校企单位资深Web 设计师、已入职的优秀校友代表来校进行交流传帮带，在交流过程中，教师与学生可以获悉当前最新、最热门的软件平台为依据，结合实际岗位及时更新课程内容，学校还可考虑直接试岗体验让学生熟悉并感受企业工作环境。 拓展学生的专业视野，为学生顶岗实践做准备。

4.1 专业教师当先行积极为学生创设实践条件

学校可安排符合条件的骨干教师先一步进入企业跟岗交流，在企业跟岗交流中能直接了解企业网站开发的业务流程、行业设计软件的更新。 同时，也可让教师将参与项目的经历、行业交流直接引入课程实训环节、为教材编写提供帮助指导，为专业建设提供保驾护航。

4.2 采用 “教、学、做”项目一体化联动模式

在实际教学过程中，将项目任务中重要指标转化为课程教学的知识目标、能力目标和素质目标。

在课程导学阶段，教师将知识点结构，学生模仿能力的培养融合为一体构建学生的知识体系。 以“ABC 培训机构网站规划设计”为例，该项目的教学安排如下：

项目任务：ABC 培训机构首页布局设计。

项目目标： 要求学生能熟练掌握使用Div/CSS 工具对网站布局设计。

教学内容：（1）了解不同类型网站的风格，提出对培训类网站布局的理解、创意思考、草图设想；（2）深度分解成熟网站项目设计使用的相关规范、技术参数与工具；（3） 通过效果实现分析Table 工具与Div/CSS布局两者区别与优劣势；（4）对网站布局使用Div/CSS设计。

教学方法：教师安排学生进行分组自主学习，教、学、做一体化。 授课教师在项目任务的详述过程中，须分步骤分知识点逐条讲解，还要关注学生实践与思考的时间与空间，保证每个项目实施和学生的练习张弛有度。

5 教学考核和总结评价

考虑到课程实践操作性很强，课程的教学内容也是从任务陈述、项目实训、任务拓展等依次递进，课程设计的深入浅出，实现了基础知识、专业技能、素质涵养的同步培养与锻炼。

6 结语

采用基于顶岗实践的项目教学法进行课程教学，能将烦琐理论变成逐个项目任务。 调查数据普遍反映该课程的教学改革创新培养了其岗位实际工作过程中的分析、思考与解决问题的综合能力。

图1 设计项目：ABC 培训机构网站首页设计