信息化教学在《网页设计》课程中的应用

朱爽蕾

（天津工艺美术职业学院,天津 300250）

当今是信息技术高速发展的时代，大数据、云平台的发展使教学方式发生了巨大的改变。信息化教学不仅可以使教学方式向个性化、多元化转变，还可以优化教学方案和内容，推动学生主动学习，进而实现“以学生为主体，教师为指导”的教学模式，真正做到学以致用，知行合一。因此，信息化教学逐渐成为一种重要的教学手段。《网页设计》课程是针对艺术设计类专业开设的一门核心课程，具有很强的专业性和实践性。通过分析《网页设计》课程在传统教学过程中存在的问题，结合课程特点，尝试将信息化教学手段应用于教学过程，并对其初步的教学效果进行了探讨。

一、《网页设计》在传统教学模式中存在的问题

1.教学模式的局限性

在传统教学模式中，可选用的教材资源有限，教材的内容也只是停留在几个知识点上，相关案例的设计分析不能与时俱进，在课程学习后，学生难以独立完成设计任务，综合设计能力仍然比较薄弱，与企业对人才的需求也相距甚远。课堂教学与社会需求存在非常大的知识落差，学生只能通过进入工作岗位后来补充，这大大降低了学生的社会竞争力。《网页设计》在传统教学中需要学生随堂进行学习，一旦课上没有很好掌握，受时间和空间的制约，学生难以在课后进行相关内容的复习和回顾。

2.授课方式单一

在教学过程中一般参照传统的艺术设计类教学模式进行授课。教师通过课堂讲解推出知识点，再通过案例分析，启发学生的创意思维。这种单一的教学方式虽有一定效果，但不利于发挥学生的主观能动性，往往遏制了学生的创造力。

二、信息化教学的优势

1.丰富的教学资源

各级各类的信息平台汇集了大量数字资源，成为学生获取知识的重要来源。许多艺术设计专业的信息平台，如花瓣网、站酷网、昵图网等，聚集了中国原创设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。它促进了设计行业的交流互助，将创意作品进行广泛的传播与推介，提高中国原创设计的影响力。为设计师与设计企业搭建了相互促进的桥梁，让设计与企业需求更好地对接。这些平台不仅为学生提供了大量的优秀创意设计作品和素材，还能让学生了解行业的最新发展动态与流行趋势。

2.多样的教学形式

信息技术的应用丰富了教与学的形式，吸引了众多年轻人，也逐渐成为青年群体学习的首要阵地。如腾讯课堂凭借QQ客户端的优势，实现在线互动教学和音、视频直播课。同时支持PPT演示、屏幕分享等多样化的授课模式，还为教师提供白板、提问等功能。再如中国年轻人高度聚集的文化社区视频平台哔哩哔哩，数据显示被用户称为 “study with me”的学习直播，已晋升为哔哩哔哩直播时长最长的品类，据2019年统计用户在哔哩哔哩直播学习时长突破200万小时。

三、信息化教学在《网页设计》课程中的应用

《网页设计》课程是针对职业院校**专业开设的一门专业核心课程，其课程目标是培养学生设计网页的能力，以及软件应用能力、电子商务专业知识、网络知识等综合素养的培养和提高。希望通过本课程的学习，培养学生的综合设计能力，为学生可以日后胜任IT公司网页设计师等岗位奠定基础。基于此，我们尝试将信息化教学手段应用于该课程的教学过程中，主要表现如下：

1.利用微课视频进行课前预习。教师借助互联网、云平台、教育资源库等信息平台收集大量网页设计基础知识的视频教学资源，通过筛选、组合编制成9-10分钟的微课视频，并将微视频课程上传至智慧树教学平台供学生进行课前预习。学生可通过智慧树教学平台随时随地观看课程视频资源进行预习，初步了解课程的重点与难点，帮助学生明确学习目标，激发学生的学习兴趣。

2.多种信息化教学手段助力基础知识授课。基础知识的讲授分为三个步骤：基础知识讲解、案例分析和分组讨论。

首先，在基础知识讲解环节中，教师采用PPT课件、投影仪合并课堂讲解的方式进行授课。教师在课堂讲解中逐一抛出知识点，再围绕知识点进行详细的讲解。

案例分析环节采用的教学案例都是从国家教育资源库及网络平台中筛选出的，这些案例都是来自排名领先设计公司、新锐设计师、知名项目案例的图片、视频资源。案例都是围绕知识点分析讲解，不仅能够加深学生对知识点理解，还可以了解当今网页设计行业的发展动向，培养学生审美判断力，提高眼界。教师通过向学生推送教育云等信息平台资源，引导学生观看其他老师的网页设计教学视频，使学生找到网页设计的最佳方案，围绕知识点进行拓展延展。

在最后的分组讨论中，让学生以分组的形式合作学习。例如，网页的题材分为教育类、电商类、科技类、文化类、游戏类等，学生以小组为单位从网络资源中收集不同风格网页设计作品，从构图方式、色彩运用、控件设计及环境营造中找出不同题材设计特色，并进行分析与讨论。每组选派一名代表进行PPT汇报展示。此种授课方式大大提高了学生学习的积极性和主动性，学生能够主动利用信息化资源来分析问题并解决问题。从而培养了他们主动思考、自主学习等能力。

3.线上线下教学相结合提升学生实操能力。为了提升学生的实操能力，尝试在网页效果图临摹、交互效果呈现和项目导入三个环节进行线上线下相结合的教学手段。

在网页效果图临摹教学之前，教师从众多专业网络资源中筛选出典型的网页设计案例，进而形成课堂教学案例，并制作相应的实操视频。这些视频上传至智慧树教学平台，通过智慧树教学平台学生可以进行在线学习，全面了解相关的操作过程，从而掌握多种设计制作方法。在线下课堂教学中，教师主要对其中的重点和难点进行讲解和演示，并集中解答学生的疑问。

在交互设计呈现环节。为了实现网页设计效果，使学生获得更好地设计体验，我们选择了一款简便易用的无代码原型制作软件ADOBE XD，它不仅可以完成静态网页效果图制作，还可以完成网页间的跳转、轮播图的动效制作。在线下的课堂教学中对软件的主要功能和使用方法进行讲解和演示。智慧树平台线上学习的资源主要包括两部分，一部分是利用网络平台资源获取的软件使用视频资源，进行整理编辑后上传至智慧树教学平台；另一部分是教师将案例制作过程录制成视频，让学生掌握交互设计的全流程。

在项目导入阶段，教师在网络上收集、筛选设计项目需求信息，以真实的项目命题来指导学生完成项目制作的全过程。在智慧树线上教学平台提供优秀设计案例公司学生进行鉴赏。在线下教学中引导学生进行项目分析、用户研究、框架设计、原型图的制作、元素设计等。学生根据项目要求进行逐级页面设计，使用平面设计软件制作效果图，教师给予学生设计上的指导，通过比较分析智慧树线上平台的优秀案例，不断修正完善自己的设计作品。

4.运用智慧树教学平台进行学习评价。在网页设计理论学习环节中，教师利用智慧树教学平台中的“在线测验”功能完成线上测试。教师将每章节的学习内容编制成测试题，添加至智慧树教学平台。学生通过登录智慧树平台进行线上测试，并自动生成考试成绩。学生可通过在线测验巩固学习内容，修补知识漏洞。教师可根据测试结果进行成绩统计和分析，找出错误率较高的教学难点对课程进行改进。将信息化运用于知识考核中，简化了考试方式，利于找出教学中的问题。

5.利用智慧树教学平台强化课后学习拓展，鼓励学生继续完善课堂项目作业，并将作业上传至智慧树教学平台集中进行展示，学生之间互相评价借鉴，推荐优秀作品参赛。对于有学习兴趣的学生，推荐进入校企合作企业进行项目实践，接受企业教师的指导。教师利用智慧树教学平台继续推荐理论学习和软件教程等课程资源，为学生提供知识补充。

四、教学效果与反思

1.教学效果

本课程将信息化手段合理运用到传统课堂教学中，通过线上线下教学相结合，取得了很好的教学效果，顺利完成了教学目标。通过大量的学习资源使学生的学习能力得到了大幅度的提高，不仅使他们开阔了眼界，操作能力也有了大幅度的提升。

2.教学创新

情景教学和任务驱动体现了教学的特色与创新。通过对真实案例的融入，调动了学生的学习潜能和学习动机。合理运用信息化手段，改革了陈旧的教学模式。将网络中大量的学习资源引入课堂，有效的攻克了教学难点，使教学效果得到提升。

3.反思诊改

通过课堂实践效果和作业完成情况，总结出以下两点尚需改进。（1）基础理论与软件操作的结合度不高，课程资源和案例资源需要补充。在今后的教学设计中要做到将理论教学贯穿到软件教学中，简化理论，优化教学资源。（2）优化项目教学，要进行广泛的校企合作，真正将企业需求与项目教学进行对接。不断改进教学手段，为学生提供企业专家亲自授课的机会。

五、小结

《网页设计》课程在与信息化教学模式相结合中，改变了传统教学模式的局限。教师不再是授课主体，学生也不再被动学习。信息化教学突出了学生的主体地位，可使学生通过学习、思考、内化产生问题，从而主动获取更多网络资源，推动产生新问题。真正做到活学活用，并可将知识转化为技能服务于社会。信息化教学能够培养学生主动思考问题的能力，培养他们不断学习的学习习惯。但信息化教学还需教师进行合理地设计，更好地引导学生使用信息化资源。怎样将信息化教学手段与课堂教学更好地融合，成为教师需要不断研究和探索的重要课题。