网页设计制作论文范文第1篇

【关键词】网页制作 任务驱动 小组分工合作

《Dreamweaver MX2004中文版网页制作基础》是中等职业技术学校计算机网络方面的一门主干专业课程，它的操作性与实践性特别强，深受学生欢迎。为了更好的让学生掌握网页制作的精髓，教师应该经常关注且精心设计课程教学方案，笔者结合“重庆幼专招生信息查询”网页这个具体的实例，探讨这一问题。

一、教材分析

我校选用的教材是《Dreamweaver MX2004中文版网页制作基础》，它的最大特点是采用“任务驱动，案例教学”的形式，充分考虑了中等专业学校教师和学生的实际需要，通过具有趣味性的实例来讲解网页设计与制作方面的应用技巧和基本方法，使教师教起来方便，学生学起来实用。

在学习本课程之前，学生已初步掌握了英特网相关基础知识，计算机硬件组装与维护，数据库设计与应用，Office办公软件的应用，Photoshop图形图像处理，FLASH二维动画设计，3dmax三维动画设计等内容。因此，学生已经具备了收集、获取和编辑文本、图像信息的能力，我们应把重点放在网页信息表达能力方面(比如，在版面美化、文字内容的表达、图片的内涵)，加强学生的信息意识，提高处理信息的能力;本书第四章中以“我的个人主页”为案例设计给同学们丰富的想象空间，迎合了学生善于展现自我的特性，促使他们主动、创造地学;网页设计效果的评价能使学生了解内容编排的原则，页面布局的种类，色彩的搭配，内容和形式的统一等，提高他们的艺术修养和审美情趣。

在教材内容的编排上，抓住了预备知识环境的设置网页元素(如文本、图像、表格、表单)框架CSS样式模板和库代码设计网页的发布与维护这条主线，以贴近生活的项目实例，使学生从总体上把握了网站的设计开发。

二、教学对象分析

本课程教授对象是中等专业学生，他们对操作实践性较强的课程学习积极性明显高于纯理论知识的学习，特别是《网页制作》这门课程，在当今时代，它与我们的生活息息相关，再加上它的界面融合了文本、图片、动画、音视频等一体，使学生产生极大的兴趣，激化学生对网页实现原理和方法的欲望;在学生已掌握办公文字处理、图形图像处理、动画制作的基础之上，教师在教学过程中要注意引导学生将所学知识应用到网页制作，同时也达到巩固旧知识的目的;教师要实时监控学生分组协作学习情况，鼓励多交流，并总结心得与体会，使协作学习真正走向成熟。

三、设计思想

制作“重庆幼专招生信息查询”网页，带有一定的综合性，它真实再现网站设计理念。因此应将项目任务分解，采用小组之间相互协作学习方式是非常必要的。根据网站建设项目的特点，将项目任务分成网站总体规划设计、网站运行环境的配置、网页版面的布局、图形图像的处理、文字内容撰写等，每个小组就是一个完整的开发设计团队，由5-6人组成，每小组成员在组长的统一指挥下，完成相应网页元素的加工处理，这样可以充分调动每个同学的积极性，发挥每个同学的特长，培养每个同学的团队意识，达到取长补短、相互促进，共同完成并组合成一个“重庆幼专招生信息查询”网页。最后，各小组作品实现互评，并指出各自的优缺点。

四、教学学习目标

本单元的认知、情感和动作技能三种目标分述如下：

认知目标：

(1)能熟练应用表格布局网页。

(2)能独立分析常见网页版面布局。

(3)能熟练应用文本插入、图片的编辑和表格的绘制。

(4)能客观评价网页的内容和风格，具备一定的审美能力。

情感目标：

(1)通过课堂中出现的网页，渗透爱党爱校教育。

(2)具有乐于助人、团结协作的精神。

技能目标：

(1)能模仿网页进行实际网页的制作。

(2)能在网页中熟练地插入文字、图片、动画、水平线。

(3)能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐。

(4)能选择合适的网页背景图案和背景音乐。

(5)能够插入简单的表单，使网页具有初步的动态交互功能。

五、教学重点

掌握网页布局，表格的制作与编辑方法、表格的嵌套和属性的设置;熟悉网页的各种元素。

六、教学难点

分析网页布局、色彩搭配。

七、教学过程

本单元的教学共需2课时，教学安排如下表：

“重庆幼专招生信息查询”网页

八、教学评价

本节课的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。

结语：在此二节课的教学中， 利用多媒体中实例网页，备好教学课件和教学素材，围绕实例，使学生掌握网页的布局，表格的制作与编辑方法、表格的嵌套和属性的设置;熟悉网页的各种元素等。通过实践操作课程环节，加强技能培训，让学生学会举一反三，融会贯通，提高综合运用能力，增进学校与社会的密切联系，培养学生的社会责任感。同时通过实例网页在课堂教学中渗透学生爱党爱校的情感教育。此二节课提高了学生的专业技能水平，让学生真正地学有所得，学有所用，顺利地完成了教学目标，取得了良好的教学效果。

参考文献：

[1]田博文主编，Dreamweaver MX 2004中文版网页制作基础，人民邮电出版社，2006

[2]刘启珍，杨黎明 主编，学与教的心理学，华中科技大学出版社， 2012

[3]钟启泉总主编，祝智庭主编，信息教育展望，华东师范大学出版社， 2002

[4]张春晓主编， 网页制作与网站建设宝典，电子工业出版社， 2012

网页设计制作论文范文第2篇

摘要：本着对高职教育教学要求和高职学生特点的认识，从平面广告设计与制作专业实训室建立的必要性、可行性、学生特点等方面探讨了平面广告设计与制作专业建立的重要性，分析了实训室建立对学生学习能力、学习兴趣及学习效果的提升作用。

关键词：实训室建设；必要性；高职教育；高职学生

在畅谈高职课程改革的今天，高职专业及课程的相关实训室尤为重要，有实训室的专业课程与纸上谈兵的专业课的授课环节和结果大相径庭，实训室的建设直接影响到该专业的教学改革方向，学生学习兴趣和学习结果。本人本着所授课程《平面广告设计与制作》的授课体会和平面设计岗位的需求，在落实“以工作过程

为导向”的教学理念要求下，阐述自己对高职平面广告设计与制作专业实训室建设重要性的看法。

一、实训室建立的必要性

（一）建设教学环境的必要性

在贯彻落实教育部高职教学“以服务为宗旨、以就业为导向”的办学思想指导下，面向社会、面向市场进行专业建设，就必须有一定的适合专业特点的校内外实训基地的建设。而实训室的建立，是一种校内实训基地的增设和补充。

教学环境的优越性也是吸引生源和体现办学实力的体现，如何让学生和家长信任学校，信任专业实力，具备一定的实训室条件是一个重要的方面。

（二）教学理念落到实处

高职教育目标的核心是职业素养素质和职业技能，这一核心目标的实现并非是几门专业课就可以解决的，必须依赖每门课程在实训室进行的课程实训环节，它真正体现“以学生为主体，以培养学生能力为导向”的教学理念。

（三）与课程设置相一致

平面广告设计与制作专业的实训课程有专业技能课和专业综合实训课两大类，专业技能课有《CorelDraw》《Photoshop》《InDesign》《Illustrate》《字体设计》《图形创意》《版式设计》；综合实训课程有《平面广告设计与制作》《企业视觉识别系统设计》《包装设计》。这些课程的模拟案例和实际工作中的设计案子其实施过程完全相同，所以都需要在有电脑、工作台和后期输出的实训室来完成。

（四）“双师型”教师落到实处

双师型教师是高职教育教师队伍建设的特色和重点，大力加强“双师型”教师队伍建设，已经成为社会和教育界的共同呼声。“双师型”教师应具备相应的实践经验或应用技能。平面广告设计与制作专业实训室的建立，使专业教师长期处于真正的平面设计类企业岗位负责人、管理人、技能人的角色和状态，有效地促进了专业教师的转型，提高了专业教师的策划、设计、输出和制作的实践水平和教学能力，使之成为真正的“双师型”教师。

（五） 提高人才培养质量

提高高职教育人才培养质量是一个复杂的系统的工程，涉及的影响因素较多，在众多的影响因素中，学生的主导作用应予以充分的关注。平面广告设计与制作专业的学生在平面设计实训室的实训授课环节的锻炼中、在实训条件和设备的接触和应用中，能提高学习兴趣，迅速进入主动学习状态，能在实训中看到自己设计的作品的真实相貌，具体问题，发现问题及时解决问题。实训室中对后期制作和输出设备的了解同时也缩短了学生毕业后的职业适应期，能熟悉从设计到制作的各个环节，懂得输出和制作的不同要求，以此提高就业率。此外，也为学生的零距离就業、对口就业提供保障，增强专业人才在就业市场中的竞争优势。

二、实训室建立的可行性分析

（一） 师资条件优越性

自高职示范性院校建设以来，大多数高职院校的教师通过双师培训、示范性院校培训学习、企业顶岗实践等各种渠道达到熟悉和懂得行业岗位工作流程的程度。新进教师均符合高职专业人才培养方向的要求或企业引进等条件。在岗教师通过平时参与企业设计案例，不断补充和提高自己的专业实践水平和能力，所以，在这种师资条件下，不论在专业水平还是实践环节，教师都具备实训室负责人、实训指导老师的条件和资格。

（二） 同类院校示范性

在构想要建立实训室的计划后，艺术类或平面广告设计与制作专业的部分教

师对国家示范性高职院校的艺术类专业建设应有相关的了解和学习，如实地考察其对实训室建设的具体措施和实施效果，取长补短。在此以长沙民政职业技术学院艺术系为例，系主任陈新教授称：建立工作室后，教师的自身价值得到肯定和发挥，工作积极性得到很大改善；学生有了企业仿真环境的训练，学习主动性提高了，竞争性也提高了。同时工作室为艺术专业的整个艺术与实践的氛围起到了示范和提高作用。据我们考察得知，民政学院艺术系下除了有雕塑、喷绘、印刷、陶艺等多个车间外，还有景观手绘工作室、室内手绘工作室、制图工作室、广告设计工作室、包装设计工作室、卡通原创工作室、原创动画工作室等8个工作室，工作室都配有相关的设施，装修个性，艺术氛围浓厚，实用性强，学生能充分进入实践训练中去。系部品牌工作室艺术总监曹大勇老师告诉我们，工作室成立后，案例的参与和介入对他教学有很大的帮助和推动作用，学生之间竞争激烈，都想长期参与工作室的实践环节，长期在工作室参与项目执行的学生，业务能力和专业水平较高，在同学中是很好的标兵和示范，在毕业时是学校向企业推荐的代表。

（三）专业发展必然性

在职业技术教育理念的指导下，我们要根据市场需求，积极拓展专业方向，依托行业支持，以就业为导向，形成特色鲜明的工学结合人才培养模式和课程体系；打造一支“政治素质好、实践教学能力强，专兼职配置合理”的双师型教师队伍。建成依托行业、紧跟市场需求，满足专业岗位点人才培养要求的校内实训基地；使自己院校的专业在一定区域高职广告设计与制作专业教学中起引导作用。同时，实训室的建立也有利于专业的发展和专业教学的示范。

三、从高职学生的特点思考实训室的重要性

（一）高职学生理论知识接受程度弱

本人在平时的教学与生活以及和学生的交往中发现，高职学生大多在高中阶段学习

较差，学习意识不强，尤其对理论知识，有“抵触、退缩”的心理特征，而平面广告设计与制作专业的高职学生，平时更多的喜欢欣赏案例，通过图片案例来学习理论知识，实训室的建立，可以让他们在实际实训操作的过程中消化一些理论知识，从而获得能力的提升。

（二）高职学生学习方法单一

单一的学习方法也是高职学生的一大明显特征，平面廣告设计与制作专业实训室的建立，可以很好地解决这一问题。因为在实训室，学生可以变被动学习为主动学习，可以从看书本案例转化为做模拟或实际案例，可以从课桌学习转化为在模拟工作台工作，可以从“学生”转化为“设计助理”的角色，如此种种，学生的学习方式丰富了，学习成绩和能力也就得到了提升。

（三）高职学生学习主动性差

惰性强，主动性差，逃课请假等借口多也是一部分高职学生或现如今大学生的共性特征，但是我们在实际教学中发现，有些学生会因为某个教学器械的吸引，而促进他对整门课程的学习。如有些学生喜欢扛摄像机到处拍摄，有些学生喜欢喜欢写写文字，有些学生就喜欢做点小手工，觉得能具备这样的能力让自己很有面子。其实我们完全可以利用学生的这样特征去建立专业实训室，以此来提高和增强该专业学生的学习兴趣，打印机可以打印出学生做的版式设计、广告设计样稿，特种纸张可以体现学生五花八门的构思创意，喷绘机可以制作出学生做的海报，模切机、装订机等后期制作工具可以再现学生很多平面类的作品实际样式，分组完成项目可以真实再现设计公司的工作团队。这些只有在实训室可以完成的流程或解除的环节，可以让学生消除对专业或课程的单调、枯燥感，让学生真正体会该专业的岗位真实性，从而对职业产生向往，对毕业后的生活有迫切的美好希望。

综上所述，本人认为在高职平面广告设计与制作专业根据该专业的课程设置，大致应该建立《CorelDraw》《Photoshop》《Illustrate》《InDesign》等平面设计技能软件课程的平面软件实训室；建立《字体设计》《图形创意》《版式设计》等专业技能课程相对应的平面设计实训室；建立《企业视觉识别系统》《平面广告设计与制作》综合实训课程相对应的平面设计与制作实训室；建立《产品包装设计》综合实训课程相对应的包装设计与制作实训室。当然，这些实训室之间也存在硬件重复、实训环节相似的情况，所以应根据实际情况适时调整，达到实训室资源共享的目的。

作者简介：

张玉翠，宁夏职业技术学院实用工艺美术系。

网页设计制作论文范文第3篇

[关 键 词] 中职计算机;网页设计与制作;微课;学习效果

教育作为一门传统的行业，其形式必须不断改进和创新，这样才能更好地发挥为社会培育人才的作用。而随着信息技术的发展和普及，微课开始萌芽和成长，备受师生的欢迎。因此让微课走进中职网页设计与制作课程，是值得教师思考和实践的一种教学方法。但是在利用微课进行教学时，教师要进行多方面的考虑，争取使微课的应用符合课程的特征，符合学生的思维特点，符合当前的教育现状，这样才能使微课更好地发挥作用，从而真正实现中职计算机教学的育人价值。

一、微课的概念、特点和价值

微课就是指利用信息技术手段，根据学生的认知规律呈现碎片化学习内容的一种数字资源。它的特点和价值可从以下几个方面来体现。

(一)时间短，容量小

一般微课视频时长基本在10分钟以内，所以学生不会产生疲惫感，更容易集中注意力;而资源容量小，学生可以随时随地下载和观看，节省了学生的时间和精力。

(二)内容精致，针对性强

微课的内容基本以一个问题、一个知识点为主，专门對这一个核心进行讲解。这体现了它短小精致、针对性强的特点，更有益于学生对知识的吸收。

(三)制作简单，可自由创作

微课是教师教学、学生学习的重要工具，所以这个工具是否得心应手、是否能解决实际问题是十分重要的。然而微课的制作十分简单，因此教师可以根据实际情况来创作微课视频，从而使微课发挥更好的教学价值。

除了以上几点，微课表现形式丰富，可以优化学生的视觉体验;可以保存和反复播放，以使学生在学习时不受时间和地点的约束;也可以帮助学生实现自主学习和个性化学习。这种种好处都是微课的重要价值体现，也是我们选择微课教学的主要原因。

二、中职计算机专业教学的现状

在当今时代，很多传统行业因为信息技术的融入获得新的生机和活力。在此背景下，信息素养和计算机操作能力成为每个人必备的技能，计算机专业也因此广受欢迎。但是，中职计算机专业教学却存在很多问题，比如：(1)教学形式单一，课堂氛围沉闷;(2)不能因材施教，无法满足学生的不同需求;(3)课堂内容过于繁杂，学生学习效率低下，等等。这些问题严重影响了学生计算机水平的提升。因此在中职网页设计与制作教学中，教师要根据具体学情合理运用微课。从而提高教学成绩，帮助学生跨过学习障碍，促进学生计算机素养的提升。

三、微课在中职网页设计与制作教学中的具体运用

(一)分享微课视频，激发预习动力

网页设计与制作涉及对HTML、JavaScript等重要语言的运用，这对初学者来说是十分枯燥、烦琐的。所以在课堂上，学生往往抓不住重点，跟不上老师的步伐。而解决这一问题的最好方法就是让学生进行课前预习，但是很多学生并没有预习的习惯，或者预习效果往往不甚理想。因此在中职网页设计与制作教学中，教师不妨在上课之前给学生分享微课视频，借助视频向学生介绍本节课的知识框架以及重难点。这一方面可以利用微课精彩生动的知识呈现效果来激发学生预习的动力;另一方面可以让学生在短时间内对所要学习的内容有整体的认识，从而帮助学生把握课堂节奏，使其在学习和探究的过程中更加从容。

例如：在学习《制作第一个网页“我的主页”》一课之前，根据本节课的教学设计和重点难点为学生制作微课视频。在此视频中，先带领学生重温上节课所学的内容，然后介绍本节课的重要知识点，比如网页制作的语言、网页设计的工具。接着，展示制作简单网页的流程，让学生了解本节课的难点。最后我再展示本节课的学习目标和课堂任务。在观看视频后，学生对课堂的基本流程便会有所了解，同时清楚自己学习起来可能比较吃力的内容，然后针对这一内容加强预习，并在课堂上加强听讲。所以说通过微课预习的方式，可以保证学生的课堂学习质量，并有助于培养学生良好的学习习惯。

(二)课堂引入微课，丰富教学形式

在互联网时代，学生接触知识和信息的渠道越来越多，其思维方式发生着急剧变化，在这种情况下，一些传统的教学手段已经无法吸引学生的兴趣，甚至会加重课堂沉闷的氛围。并且，在带领学生设计和制作网页的过程中，往往会出现一些比较复杂或抽象的知识点。针对这些内容，教师原有的教学方法也许并不是最好的，不能让学生对所学内容有更加透彻的理解。因此在中职网页设计与制作课堂上，教师可以适当引入微课视频。这一方面可以丰富课堂形式，并借助微课视频精彩的呈现效果来活跃课堂氛围，引起学生的学习兴致;另一方面可以让学生对某一个知识点进行针对性学习，以促进其对知识内容有深刻的掌握，从而提高课堂教学的有效性。

例如：在学习《使用CSS+DIV制作“我的博客”页面》一课时，我先说明“DIV+CSS布局”的含义，让学生明白DIV承载的是内容，而CSS承载的是样式，并让学生了解这种编辑方式的好处。接着我给学生播放一段专门讲解“DIV”的微课视频，该视频中先介绍DIV即division的含义，然后将它比喻成容器，借此介绍它的特点和作用。之后，视频中借助代码语言和效果图来展示DIV的使用方式以及DIV和SPAN的区别、单独使用DIV和使用CSS+DIV之间的区别等。通过这种方式，可以将重要知识点以更加生动、直观的形式呈现出来，从而增加课堂的趣味性，让学生获得更好的学习体验。

(三)师生同制微课，捕捉课堂难点

由于网页设计与制作课程的内容比较繁杂，所以课堂知识密度往往过大，教师难免会加快教学节奏。在这种情况下，如果学生遇到一些比较复杂的知识点，比如某段代码的编写、某个功能的实现等，教师不能给学生进行反复演示。然而等课堂结束后，学生需要消化大量的知识内容，很少会主动向教师请教。而微课一个非常重要的特点就是制作形式简单、自由，并且制作之后，不受时间和地点的限制，学生可以反复观看。因此在中职网页设计与制作课堂上，教师可以和学生共同制作微课。也就是让学生说出自己难以理解的部分，然后教师通过录屏、录像等形式即时制作微课视频。从而帮助学生捕捉到课堂难点，并让学生能在课下及时巩固自己没有理解清楚的内容，以为学生解除后顾之忧。

例如：在学习《使用JavaScript制作网页特效》一课时，我积极和学生进行对话，让学生及时提出问题和要求。当我在介绍“制作循环滚动字幕”这一特效时，有学生表示相关内容过于复杂，需要注意的内容太多，不容易掌握。于是在讲解这部分知识时我便开启录屏软件，将这一段讲课内容录制下来。我录制的内容包括：制作循环滚动字幕的基本步骤、<marquee>标签的使用格式等重要知识点。而在下课之后，我便将本节课录制的微课视频下发给学生，学生可以用来巩固和复习，也可以在做作业时进行参考，从而帮助学生扫清学习路上的障碍。

(四)课后总结拓展，激发探索精神

在中职网页设计与制作教学中，由于知识比较繁杂，课堂节奏较快，而学生的接受能力和记忆能力十分有限，所以在课堂结束时，学生往往只能记得最后的学习内容，这就体现了课后归納总结的重要性。另外，计算机是一门理论与实践并重的学科，在课堂上学生接受了理论知识，如果在课下不加以实践或拓展训练，则无法真正掌握知识内容。因此在中职网页设计与制作教学中，教师可以利用微课进行课后的总结与拓展。争取在短时间内帮助学生清晰、完整地回顾课上所学内容，并在最后提出一些开放性问题，从而帮助学生构建知识系统，并激发学生的探索精神，提高课堂教学的有效性。

例如：在学习《使用超链接创建链接页面》一课之后，我便给学生播放事先准备好的微课视频。该视频中将本节课学到的一些重要知识点罗列出来，比如超级链接的含义、外部链接和内部链接的含义和作用、创建链接页面的流程和方法等，以帮助学生总结知识点。之后视频中展示一些基础性问题，我便让学生简要作答。最后，该视频对本节课内容进行拓展，展示了一些其他常用的链接形式，比如电子邮件链接、锚记链接等，并鼓励学生利用课下时间多加了解。通过这种方式，可以完善学生的课堂学习效果，激发学生扩充知识的欲望，从而使课堂教学取得圆满成功。

(五)打造精品课程，满足个性需求

由于学生之间的学习经历、兴趣喜好和接受能力不同，必将导致其学习效果良莠不齐。而在中职计算机课程教学中，学生之间的这种差距将更加明显。如果教师不能适当协调，很容易使部分学生失去学习的信心，进而影响班级整体水平的提升。但是，教师的教学任务十分繁重，且课堂时间有限，所以教师很难考虑周全，不能对一些特殊学生予以特殊关照，这很容易导致学困生不消化、优等生吃不饱的现象出现。而微课的引入则完美地解决了这一问题。因此在中职网页设计与制作教学中，教师可以利用闲暇时间和其他教师合作，根据学生的实际需求录制一些微课视频，以为学生打造精品课程，从而方便学生在课下自主学习，并满足学生的个性化需求。

例如：在中职网页设计与制作教学中，我会认真调查优等生、中等生和差生的不同需求和期望，然后据此为学生录制并收集一些优秀的微课视频。其内容不仅要包括教学中的重点、难点，也要包括一些比较基础的内容，以及一些开放性较强的知识。之后我将这些微课视频进行分门别类，并转发给学生。有了这些精品课程，学生便可以根据自己的实际情况进行选择性学习。从而帮助学困生弥补自身的不足，帮助中等生进一步提升，并帮助优等生拓展知识视野;同时促进学生自主学习，以使微课发挥更大的教育价值。

总之，在中职网页设计与制作教学中，教师要根据课程的特征、学生的各方面特点合理引用微课，争取发挥微课的最大优势，让学生获得更好的学习体验，最终为中职学生日后的学习发展铺就坦途。

参考文献：

[1]刘庆.微课在中职计算机教学中的应用策略研究[J].中国新通信，2019，21(23)：189.

[2]钟勇强.微课在《网页设计与制作》项目教学中的应用[J].课程教育研究，2017(39)：97-98.

[3]杨小霞.网页设计与制作课程中微课的教学应用分析[J].电脑知识与技术，2018，14(8)：191-192.

[4]陈丙梅.微课在中职学校“网页设计”课程中的应用探讨[J].科教文汇(上旬刊)，2018(3)：100-101.

◎编辑 张 慧

网页设计制作论文范文第4篇

【摘 要】本文在对相关概念进行界定的基础上，对混合式学习环境下项目教学可行性进行简要分析，并以混合式学习环境下《二维动画制作》教学项目设计为例，从教学模式、教学策略、教学实践三个层面进行阐述。

【关键词】中职 混合式学习环境 二维动画制作 项目教学

随着社会的发展，不断赋予职业需求以新的内容，简单的项目教学已经无法满足中职学生岗位技能发展的需要，而混合式学习环境下无论是企业培训还是教学一线均能吸取到不同的新技术和新资源。混合式学习环境下的项目教学，能为中职《二维动画制作》提供一个强有力的支持平台，不仅使学生能够享受更为丰富的教学资源，还能使学生更好地完成所学知识与实际工作之间的跨度，最大限度地提高中职学生的理论知识和实践技能。因此，基于混合式学习环境下探究中职《二维动画制作》项目教学具有重要的意义。

一、相关概念的界定

所谓混合式学习（blended learning）就是按照相关教学内容和学生特点，在发挥传统教学与 E-learning 优势的基础上，合理筛选并分配全部教学要素的一种教学思想。其实质是在传统教学与在线学习相结合的方式下，运用相关教学工具、平台以及资源，让学生的学习活动更加丰富和积极主动。同时，有效突破时间和空间的限制，提供大量的学习资源，让学生能够根据自己的时间和需要自行安排学习时间。在具体实践中，混合式学习表现出导学方式灵活、学习方式多样、学习材料丰富以及课程形态丰富多彩等特点。

项目学习提出学生的“学”主要取决于学习过程，其实质是将项目作为教学实施的载体，在教师的指导下，对其设计整体方案、收集项目相关信息等过程中遇到的各种困惑或问题，通过查找资料解决，从而达到掌握相关知识与技能的目标，可以说项目学习是一种“做中学”的教学模式。在具体实践中，项目学习表现出学生自主学习性、社会关联性、跨学科性以及以产品和行为为主的导向性。

二、混合式学习环境下项目教学可行性分析

（一）企业项目为项目教学提供资源平台。培养技能型人才是中职学校的主要目标，而中职学校也一直努力与企业实现无缝对接，在中职学校开展项目教学不仅能够拉近校企之间的距离，实现理论与实践一体化的教学，而且也使教学内容更加符合社会需要。

（二）专业课程技能的模块化有利于项目教学的开展。相比其他理论课程，计算机专业课程内容模块化较明显，这种专业内容的模块化更易使得教学项目能够具体到某一模块的内容上，在具体实践时可以围绕一个模块独立开展。以二维动画制作中逐帧动画为例，通过实施动画角色行走的项目，既可以让学生熟练掌握逐帧动画制作的方法与技巧，又可以积累相关经验。

（三）项目制订的可行性。二维动画的应用无处不在，由于其具有较强的生活实践性，因此，在具体教学实践时更易理论联系实际，便于项目的开发。同时，该课程资源丰富，项目制作过程难度较小，非常适合中职学生现有的知识与水平。

三、混合式学习环境下《二维动画制作》教学项目设计

（一）教学模式。根据中职《二维动画制作》课程所面临的问题以及中职学生特点，依靠传统课堂、机房内的项目教学很难提高学生的岗位技能，因此，需要借助混合式学习营造一个虚拟的工作环境。笔者根据多年来的教学实践，提出如下混合式学习环境下的项目教学实施模型（如图 1）。

值得说明的是，模型中所提到的“学习内容”不可统一而论，应按照知识和技能加以划分，对知识应再细分为基础知识、工作岗位知识和相邻课程知识，对技能应进一步细分为基本技能、实践技能以及综合应用。同时，混合式学习环境下项目教学中的网络平台不应只是一个，应根据需要设计课程教学和网络自学两个平台，对一些简单操作技能、理论性知识的学习应在课前通过网络自学平台组织学生学习，对一些仅仅依靠学生自学不能很好掌握的知识以及实践性较强的技能，教师应通过“传统课堂+网络教学平台”的形式完成教学任务，使其通过发作业、晒成果、相互评价以及投票等活动处于一个虚拟的环境之中。

（二）教学策略。混合式学习环境下的项目教学分为知识预热、技能提升、项目实战以及知识巩固四个阶段：一是知识预热环节，为了能够营造出一个职场的直观感受，教师应收集典型案例，并通过自学平台发布；而学生通过平台了解作为一个技术人员应当胜任哪些岗位，感知二维动画制作的发展状态，理顺企业项目制作的流程，并根据详细的操作步骤进行简单的自我基础动画制作学习。二是技能提升环节，为了增强学生项目实战时的信心，教师应通过企业个案研讨、技能点拨精讲等手段，有效解决学生在自学过程中遇到的各种瓶颈问题，不断延伸拓展学生的视野，最大限度地为项目实战提出知识和技能保障。三是项目实战环节，为了让学生能够在虚拟的工作环境中有效提升技能，教师应引进企业项目，创造学生自我创造的空间，一方面让学生熟悉项目制作的开发流程与岗位要求，另一方面激发学生创作的热情，使学生能够运用相关技能进行项目的再创造。四是知识巩固阶段，教师应通过网络平台设置相关的练习题目，并不断拓展所学知识，帮助学生完善知识结构。

通过以上分析，混合式学习环境下的项目教学处于一个现实课堂与网络平台相混合的环境中，从学生角度分析，学生自然渴望教师丰富多样、个性化的教学内容，因此，教师应给予学生一定的学习自主权，不能运用一种方法组织学生学习，而应将网络平台引入项目教学中，并在网络平台上上传与教学相关的资源，让学生自主獲取有价值的知识。从教与学的角度分析，教师不应局限于小组协作、面对面的方式进行传授，而应积极迎合市场经济发展趋势，通过分析案例、小组讨论、学习评价等方式强化对新知识的认知程度和新知识的应用能力。

（三）教学实践。教学项目并不是凭空产生的，它有着自己的生成、发展阶段，为了能够让学生在混合式学习环境中充分发挥项目教学的优势，应从项目准备、确定、实施等方面进行深刻阐述。

1.项目准备。网络平台、机房、各类多媒体是项目实施过程中必备的教学基础，在项目准备阶段，不能单纯依赖于传统网络和机房，而应优化和改造“网络+机房”的混合环境。其中，在准备网络平台时应渗透行业岗位信息，涵盖教材、企业中的教学资源内容。例如，在准备《二维动画制作》网络平台时，笔者设计了如图 2 所示的二维动画制作课程网络平台。其中在课前预习时，鼓励学生运用网络自学平台了解课程所属行业的动态信息。在课中学习时应选择课堂教学平台，让学生以企业技术人员的身份实现关键技能点拨和职场情景再现。当项目制作完成后，还需通过平台提交小组作品进行展示，特别是对一些优秀的作品可用其直接代替原有网站的横幅、弹出、友情链接动态图片等，最大限度地引导学生体验工作岗位，巩固和强化岗位技能。

同时，应按照课堂教学资源、自主预习资源以及课后巩固拓展教学资源来准备学习资源。以 Flash 动画制作基础知识为例，笔者设计的自主预习资源主要为 Flash 的发展、自定义工作界面、新建网站片头等简单的知识点；课后巩固拓展教学资源主要以 Flash 动画制作流程、制作花纹瓷盘等职业岗位需灵活应用的知识点为主。

2.项目确定。在确定具体项目时，教师应充分考虑教材内容和社会需求，要在教材内容的基础上围绕企业岗位需求不断充实。因此，在具体教学实践时，教师应梳理教材内容，在对课程内容结构规划的前提下再确定具体项目。例如，笔者在中职《二维动画制作》日常教学中，通常以表格的形式列出所要学习的内容，并将所学内容细分为知识点和技能点。

3.项目实施。项目实施主要包括知识预热、技能提升、项目实战、知识巩固四个环节。

首先，知识预热环节。为了提高课堂教学的效率，让学生带着问题有针对性地学习，教师应收集整理现有案例，并将简单的技能实例、学生可以自主学习的知识上传至项目教学平台，组织学生课前先行学习。其次，技能提升环节。明确岗位职责及相关技能，讨论剖析讲解企业真实项目所用的关键技能，使学生了解项目完整开发过程，在知识与技术上达成共识。再次，项目实战环节。学生根据课堂教学平台发布的相关素材，以小组的形式制作项目，并将制作完成的项目作品上传至教学平台，组织学生进行自评、互评、为欣赏的作品投票等活动。最后，知识巩固环节。教师应通过网络平台发布相似类型项目，组织学生完成相关任务，并在下次课前有针对性地点评与训练。

总之，混合式学习环境下的项目教学为中职《二维动画制作》提供了一个强有力的支持平台，不仅使学生能够享受更为丰富的教学资源，而且也使学生更好地完成所学知识与实际工作之间的跨度，最大限度地提高中职学生的理论知识和实践技能。

【参考文献】

[1]王 萍.混合式学习环境下项目教学的设计与应用研究[D].济南：山东师范大学，2016（5）

[2]李琳琳.项目教学法在二维动画制作課教学中的运用[J].科技创新导报，2014（7）

[3]刘世武.混合式学习在中职计算机专业课教学中的实践[J].教育教学论坛，2014（7）

（责编 罗汝君）

网页设计制作论文范文第5篇

摘 要：文章参照“内容、结构、表示、行为”分开的网页制作标准，探寻双线程的专题学习网站开发模式，力求为开展学科与信息技术整合提供高效率的资源平台。

关键词：专题学习网站；优化流程；网站制作效率；学科与信息技术整合

随着学科与信息技术整合研究的不断深入，专题学习网站（主题学习网站）在其中扮演的角色越来越重要，它在营造新型教学环境、实现新的教与学方式、变革传统教学结构等方面具有特殊的优势。本文中的专题学习网站特指根据某一特定学习主题专门制作的资源网站，它实现的主要功能包括多类资源的呈现、教学中的实时评价、学习参与者的交流等。传统的制作流程具有制作难度大、制作周期长等缺点，某种程度上制约了学科与信息技术整合的发展，因此，优化专题学习网站制作流程，提高制作效率显得尤为重要。

一、两种专题学习网站流程对比

传统的制作专题学习网站的主要流程是：教师备课—网站规划—网站制作—教师试讲—修改网站—完成制作。由于专题学习网站制作涉及视频、图像等多种媒体的加工，技术性较强，所以一般专题学习网站都由信息技术教师制作，备课教师提供素材。一堂成熟的课往往需要多次打磨，如果教案有了改动，那么量身定做的专题学习网站就避免不了大动干戈了。

目前主流网站都实现了三层结构，即数据访问层、业务逻辑层（又称领域层）、表示层。通过多种角色的参与细化网站制作分工，提高网站制作的效率。参照这一设计理念，在制作专题学习网站时，信息技术教师和执教教师进行分工，执教教师负责内容数据的编辑，信息技术教师负责逻辑层、表示层的制作。体现在流程上就是双线程：信息技术教师，搭建网站平台—根据教学的主题定制一套模板—修改模板；执教教师，使用后台完成栏目的设置—内容的添加—栏目、内容的修改调整。

传统流程中，信息技术教师一般使用Dreamweaver或FrontPage等软件制作一个站点，把备课教师的素材整合成一个网站，执教教师和制作者始终有一方处于旁观状态。在教师试讲后，如果教学方案有了调整，那么专题学习网站就需要随之更改，甚至推倒重来。此种流程对信息技术教师依赖性大，哪怕几个文字的修改执教教师也不能自己动手。如果将“数据编辑”和“页面表示”编辑工作分开，就能很好地解决这个问题，执教者和信息技术教师各司其职，也相应提高了专题学习网站的制作效率。

二、常见网站制作平台简介

目前许多网站都实现了“前台+后台”的模式，即“数据”与“表示”分开，如果从零开始编写此类系统，难度大且安全没有保障，一般我们提倡“拿来主义”，找一些开发相对成熟的文章系统进行二次开发。国内比较好的网站平台有塞普森信息管理系统、帝国网站管理系统、新云网站内容管理系统、动易SiteFactory等，其中动易的产品市场占有率较高，目前约有60万网站使用动易系统，成为国内CMS开发的先进企业之一。

动易产品中Siteweaver和SiteFactory都适合用来开发综合性网站，目前比较流行这两个版本。SiteFactory虽然是最新的CMS网站系统，实现了“DIV+CSS”页面内容与样式分离的网站布局，访问速度快，但是并不适合用来制作小型网站，主要原因是“DIV+CSS”模式对编写者的代码编写要求高，目前不能实现可视化编写。学校教师并不都是专业的网站开发人员，所见即所得的Siteweaver可以成为专题学习网站开发的利器。

SiteWeaver已经实现开源化，安装时不需要任何插件。它具有便捷的后台管理功能，可以采用表格的方式对页面元素进行布局。登录网站后台，可以增加文章栏目，使用类似于Word工具的“在线编辑器”添加文字、图片、音视频、Flash等内容。栏目的名称可以随时修改、任意排序，文章的内容也可任意修改、移动、删除。

三、结合Siteweaver细谈专题学习网站制作流程

在Siteweaver的平台上，我校先后开发了《莫高窟》、《黄果树瀑布》、《长征》、《心脏与血液循环》等数十个专题学习网站，其中一些课例在省市内有较大影响。由于团队协作、分工细致（见图），制作一个较为成熟的专题学习网站的周期缩短到4-7个工作日，一些相对简单的网站两三天就能完成。

1.确定开发主题，完成教学设计

信息技术与课程整合的微观意义在于优化，应以是否利于学生综合素质提升为基本准则。笔者不赞同为整合而整合，信息技术更多的是充当平台、载体。基于上述考虑，笔者认为并不是所有的课程都适合在网络环境下开展，教师在选择主题时应考虑这一点。

2.架设Siteweaver平台，创建参与角色

登录http://www.powereasy.net，下载最新版的Siteweaver，将代码文件夹复制到服务器，打开IIS,配置好站点。Siteweaver提供SQL、Access两种数据库类型，由于执教教师有时需要更换工作单位，需将网站在短时间内安装在其他服务器，对服务器的要求相对较低，而且专题学习网站的数据量较小，不需要大型数据库，所以我们一般使用Access数据库。

站点建立以后，还需设置不同的角色管理员，为接下来的双线程制作网站做好准备。一类为超级管理员，具有专题学习网站的全部管理权限；一类为内容管理员，只能添加、修改栏目文章内容，内容管理员由执教教师担当。内容管理员的权限不宜过高，防止因误操作破坏网站。

3.使用Photoshop设计网页效果

专题学习网站的外观很重要，必须紧扣主题。在参加一些教学交流时，笔者发现一些专题学习网站使用的是商务模板，或者网页布局千篇一律，二次开发程度不高，严重影响了教学环境的营造。另外，如果网站制作完了再否定网站的布局、风格，修改的工作量会很大，所以使用Photoshop设计好网站的效果图尤为重要。设计好样图后，经过执教者或教学研修团队的讨论后再进行模板的设计。

4.切片制成网页模板，添加数据标签

设计好样图后，还需使用Photoshop进行切片。在Photoshop中选择切片工具，将图片中的“导航栏”、“banner”、“logo”等功能区域进行划分，然后单击菜单“文件”—“保存为web所用格式”，输出网页和块图片，并将图片上传到服务器的站点文件夹内。使用Dreamweaver对输出的网页进行修改，如将需要呈现文字的单元格的图片修改为背景图片，为了防止页面变形，还需设置好此单元格的宽度和高度。

在Dreamweaver中使用“查找、替换”将所有本地图片地址修改为服务器地址后，就可以把代码复制到Siteweaver中，并插入数据引用的代码。

5.划分网站栏目

执教者根据课堂设计意图在后台设置好频道和栏目名称。在Siteweaver中，可以灵活地调整频道栏目的名称，并且可以设置是否在菜单中显示。在频道栏目设置时，要注意文章范围不重叠、栏目设置具有开放性、栏目名称的语言风格一致等要求。

6.添加网站数据

频道栏目设置好后，执教者就可以上传文章数据了。Siteweaver自带了FCKeditor编辑器，执教者可以像编辑Word文档一样编辑网页内容。在编辑框左侧有“自动下载文章内容里的图片”复选框，启用此功能后，如果从其它网站上复制内容到右边的编辑器中，并且内容中包含有图片，编辑器会在保存文章时自动把相关图片复制到本站服务器上。有时文章较长，在需要分页的位置单击工具栏上的“P”插入手动分页符按钮，代码中自动会插入[NextPage]标签，前台页面就会在此处进行分页。

7.修改网站

在执教者试讲后，依据研修团队的意见，信息技术教师和执教者分头修改，在最短的时间内调整专题学习网站。

四、专题学习网站中的一些优化措施

1.生成静态页面，提高访问速度

学生在集体使用专题学习网站时，如果是动态页面，服务器上的ASP解释程序会在服务器端处理数据，并将结果以HTML格式传送到客户端浏览器上，因此服务器的压力较大；如果专题学习网站采用的是静态页面，服务器的数据处理压力就会降低，并能提高学生的访问速度。因此，把动态页面转化成静态页面很有必要，在Siteweaver中，我们只需要把频道属性设为“全部生成静态页面”，然后单击“生成”，就能完成静态页面的转换。

2.使用公网ip建站，异地编辑网站

信息技术教师经常在单位加班，有时为了制作各种教学软件通宵达旦，严重影响了生活。在架构网站平台时，可以将网站架设在公网，信息技术教师和执教者可以分别在家中完成网页制作，不受地点的限制。

3. 嵌入使用第三方网页模块

Siteweaver等网站平台并不是为教育教学量身定做的软件平台，所以我们还需要在其中嵌入一些功能模块，如多样化的投票统计系统、实时练习反馈系统、BBS讨论区等。我们可以将这些源文件复制到站点文件夹内，然后在Siteweaver中创建一个页面，使用语句<iframe style=\"WIDTH:648px; HEIGHT: 292px\" margin=\"\" width=\"0\" marginheight=\"0\" src=\"/http/77726476706e69737468656265737421f4fb548869266140301980a7995b6d3620/mgk/test/index.asp\" frameborder=\"0\"></iframe>来嵌入。

使用双线程制作专题学习网站，可以一定程度上减小信息技术教师的工作强度，提高执教者的参与度，为执教者提供了更灵活的资源平台，降低了专题学习网站的技术门槛，可以为更广范围地开展学科与信息技术整合服务。

参考文献：

[1]朱成.巧用动易内容管理系统 构建语文专题教学网站[J].中小学电教，2010，（5）.

[2] Siteweaver 动易公司.“动易起航”[EB/OL].http://qihang.powereasy.net/Index.html.

（编辑：鲁利瑞）

网页设计制作论文范文第6篇

2、艺术设计专业“工作坊、项目化、主题式”教学改革与实践

3、高职广告专业“工学结合”人才培养模式的探索与实践

4、分析高职广告设计与制作专业人才培养方案的改革

5、广告设计与制作专业过程考核解析

6、高职《平面广告设计与制作》精品课程的有效建设

7、高校广告设计与制作课程教学改革研究与实践初探

8、基于现代学徒制下的广告设计与制作专业人才培养模式研究

9、中职平面广告设计课程中小组合作模式的应用研究

10、“少教多学”在信息技术项目教学设计方式上的探讨

11、浅谈在多媒体设计与制作课程中进行渗透式教育

12、中职美术设计与制作专业成立设计工作室探索与研究

13、广告传媒与数字图像专业实用性实训室建设

14、浅谈中职计算机专业《网页设计与制作》课程教学

15、调动中职电脑美术专业学生学习专业课主动性方法之我见

16、浅析《网页设计与制作》课程教学过程阶段性评价的设置

17、CORELDRAW课程项目化实践教学的探究

18、基于工作室的广告专业“336”人才培养模式探究

19、广告设计与制作专业教学创新措施探讨

20、工学结合一体化课程实践初探

21、高职广告设计与制作专业《CorelDRAW》教学内容与方法探讨

22、示范性高职对建设示范性中外合作大学的启示

23、微环境下中职CorelDRAW广告设计项目教学法实践①

24、基于项目导向的高职计算机多媒体专业课程体系的构建

25、广告设计和制作专业课程改革探索及实践研究

26、美术院校主要专业纵览

27、国家广告设计与制作教学资源库优选作品展示

28、新时代视野下视觉传播设计与制作专业人才培养方案研究

29、高职《平面广告设计与制作》课程实践教学活动的设计与实施

30、高职广告设计与制作专业项目化教学模式探究

31、职业院校广告设计与制作专业实训室建设方案研究

32、高职院校广告设计与制作课程的创新分析

33、基于信息技术的平面设计课程创新与思考

34、“双创”体系下高职艺术设计专业软件课程模式改革研究

35、基于校企合作的项目驱动模式在广告策划与创意教学中的应用

36、项目教学法在《影视广告创意与制作》课程中的应用

37、基于“雨课堂”教学环境的 I ll ustrator平面设计与制作课程信息化教学

38、完善高职院校广告设计与制作专业课程管理制度的对策

39、高职院校广告设计专业“现代学徒制”人才培养模式的探索与实践

40、构建中职广告设计与制作专业工学结合人才培养模式

41、职业院校美术教师知识结构多元化的必要性

42、广告设计与制作专业建设改革分析

43、探讨高职院校图形创意教学中创意思维能力的培养

44、基于模块化教学的高校艺术设计专业小组教学法实施的研究

45、高职广告设计与制作专业实践性课程改革与探索

46、高职现代教育技术应用现状与提升策略

47、微信平台在高职广告专业课堂教学中的应用研究

48、分镜头脚本对提升广告设计与制作专业学生创作能力的重要性

49、融媒时代新闻采编与制作专业人才培养模式的实践探索