浅谈《静态网页设计》课程的建设规划

李可

宁波职业技术学院 浙江 宁波 315800

1 课程概况

1.1 课程定位

《静态网页设计》是面向“Web前端开发”职业岗位的一门核心课程，也是满足职业岗位任职要求的基本能力课程，与JS、HTML5、微信小程序共同组成面向web前端开发的课程组。该课程大一第一学期授课，没有先导课程，结合网站开发综合实训和顶岗实习，形成满足“网页设计”、“网站建设”等职业岗位实际工作需要的核心能力。

通过该课程的学习，使高职学生具备网页设计与开发的基本能力，能独立设计并制作一个内容完整、图文并茂、 技术运用得当的页面；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。熟悉网站开发的整个流程及工作过程，最后通过综合实训和顶岗实习，为后续专业课的学习和今后职业生涯发展打下良好的基础[1]。

1.2 实践教学条件

（1）校内教学与实验环境。本课程组拥有专业实验机房，而且配置适中，此外多功能教室提供了充足的课后实验场所，可供学生课余自带笔记本上机，为学生实验实训提供了有力保障。

（2）校外实习基地。根据教学计划安排，学生在项目实训期间，可以到实训基地和友好合作企业进行顶岗实训，完成项目实训，也可以结合企业要求自主的进行项目的开发设计。

2 课程建设目标

2.1 课程优势及劣势分析

（1）优势。《静态网页设计》课程在计算机专业开设10余年，2012 年完成了精品课程网站的建设，形成了较为完善的在线学习环境（电子教案、课件、微课视频、作业、单元测试、网上答疑、网上师生交流等）。授课教师团队与企业共同开发课程资源，企业兼职教师共同参与制定教学计划与授课，且具有丰富的教学经验。2020年教师团队参加了“1+X”Web前端开发中级培训并顺利通过考试拿到了证书。

（2）劣势。教材针对性不强，极需加强课程讲义的整理工作；需要增加《静态网页设计》课程在线资源库建设；学生课外任务不能按时保质保量完成；现有MOODLE等现代化教学平台使用率不高；试题库建设速度缓慢，平台使用受限。

（3）机会。不断提高团队的授课水平，了解更多的企业真实项目，提高团队的业务能力，设计更多的教学资源。

（4）挑战。进行《静态网页设计》课程自诊，查找问题、分析原因、形成分析报告；寻找课程创新点，提出课程改进措施，确立新的发展目标，形成课程诊断循环改进。

2.2 课程建设的目标

课程总目标：建设成浙江省精品课程

具体建设内容：

①引进青年教师，加强教学团队与企业的合作，外出学习培训，增长教学团队的理论知识和实践能力，扩大视野，跟上现代教育教学的发展。②修订课程标准、授课计划，改善教学设计及方法。③扩建实训室。④建立多媒体课件，微课，试题库等。⑤课程考核与评价需要线上线下相结合[2]。

3 课程建设内容与举措

3.1 课程内容建设

在现有授课内容的基础上，认真分析本专业学生的具体学情，结合课程性质及教学实际，完善授课内容：①进一步分解和细化教学任务；②每个学习情境都采用具体任务去驱动，且所有的任务彼此前后衔接，形成完整的教学项目。

3.2 课程标准建设

基于专业人才培养目标，结合宁波职业技术学院专业核心课程建设原则，自查现有课程标准存在不足，对课程标准进行以下修订：①进一步明晰本课程的专业核心课程定位；②根据计算机专业行业发展动态和大数据时代人才需求，对课程目标、课程内容设计与要求进行更新；③根据与专业对应的各种技能大赛的要求，对课程实施进行规范，对课程资源进行充实和更新。④制定《静态网页设计》理论、实践操作等考核标准，并制定相应的实施细则，以规范考核行为。

3.3 教学团队建设

①改进课程传统的1人带完一门课的模式，根据课程内容中涉及的理论和实践方面的内容，由不同教师承担不同模块的教研科研工作，设计教学内容，进行教学方法的创新，共同合作，保证教学效果。②积极组织课程团队教师进企业观摩，联合教研活动，了解当前企业编程人员应该具备的素质和技能，提高业务水平。③聘请企业骨干教师进入课堂，指导学生教学活动设计，提高学生教育教学水平。

3.4 教学资源建设

（1）增加课程资源。①编写一本适合目前生源情况的理实一体化教学教材，并且配套教学课件。②增加课程资源，直观展示、贴近生活的视频、动画等资源。③录制微课，将课程进行知识点碎片化，录制课程微课。方便学生课前预习，课后复习。④制作课程教学配套资源，习题库、试题库，教学案例、方案讨论等内容。

（2）加强校企合作。根据教学计划安排，学生在项目实训期间，可以到实训基地和友好合作企业进行顶岗实训，完成项目实训；也可以结合企业要求自主的进行项目的开发设计。

（3）加强实验室建设。更新电脑显示器尺寸，配置图像设计专用的显卡。配备多功能教室，提供充足的课后实验场所，可供学生课余自带笔记本上机，使得学生的课堂设计得以延伸，将实验完善充实。

（4）改进教学思路及方法。采用“项目引导、任务驱动”的教学模式；教学过程中，可通过引导知识将项目导入；根据项目中每个知识点的不同，进行基于信息化有针对性的教学设计。具体为：①制定“项目引导、任务驱动”的教学模式。②教学过程通过引导知识将项目导入，提出创新性的题目作为课后作业。③进行基于信息化有针对性的教学设计。

3.5 教学方法与手段

（1）优化课程资源、搭建信息化网络课程。①完善课程内容，增加企业实践项目演练。②制作优质的视频、微课、动画等可视化资源。③将信息化网络课程安装应用到手机 APP 客户端，便于学生学习，改进教学管理模式，充分利用信息化教学手段，搭建混合式教学课堂。

（2）进行团队集体教研，提高教学水平。①改进课程传统的 1 人带完一门课的模式，根据课程内容中涉及的理论和实践方面的内容，由不同教师承担不同模块的教研科研工作，设计教学内容，进行教学方法的创新，共同合作，保证教学效果。②积极组织课程团队教师进企业观摩，联合教研活动，了解当前企业编程人员应该具备的素质和技能，提高业务水平。③聘请企业骨干教师进入课堂，指导学生教学活动设计，提高学生教育教学水平。

3.6 教材建设

《静态网页设计》课程目前教学使用的教材还是传统的纸质教材，基本上选用“项目引导，案例驱动”的教材体系，但是对于理论和实践操作性强的教学内容来说，文字性教材不能满足 目前的教学要求,急需一本企业化项目的新型教材。这就需要我们团队老师和企业老师共同开发一本校本教材。

3.7 实践教学条件建设

更新电脑配置，比如配置高分辨率显示器，配置作图用的显卡。建设多功能教室，提供无线网络，可供学生课余自带笔记本上机，使得学生的课堂设计得以延伸，将实验完善充实。每名学生有 1 台安装 Sublime、 Web Storm、Hbuilder、VScode期中一种软件的计算机，同时该计算机安装网页制作的相关软件工具，包括 PS、Fireworks、Chrome 浏览器等[3]。

4 结束语

本文分析了当前静态网页设计课程的优势与劣势，从课程内容、教学资源、团队建设等几个方面进行了详细的目标规划及实施方法的介绍，希望对其他高校课程改革达到一个抛砖引玉的效果。