网页实训报告范例

摘要：近年来兴起的云平台有着开放、协作和分享的特点，论文构建了一个基于@team云平台，以“网页设计与制作”为教学内容的课程辅助教学平台。教学中充分发挥云平台的优势，制定合理的教学内容，在这门课程中取得了很好的教学效果。

关键词：云平台；网页制作；教学实践

随着云计算技术新月异地发展，云课程的兴起使得很多传统课程的摆脱了应用的一些不足，为共享型教学模式的进一步发展和推广提供了技术保障[1-2]。互动与交流成为云课程的重要内容，其具有的灵活性、扩展性、共享性、低成本性和高服务性等特点为传统课程注入了新鲜的血液。《网页设计与制作》课程是计算机应用技术、计算机网络技术、等专业的一门专业必修课程。作为一门实践性与综合性较强的专业技术必修课，传统教学方式多采用案例教学、项目教学等方法，在教学过程中学生参与度低，学生处于动地位[3-4]。本文以《网页制作与设计》课程为例，对基于云平台的课程教学进行了实践探索。

一、云平台的构建

互联网企业应用户的需求开发了各种云平台，提供各种服务。包括提供基础设计服务的亚马逊（AWS），提供软件服务的微软、百度、 Google等公司以及提供平台（应用程序运行环境）服务的阿里、苹果公司等[5-6]。@Team是基于云服务的协同工作平台，采用扁平化设计，使用简单，为每位用户打造个人网络空间，可实现团队项目创建、任务小组创建、进度跟踪、在线分享、@交互、资源上传、共同编辑等多项功能[7]。综上所述，@Team平台功能较为全面，使用简单，支持各种手机、平板终端的移动学习，而且注重用户体验，免费为教育行业提供更多服务，更适合当下作为教学和学习平台[8]。@Team产品的常用教学功能如表1所示，师生根据具体情况，自由组合应用平台的功能。

二、创建共享型学习资源库

由于《网页设计与制作》这门课程需要丰富的素材、资源和教学案例，有必要构建课程教学资源库。课程资源可以采用边学习边建设的模式，在云平台下搭建兴趣小组和项目空间。空间上可以上传各种学习资料。不同兴趣小组和项目组可以设置不同的访问权限，允许其他成员访问自己空间中的资源，不仅可以达到隐私保护的目的，还方便学生相互共享。公共空间是教师为学生搭建的公共的学习平台，如下图1，每个学生都可以访问公共空间上的学习资源，方便共享。本课程中的教学资源在授课以前教师已经上传，比如PPT 课件、书中案例、实训任务书、实训报告、习题、电子书等资源。在学习过程中学生可以根据自己的个好和自主学习需求，对学习资源进行自主搭建，一个学期下来，就可以搭建完整的资源库。

第一篇：计算机网页设计案例教学教学

一、传统网页设计教学中存在的问题及案例教学模式的内涵及特点

1、传统网页设计教学中存在的问题

众所周知，计算机网页设计课程具有很强的综合性和操作性等特点，若想制作效果良好的网页，需要具备文字版面处理、动画制作及图像处理等相关知识。设计计算机网页时，通常使用Flash、Firework和Dreamweaver三种网页设计软件。现阶段，很多技术学校依然采用传统的网页设计教学模式，即利用实践和理论的方式组织教学过程，具体地说，按照教学大纲要求，有针对性的对学生实施章节教学，若知识点不同，则会分两次进行理论和实验教学，这就导致学生无法灵活运用所学知识，一味的照搬课本内容，不会融会贯通和相互联系，以致无法培养学生的创新意识及能力。传统教学模式虽然同样重视实践教学，而其实际教学效果常常达不到预期目标，这主要是因为学生在熟练掌握网页制作技术及技巧的情况下，未能有效掌控网站、图片制作和内容排版编排的规划和布局造成的。

2、案例教学模式的内涵

所谓的案例教学模式，是指学生熟练掌握基础部分相关知识辨别、知识分析及知识理解的前提下，教师精心设计教学案例，进而为学生展示课程内容，同时，根据课程大纲和教学目标的教学内容和要求，指引学生通过教学案例的有效运用，分析、讨论相关知识，并以独立思考和团队合作有机结合的方式进行分析，促使学生进一步辨别和分析所学知识，进而提高其解决问题的能力。除此以外，教师还应重视培养学生的协调沟通能力、工作作风以及管理理念。

3、案例教学模式的特点

【摘要】

目前，生态化的需求不仅仅局限于自然环境领域，已慢慢渗透到社会生活的各个方面，教育领域也不例外。教学模式作为教学活动中的重要组成部分，教育生态化要想实现，教学生态模式的实现必不可少。随着慕课逐渐进入日常的课程教学中，应用慕课这种形式，并将与日常的课堂教学方式相结合，这种形式猛烈冲击了传统的课堂教学模式。而在将慕课与网页设计课程的相结合，并以此来构建教学生态模式的过程中，如何解决教学内容与各教学模式之间的对应关系、教师与学生在此过程中的地位和作用以及学习方式等成为急需解决的问题。

【关键词】

慕课；网页设计课程；构建策略；教学生态模式

在信息时代，各种各样的新技术和新理念对课程资源和教学模式产生巨大的冲击。在混合学习和移动学习的大背景下，多种样式的新课程形式在这一大环境下应运而生，其中也包括规模大的、在线的、低门槛的课程形式———慕课，慕课的出现对传统的知识传输形式产生一定的影响。本文从慕课这一课程形式出发，以教学生态为理论基点，结合社会对网页设计人员的实际要求，来探讨网页设计课程的教学生态模式的构建策略。

1．慕课与网页设计课程的教学生态的相关性分析

慕课与网页设计课程教学生态的相关性分析可大致划分为以下几个方面：慕课与教学生态理念相互影响的大背景、学习辅助环境分析和网页设计课程的教学与市场需求之间的矛盾等三个方面。

1理清调研工作思路

通过现场调研、问卷调查、电话咨询、在线QQ咨询等方式，对省内至少二十家相关企业进行调研，了解专业岗位分类与职责，岗位所需技能等情况进行调研，成立由校企双方专家组成的专业建设指导委员会，结合调研情况与行业企业专家、设计人员共同对职业岗位群及工作过程的分析，归纳典型工作任务，并进而提炼出典型工作任务对应的职业能力。结合所需的知识、技能、素养，参照本专业从业人员国家职业资格标准，确定专业学习领域课程的课程目标和学习内容，最终形成科学准确的调研分析报告，并以此确定该专业人才培养方案。

2确定调研内容

在明确专业方向的基础上，针对室内装潢与展示设计、广告设计、网页与杂志等媒体的美术设计等企业，开展以下几个方面的调研：a.目前吉林省该行业市场人才需要情况；b.企业用人渠道及从业人员薪酬情况；c.企业的岗位设置情况；d.企业对人才的技能、素质及理论知识的要求情况；e.目前以及2～3年后岗位最需要的能力和知识。

3组织开展调研工作

明确了调研工作任务、调研对象、调研方式及具体的调研内容之后，进行调研工作分工，形成调研工作日程表，并按日程逐一落实。要求调研工作要落到实处，所调查到的数据准确性要高，要客观，不弄虚作假，对调研数据要做认真的分析，形成调研工作报告，并针对调研报告的内容提出专业建设的建议。

4做好调研情况分析

作为中职学校的计算机专业教师，常常会出现课堂效率低下的现象。纵观本校《动漫设计》课程的教学历程，大多按传统学科的教学法———以《教学大纲》为基准，以教材为基础，以教师为主体，教师上面讲、学生下面听为主要教学方式。这种方式无法实现对学生职业能力的培养，因而改革传统职业教育模式势在必行。笔者根据多年的教学实践，结合本校的教学设施和实际情况，采用了行为导向教学法，取得了良好的效果。   一、行为导向教学法的内涵   行为导向教学法是从教学生“学会学习”目标出发，使职业教学从注重“教法”转到注重“学法”，将学生的学习与学生的发展密切结合起来，采用师生互动型教学模式进行教学。   在教学中，教师是活动的引导者、教学的主持人。   行为导向教学法体现了“以学为本，因学施教”的教学准则，因为“学”在人的活动中占据主体地位，而“教”则应因人因时施以不同的“教”。“教”在于对人的成长和发展起着辅助和促进的作用。教学不仅仅是让学生“学知识”，而且要“学会学习”，还要“学会做事，学会生存，学会与他人交往”。   二、行为导向法应用于计算机教学中的必要性和可行性   计算机作为现代工具已广泛应用于社会各领域。劳动部对职业培训学生提出了全新的职业能力要求，明确了我国职业培训教育工作的任务是提高劳动者的就业能力、工作能力和职业转换能力。这就要求教师在教学中，以行为导向法进行教学。   这为计算机应用类课程教学改革提供了可行性。通过以上分析、对比，我们可以知道：行为导向教学法把学生从传统的教学模式中解放了出来，激发了学生的学习兴趣，让学生在学会学习的同时，提高了职业能力。   三、行为导向教学法在《动漫设计》课程教学中的应用   在该课程的教学中，笔者引入行为导向教学法，并根据教学内容设计学习情境，采用项目式教学方法。   课题：《动漫网页设计》   1.训练目的   （1）训练学生查阅资料，与人协作交流，合作能力；   （2）训练学生利用所掌握的专业知识分析问题和解决问题的能力；   （3）训练学生较全面地掌握运用动漫技术设计个人主页所需的各项技能。   2.训练内容   帮助学生学掌握运用动漫技术制作网页的操作方法，培养学生的审美观。   3.组织形式   任教班级是2009级计算机及应用班，人数为42人。以班级为单位，5~6人为一小组。分组的原则主要有两类，一是自愿原则，即教师不干预学生的分组过程，学生自愿组合。第二种是指定原则，即教师根据一定的方案，指定某些学生为一组，并推选小组长。以上两个原则教师可根据实际情况灵活掌握，但应注意每组人数不能过多。   4.时间   10课时。5.训练步骤及要求（1）查阅资料、收集素材（2课时）。以小组为单位，利用图书馆、网络查阅个人网页一般包括的要素及制作方法；（2）预备知识学习（2课时）。各小组自学，加讨论；（3）制作阶段（4课时）。各小组合作制作主题风格各异的动漫网页；（4）成果汇报、总结、评价（2课时）。   各组在班级内汇报、展示成果，其他同学可以进行提问、讨论、评价等交流。   教师综合各组的成果，指导学生归纳。6.学生成果评价标准（1）成果是否与单元训练计划的目标相一致；（2）成果汇报的展示手段是否有利于交流；（3）网站的基本要素是否完整，网站是否能被大多数同学认同，这意味着点击率的高低。各小组在完成该项目的过程中，以学生动手为主，信息的收集、方案的设计、项目的实施及最终的评价，都由学生自己自主完成。而教师作为活动的策划者、被咨询者和指导者，回答学生在过程中遇到的各种问题。该课程教学内容中类似的学习情境设计还有《动漫MV———珍爱生命》《动漫设计———职校生活的一天》《动漫设计———求职简历报告》等。   四、实施行为导向教学法存在的一些问题   1.教学理念转变有个较长的过程   “行为导向教学”在理念上是非常先进的，行为导向课程和项目教学法对提高学生的专业能力、学习能力、应用能力和社会能力都是十分有利的。但实施“项目教学法”和“行为导向教学”的要求之高，我们也要充分估计。   2.教师的不适应问题   （1）教学准备工作量加大。教师必须具备完成一个项目所涉及的所有专业理论知识和专业技能，同时能够选择适用于教学的项目，以应对学生在学习过程中出现的各种问题，使学生的行为能够在教师的控制之下；（2）知识面不够的影响。新课改要将教师的创新意识放到第一位，老师所掌握的知识从原来的“面”和“线”变成了“体”。这就要求教师在重新设计教学理念的同时，还需不断拓宽知识面；（3）实践太少。由于管理体制及实训条件的限制，一名专业教师真正做到既要具有较强的专业理论知识又要掌握熟练的操作技能是相当困难的，因而加强对职业教育的师资培训和教师注重自身学习显得至关重要。   3.教材的不适应问题   教材建设是以地区的选择为依据、以方便教师授课为标准、以理论知识为主体、以单一纸质材料为教学内容的承载方式，没有从根本上体现以应用性职业岗位需求为中心，以素质教育、创新教育为基础，以学生能力培养为本位的教育观念。#p#分页标题#e#   4.教学设施和教学环境的建设问题   如果学校在实训投入上不足，那么，学生的培训质量也会大打折扣，因而要加大硬件设施的投入，先进的教学设施、良好的教学环境才能保证新的教学方法的实施。   五、结束语   综上所述，我国职业教育的模式应当结合国家和当地的经济发展水平、师资状况、教学设施及实训条件等，根据学习内容和教学目标选择使用合适的教学方法。与其说我们欣赏行为导向教学是一种好的教学方法，不如说我们更加欣赏行为导向教学是一种先进的教学理念。行为导向教学是改善中职学生学习态度、提高培养人才素质的有效途径，需要广大中职教师在教学实践中不断探索、积极运用、改进和完善，构建更加适合中职计算机教育教学的课程体系。

电子政务专业的市场需求及人才培养目标

随着网络技术和信息技术的发展，.cn域名数在不断增加，而对这些既懂网络技术又懂管理人才的缺口还会进一步扩大。目前以“.gov.cn”标识的各级政府网站数量达28575个，并呈现继续上升的趋势。各级政府网站的建立需要大批专业人才来管理。据文汇报统计数据表明，目前我国高校每年为社会输送的计算机与信息类的毕业生不足6万名，而政府机构、企业上网工程以及网络构建需要的网络技术人才高达42.5万人。据保守的估计，未来10年网络技术人才潜在需求为135万，平均每年需求将不低于13.5万人。电子政务专业主要培养适应生产、建设、管理、服务第一线需要的，德、智、体、美等方面全面发展的，牢固掌握必需的文化基础知识和专业知识，既懂得现代管理理论，又掌握先进信息技术，能够从事电子政务工作的高等复合型、应用型专门人才，实现“一张文凭，多种证书，一技之长，一专多能，品学兼优”的培养目标。

学生毕业时应具备以下的能力：一是具有熟练的计算机维护能力。能够进行网络操作系统和常用软件的安装与使用，熟练使用通用OA系统，能够进行计算机及网络系统的维护工作，掌握数据库的基本知识，能够进行数据库的查询、简单维护等。二是电子政务专业应用能力。利用计算机及网络等信息技术手段进行公文写作与处理、办公室管理、会议和活动安排、例行事务处理、信息资源获取、信息资源处理、政府上网有关事务运作，以及政府内、外网维护与网页制作技术，处理各种政府对企业和政府对公民的电子政务活动等。三是从事管理工作所需要的能力。主要包括口头与书面表达能力、人际交往与合作能力、自控与应变能力、行政事务管理能力、公共关系活动能力、创新能力等〔2〕。

电子政务专业教学改革实践

高等院校应以就业为导向确定办学目标，找准学校在区域经济和行业发展中的位置，加大人才培养模式的改革力度。我校作为民族高校，其生源包括56个民族的学生，有的文科功底好、善于交际但计算机等技术能力差，有的则计算机能力强但文科稍弱。根据学生自身的特点、电子政务行业背景、社会需求和毕业生的反馈情况，电子政务专业的学生就业范围大多可以归结为三类性质的岗位：一是在党政机关、企事业办公自动化管理开发、应用和文员、秘书、行政助理、公关筹划；二是在一些企事业单位负责电脑的维修与安装、调试、销售等岗位工作；三是从事电子政务网站和商务网站建设、管理及维护等技术性工作。

在专业培养的思路上，我院的电子政务建设坚持“一条主线、二个兼顾、三个层面、四个结合、五大模块、六项能力”的思路进行培养。一条主线：以电子政务应用能力为主线构建课程体系。二个兼顾：电子信息技术与行政管理知识的兼顾。三个层面：基本技能操作→专业技能训练→综合技术应用。四个结合：社会需求与个人需求结合；专业技能教育与素质教育结合；操作技能与管理知识的结合；专业技术与创新意识的结合〔3〕。五个模块：理论基础课模块、职业基础课模块、职业技术课模块、实训操作课模块和实践技术课模块。六项能力：政务工作能力；计算机应用和处理能力；网页设计和制作能力；行政公文写作能力；政府网站建设与维护能力；创业能力。其中，政务工作能力主要是让学生掌握政府工作流程和工作方式，使学生具备独立处理政府各项公务的能力；计算机应用和处理能力：主要是掌握Windows的基本操作、文字处理系统Word、中文电子表格Excel、中文幻灯片PowerPoint、计算机网络操作的基本常识等，办公设备方面：掌握打印机、复印机、传真机、手写板、扫描仪、视频电话、数码摄像机等办公设备的使用；网页设计与制作能力：使学生掌握各类型网页的设计与制作，以适应各行业网页设计的要求；行政公文写作能力：主要掌握各类型行政公文的写作格式，使学生具备识别和独立书写各类型行政公文的能力；政府网站建设与维护能力主要包括：电子政务网站功能、规划，运行环境，电子政务网站的内容设计、开发与，具备综合运用软件技术与开发工具进行政府网站开发与维护的能力；创业能力：主要是指让学生具有一定的自主创业能力，有敏锐的市场眼光，能够根据自身的资源优势找准市场的定位，并能把创业理想转化为现实〔4〕。

电子政务教学体系由课程体系、实验教学、实践教学三模块构成。教学体系的中心是“理论基础+专业技能+专业特色”的课程体系。理论基础课程主要打造学生扎实的英语、管理和计算机理论知识〔5〕。专业基础课与专业技能课课程主要阐述电子政务方面的专业知识和理论。特色课程则是围绕着学生的就业，安排一些实用的课程，锻炼学生实际分析和解决问题的能力。教学体系的两侧是实训和实践教学体系。实训的目的是让学生更好地了解电子政务的实际操作流程，加深对理论基础知识的理解，训练学生的实际应用能力和操作技能。而右侧的实践教学则主要是锻炼学生的协调能力、沟通能力和对理论知识的综合运用能力，进一步提高其分析问题和解决问题的能力，为学生未来的就业奠定基础。为适应现代社会对人才的要求，我们提出一种“五位一体”的教学模式。所谓“五位一体”是指采用理论教学、案例教学、网络教学、实验教学和实习教学等多种教学方式形成一个立体化的教学系统，对学生的理论分析能力、动手能力以及解决实际问题的能力进行全方位的训练，增强学生的学习主动性和教学的互动性，真正使学生对所学的知识融会贯通、学以致用〔6〕。

摘要：在创新型应用人才培养理念下，针对企业形象设计课程存在的不足之处提出一些探索性教改建议。一是强化创新思维能力和团队合作能力的培养；二是增加与社会化媒体联系紧密的教学内容；三是尝试联手相关课程教师和联袂一线设计师共同指导学生。旨在使学生学以致用，知行合一，使人才供给侧与需求侧相协调，实现高校与经济社会发展的无缝衔接。

关键词：企业形象设计课程；创新型应用人才培养；教改

创新型人才培养是近几年高等教育非常关注的问题，尤其是“十三五”期间，伴随着经济发展进入新常态，高等教育面临改革与发展的新形式、新环境和新要求。如何提升创新型人才培养质量成为重中之重。从根本上说，创新型人才离不开实践，更离不开所学在社会中的应用。艺术设计专业本身就属于应用型专业，因此，培养的创新型人才应该是创新型应用人才，即能够较系统地掌握专业必需基础理论、基本知识，掌握专业必要基本技能、方法和相关知识，具有从事专业实际工作和研究工作的初步能力，具有开拓创新精神、创新意识、创新思维和实践能力的高级专门人才。企业形象设计课程作为高校视觉传达设计专业的一门专业课，旨在培养学生宏观把握能力和综合设计能力，以及将设计理念与市场要素结合的能力。在创新型应用人才培养理念下如何让该课程与人才培养模式相吻合是需要我们思考的问题。

一、学生在实训过程中存在的问题

自20世纪90年代以来，企业形象设计课程已成为我国高等艺术院校和综合性大学艺术专业视觉传达方向必修专业核心课程之一，经过几十年的发展建设，在高校教学中取得了一定的成绩，但也显示出一些不足之处。

1.独立完成课题，忽视团队精神

好的设计方案从构思、策划，到最后实施，应该由团队协同合作完成，但目前，很多课题训练基本都由学生独立完成，学生意识不到由于彼此之间缺乏交流，个体设计方案和设计思路会受到很大限制。企业形象设计本身是一项很繁杂的系统工程，需要集体的智慧共同协作来完成，靠一个人，甚至两个人的力量都是不可能的。所以，独立完成课题的实训方法会使学生设计思路受限且忽视团队精神。

［摘要］世界技能大赛是全球最高规格的职业技能竞赛，彰显了世界职业技能人才和职业教育发展的水平。在研究世界技能大赛“网站设计与开发”项目的基础上，以世界技能大赛标准和先进理念为引领，从师资队伍建设、专业课程体系改革、评价模式和教材开发等方面进行了研究与实践，提出了信息技术类专业学生技能水平提升的建设性意见。

［关键词］世赛标准；网站设计与开发；信息技术专业

一、实地调研世赛集训基地，寻求学生技能水平提升的突破口

为了寻找提升信息技术类专业学生技能水平的突破口，我院选派专业教师到世界技能大赛集训基地上海信息技术学校开展调研。上海信息技术学校是世界技能大赛“网站设计与开发”项目的全国集训基地，该校师生在全国选拔赛中多次荣获第一名，并代表国家参加世界技能大赛。通过实地调研，与世赛裁判、专家进行交流学习，教师深入了解了世赛“网络设计与开发”赛项概况及特点、赛项评分标准、赛项涉及的专业知识、技术技能以及参赛选手选拔训练、综合能力培养等方面内容。网站设计与开发项目指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目。近年来，世赛“网站设计与开发”项目的比赛模块为：响应式单页设计、响应式页面重构、前端游戏UI设计、前端游戏功能实现、后端管理系统开发五个模块，竞赛时间780分钟；赛项所涉及专业知识有HTML+CSS、JavaScript、Jquery、PHP语言和常见框架开发（Laravel、Yii）；参赛选手要具备过硬的专业实操技术、良好的身体和心理素质、熟练的英文阅读能力和良好沟通能力。通过选拔赛，将该项目近年来世界技能大赛的先进技术和理念进行推广和普及。教师调研形成了《世赛标准分析报告———以“网站设计与开发”项目为例》。

二、以世赛标准为引领，提升专业教师队伍建设水平

要想将世赛成果转化到技能人才培养，必须把师资队伍建设放在首位。学生要成为技能高手，教师首先要成为技能大师，提高人才培养质量，必须培养一流的高技能人才，这就要打造一支高素质、高水平的教师队伍。我院提升信息技术类专业教师队伍建设水平主要从以下三下方面着手：一是“请进来，提水平”，邀请世赛“网站设计与开发”项目广西赛区裁判长到校开展信息技术类教师WEB全栈开发专题培训，在专家指导下，教师转变专业人才培养理念，全面学习网站开发知识、技能，理解、掌握世赛标准和行业企业标准，以项目实战案例为载体，学练结合，圆满完成了基于thinkPHP框架的手机Web端校园资讯网站，经过培训学习，教师对整个网站的开发过程有了全面的了解，同时也掌握了新的知识，了解了企业的一些行业标准，通过边学习、边练习技能水平也得到了很大的提高，为今后的课堂教学奠定了良好的基础，这也是提升学生技能水平的关键。二是“走出去，拓思路”，从2012年起我院信息商贸系推荐专业骨干教师积极参与世赛项目裁判工作，其中2名教师曾担任世赛全国选拔赛的裁判，6名骨干教师被聘为广西职业技能竞赛（世赛项目）裁判员专家库成员，通过参与执裁和实践锻炼，专业教师与项目专家、行业企业技术能手交流学习获得合理的技术信息，拓宽视野，更深入理解并精准把握世赛标准、行业技术要求等，在实践中汲取新技术、新知识、新工艺、新方法等，加快自身技术知识更新速度，这对指导学生制作出高标准、高质量、高精度的产品具有重要意义。三是“沉下去，强能力”，精心选派教师指导学生参加世界技能大赛全国、全区选拔赛。2018年、2019年我校组织教师指导学生参加第45届、第46届世界技能大赛广西选拔赛网站设计与开发项目，教师沉下心认真研究技术文件和赛项要求，理清赛项所涉及的专业知识和技术技能，通过指导学生参加全国、全区技能竞赛，极大地提升教师的专业技术技能水平和能力，引领教师向“丰富的知识、熟练的技能、健康的人格”三位一体的高素质、高技能教师看齐，为今后开展教学改革、提升人才培养质量奠定了良好的基础。

三、以世赛标准为导向，加快专业课程体系改革