网页设计与制作课程的研究与应用论文

网页设计与制作课程的研究与应用论文（共11篇）

网页设计与制作课程的研究与应用论文 篇1

［摘要］本文简要叙述了O2O教学模式的概念及特点，调查分析了在高职院校中采用O2O教学模式的必要性和可行性，从《网页设计与制作》课程应用O2O教学模式的背景出发，对使用O2O教学模式的改革方案进行了详细的叙述。

［关键词］O2O教学模式;网页设计与制作;教学改革

一、O2O教学模式的概念及特点

O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。

二、采用

O2O教学模式的必要性和可行性

(一)必要性

现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。

(二)可行性

通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。

三、《网页设计与制作》课程应用

O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，2016年5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。

四、基于O2O教学模式在《网页设计与制作》课程改革与实践

(一)线上网络平台资源的建设

在超星慕课平台上建立网页设计与制作课程，在平台上发布多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作，用以强调内容的重要性。

(二)线上与线下课堂教学模式的改革

在传统教学模式课堂中，教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟，每个环节分别占用的时间大概为:5－8分钟，30－35分钟，3－4分钟，2－3分钟(课后小结是利用课外的时间完成)。一堂课下来，教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节)，这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学，教学环节与时间分配都必须重新设计。

(三)O2O教学模式的教学环节设计

通过探讨总结分析，将O2O教学模式学习时段分为课前、课堂、课后三个时段，具体工作如下:

(1)课前时段:课前时段即线上学习时段。在每堂课上课之前，老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习，学习过程中遇到的问题，可以通过平台中的互动课堂版块进行在线提问和讨论，也可以记录在纸质笔记本上，带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时，相应的对下一节课内容已完成记性和理解两个过程，为课堂时段提供充足的准备。

(2)课堂时段:课堂时段即线下学习时段。在课堂上，老师首先利用10－15分钟的时间对视频中的知识点、重难点进行梳理，并对学生进行提问以了解学生课前学习的情况。其次利用15－20分钟的时间让学生提问，通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10－15分钟，学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定，最后由每组的组长向老师表述讨论结果，进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等，是很重要的一个环节。

(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频，把之前遇到的问题(课堂时段已解决的)再梳理一遍，以达到温故而知新的目的。再完成老师发布在平台上的在线作业，如有疑问，可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师，也可以与同学进行交流，同时对自己的学习效果进行在线测试等。

(四)适应O2O教学模式的教师队伍建设

传统的教学模式中，所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学，虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色，但是平时的工作量不但没有减少，反而成倍增加。老师除了要做在传统的教学模式中准备的工作外，课前必须把教学视频录制编辑好，把教学素材上传到教学平台上，还须与学生保持紧密联系，掌握其学习动态，根据学生的学习效果优化课程教学内容，时刻在线为学生解答问题等。由于一名老师精力有限，是很难独立完成这么大的工作量的。因此，教学团队经过探讨，对团队老师进行分工，将工作量进行分解，明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成，主要负责课前教学视频的录制编辑，课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的发布、课后答疑、题目发布、作业收集与批改等工作。大家都把自己的工作任务做好，有事情积极沟通，抱着相互协作的态度完成课程教学工作。

(五)O2O教学模式的考核机制

O2O教学模式的考核机制以培养学生实践创新能力目的，以平时的学习态度为基础，依据教学环节进行设计，以期末考试总成绩100%进行计算。平时学习态度占10%，包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%，包括教学视频观看情况，线上任务点的完成等;课堂时段学习占15%，包括问题的提出、讨论的积极性等。课后时段占10%，包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品，这是考查学生综合实践及创新能力的代表作，包括图像的处理、动画的制作、审美观等，所占的比重很大，占45%;期末总评分为以上六环节项分数的总和，只要有一项环节分不及格，课程总评成绩为不及格。

五、O2O教学模式的实施效果

在O2O教学模式的实践过程中，我们设置2015级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。

六、总结

实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.参考文献:

［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，2016(2)．

［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．

［3］张颖．“O2O模式”在高职院校技能操作类课程项目化教学过程中的适用性研究［J］．无线互联科技，2016(10)．

网页设计与制作课程的研究与应用论文 篇2

当前, 《Java语言程序设计》课程是高职计算机类专业普遍开设的一门课程, 该课程既是专业基础课又是专业必修课, 对于学生来说能够学好该门课程会影响到后期的其他专业课的学习。但是, 由于该门课程内容复杂、概念抽象等原因, 学好此课并非易事。因此, 将该课程的重点和难点设计成微课, 让学生能够逐个突破重点和难点, 充分利用课后零碎时间来学习。

2“微课”设计原则

所谓“微课”是指符合课程标准及教学实践要求, 以视频为主要载体, 围绕某个知识点 (重点难点疑点) 或教学环节而开展的精彩教与学活动全过程。“微课”的核心组成内容是课堂教学视频 (课例片段) , 是一种新型教学资源。微课的视频时长5~10分钟为宜, 最少的1~2分钟, 最长不宜超过20分钟。一个微课教学内容较少, 突出某个学科知识点或技能点。资源容量较小。适于基于移动设备的移动学习。自主学习为主。供学习者自主学习的课程, 是一对一的学习。微课需要配套相关的练习、资源及评价方法。

本研究内容基于上述原则, 选取java语言的算术运算符内容为例, 将该部分内容, 设计成4个“微课”教学单元, 内容分解如表1所示:

3“微课”的脚本设计

以“模运算符”为例, 说明微课脚本的设计方法。“模运算”是《Java语言程序设计》课程中一个独立的知识点, 内容不多, 难易程度中等, 该“微课”视频的脚本设计如表2所示:

上述设计制作成不超过4分钟的微视频, 内容涵盖“模运算”的所有知识点, 满足教学需要且复合微课设计原则, 本微课采用录屏软件制作完成。

4学生反馈

“微课”制作完毕后, 在微信上发布, 学生可以自由下载学习, 学生普遍反应该微课主要用于课后复习, 优点在于可以根据自己的需求选择学习内容, 内容分解合理, 即节约了时间, 又提高了学习效率。教师也可以在微信上发布课后习题, 以及在微信上解答学生疑问。此外, 该“微课”充分体现了移动学习的优势, 极大地满足了学生的学习需求。

5总结

“微课”作为一种新的学习方式, 将给高职教育带来深刻的变革。对于一个合格的“微课”来说课程内容的分解, 微课教学内容的设计, 教学手段的选择以及制作技术等都是非常关键的。“微课”将给教师提出一个新的传授知识的方式, 也给学生提供了一种新的学习方法, 而这些都需要在以后的教与学的实践中进一步的探索。

参考文献

[1]彭玉秋, 吕爽, 汪翠翠.基于手机终端移动微学习的可行性分析[J].中国教育信息化, 2012 (10) :13-15.

[2]黄建军, 郭绍青.论微课程的设计与开发[J].现代教育技术, 2013 (5) :49.

[3]褚宁, 白素兰.基于“蓝桥计划”的高职Java语言课程改革研究[J].船舶职业教育, 2013 (9) :42-44.

网页设计与制作课程的研究与应用论文 篇3

关键词： 翻转课堂；实验教学；学习效果

中图分类号：G40-057 文献标志码：B 文章编号：1673-8454（2016）08-0037-03

一、研究背景和意义

翻转课堂的基本思想就是颠倒传统课堂教学的模式。在传统课堂中，教学主要是在课堂上完成，在课堂上由教师给学生讲解基本的知识点，学生在课后完成作业。而翻转课堂的基本模式是，学生在上课前先根据老师给的视频或其它资料进行学习，课堂主要用于问题探究、问题讨论、疑难解答及作业完成等。

在“网页设计与制作”课程中尝试使用翻转课堂教学模式，主要有以下几点考虑：从教学模式上来说，传统技能教学以教师演示操作为主，由于课堂时间有限，学生练习时基本以模仿教师为主，学习较为被动。采用翻转课堂模式，模仿练习阶段放在课前，课堂上学生可以通过交流讨论形式等主动参与到学习中去；从教学科目来说，《网页设计与制作》是一门具有较强操作性的科目，对学生问题解决能力要求较高。翻转课堂广泛采用的研讨式、项目驱动式学习教学模式与该课程的强实践性要求极为吻合；从学生角度来说，给学生提供课前视频等教学资料，供其随时查看，可以一定程度上缓解因学生信息技术水平差异带来的问题。

二、研究对象和过程

本文的研究对象是教育技术学专业大二和大三学生，选择这一研究群体主要有三个原因：（1）翻转课堂是一个比较新的教学方式，相比其他专业而言，教育技术学专业的学生从课前操作水平和理念接受上具有较好的准备；（2）大二和大三的学生相比大一学生而言，已进入学习状态，且主要集中学习专业课程，本实验的课程分别开设在这个两年级学生身上；（3）问卷难度填写的需求，由于是第一次在教学中使用翻转课堂，在问卷中除了体现教学相关信息以外，还设置部分题目，让学生来填写对翻转课堂的看法，而教育技术专业的学生具备一定的理论素养。

本文通过理论分析和实证研究相结合，探究翻转课堂理念下的课程设计与开发。通过对翻转课堂、网络教学以及视频教学研究等文献的研究，确定翻转课堂理念下网络教学平台功能和课堂教学模式设计的方法。在完成前期准备以后，通过课堂实验的方式对翻转课堂教学模式进行实践，经过多次实践及学生问卷调查，获得数据并进行分析，从而得出结论。

三、研究设计

实验基本设计思路是建立适合翻转课堂理念的网络教学平台供学生课前学习，并根据该理念设计课堂教学模式，通过实验获得数据和研究结论。

1.课前教学平台设计

将学习的过程放在课前，这对教师和学生都是极大的挑战。教师要确保自己设计的学习资料能够让学生接受。学生独自在课前对着计算机学习，要确保能够完成教师所预期的学习程度。在翻转的理念下，网络教学平台要实现教师的教和学生的学，只有课前学习能够得到确保，才可能顺利展开课堂教学。因此在实验中结合翻转课堂特点，对课前学习平台和资料进行了如下设计：

（1）教学内容确定

在开发教学资源时，考虑到课前学生独自学习时的注意力水平，以及每一节课内容的针对性和连续性，对知识点选取进行设计。基本实现每一个独立的知识点，学习材料的使用时间控制在20分钟左右，同时知识点和知识点之间有较强的联系，每一个知识点是一个小项目，通过学习学生可以完成网站中的小部分功能，而全部知识点都实现则是一个完整的网站。

（2）教学流程控制

学生课前学习有较多不可控因素，只有学生进行了课前学习，课堂教学才会顺利展开。如同传统课堂教学有些教学活动有固定顺序一样，在实验中也对部分课前学习流程进行了控制。例如，某一次课中，要求学生在进行课堂学习前，要完成网络测评并及格，而完成网络测评必须先查看教学视频和资料，通过网站功能设置，避免学生跳过学习，直接做测试，没有达到学习效果这种情况的发生。

（3）教学材料呈现设计

在教学过程中，为了满足不同学习者的要求，我们可能会根据教学手段的需要提供多种教学材料，网络教学平台具有提供教师上传文档、视频、音频等各种多媒体资料的功能。

除了提供基本的搜索功能以外，教学平台还能够将同一知识点的教学材料进行归纳存放，学习者可以根据自己的学习情况快速找到相应的资料。此外，教学平台除了提供传统的按类别呈现材料外，还设计按主题、知识点的方式展现。

（4）协作学习工具开发

在课前学习中，为了让学习者能开展协作学习、交流探讨相关问题、展示成果，设计并开发了应用协作学习平台。学习者可以与教师或同伴交流；可以自己创建专题，也可以查阅其他专题并加入；在协作小组内，学习者可以制定研究计划、进行组内分工、共享收集到的资料、撰写小组报告、发布作品等。

2.课堂教学模式设计与使用

在学生经过课前学习以后，空余课堂时间的利用是翻转课堂的一大挑战。在直接授课转移到课堂外完成后，课堂上的时间可以用来进行更高质量、更多参与度的活动。不同的教学内容、地点和教学风格会导致教师利用课堂时间的方法也千差万别。

《网页设计与制作》课程是一门设计性和操作性较强的课程。因此在设计本门课程时，更多的是考虑采用讨论和项目驱动方式来激励学生。该课程知识点的学习大多有共同之处，因此在课堂学习时，很多时候采用相似的课堂教学活动。

一般在课堂当中采用以下基本流程：

讨论：让学生通过自主讨论，来阐述自己对网站某个功能的看法，该功能的主要作用是什么，并说明从自身角度会如何去设计；

分析：使用当前已有的网站，如校园网、知乎等其他各类成熟网站为例，让学生来分析这些网站某个功能的设计要点和特色，从而获得启发；

设计：针对自己个人制作的网站，结合所学习的知识设计网站中的某个功能，并向同伴演示；

总结：通过设计并制作网站的某一功能，总结该功能的设计要点和注意事项。

例如，在学习“使用框架布局后台”知识点时，课堂设计情况如下：（1）让学生根据自己之前建立的网站情况，来讨论后台应该有哪些功能；（2）在学生讨论的基础上进行总结，提出基本分析过程，并打开校园网中“书记信箱部分”，让学生在讨论及总结的基础上练习分析该部分网站的后台应如何设计；（3）请学生根据提出的功能，在本子上画下网站后台设计的基本示意图，并进行交流；（4）总结学生设计图的优缺点；（5）学生在计算机上完成自己设计的方法，对于没有采用框架布局的同学，请对比自己的方法和“框架布局”，并从操作和功能角度做说明。通过课堂上的讨论和设计图制作，让学生更好地掌握了网站后台功能设计要点。同时，通过画设计图实现布局和通过框架布局让学生能够了解，在不同的情况下使用不同的方法设计后台界面的优缺点。

3.实验过程设计

在完成课前教学平台搭建和课堂教学模式设计之后，通过实验来验证翻转课堂对教学的影响。在本研究中，实验教学内容选取的是《网页设计与制作》中的知识点，对13和14级学生做了实验及调查。每次均是将课前学习资料放于网络上，要求学生学习材料并完成课前小测，在课堂上以学生的讨论、分析和设计为主，探讨具体功能的实现方法和意义，并完成作业。经过六次实验以后，向学生发放问卷并收集数据。

四、研究结论

问卷主要是了解学习者对翻转课堂的线上环境和线下模式的评价，调查对象是大三教育技术专业学生。调查主要包括三个方面：一个是课前学习调查，二是课堂学习结果调查，三是翻转课堂评价调查，调查结果如下：

1.课前学习情况调查

通过对课前学习资源提供情况做调查，大部分学生认为课前学习资源足够，能够满足学习需求，课前材料的难度设置合理，所使用的时间也较为合适。问卷发现，大部分同学对课前学习材料中知识点的选取比较认同，但有一部分同学仍然认为学习的难度有些大，因此考虑每一门课将知识点分为基础与偏难，为不同学生设计不同的教学材料。

通过调查发现，大部分同学在学习的时候，无论是理论还是技能上的掌握，如果只有课前学习阶段，不能获得较好的结果。且在学习过程中，虽然同学们有通过平台以外的其它途径学习，但是大部分学生缺乏师生之间、学生之间的交流。实际上，笔者在制作网站时，对整个网站和每个主题都设计了讨论交流区，上课教师也时常在线，但仍缺乏学生线上的交流。因此在以后的实践中，对师生的课前交流方式仍需要进行改进。

2.学生对课堂教学的评价

通过对课堂知识点的理解程度、交流机会的多少、问题的解决情况等调查，结果表明大部分学生认为课堂教学活动设计合理，通过课堂同学之间的讨论分析以及教师的总结，对知识点的理解更加深刻，比课前学习时的掌握情况要好很多。同时，和传统课堂相比，翻转课堂课堂教学中，相互间交流的机会变得更多了，课前学习中存在的困惑，在课堂上有更多的机会提出来并解决。由于课堂学习主要用于学生讨论、分析和完成任务，课堂气氛较为活跃。值得一提的是，在最初的课堂教学中，学生的积极性不高，但随着课程的深入，学生对课堂活动的了解越深，积极性较之前也变高了。

3.学生对翻转课堂模式的评价

调查结果表明，部分学生对翻转课堂模式的学习效率持保留态度，这主要是因为使用翻转课堂需要学生课前自觉地在网络上进行学习，而目前的教学安排并没有取消课上讲授这一部分，如果长期使用且不取消部分课堂课时量，则效率并不一定会提高，因此在以后的实践中应考虑学校排课等多方面因素。大部分学生都认为翻转课堂对知识技能的掌握以及自学能力的提高有很大的帮助。并且，大部分学生表明在以后的课程中部分知识点应该继续使用翻转课堂的模式。这也说明，总体来说学生是能够接受这种新的教学模式的。

五、小结

通过网络课程学生可以随时自学、复习等，有利于学生的个性化学习；通过实时课堂，学生可以讨论交流，进行探究等，有利于其对知识的理解和掌握。实验也表明翻转课堂模式在高校教学中是可行的，但是仍然有较多的问题需要解决。例如，在实际实验过程中，学生课前学习积极性不高，如何在技术上和策略上确保学生认真有效地完成课前学习？课堂教学中虽然有一些固定的教学模式，但是由于学生课前学习情况参差不齐，如何开展更丰富、更有意义的课堂教学，实现更大层度的差异化教学，这些仍需要在不断的尝试中探索。

参考文献：

[1]尼尔·布彻，梅丽迪·威尔逊·斯其顿.网络学习质量指南（上）[J].中国远程教育，2013（14）：62-64.

[2]方圆媛.翻转课堂在线支持环境研究——以可汗学院在线平台为例[J].远程教育杂志，2014（6）：41-48.

[3]张金磊，王颖，张宝辉.翻转课堂教学模式研究[J].远程教育杂志，2012（4）：46-51.

网页设计与制作课程的研究与应用论文 篇4

索研究

项目来源：沈阳市国家级科技思想库决策咨询课题（2013）《沈阳市装备制造业升级路径的比较分析与对策研究――基于技术创新的视角》（SXK-2013207）（主持人）；辽宁省社会科学规划基金项目（2013）《辽宁由制造大省提升为创造强省的有效途径研究――基于装备制造业升级的视角》（L13BJY036）（主持人）

摘 要：本文针对高职高专电子商务专业的需要，结合实训课程的特点和作用。探究了《网页设计与制作》实训课程的设计。本文主要从实训环境、实训内容和实训成绩评定等三方面进行了研究和论述。旨在全面提高学生的实践技能，培养学生解决实际问题的能力，从而达到学以致用的目的。

关键词：网页设计与制作；实训；电子商务

高职高专电子商务专业培养能够从事网络营销、客户服务、电子仓储物流、商务网站编辑与维护等相关工作的高素质技术技能型人才。按照技术类岗位群分析，电子商务专业的学生要掌握电子商务所涉及的计算机技术，具备设计与制作商务网站，并对网站进行维护和管理能力。开展《网页设计与制作》实训课程能使学生进一步掌握网页设计与制作的基本知识，巩固相关操作技能。

一、实训环境

在电子商务实训室中开展《网页设计与制作》实训课程。实训开始前先搭建软件开发环境，电脑全部安装Windows10操作系统，实训环境中必备的软件是Dreamweaver CS6，除此之外还需安装Fireworks CS6、Flash CS6等软件。实训室要达到内、外网覆盖。在实训开发环境达到要求后，教师要认真组织学生参加实训，保证每位学生一台电脑，并将学生划分成若干个小组，每3、4位学生一个小组，设一名组长。分组后不但可以充分调动学生的积极性和主动性，还能培养学生团队合作意识。

二、实训内容

网页设计与制作涉及到的软件技术、知识面非常广泛，不单纯是网页设计与制作技术，还包括图形图像处理技术、动画制作技术等。在实训中上述技术要求全面开展实训是有困难的。由于实训时间有限，因此在设计实训内容的时候必须少而精，还需结合网页设计与制作技术的发展现状和电子商务应用的需要，并且要根据知识点和技能的相互关系设计好实训内容的先后关系。本课程实训的目标是促进学生对网站建设理解及技能的掌握，培养学生对Dreamweaver CS6等相关软件的使用能力，为学生后续学习电子商务综合课程奠定基础。本实训课程要求学生在一个实训周（共30学时）的时间内完成。本实训课程要求学生从如下实训题目中任选一题：

题目一：百货商城网站设计；

题目二：电子商城网站设计；

题目三：时尚购物网站设计。

学生在选定了实训题目后，根据教师给划分的实训任务进行实训。具体实训内容及课时如表1所示。

表1 实训内容及课时分配表

1.商务网站整体规划

学生选好主题后，教师引导学生对所选网站主题进行整体规划和分析。还要引导学生明确建立网站的目的、网站规模，设计网站的功能，还有必要做市场分析。在实训开始阶段，教师需要提示学生只有详细的规划，避免在网站建设中出现过多的问题，才能使网站建设能够顺利进行。还要提示学生明确用户的需求、确定网站的风格、以及网站的技术问题。

2.创建商务网站站点

本阶段以学生实际操作为主。对站点进行创建，及打开、修改、复制、删除、导入、导出等操作。教师提示学生注意站点的命名规则。

3.商务网站整体布局设计

本阶段充分展示学生的设计能力。首先学生要掌握网站的版式设计，学生可以通过之前学过的层叠样式表、表格布局、框架布局设计网站的板式；学生还要明确色彩在网页设计中的作用，选择适合所选网站主题的颜色；学生还要考虑到网页形式与内容协调统一。

4.商务网站页面设计与制作

本阶段最能体现学生实操能力。引导学生分清静态网页和动态网页。在学生进行静态网页的制作时，在各个具体网页中添加实际内容，如：网站logo、店招、轮播图、导航、文字内容、图像、多媒体文件、FLASH动画等。学生在进行动态网页的制作时，实现客户端与服务器端的交互。例如：会员注册、信息查询、产品选购、留言板等功能。

5.商务网站调试与上传

商务网站制作完毕，需要在本机上进行测试，查看网站上是否存在某些错误，如网站是否存在链接错误，图片是否能够正常显示，网页程序代码是否存在错误等等。测试完毕后，用FTP等上传工具将网站传到WEB服务器上。

三、实训成绩评定

评定学生的实训成绩主要从如下方面来综合评定。

第一、平时成绩：主要看学生的平时表现，出勤，实训态度，不做与实训无关的事情。

第二、完成任务：是否完成实训规定的任务，按照学生每项实训任务完成情况进行相应的评价。

第三、实际操作：实训中学生的实际操作能力。

第四、独立思考：实训中学生是否独立完成全部实训任务。

第五、提交作业。根据每阶段的任务要求提交阶段作业，作业形式多样。学生撰写实训报告不但可以反映出学生的学习态度，还可以锻炼学生的写作能力。在实训报告中要求学生记录实训目的及内容，并记录实训过程中的具体步骤，最后写出实训心得体会。教师通过学生的实训报告可以判断出学生实际实训效果。判断学生是否完成实训任务时，除了检查学生的网页作品外，教师还需要根据学生的作品询问学生重要细节的制作方法，以此判断作品是否是由学生亲自完成，还能判断出学生掌握网页设计与制作技术的水平。

表2 考核目标与权重指标对照关系表

四、结束语

《网页设计与制作》是电子商务专业的核心课程，在电子商务技术不断发展和变化的当下，《网页设计与制作》作为高职高专电子商务专业的实训课程，应该紧跟时代步伐，及时更新和调整实训内容，以使学生掌握最前沿的技术技能。这样做不但为学生学习后续的专业课程打下良好的基础。而且为培养符合市场、企业所需发展趋势的高素质技术技能型人才奠定基础。

参考文献：

《网页设计与制作》课程设计要求 篇5

最终提交：《网站策划报告》一份及独立制作网站一个

使用所学知识独立制作一个网站，网站的主题可以是文学、音乐、影视、自我介绍（求职）、家乡介绍等。

1．作业基本要求

（1）站点目录层次分明，管理有序，无多余的文件

和文件夹，不能将内容都放在站点根目录下，不要使用中文，为每种类型文件都建立一个独立的目录。（例如images、css、swf、MP3、flv文件夹用于存放图象、样式、flash动画、音频文件及flash视频,目录的层次不能没有，但必须尽量少，以便于管理。）首页命名应为index.html或default.html，其它文件命名不使用中文及带空格的文件名。

（2）网页数为8页以上（网页数量不足扣分，缺少2

张以上视为无效作业）

（3）传站点压缩文件，压缩文件命名方式：学号+姓名）

（4）主页必须包含内容要求： a)

b)主页上有flash按钮、鼠标经过图像或跳转菜单，跳转菜单中有如下链接 主页上最少有5个栏目（一级页面）的导航链接，首页用表格进行页面布局（其它页面必须使用表格或DIV、层）

(5)内页内容类型相近的要使用模板，此项目加分10%

(6)正确合理的使用CSS文件设置文字、图片、页面的样式，正确合理使用ID、类、标签、复合选择器，此项目加分10%

(7)网站内容结构不少于三层

2.创意加分：

在完成标准要求的前提下，对作业有独创性及设计美观的作业跟据情况给予加分。方法如下：

（1）思想性、科学性

主题明确，内容积极、健康向上，文字内容通顺，无错别字

（2）创造性

素材获取及其加工属原创、主题表达形式新颖，构思独特、巧妙，具有想象力和个性表现力，内容、结构设计合理

（3）技术性

选用制作工具和制作技巧恰当，导航和链接准确、页面浏览速度快

（4）艺术性

网页设计与制作课程的研究与应用论文 篇6

《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。

二、课程教学思路与教学方法改进

学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

三、课程体系内容重构

本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。

四、总结

网页设计与制作课程的研究与应用论文 篇7

随着计算机技术和通信技术,互联网的日益普及,网页和网站的发展作为个人或组织展现自我价值的方式日益受到重视。“网页设计与制作”课程已成为核心的信息管理专业课程,民办院校如何有效地让学生掌握网页设计能力,相关技能的理论知识以及具体的操作模式 ; 如何提高学生的动手能力 ;如何重视实践,培养学生的综合能力和素质,以达到所需的人才培训要求是非常重要的。

1.1 教学现状分析

目前,本课程内 容主要为Dreamweaver网页制作 软件的使 用,学生学习如 何利用Dreamweaver提供的菜单、按钮、面板实现网站前台页面的制作,对HTML代码的讲 解非常少,学生对于HTML代码的不熟练,导致脱离Dreamweaver软件后无法制作、修改或更新网页,而且后续课程《网络信息系统开发与利用》要求学生能读懂HTML代码并能修改或编写,也会影响此课程的学习。早期页面布局方法一般为表格布局,现在这种技术已经落后被淘汰,取而代之的是DIV+CSS技术,此方法使页面内容和显示效果完全分开,页面元素的布局更加灵活,网站在制作过程中风格的统一、后期网站风格的改变及网站的维护更新将会变得更加方便。

1.2 确立课程教学目标

“网页设计与制作”实践培训课程主要面向网页设计人员必备的一些基本技能,使学生能够具备以下四方面的能力,见表1-1所示 :

基于以上表格的内容,“网页设计与制作”这门课程采取了以“教师为主导地位,学生作为主体”的模式进行教学的,这种模式符合我校的教学和管理模式的要求,让老师根据学生的特点来指导《网页设计与制作课程》的探索、分析、研究以及改善学生的实践操作动手能力。采用任务驱动的教学模式方法,在课堂上以案例为主进行实践教学环节。在教学过程中可使用网页模型为例,根据教学内容的安排和要求,教师引导学生并为学生创造环境,让学生快速发现、探索和解决网页中的问题,来激发学生的好奇心和欲望,带动学生兴趣,促进学生的创新能力。

2 课程教学体系的基本思路

在“网页设计与制作”课上协调好教学课程,努力使学生变被动学习为主动学习,树立以学生为中心,师生关系和教学岗位、教师与学生之间,通过师生关系和互动创造了良好的教学氛围,这是教学改革进程的一个重要组成部分。有效的学生交流机制是建立学生互动的良好基础。

3 课程教学体系构建

3.1 课程内容结构

“网页设计与制作”作为计算机类专业课程实践环节,可以作为其他相关专业的实践课程或选修课,这是一个操作性和实用性并重的课程。

因此,在这个过程以系统建设,网页设计人员培训为目标,培养应用型人才为主线,来从构建课程知识,能力及素质建设,并注重实用技能。如下图1所示 :

3.2 教学内容的组织和安排

教学内容是教学中的重要组成环节在教学内容上,要重视理论知识联系并应用到实际中的这一过程的安排,以更好地将传播知识、培养能力、素质教育的要求恰当的整合起来,进而达到更好的教学目的。

(1)理论与实践相结合。

强调知识和技能的结合,突出实际生产现场,将实际操作技能作为重点,加大实践教学。抓住课程内容的基本要求,妥善处理相关课程和教学内容。在整个课程后,每个系列都配备了完整的课程专题最后安排一个星期的课程设计。

(2)理论与实际相结合

结合学生实际情况的要求,安排公司的网页设计工作,开展顶岗实习培训,提高解决实际问题的能力,更好地让学生有机地学习各部分掌握的内容。

3.3 实践教学方法

由于传统的时间和空间的有限性的课堂,使教师不能充分利用教学资源,以达到最佳的教学效果 ; 而网上教学是无限的空间,考虑信息容量等因素的影响可最大限度地利用教学资源。对于学生在房间里探索互联网,学生在BBS平台上讨论,举行每学期的网页设计大赛,根据学生对教学网站的工作,让学生选择入围的优秀作品,再由老师评出学生奖项。

4 课程教学体系建构

这个课题的意义是实现理论和实践的融合,实现学生的思维、行为和态度的整合,要求学生全面发展。

4.1 运用多层次的教学方式

教学改进一直是教学改革的重点。怎么样能更好地体现教学特色,怎么样能实现教学目标,解决这一问题的教学方式就是采用多层次的教学方法,如 :教师进行案例分析,教师和学生共同模拟和角色扮演的场景以及其他创新教学方法,而这种多样化的教学手段体现三个注意层面,分别为 :老师讲课实践指导,开放自我的做法,引导和探索性实践相结合“,进而实现教学中的多层次的教学方式。

4.2 开展多元化的教学活动

基于多种教学方法,我们可以开展各种教育活动,主要是在“知识交流和自学相结合、综合教学实践与研究相结合、课堂培训和课外活动相结合”原则下进行的多样教学活动,如使用任务驱动教学。

任务驱动教学法让学生从一个典型的任务开始,从网络的实际工作流程设计出发推动教学活动,抓住设计问题的重要而艰巨任务。教学应遵循两个原则 :第一,循序渐进的原则,根据学生接受不同的能力,目前的水平和兴趣,从简单到复杂,从外到内 ; 二是要提高的思想能力,注重教学生一种思想,解决问题的方法,引导学生运用多种方法来解决同样的问题。在这个过程中,学生可以继续获得成就感,更能激发他们的求知欲望,培养独立探索的自主学习能力和开拓精神。

4.3 进行多重性的能力培养

这就要求我们的学生应具备基本课程知识,基本技能,操作课外协作,从中调动学生学习积极性网页教学活动 , 促进学生在实际应用中的能力的展,同时沟通,心理学专业素质,这样才能真正的得到业务综合能力。实现这一目标,既满足标准和市场需求,有使得我们在培养理论知识,基本技能外,还巩固和着力加强对学生动手能力的训练 .

培养多重性能力,是学生的学习知识、学习技能以及培养学生的网页素养、能力通过中建立教学平台,利用课堂教学的各个电子内容,让便于自学的学生放学,提高学习水平,可以丰富学生的学习资源。

5 小结

采用网页设计方面和生产教学内容,教学方法和探索和改革手段,可增强学生的学习动机和实践技能,不断提升教师的能力,有效地提高了这门课程的教学效果和层次。

摘要：《网页设计与制作》是一门基于理论且操作性、实践性、综合性较强的课程,对学生动手能力要求高。为了提高课程的教学效果,改革与充实教学内容,构建课程教学体系将成为必然需求。根据《网页设计与制作》课程的教学实践及特点,文章从教学目标、教学内容以及教学方法这几个方面来阐述如何提高本课程的教学效果,并探讨在教学中如何培养学生的实践能力,从而提高学生的综合素质。

网页设计与制作课程的研究与应用论文 篇8

关键词：网页设计与制作 项目式教学 实验教学

一、课程教与学存在的问题

网页设计与制作作为中职计算机网络技术专业的核心课程，旨在培养学生网页设计制作与网站维护等专业核心技能，具有知识点多、技能操作性强的特点。但在教学中，普遍存在着学生只会照着做，缺乏自主创作的意识和能力，所创作作品在结构比例的布局、功能模块的划分、色彩的搭配等方面比较欠缺。这主要是因为学生与工作实际需求接触少，停留在教材所呈现的项目与内容，缺乏创新能力；同时教材内容较为单一，容易引起学生审美疲劳，不利于激起学生学习的兴趣和动力。

这就要求我们对传统的教学方法进行改革，更新教学理念和教学方法，丰富项目资源，培养学生乐学的兴趣、敢想敢做的创新精神，让学生在做的过程中领会制作网页的精髓，学会网页设计与制作的核心技能，设计制作出符合企业需求的精致作品，做到和需求无缝对接。

二、项目式实验教学的概念及其操作步骤

1.项目式实验教学的概念

项目式实验教学是以学生为主体，以教师为主导，从开放实验中不断树立学生的创新思维和意识，以项目为教学内容，采用实验教学法来开展的一种教学模式，其核心是将实验内容视为一个项目。在开放式实验教学实行项目式管理是一种实验方式的创新，通过建立项目的形式，让学生作为实验项目的负责人。这样既可以提高学生的主动性、参与性，又可以提高学生对全过程的理解和掌握。

2.项目式实验教学模式的操作步骤

项目式实验教学法的核心是将实验内容视为一个项目，突破了传统意义上实验教学中以教师为主体、学生被动接受、缺乏自主性与创造性的教学模式，形成了一种既重项目实验又重项目管理，既有对传统实验教学的继承，又有在新的社会经济环境下适应高素质人才培养需求的创新。项目式实验教学包括项目设计、项目实施和结果评定三个环节。

（1）项目设计。兴趣是最好的老师，好的项目设计能使学生在较长时间保持鲜活的学习兴趣对学习效果的促进有着极其重要的作用，这是项目式实验教学的基础。

（2）项目实施。项目实施要改变以往教师讲学生听的模式，在教学过程要围绕每一个任务目标组织各教学环节，做到以任务目标为主线，结合相应项目讲解各相关知识，引导学生思考并提出相应的解决方法，激发学生的学习兴趣和实操能力。再通过学生的操作实践，逐步完成每个子任务，最终完成整个项目任务。教师要在整个项目实施过程中起到引导、关注、记录、建议、指导和帮助的作用。

（3）结果评定。在对学生学业评定时，作品并不等同于结果，只能算是整个项目实践过程中的一部分。要更加注重于过程的评价，特别是学生参与的态度、制作水平的提升、与他人及团队的合作情况等都是对其评定的指标。

三、项目式实验教学模式在网页设计与制作课中的应用

1.项目的设计

由于教材是以一个完整的大型网站制作为内容贯穿始终，以网站各个功能模块的实现为教学项目来渗透知识点和技能点。但在实际教学中，只使用一个主题网站内容作为教学大项目，难以激发学生学习的兴趣，不符合其特点与需求。教材内容不利于新课的导入，任务聚焦困难；不利于新旧知识的链接，激活旧知困难；不利于巩固提高，应用新知困难；不利于融会贯通，综合创新困难。

基于此，我们在教学中结合项目式实验教学模式的特点，对教学内容做了优化探索，提出了以“热身项目”“基础项目”“完善项目”和“综合项目”为“四驱”的课程快车。

（1）热身项目。教师设计短小而精致的热身项目，里面暗藏已学知识和将学技能，目的在于增添学生的学习兴趣和吸引学习注意力，让学生在做的过程中探究。热身项目在课开始阶段学生自主完成。

（2）基础项目。教师以教材提供的项目为蓝本，设计覆盖网页相关知识点和技能点的基础项目，成为课堂教学的主任务，是学生学习的基础和保障。常以任务驱动方式来完成。

（3）完善项目。教师设计较为完整、贴近生活主题的半开放式的网页，用于学生课后操练，要求学生在课后独立完成。学生可依据教师指定的主题、参考样稿和部分素材，根据自己喜好进行自我设计、适当修改增添元素，把课堂实践的经验得以在课后延伸和应用，把学习经验生活化、工作化。

（4）综合项目。教师设计综合项目的目的在于培养学生网页设计的综合能力与创新创意能力。该类项目较大、内容丰富、功能齐全，可以用较长的时间来完成。在综合项目中，学生需要综合运用Dreamweaver、Photoshop、Fireworks和Flash等软件设计一个内容完整、图文并茂、技术运用得当的网站。这需要学生通过操作实践、自主探究、协同合作的形式，在学校开放的计算机实训室完成，学生以参加兴趣小组活动的形式来参加。

2.项目实施

“热身项目”“基础项目”和“完善项目”前三驱是以任务驱动的项目教学，本文着重介绍一下基于开放式实验室的“第四驱”——“综合项目”的实施方案。

要做“综合”的大型项目需要一个相对开放（时间开放——学生可以在在校时间随时过来，权限开放——硬盘不保护、系统不还原，网络开放——可以搜索下载所需资料）的实训机房，学生可以根据自己的时间，较长周期地使用相对固定的工位来设计制作完成综合项目。我们以混班组队的形式展开，参照学生已有的操作水平进行分组，每组由3～4名学生组成。确定一名学生为项目负责人，负责本项目组内同学的任务分配、进度监控、素材的整理与备份等工作，达到学生可自愿选择平行实训主题的要求。

综合项目的实施流程包括网站的整体规划、网页的设计与布局、素材的搜集与处理、网页的制作与美化、网站发布和测试等五个部分任务。教师先集中给学生设计主题，指导学生规划设计，一步步引导，给学生以充足的时间灵活地制作设计。教师每天早、中、晚去实训室答疑、提供帮助指导，引导学生明确任务、广开思路，找准切入点和方向，一步步地把整个项目完成。在整个项目地实施过程中，教师始终扮演引导服务的角色，所有的任务都交由学生自己完成，学生之间慢慢地合作越来越紧密、分工越来越明确，每个小组俨然就是一个个小小工程部。

综合项目实训持续时间比较长，一般控制在两周，每个新项目实施时对组内成员的角色进行轮换，使学生成为能独当一面的“项目经理”和“技术总工”。

3.结果评定

对学生合理的评价考核可以很好地提升学生的兴趣，达到促进学生乐学的目的，这也是教育最为本质的目的。网页设计与制作课程以实践操作为主，以培养学生职业能力发展为本，所以我们采用考核学生的实战操作能力和学习工作精神态度为主。项目式的实验教学模式非常注重对学生项目开展过程的评价，重视对学生纵向的比较，因为学生的学习本身是一个弹性的成长的过程。要更科学的对学生做出良好评价，需要对学生课堂上的热身项目和基础项目、校外的完善项目，以及课堂之外实训室内的综合项目等多个角度和纬度进行过程和结果的双重评价。

学生的总成绩分A、B、C、D四个等级，等级的比例划分根据总数的百分比来，A等25%，B等和C等各35%，D等5%，如果每位学生的分数都在60分以上那就没有D等。学生的总成绩中，平时成绩占50%，期中成绩占20%，期末成绩占30%。期中成绩和期末成绩都是考核学生上机实战操作的能力水平，没有笔试题。平时成绩小模块的具体评定如下。平时成绩=课上（热身项目+基础项目）40%+课外（完善项目）20%+课下（综合项目）40%。

课上成绩（热身项目+基础项目）= 出勤10% + 学习态度70% + 作品结果20%；课外（完善项目）= 作品结果；课下（综合项目）= 工作态度30% + 组内贡献30% + 作品结果40%。

综上，整个评价考核都是围绕学生的业务实践技能和职业态度与素养而展开，能更好地促进学生职业能力的发展。

四、项目式实验教学模式的成果

项目式实验教学更加贴近了企业网站开发和网页设计岗位的用人需求和学生后续课程学习的需求，学生在HTML和网页三剑客等方面的使用能力得到了很好的培养。

1.强化了HTML部分学习的力度

由于教材中HTML部分所占篇幅很少，很快开始Dreamweaver软件的学习使用，造成学生在后续的设计中看不懂网页代码，很多细小问题难以解决。笔者根据几年的教学经验，通过较长时间的准备项目和任务来让学生掌握基本的HTML标记、使用表格，会用纯HTML语言设计简单网页，然后再开始Dreamweaver软件的学习。

这样学生在后续学习中能更加轻松的看懂网页代码、修改网页结构、能高效地利用网上其他的源代码资源，使Dreamweaver软件学习非常轻松，也为学习动态网页和网站编程语言打好基础。HTML部分的教学可采用“1+多”的模式，即理论部分讲解一次，配以一到多的上机操练项目，指导学生用记事本来编写完整的HTML网页。

2.培养了网页三剑客的综合使用能力

在传统的网页设计与制作课程的教学中，往往都是提供给学生已经处理好的图片和动画视频等的素材，学习更像是一个“填萝卜”的布局过程。但是真正的网页设计需要自己查找和处理原始素材。

所以，教师最好能和学生一样同时具备Flash动画制作、Firework或者Photoshop图形图像处理的能力，通过组织学生做综合项目来培养学生使用 “网页三剑客”来设计网站的Banner、按钮、闪图、边框等元素，处理网上素材和设计不同主题不同色调的网站素材，把技能综合应用到网页设计和建设上。

参考文献：

[1]刘星海.《网页设计与制作》课程改革与实践探究[J].电脑知识与技术，2015（5）.

[2]蔡燕敏.网页设计与制作课程中的项目式实验教学[J].实验科学与技术，2015（6）.

[3]周明明.网页制作课程教学改革探索[J].职业，2014（5）.

[4]丁海燕.“网页设计与制作”教学实践与实验教学设计[J].云南大学学报，2012（11）.

网页设计与制作 自考课程复习题 篇9

一、名词解释

1.互联网

答：互联网是目前世界上最大的计算机通信网络，遍布全球，将世界上各种规模的计算机网络连接成一个整体，从而实现信息交流与共享，主要提供了WEB、BBS、TELNET、FTP等服务。

2.网络协议

答：是一系列通信规则的总称，分为硬件协议和软件协议，主要包括用户数据与控制信息的结构和格式，需要发出的控制信息以及相应要完成的操作与响应，对事件实现顺序的详细说明等三部分内容。

3.OSI

答：OSI即开放系统互联，它是由国际标准化组织(ISO)发起制定的计算机网络通信标准，将通信网络从高层到低层依次排列为，应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。

4.TCP/IP

答：TCP即传输控制协议，工作在OSI模型中的传输层，用于建立和校验数据连接，而IP即网际协议，工作在OSI模型中的网络层，用于处理网络上一个主机到别一个主机的数据报路由选择。

5.IP地址

答：通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址，它由32位二进制数表示，每8位为一组，以圆点“.”分隔，主要分为ABCDE五类IP地址。

6.DNS

答：DNS全称为Domain Name System，它实质上是一个分布式数据库，包括提出数据的标准格式，数据库查询方法，以及本地更新数据的标准方法。

7.WWW

答：万维网(World Wide Web，www)又称全球信息网，简称WEB，是目前互联网上最流行的交互式信息查询服务。

8.网页

答：网页即是基于超文本和超媒体的信息载体，它的核心是HTML。

9.WEB浏览器

答：WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此称为www客户程序。

10.重心平衡

答：重心平衡即页面重心反映网页上各种元素分布的协调程序，协调方式有对称布局与非对称布局两种形式。

11.WEB安全色

答：WEB安全色指浏览器所能识别的00、33、66、99、cc、ff 六组数据任意选3种组合成的216种颜色。

12.抖动

答：抖动指在WEB显示时，采用WEB安全色去替代予之相近网页元素颜色，而产生的颜色的偏差。

13.站点风格

答：整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。

14.LOGO

答：LOGO即标志、徽标、商标，是现代经济的产物，承载着企业的无形资产，是企业综合信息传递的媒介。

15.CI

答：CI是Corporate Identity的缩写，中文译为“企业形象”，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。

二、单选题

1、D 2、D B 3、D 4、C 5、A 6、C 7、C 8、C 9、B 10、C 11、B12、A13、B14、C15、B

三、填空题

1、WEB、FTP、Telnet、BBS

2、硬件协议、软件协议

3、应用层、表示层、会话层、传输层、网络层、数据链路层、物理层

4、5

5、index.htm或default.htm

6、Notepad、HotDog

7、对称布局、非对称布局

8、色相、饱和度、明度

9、Red、Green、Blue

10、Jpg

11、大色块构图法、线条构图法

12、图片、文件格式

四、简答题

1、答：初学网页制作需注意的以下几个方面：

1)从了解HTML的基本标记开始;

2)选择一个自己认为顺手的工具，从第一个页面开始;

3)多访问他人的网页，从中受到启发;

4)深入分析成功网站及网页。

2、答：网页制作最基本原则是有创意，网站设计需要考虑的基本原则：

1)网页内容便于阅读;

2)站点、页面色彩的搭配得当;

3)带宽足够宽;

4)浏览器功能强大与最佳分辨率;

5)提供与浏览者的交互;

6)站点内容要精、专，并及时更新;

7)简单即是美。

3、答：站点设计的国际专业流程：

1)初始商讨;2)构思;3)综合内容;4)页面布局和导航;

5)图形制作;6)内容集成;7)测试;8)验收交付。

4、答：目录结构建设原则：

1)不要将所有文件都存放在根目录下;2)按栏目内容分别建立子目录;

3)在每个主目录下都建立独立的images目录;4)目录的层次不要太深;

5)切忌使用中文目录;6)不要使用过长文件名的目录;

7)尽量使用意义明确的目录。

5、答：网站设计应注意八个方问题

1)网站的设计目的决定设计方案;2)浏览者的需求第一位;

3)页面的有效性;4)页面布局保持统一性;5)使用表格和适当的帧结构来设计网页;

网页设计与制作课程的研究与应用论文 篇10

【摘 要】《服饰设计与制作》课程是家政学专业的应用基础课程。介绍了《服饰设计与制作》课程的地位，阐述了基于不同功能服饰作为授课对象而开展的项目化教学的内容组织和教学资料组织。通过项目化教学的实施，取得了一定的教学效果。最后，指出在今后的教学过程中需要改进的地方。

【关键词】服饰设计与制作；项目化；教学改革

一、课程地位

《服饰设计与制作》课程是家政学专业的一门应用基础课，课程主要的教学任务是：掌握服饰设计的一些基础知识和基本理论、各种常见服饰的基本制作原理、方法和技巧；能正确使用服饰设计与制作的常用机器和工具，并进行简单的维护、科学合理地进行服饰缝制与熨烫；能进行指定风格服饰的初步设计与制作。在课程教学过程中，围绕课程教学任务开展一系列的教学改革和尝试。

二、课程教学内容

《服饰设计与制作》课程在组织教学内容时，突破了以往按教材章节内容组织教学内容这一习惯思维方式，按照项目化教学思想重新组织授课内容。《服饰设计与制作》课程选择了四种不同功能服饰（礼服设计与制作、西服套装设计与制作、家居服设计与制作、裙装设计与制作）作为实验对象，围绕这四种服饰设计与制作的整个流程设置课程教学项目，分配项目教学任务。在进行教学任务设置时，按照服饰企业的实际工作流程划分每一项目的教学任务。在进行项目的实操环节中讲授涉及到的理论知识点。

三、教学资料组织

《服饰设计与制作》课程在教学过程中除使用相关教材外，根据项目化教学的要求，还需要给学生补充人体工程学、服装卫生学、服装制版排料等方面的知识，向学生提供相关的服饰设计与制作规范、国家标准等资料，以便于学生查阅和学习。

四、课程教学效果

（一）采用项目化教学，能够激发学生的学习热情

本课程所选用的授课项目全部来自于生产实践，与学校合作的几个服装企业分别解决四种功能服饰后整理工作、服饰制作环节、服饰设计环节，其设计思维和加工工艺具有典型性和代表性。这样学生可以利用校内外实训条件，实际参与企业服饰设计与制作的整个工作过程，便于学生将所学知识与企业实际相结合。由于整个实验过程有企业服饰设计与制作的整个流程作为参照，直观形象，增强了学生的学习热情，培养了学生的实际操作能力和应用能力，为学生的未来发展奠定基础。

（二）采用多种教学手段，提高课堂教学效率

每次上课之前，教师要做好充分准备，结合所讲授内容，查阅大量图片和视频资料，甚至到相关服饰设计公司和加工厂进行调研和学习。在课堂教学中，通过多媒体将一些最新款的服饰设计的构思方式、造型方法及加工方式，以图片或视频的形式展示给学生，既生动又形象，便于学生理解，增强学生学习的趣味性，然后教师再深入的介绍其制作原理，学生就容易接受，加深了学生对设计思维、造型方法、制作技巧的理解，提高了学生的学习效率。

（三）合理设计实验项目，激发学生积极思考的能力

《服饰设计与制作》课程是一个综合性、实操性较强的课程，所涉及的教学内容包括不同风格的服饰从设计到制作的整个过程。为了让学生能在有限的学时里，掌握服饰设计与制作课程所涉及的所有内容，教师就必须结合课程所在专业人才培养目标及学生的特点，有针对性的合理设计实验，例如，在服饰设计思维方式及服饰造型方法这个教学过程中，教师就有意识地给各组设定了不同主题（如晚礼服的造型设计），要求各组学生按各自的主题进行造型设计。这样学生在进行主题性思维方式训练、造型设计时，就会发现各组的设计构思方式是不一样的，设计效果有好有差，通过差距促使学生主动思考问题，最后结合学生的实际情况讲解服饰设计思维方式及造型方法。

（四）采用阶段性考核，激发学生主动学习的热情

课程总成绩由实验成绩和期末理论考试成绩两部分构成，其中实验成绩由每次项目考核成绩构成，实验成绩占总成绩的60%，期末成绩占40%；实验项目评分主要依据实验态度、出勤率、实验项目完成进度、实验项目完成质量、个人在合作项目中所承担内容等进行综合评定；个人阶段性考核成绩由各个小组完成项目的情况进行综合评分和小组内部对本组成员进行个人评价，在教师综合评分的基础上加入小组评定成绩即是个人得分。这种评分方式强调了团队协作的重要性，小组成员必须通力合作才能保质保量的按时完成项目。采用阶段性考核，一方面可以激发学生主动学习的热情，另一方面也保证考核成绩的公正公平合理，确保表现优秀的学生可以在本组中拿到高分。

五、结语

按服装企业服饰设计与制作的整个流程开展项目化教学，充分体现了产学研一体化的教学思想，提高了学生的学习兴趣，培养了学生的实践能力和应用能力，培养了团队合作的意识。但在项目化教学实施的过程中也遇到了一些问题，如立体裁剪部分，从设计到制作大概需要一周的连续制作，才能保证设计思路的连续性和制作的不间断性，而实验课程排课是每周一次，影响教学效果。另外，实施项目化教学，对教师提出了较高的要求，如果教师缺乏实践经验，将会影响教学效果，因此教师应该不断反思自身的知识储备，不断完善和重构理论知识结构，提高实践操作能力。

参考文献

[1] 王相.项目化教学法在模具教学中的应用[J].教育研究，2011.[2] 马成荣.职业教育课程开发及项目课程设计[M].江苏：江苏科学技术出版社，2006.[3] 蔡红.《服装造型技术基础》课程项目化教学改革与实践[J].科技视界，2013.基金项目：吉林农业大学教育教学研究课题。

网页设计与制作课程的研究与应用论文 篇11

关键词：微课；医学教学；应用研究

中图分类号：G633

1 微课程的提出

美国新墨西哥州圣胡安学院的高级教学设计师戴维？彭罗斯（David Penrose）于2008年提出了“微课程”，播放时间为“一分钟的微视频（Microlecture），其理念是教育目标与教学内容达到高度聚焦的一分钟学习体验。通过分析近几年用于教学和各种赛事活动中的微课得出其以下几方面的特点：（1）选题思路。微课程的选题十分的精练，可采用课前导入，可针对关键概念教学，也可专门进行难点突破，或者课后的拓展，关键是内容指向性强，目标清晰。（2）时间控制。最短的微课程在1分钟之内，一般为5～10分钟左右。（3）教学内容展示。教学内容要突出一个或两个知识点即可。（4）资源运用。微课程多采用视频资料，可以是单一播放式的微课，也可以是交互式微课。其内容一定要展现简洁完整，并与教学内容紧密结合。（5）教学语言。语言非常准确，简明，精炼，辅以手势、表情、动画采等，富有生动和感染力，建议制作前预先演练几遍。

2 微课程设计技巧

在医学教学中使用微课程，能够很好的提高教学效果。学生可以对某一知识点，如手术刀、肾脏等有针对性的学习，其教学内容立体形象，可有效提高学习效率。对于高质量微课程需要从定位到形成作品进行精细的设计，尤其需要注意以下几点。

2.1 教学定位要明确。教学定位需要首选确定学习者，就学习者的水平和需求进行内容的选择，同时内容的选择还会影响多媒体素材的选取，一般内容的展示和素材的选取都是由易到难逐步进行。

2.2 内容的模块化。一次性处理的信息量过大会影响知识的意义建构，造成认知负载。从神经生物学的角度，微课程的学习资源要凸显知识点单一聚焦结构化、短时间的原则，通过小模块化的方式来展现内容以符合学习者要求。

2.3 界面要简洁。如果要把学习者的注意力集中到核心教学内容上，就必须减少界面中无关信息的数量，减少干扰信息。解说词准确精练，图文结构应大小适度等。

2.4 合理安排内容呈现顺序。有关研究表明，通过对学习材料进行适当的排序可降低学习者的内在认知负荷，因此我们要对微学习内容材料选择和排序，进行适当的调整，目的是让学生达到减少认知负荷，提高学习效率。

3 微课程的教学方法分类

笔者结合实际教学实践，结合医学院教学内容的特点，总结出我们主要采用了以下几种形式的微课程：

3.1 问答类微课。教师可以按一定的教学要求向学生提出问题，并通过问答的形式来引导学生获取或巩固检查知识。多采用语言沟通来展现教学内容。

3.2 演示类微课。教师把实物或直观教具展示给学生看，或者作示范性的实验，或通过现代教学手段，通过实际观察获得感性知识以说明和印证所传授知识。此微课适用于教师在课堂演示教学需要时进行。

3.3 讨论类微课。学生形成微型学习共同体，在教师指导下，由全班或小组围绕某一种中心问题，通过发表各自意见和看法，共同研讨，相互启发，集思广益地进行谈论法学习。

3.4 实习实验类微课。对于医学专业来说，实验教学非常重要，只有让学生亲眼所见，亲手所为才能加强学习效果。这类微课能够使学生在教师的指导下，通过控制条件的操作过程，从观察这些现象的变化中获取新知识或验证知识。

3.5 自主学习类微课。此类微课适用于以学生作为学习的主体，通过学生独立的分析、探索、实践、质疑、创造等方法来实现学习目标。在教学中实施学生主体，视频教学为辅助手段，能够激发学生动手制作兴趣与线下学习效果。

3.6 虚拟仿真类微课。随着虚拟仿真类实验室和3D打印等新信息技术的广泛应用和普及，制作出高技术条件下的微课辅助理解和教学成为可能。依托新技术创新教学方法的微课，将成为未来微课教学方法的一个重要方向。在医学领域，新技术与课程融合的重要性更为突出，提高教学效果得同时，可以节约教学成本。

4 微课程的录制手段

4.1 录屏软件录制法。录屏软件录制法是最为简单的微课程制作方法。基本方法是对PPT演示进行屏幕录制，辅以录音和字幕。录屏软件多采用Camtasia Studio、屏幕录像专家等，按照教案，教师一边演示或进行各种操作，一边讲解。制作完成后用后期视频编辑软件进行适当的编辑和美化。

4.2 手写板或交互白板、专业录屏软件制作法。首先选择微课程主题，进行详细的教学设计，形成教案；然后安装手写板或交互白板及其配套的专用笔等工具，使用演示软件（PowerPoint、几何画板等）对教学过程进行演示；利用交互白板（或手写板）自带摄录软件或专业录屏软件，录制教学过程和教师的声音；最后用视频编辑软件进行后期美化编辑。

4.3 数码摄像机拍摄法。这是国内常用网络课程录播间和录播教室采用的常规视频采集。选择好主题形成教案后，摄像机全程进行录制，也可以多摄像头进行切换。

4.4 智能手机拍摄法。随着智能手机的普及以及拍摄像素以及分辨率的提高，智能手机制作微课程成为越来越多青年教师采用的手段，拍摄简单，操作方便。智能手机可以对纸笔结合演算、书写的教学过程进行录制。也可以进行板书录制，还可以进行操作示范的制作与录制。但录制过程中需要特别注意画面的稳定性。

5 微课程引用实践与推广案例

新乡医学院三全学院领导对教育信息化非常重视，经常组织教师参加信息技术方面的培训和活动，提高教师们的信息技术素养和动手操作能力。各院系积极的学习和参与，并收到了良好的效果。外语教学系组织微课程大赛，将重点章节内容录制为问答式微课，在教学中实现翻转课堂，让学生自习和预习。护理学院将手术护理操作编辑录制为实验类微课程，并利用网络课程平台使学生在手机端可以下载、边观看边操作，实践教学效果良好。一些青年教师在进行集体备课时制作讨论类微课，在讲授过程中与学生互动，鼓励学生进行模仿操作，并制作微视频，最后在课堂上进行展示，起到了非常好的示教效果。影像与检验学院，积极组织大学生制作学习笔记形式的微课，然后通过评比展示，和教师制作实验操作微课进行同时播放和比较，以达到教学相长，互相学习，互相促进的效果。

2013年在校学生刘雁冰的《我身边的微型杀手——结核杆菌》荣获第十三届全国多媒体课件大赛微课程比赛二等奖。2014年我院100多件参赛作品中的《蛙类坐骨神经--腓肠肌标本的制备》获得第十四届全国多媒体课件大赛微课程比赛二等奖。

6 结束语

微课程作为目前大多数院校开始采用的一种教学方式和素材，具有短小精悍，内容多样，实用性强的特点，不仅应用于理论课，还将广泛应用实践技能课，社会公益课等等，加强对微课程的研究和倡导推广，并规范标准，将有益于教学效果的提高。

参考文獻：

[1]陈琳，王矗，陈耀华.终身学习信息资源建设的战略意义与模式创新[J].现代远程教育研究，2012（04）：41-46.

[2]胡铁生.“微课”：区域教育信息资源发展的新趋势[J].电化教育研究，2011（10）：61-65.

[3]黄建军，郭绍青.论微课程的设计与开发[J].现代教育技术，2013.

作者简介：赵俊强（1979.10-），男，河南洛阳人，教育技术中心主任，讲师，博士，研究方向：医学信息技术。