19-Web前端技术-0615007032-教学大纲.pdfVIP

《Web前端技术》

课程教学大纲

院（系/部）：计算机科学与技术学院

教研室：数字媒体技术

日期：2023年06月

《Web前端技术》课程教学大纲

课程英文名称：WebFront-EndTechnology课程编码：0615007032

总学分/总学时：3.5/56理论学时/实验学时：32/24

课程性质：专业拓展课先修课程：无

课程负责人：陈思佳适用专业：数字媒体技术（校企合作）

开课单位：计算机科学与技术学院大纲制定者：陈思佳

大纲审定者：李大社大纲审定时间：2023.06

本大纲适用2023年版数字媒体技术（校企合作）专业人才培养方案

一、课程简介

Web前端技术课程是数字媒体技术专业的一门专业拓展课程，以Web基本概

念和Web标准为基准点，通过对Web前端主流开发技术的学习和研究，让学生

理解和掌握HTML5、CSS以及JavaScript脚本语言的相关知识，通过这门课程

的教学，不仅通过项目实践培养学生开发和设计Web站点的基本技能，更要使

学生充分了解Web思想，为进一步学习后续课程打下良好的基础。在当前互联

网高度发展及新媒体形式不断丰富的环境下，应进一步加强学生的创新创业、

公平竞争和社会责任意识，强化职业道德、环保和法制观念建设，在授课过程

中全面融入课程思政元素。

本课程以网站制作流程为主线，围绕经典HTML5+CSS+JavaScript三大

技术，主要介绍网站前端设计制作的基本知识，由浅入深，帮助同学们掌握网

页设计的基本原理，同时结合最新的技术规范，制作出具有内容丰富、效果良

好的网页，具备设计实现Web客户端页面的初步能力。

二、课程目标与毕业要求关系

（一）课程目标

课程目标1：了解Web前端设计技术的发展现状和趋势，理解Web前端设计

规范，掌握网站制作流程与发布过程；能够遵守网络信息发布与传播的基本规

范和相关法律法规，尤其是遵守《网络信息内容生态治理规定》，能够顺利地与

教师和同学进行交流和讨论。

课程目标2：能够熟练运用HTML5中的文字、链接、列表、表格、表单、图

像、多媒体等标记语言设计制作网页。

课程目标3：熟练掌握CSS对网页进行布局和修饰的基本方法。

课程目标4：掌握JavaScript脚本语言的基本语法，理解对象的概念和DOM、

BOM对象接口，能够使用JavaScript来编写客户端脚本程序。

课程目标5：掌握Web前端设计基本技能，能够应用HTML5、CSS3和

JavaScript合理地设计和制作网页，具备设计实现Web客户端页面的初步能力。

（二）课程目标对毕业要求的支撑关系

毕业要求课程目标

3.设计/开发解决方案：能够运用数字媒体技术的基

本理论和工程设计方法，开发满足用户应用体验的课程目标2

数字创意产品；并能够在工程设计/开发环节中，体课程目标3

现创新意识，考虑社会、健康、安全、法律、文化课程目标4

以及环境等因素的影响。

5.使用现代工具：理解并熟悉数字媒体领域中的各

类常用工具（建模、设计、管理、协同开发等）、课程目标2

开发环境和开发平台的差异性和适用性；能够结合课程目标3

具体应用需求选择恰当的工具、环境和平台进行设课程目标4

计、制作和分析，提高设计、制作的效率与质量