食品企业WEB前端设计基础

《食品企业Web前端设计基础》课程是计算机网络技术专业的一门专业课，通过本课程的学习，要求学生能够融通食品产业领域业务运作流程，以食品企业为对象，掌握WEB前端设计、网页设计的基本概念，学会使用常用的网页设计工具、HTML、CSS综合应用，能够设计制作一些综合的静态网站，并具备网站的建立和维护能力。通过完成学习情境的学习、项目任务的设计，学生不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，使学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。

一、课程设计理念

本课程按照“教学内容职业化，课程建设合作化，课程平台智慧化，教学做一体化”的课程设计理念，以软件行业的“新技术、新标准、新规范”为基本依据，按照计算机网络技术企业岗位要求，参照国家职业资格标准和专业技术人员职业水平标准，基于OBE理念建设，结合我院的“产学研转创”融合的人才培养模式，以提高学生的职业技术能力和职业素养为中心，坚持以学生为本的教育理念，改革课程结构和教学内容，制定以突出Web前端设计能力培养为原则的课程标准，规范课程教学的基本要求。按照工作过程序化知识、素质与技能，“教、学、做”一体，以“食品企业Web前端设计”项目为纽带，以信息技术为手段，构建设全面、实用的教学资源体系。

二、课程设计思路

本课程设计基于“岗位工作过程系统化”的设计理念，课程组经过充分的行业调研，企业一线开发人员参与课程设计，从食品企业信息化技术人员的工作岗位分析出发，以实际工作岗位为依据，以项目需求分析为起点，归纳系统开发的职业能力，结合理论知识设计相关学习情境。产教融合，突出职业能力培养。

1、基于地方性、职业性和适用性设计教学内容

本课程立足于当地食品产业发展现状，以企业信息化技术人员职业标准的相关内容及计算机网络专业相关知识技能体系为依据，以服务食品企业为切入点，与当地食品企业深度合作，以现有的校企科技合作研究项目为纽带，找准课程在专课程体系中的定位，抓住典型工作任务，分析这些工作任务对于知识、能力、素质的要求，将企业真实项目引入课程，构建Web前端设计的理论和实践操作技术技能体系。

2、基于学生职业能力培养规律和工作过程整合序化教学内容

针对食品企业在进行企业宣传、产品发布、电子商务等工作环节进行深入分析，围绕食品企业Web前端设计过程中的典型工作任务来设计课程的学习情境，设计教学目标与每个学习情境的学习单元教学内容。把网页先分解成各主要元素，接着对各种元素的制作方法进行归纳，以达到系统化，然后把各元素的各种制作类型进行讲解，并要求学生理解其原理，达到一通百通。就象把一部机器拆成一个个的零件一样。掌握了各元素的制作方法，然后就可以把各元素组装成一个个的网页，从而达到课程的目标。在学生掌握了网页各种元素的制作方法这后，采用了工作过程的方法，以食品企业中网页设计师的工作过程为思路，设计了一个综合性较强的食品企业网站页面设计项目，从需求分析，到采用Photoshop进行网页效果图的设计，到利用HTML5+CSS3技术最后制作成网页，使学生能真正掌握企业中该职业的工作过程。

3、以项目为纽带，按照“教、学、做”一体化设计教育教学活动

本课程采用“项目教学”模式，采用需求激励、兴趣激发、案例剖析、线下与线上相结合等多种教学方法，设计教学、学习、实训相融合的教育教学活动，教师边示范，边讲解，边指导，学生边学、边做、边实践，淡化课程理论教学与实践教学的界限，充分发挥课外自主学习的主观能动性，实现“教中学”、“学中做”，教、学、做合一，使学生在项目实施过程中收获知识、掌握方法、提高技能、学会团队合作，感受实际工作过程。

4、基于智慧化构建课程教学效果评价体系

根据食品企业对企业信息化技术人员所需的知识、素质与技能的需求情况，完善课程标准，量化考核指标，构建课程教学评价指标体系、学生学习效果评价指标体系，智慧记录、跟踪线上学习、线下学习、课内学习和课外学习效果，搭建多元化的课程教学效果评价体系。

课程标准开发

授课计划

电子讲义

课件/教案

典型产品教学视频

习题库

试题库

评价

1、采用了工作过程系统化进行课程设计

课程的设计主要采用系统化的设计思路，把网页先分解成各主要元素，接着对各种元素的制作方法进行归纳，以达到系统化，然后把各元素的各种制作类型进行讲解，并要求学生理解其原理，达到一通百通。就象把一部机器拆成一个个的零件一样。掌握了各元素的制作方法，然后就可以把各元素组装成一个个的网页，从而达到课程的目标。在学生掌握了网页各种元素的制作方法这后，采用了工作过程的方法，以食品企业中网页设计师的工作过程为思路，设计了一个综合性较强的食品企业网站页面设计项目，从需求分析，到采用Photoshop进行网页效果图的设计，到利用HTML5+CSS3技术最后制作成网页，使学生能真正掌握企业中该职业的工作过程。

2、采用以项目为导向、教学做一体化教学模式

以项目定模块，以项目导向、任务驱动教学为核心进行若干个情境课程教学，课程的教学素材来源于实际运行的优秀网站案例；教师将学生分为若干个小组，形成虚拟的企业项目团队；实现了“教、学、做”一体化，突出了职业能力的培养。学生学习有兴趣，教学效果好。

3、工学结合

为了真正提高学生的实战经验，组织学生成立工作组形式，在老师的指导下，完成了一些真实的网站项目，从而达到学习与实战相结合，服务于当地千家食品企业。 

4、教学资源丰富

教学资源颗粒化程度较高，综合采用文本类素材、图形（图像）类素材、音频类素材、视频类素材等多种形式。实现资源冗余，以方便教师自主搭建课程和学生拓展学习，能够支持线上教学或线上线下混合教学。

5、体现新知识新技术新规范的应用

网站资源展示的技术发展变化过程：IT行业技术发展变化非常快，网页设计基础的前端设计布局页面知识，由早期的表格布局、框架布局，到现在的CSS+DIV布局，网页语方从HTML主流到现在HTML5主流技术，样式语言也从CSS2到CSS3版本升级……，每一次语言的升级，都带来技术的变化，我们的精品资源库提供了多个版本的资源，可以让学生更好的看到技术的变化历程。