［摘
网页设计与制作代码案例
要］校企共教是现代社会发展中形成的新型教学方式，中职院校在引导学生设计和制作网页
时，强化校企共教能够有效增强学生的职业意识，提升学生的职业素养，综合探究中职院校在课程教学中实施校企共教的具体策略，希望能够使现代中职院校得到更大的发展。
［关
键词］校企共教；中职；网页设计与制作；课程教学
［中图分类号］G712
［文献标志码］A
［文章编号］2096-0603（2022）02-0园58-03
校企共教中职网页设计与制作课程教学初探
季
琴
（江苏省洪泽中等专业学校，江苏淮安223100）
在现代科技发展过程中，网站制作得到了很大的发展，对其相关人才也提出了更高的要求，中职院校在具体实施教育工作时，需要科学改进传统教学模式，强化校企共教，确保人才建设能够高度满足现代企业建设需求，为了进一步明确中职院校如何更为有效地落实校企共教，特此实施本次教育研究，希望对大家有所启发。
一、开发校本教材
运用校企共教开展教学工作，培养学生专业技能和专业知识是其教育工作的主要目的，所以教师需要科学地改革教学内容。以往教学要用的教材，运用相对落后的知识体系、应用年限、出版和编写会对教材造成很大影响，使其无法实现与时俱进，为了确保学生专业知识学习能够迎合企业发展方向，职业学校需要进行校本教材的合理开发，由专业骨干教师和企业专家共同参与编写。在教材中融入最新的应用软件、创意方向和设计理念。企业技术骨干的合理融入，可以使网站设计和内容具有更为充分的创新性和实用性，学生通过学习校本教材，能够充分掌握设计和制作网页的最新知识，对学生未来就业创造良好条件，顺应职业教育的培养特点，提升我们的教学质量。例如，为电子商务专业开发网页设计与制作校本教材时，请当地电商产业园的网店美工技术人员，针对当地特物产，结合本地历史文化，编写商品网页文案撰写相关教学内容，以及设计相应物产推广和营销的网页案例范本，将职业场景、软件知识、
行业知识有机融合，让学生通过开发的校本教材掌握知识点、技能点，实现校内实训与企业实习就业的无缝衔接。
二、制订教学目标
在现代中职院校发展中，校企合作已经得到了很大
的发展，教师在具体落实课程教学时，如何引进企业资源是其教育工作难点问题。此时，学校需要和企业进行有效的合作，共同设置教学内容和教学目标，确保学生能够更高效地学习网页设计，实现教学质量的有效提升，进而保证课堂教学目标和教学内容可以高度满足企业需求。在具体学习设计和制作Dreamweaver 网页之前，教师首先需要组织学生进行图像处理的学习，夯实学生的专业基础，确保学生能够有效处理多媒体素材和网页设计图片，此时，学生能够结合个人想象开发作品。
教师在具体实施网页设计教学时，不仅需要确保学生能够熟练应用相关网站的基本操作，而且需要确保学生能够设计制作相关网站，实现学生综合能力的有效提升。在具体开展科创教学时，自主开发一个网站是其教育工作的最终目标，因此，教师在具体开设网页设计课程之前，需要考虑知识的连贯性，确保学生能够掌握商品拍摄与图片处理，以及熟练应用Photoshop 、Flash 、Firework 等软件，为网站整体布局和图像处理创造良好
的条件，确保学生能够独立建设静态网站，进而保障学生后期能够更高效地参与企业工作。例如，电子商务专业学生使用校企共编教材设计商品推广与营销网页之前，首先需要拍摄收集商品素材，并利用Photoshop 软件对商品素材进行处理、美化，然后根据处理后的商品素材，撰写相关文案，再对图片和文案进行排版和美化，最后运用Dreamweaver ，结合Flash 、Firework 等软件完成商品推广与营销网页的制作。
三、理论结合实践
网页设计和制作具有极强的实践性，中职教师在具体实施教育工作时，需要理论结合实践，强化学生实践作者简介：季琴（1982—），女，江苏淮安人，讲师，研究方向：计算机教学。
58--
. All Rights Reserved.
技能。首先，需要实现教师实践经验的合理丰富，确保教师在日常教学时，可以将理论合理融入实践活动中，教师在完成理论知识教学之后，需要引导学生进行实践操作，确保学生在操作中能够进一步掌握如何应用理论知识。与此同时，学校还需要为学生实践操作提供相关平台，利用机房和多媒体教室开展实践练习，强化学生的实践应用能力。最后，专业教师还需要和企业兼职教师有效合作，共同制订教学
目标，设计和开发课程教学项目，组织学生进行实训，确保课程体系建设能够有效融入企业工程项目中，使其课程教学具有更高的职业性、实用性和针对性，并和企业生产实际有效结合。在引导学生进行网站编辑时，为了实现学生网站维护经验的丰富，教师可以和相关企业有效合作，组织学生进行顶岗实习。学生在进行顶岗实习时，可以和企业专业技术人员直接接触，进行有效的互动交流，了解企业最新技术和发展动态，进而确保充分了解未来工作岗位。例如，电子商务专业可参与到本地电商产业园平时的网站维护中，在此过程中，学生根据当地时令特产，随时更新主推商品。如在5月、6月、7月首推龙虾、螺丝等，9月、10月、11月首推大闸蟹、菱角、芡实等。还可根据节日、实际销量等，及时调整宣传文案与活动宣传图片，做到常更常新，学生能融入合作企业的日常工作中，就能在实习就业阶段顺畅适应工作岗位。
四、改进教育模式
在以往实施网页设计课程时，通常由教师在课堂上向学生演示相关案例，然后要求学生模仿该案例，最后由学生设计和制作相关网页，教师普遍采取照本宣科和“填鸭式”教学实时课堂内容教学，教学活动的乏味性相对较强。针对该情况，教师需要对其教学模式进行科学改变，确保能够对学生学习兴趣进行有效激发，实现整体教学效果的有效提升[1]。例如，在进行网页设计基础的相关内容教学时，中职学生对事物具有独特的看法，尤其是面对自己感兴趣的动漫人物、电影明星和游戏时，具有相对开阔的思路，会自我设定角。因此，教师在具体进行该部分教学时，需要科学改变课程教学，对传统教学模式进行
有效突破，在向学生讲述制作网页的技术和方法时，还需要加入设计风格、网页主题、网页布局、网页设计等细节，引导学生自由选择，通过该方式，可以使学生具有充分的自主权，确保学生能够结合个人兴趣进行网页设计，完善相关作品，不仅能够使学生更高效地学习网页设计，而且可以对学生的创新能力进行科学培养，实现学生整体设计水平的全
面提升。在对电子商务专业学生实施教学时，学生根据
自己的喜好，为本地特产鱼圆设计了宣传海报。
五、设置工作任务
利用工作任务实施项目教学具体是指教师根据单
元所学内容创设教学情境，确保教学内容能够合理融入
职业工作内容中，在项目教学中融入典型工作任务，与
企业生产实际有效结合，确保教学内容中有学生必须
掌握的理论知识，同时，教师还可以根据教学需求对其
进行科学分解，使其形成多个小项目单元，进而保障学
生能够进行更为有效的学习。例如，在进行开发与设计Web网站教学时，教师可以在教学活动中贯穿电子商务购物，结合具体工作流程对该工作任务进行简单分解，
同时，将理论教学融入其中，确保教学活动能够有效结
合真实工作岗位，进而保证能够更高效地实施项目教
学，在此过程中，我们的工作任务设置要紧密结合产业
需求，将学校的教学和企业的需求进行深度融合。
六、确保因材施教
中职类学生在参与学习时，具有不同的学习兴趣、
专业能力和专业基础，所以，教师在进行人才培养时，
无法使学生完全掌握行业所需内容，同时也无法批量生
产。部分学生具有良好的口才，同时，还有学生对彩
极其敏感，部分学生擅长编码技术，针对该情况，教师
需要确保教学工作因材施教。例如，在具体开展教学活
动时，教师需要引导学生扮演不同角，从而完成不同
任务，教师可以引导学生根据个人兴趣选择角，然后
实施分组教学，对学生的兴趣进行科学培养[2]。如果学生市场嗅觉敏感、口才良好，教师则需要侧重于培养网站架构和调研，而如果学生彩感觉好，美工功底强，教师需要将网页美工设计作为人才培养的侧重点。最后，如果学生对编码技术具有较高的兴趣，教师则需要培养学生编写后台代码，实现网站技术。因材施教的有效落实，可以确保学生具有较高的学习兴趣，使学生能够迅速掌握未来所需的专业技能，从而毕业的时候可以轻松地适应未来的就业岗位。
七、引进企业专家
中职院校在实施教育工作时，如果想要确保班级教
学有效结合企业教学，需要科学引进企业专家，科学讲
解课堂内容和企业内容。在课堂教学中引入企业专家
具有较高的难度。针对该情况，教师可以利用网络手段
组织学生开展网络连接学习，确保课堂教学可以和企业
59--
. All Rights Reserved.
文化有效融合，使学生对企业相关信息有充分的了解，同时，还可以引导学生对网站设计的最新技术进行深入学习，对学生职业素养、职业荣誉、职业良心和职业责任进行科学培养[3]。例如，在实施添加和设置多媒体对象的相关内容教学时，教师可以引进企业专家进行教学，企业专家在具体讲解中，可以根据自身工作经验，简单介绍企业网站对多媒体资源的需求，可在网页中插入多媒体资源的具体方法，然后进行影片和声音插入方式的科学讲解，通过开放式可以对学生学习兴趣进行有效激发，使其能够迅速掌握该知识点。与此同时，在具体进行该章节教学时，企业教师可以讲解相关视频。例如，在详细讲解添加视频时，企业专家可以利用多媒体向学生讲解自己的企业，在进行教育工作的同时，还可以对学生输出企业文化，实现教学效率的有效提升。又如，在进行网页页面布局的相关内容教学时，通过视频讲解，可以使学生进一步理解所学内容，教师在完成课程教学之后，还可以利用班级对学生设计和制作网页学习提供必要的帮助，帮助学生解决在具体实践中出现的问题与疑惑，并对其网页设计技术进行分享。
八、强化项目教学
在开展实训课程时，教师可以合理应用项目任务教学，针对职业岗位需求实施教育工作，对企业工作情境进行科学模拟，推广过程导向、案例解析、情景体验、任务驱动等多种教学方式，确保能够使工学结合得到充分体现。针对网站建设的具体流程和工作任务，根据实际岗位团队进行项目组的合理设置，基于职业情境创设学习情境，确保能够使学生合理融入学习情境，使其能够对自身具有经验进行合理应用，主动获取相关信息，明确实际岗位的操作流程和具体要求。在具体实施网页设计制作的相关内容教学时，教师需要针对教学内容设计具体工作项目[4]。
首先，需要明确任务，教师需要针对教学内容设置学习任务，并对学生进行效果预览图的展示，使学生对其任务要求有充分的了解。借助教学平台发布思维导图、学习任务书、任务效果图等，引导学生构建知识体系，自主学习、小组探究多方面提升学生的综合能力和素养，由此构建任务驱动课堂。
其次，需要科学制订工作计划，学生需要针对教师引导对项目任务进行科学分级，设定具体工作计划。例如，制作“宅家商城”网站主页，在明确任务后，学生根据网页效果图，制订工作任务计划思维导图，对任务梳理、分级。
1）制作网页页眉
2）制作导航栏
3）制作分类栏
1）制作Banner和分类区
2）制作新品体验部分
3）制作收纳用品部分
4）制作厨房用品部分
5）制作清洁用品部分
6）制作客厅用品部分
7）制作卧室用品部分
1）制作页尾部分
2）制作页脚部分随后，教师还需要引导学生根据工作计划收集相关资料，并为其项目工作准备所需素材，然后学生需要针对工作计划设计和制作页面，并利用文字对其进行记录。
最后，需要进行检查评测，学生需要将个人作品进行展示，然后由教师对其进行提问，组织学生答辩和互评，并由教师对其进行科学讲评，从而不断提升学生的创作水平。
九、结语
中职院校在具体落实网页设计与制作的相关内容教学时，通过开发校本教材，制订教学目标，理论结合
实践，改进教育模式，设置工作任务，确保因材施教，引进企业专家，强化项目教学能够确保有效落实校企共教，确保学生能够更充分地掌握相关专业知识，强化学生实践技能，保证学生在未来能够更高效地参与职业工作。
参考文献：
［1］江梅梅.项目式教学在网页设计与制作课程中的应用［J］.大观，2020，229（11）：151-152.
［2］朱晓.优化网页制作与设计课程课堂教学的几点做法［J］.现代职业教育，2019（6）：188-189.
［3］蔡鸿璋.探索网页设计与制作课程教学的新思路［J］.课程教育研究，2019（42）：55.
［4］梁菊.项目教学法运用于中职电子商务网页设计与制作教学中的探究［J］.职业，2019，501（2）：73-74.
因编辑郑晓燕
60--
. All Rights Reserved.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。