MOOC教学下的网页设计与制作论文
“shenzhenlinlin”通过精心收集，向本站投稿了14篇MOOC教学下的网页设计与制作论文，以下是小编收集整理后的MOOC教学下的网页设计与制作论文，希望对大家有所帮助。
篇1：MOOC教学下的网页设计与制作论文
MOOC教学下的网页设计与制作论文
一、传统教学模式下的《网页设计与制作》课程教学现状
在传统教学模式下，所有的知识是先经过教师的提炼梳理和加工后再传输给学生，这是一种推送式传授和灌输的教学方式，课堂教学往往还停留在老师讲解，学生听的方式，这种方式的持续时间越长，学生越容易走神，产生疲劳感，并且严重阻碍了学生自学能力的培养。同时，当给多个平行班上同一课程时，老师需要重复地讲授相同的内容，也不知不觉中加大了老师的工作量。传统的教学模式下的实践课通常是学生对理论课上老师所讲的知识进行验证，大部分学生能跟着老师把当堂课的实验任务完成，但是等过一段时间再遇到同样的效果时，又不知道该如何下手，却没有相关的资源进行复习。另外在教学过程中一直面临着学生“非零起点”和“非同一起点”的“两非”状态，这给课堂教学的组织带来困难。由于学生个体的差异，对所授知识点的接受能力不一样，同样的知识点，有些同学能很快理解并掌握，但有些同学则觉得老师讲得太快，作为任课教师，只能尽量照顾到大部分学生的水平，这样容易造成学习能力强的学生“吃不饱”，而学习能力差的同学则感觉特别吃力，从而学习积极性越来越低，甚至直接放弃继续完成课程的学习。在教学过程中还发现，学生因事缺课，则无法完成相应课程内容的学习，而很多知识点是循序渐进的，一堂课或几堂课的不跟班学习，就造成了学生之后很难跟上教学进度。
二、MOOCMOOC是一种新型的教育学习模式
在MOOC中，教学视频通常是10分钟的长度甚至更小的片段，采取问题串联，答对问题才能继续观看，学习者也可随时提出问题并获得在线解答，具有很强的互动性，为广大学习者提供更高质、高效和便利的教育资源和学习机会，其主要具有以下几个方面的特征：
（一）开放性
目前绝大数MOOC免费开放，任何人都可以注册课程平台，只要对相应的课程有兴趣均可加入学习。MOOC开放性的特点让学生在任何时间、任何地点都可以选修相应的课程。
（二）大规模性
MOOC的课程不是一两门，而是具有一定的规模；另外，参与MOOC一门课程的人数动辄上万，多则十几万人。据统计，Coursera平台中，课程数达688门，而学生人数则为808万人。
（三）互动性
MOOC是一种学生交互参与并且基于网络的开放式资源的在线课程，它为学习者形成交互性社区，实现教师和学生之间的交互、学生与学生之间的交互。
（四）独特性
MOOC课程内容通常按照15-20分钟的时长编排视频，每堂课分割成几个相关主题的短视频，方便学习者按主题学习，同时也方便学生利用碎片时间进行高效学习。另外，学生如果有疑问，可以反复观看视频直到理解为止。摘要：MOOC是近几年兴起的教学理念，对中国高校的传统教学方式带来了冲击和挑战。笔者针对传统教学模从MOOC的特征可以看出，它彻底打破了我国传统教学的封闭性和局限性，但是却无法完全取代传统的课堂教学，主要有以下四个方面的原因。（1）MOOC提供开放的课程教学资源，可是不能创造在一起进行长时间的思想交流、协作和互相学习的教学环境，无法创造与传统教学课堂中互动的氛围和效果，学生积极思考问题的热情降低，分析和解决问题的能力也越来越差。（2）MOOC虽然给学生学习带来灵活性，但同时也削弱了外在规范。MOOC需要学习者具有较强的自主学习能力才能按时完成课程学习内容，对于普遍缺乏自制力的学生则容易放弃学习，完成效率普遍偏低。（3）MOOC作为一种在线教育模式，参与同一门MOOC课程的学习对象数量庞大，教师不可能对每个同学的疑问一一解答，教师与学生的互动难以展开，难以对不同的学习者做有针对性的长期辅导，局限了师生之间的交流。（4）MOOC无法实现教育在实践层面的功能，学生需要的应当是全面的教育，除了课程知识，还要鼓励学生独立思考，参与协作交流，培养团队精神，提高实践能力等。
三、MOOC支撑下的《网页设计与制作》课程教学模式
传统高校课堂基本是教师讲授知识的独角戏，教师既是主导又是主体。而如何将MOOC引入我国传统课堂并实现本土化，利用MOOC优质的教学资源，并结合传统课堂面对面教学的优势开展教学，促进教学改革和发展。在MOOC环境支撑下，笔者对《网页设计与制作》课程的教学模式进行探索，将《网页设计与制作》由原来的“课堂内传授知识并完成作业”的教学模式进行改革，“课前自主学习”———“课堂教学”———“课后拓展”的课程教学模式。
第一阶段：课前自主学习。
首先利用MOOC平台，将传统课堂中理论知识的学习在课前让学生通过“听课”的方式自主预习并掌握相关的基础知识，同时对于有疑问的地方通过在线的方式跟同学和老师交流。这种在线学习视频能较好地避免传统课堂存在的“一刀切、齐步走”的`缺陷，使不同水平的学生可以根据自己的学习习惯、学习风格和学习能力开展个性化的学习，有利于锻炼和培养学生的自主学习能力。另外，学生能利用移动设备在任何时间、任何地点开展学习，为学习者充分利用碎片化时间进行学习提供了便利，同时解决了传统教学中学生因缺课、未弄懂课程内容或忘记课程内容时没有相关教学资源可供学习的问题。
第二阶段：课堂教学。
传统教学与MOOC相结合的课程教学模式将课堂教学真正转变成“以学生为中心，以学为主”的双主”教学，教师是主导者，主要发挥指导和调控的作用。在课堂教学中，教师首先以问题为基础进行教学引导，运用案例开展研讨，鼓励学生发现和提出问题，善于引导学生积极有效地思考、讨论并解答，改变以往“听或看”为主的教学方式，积极思考、交流、协作和实践，通过教师与学生面对面的课堂教学中的互动讨论，教师能了解每一个学生对已学视频知识的掌握情况，并及时进行纠正和指导，为学生答疑解惑。对于教师而言，课堂教学将节省较多的课时，是重复体力劳动的解放，同时也能给予学生更多的时间。然后对课程教学内容进行提炼、总结和释疑，运用问题求解方法梳理本次课的疑点、难点和重点。然后布置相应的课堂任务，要求学生通过教师的讲解、释疑，完成相应的操作，对已学知识进行巩固。最后对学生的作品进行展示并给予评价和点拨，有利于完善学生的认知结构，既能使学生较全面了解自己的学习水平，又有利于营造比、学、赶、帮的学习氛围，让学生在评价中学会自我评价、自我完善、相互督促、相互学习。
第三阶段：课后拓展。
在MOOC支撑下的《网页设计与制作》课程教学模式的课后拓展阶段，学生既可以继续深入学习MOOC中相关的内容，参与课程的讨论和互动，强化所学知识。同时对课堂内容进行延伸，鼓励学生利用MOOC或其他资源继续深入学习，激发学生的学习热情，提高学生自主学习能力及研究能力。传统教学与MOOC相结合的课程教学模式从根本上实现“学生为主体，教师为主导”，让教师从一个讲授者真正变成学习的启发者、引导者、激励者，而学生也从被动的填鸭式教学中解脱出来，能够积极主动地完成相应的学习活动，有效地解决了目前传统模式下《网页设计与制作》课程教学存在的问题。
四、结束语
不管是几千年的传统教学还是刚刚兴起的MOOC，都有自身的优点和缺点，在《网页设计与制作》课程的教学过程中，只有将开放教育资源与自己的实际课堂教学相结合，充分发挥两者优势，相互促进，让MOOC教学理念与传统教学理念互补，改变传统课堂教学中存在的不足，才能真正的促进教育教学的发展。
篇2：网页设计与制作教学中学生能力培养论文
随着互联网的发展和普及，网页设计和制作技术成为网络时代非常实用的技术，这一课程也成为学校开设的。无论是计算机专业的学生还是非计算机专业的学生，网页制作都成了一门重要的基础性技术课程。但是很多学校在教学中采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也比较差，为了让学生快速的掌握网页设计和制作的技术，需要采用一些新型的教学方法实施教学，加强学生综合能力地培养。
1加强学生创新能力的培养
创新是一个民族的灵魂和动力，同时也是当今社会竞争的核心。学生创新能力的提升和创新意识的增强对于他们以后的发展具有非常重要的作用。网页设计与制作教学作为新时期教学的主要课程，在教学中培养学生的创新能力有利于促进整体教学的发展。因此，在教学中，可以通过多方面内容加强学生创新能力的培养，首先，可以通过兴趣教学法唤醒学生的求知欲望，兴趣是能够推动学生求知的内在力量，学生只有对某一学科充满兴趣，才能够持续的钻研该学科知识，从而增强学生的学习效率。在教学中，为了增强学生对网页设计和制作的兴趣，教师可以在上课时准备一些网页作品，让学生对作品进行点评，然后提出改造的意见。让学生在头脑中对网页设计有一个模糊的认识，产生做网站的想法，这样一来，通过教师的指导就能够让学生梳理一个成型的站点框架，紧接着引导学生如何做网页，如何使用工具，学生对这些内容产生兴趣，就会带着教师提出的问题进行主动探索和学习，以此增强学生的学习效果。除此之外，还可以通过精品赏析的方式增强学生的学习灵感。网页设计和制作课程是一门艺术和艺术相结合的课程，学生不仅要掌握基本的网页制作技巧，还要具备欣赏美和创造美的能力。创造的来源是灵感，而灵感的来源则是通过观察，因此，可以在教学中设计精品赏析的环节，利用上课之前的时间展示作品，向学生展示一些布局合理，设计新颖的精美网页，让学生对这些网页进行观察和欣赏，这样不仅可以拓宽学生的视野，同时还能激发学生的创造灵感，为学生以后设计出精美的作品奠定基础。
2培养学生的网页制作综合能力
在学生掌握网页设计和制作的基本知识之后，网页制作综合能力的培养就显得非常重要了。即使学生掌握了网页制作技术，也不一定能够设计出好的网站，只有提升学生的综合能力，加强对他们所掌握知识的综合应用，才能够设计出一个精美的网站。为此，需要注重学生在实践方面的能力培养，可以从教学实验方面入手，将所有的理论教学和实验教学都安排在计算机机房完成，可以让学生在学习理论知识之后直接进入实践探索阶段。此外，为了给学生提供更好的实践机会，可在学校建立计算机基础教学网，网页设计和制作教学的老师可以建立自己的教学网站，同时给学生分配相应的网站空间，要求学生建立自己的个人网站主页，然后将自己的实践作业上传到网站空间中，设计的风格和主题不受限制，网站主页的内容也不做要求，学生可以根据自己的兴趣进行网页的制作，将所学习的网页制作技术灵活的运用到个人网页的设计中，做好个人网站。为了让学生在网站设计中学会创新，教师可以搜集一些具有创意的网站和网页设计的'素材，和学生一起分享，然后与学生所做的网站进行对比，从而提升学生的创新能力。在网站设计中，针对不同的设计环节，学生可以自己发现设计中存在的问题，然后进行分析和解决，对于学生综合能力的培养具有很大的帮助。
3加强培养学生的团队协作能力
现在社会的分工越来越细，很多工作都需要人们协助完成，这样以来，团队精神就显得格外重要。协同合作是团队精神的核心内容，尊重个人的兴趣和成就是团队协作的基础。就学生而言，独立意识较强，现代的学生比较自我，沟通能力也有待提升，这些缺陷显然不适合学生未来的工作。网页设计和制作教学是一门实践性要求较高的课程，同时也对学生的团队协作能力要求很高。在教学中的综合实训中可以选择采取项目教学法实施教学，将学生分成不同的小组，在自愿的基础上进行强弱搭配，并且每一个小组推荐一位组长，在老师布置任务之后，组长可以做好小组内的分工，让学生能各司其职，然后合力完成作品的设计和制作。在作品制作中，如果组内的成员存在意见不同意的现状，组长可以和其他的成员进行沟通协调，最后达成一致，当组员能够为同一个目标一起努力时，无论最后的结果如何，学生最后都会有成就感。在这一过程中，有利于提升学生的团队协作精神，增强学生的沟通能力。
4结语
网页设计和制作教学是一门实践性很强的课程，对于学生的综合实践能力以及创新能力的要求较高，因此，在教学中，教师要给根据学生的兴趣爱好设计教学内容，并且为学生提供一些优秀的教学作品，让他们进行赏析，在优秀作品的激励和教师的引导下，学生的学习兴趣会有很大的提升，从而真正的投入到网页设计和制作的探索当中，熟练的掌握网页制作方面的技巧，增强学生开发和维护网站的能力，使他们的知识结构不断得到完善，对于教学效果的提升会起到很大的作用。
参考文献:
［1］马玲燕．《网页设计与制作》课程的教学实践研究［D］．呼和浩特:内蒙古师范大学，．
［2］毕惠丽．浅谈网页设计与制作教学中学生能力的培养［J］．新课程(上)，，02:185．
［3］胡晓红，王丽芬，张景峰．基于职业能力培养的《网页设计与制作》教学改革的研究［J］．电脑知识与技术，2012，20:4953～4956．
［4］胡运禄．《网页制作》实验教学中学生能力的培养［J］．电脑知识与技术，2013，18:4271～4272，4278．
篇3：网页设计与制作课中项目教学法的可行性论文
《网页设计与制作》这门课程是职业学校计算机专业的重要课程，在信息技术的发展和互联网普及的今天，计算机相关专业特别火热，《网页设计与制作》这门课程显得尤为重要。计算机网络专业如此受到欢迎，而职业大专院校关于计算机网络方面的教育教学同样显得尤为重要，如何结合计算机信息技术的发展，教育事业的发展背景，开展有效的教学活动成为重中之重。下面笔者简单介绍了什么是项目教学法、项目教学法的实施优势、如何推进项目教学法的有效开展，希望能够为广大职业学校从事计算机专业教师开展教学活动产生一定的启发。
一、项目教学法概述
（一）什么是项目教学法
项目教学法从字面上理解，重点应该放在“项目”上，它是把教学任务分为若干个模块，循序渐进地解决复杂的实际操作问题。对于《网页设计与制作》课程，运用项目教学法更多的是偏向于实践操作，把学生作为主体，教师在课堂当中扮演主导的角色，通过教师的指导，学生收集信息资料，以小组的形式共同研究，解决问题，完成任务，得出结论，最终掌握熟练的基础理论知识与操作技能［1］。
（二）项目教学法的实施优势
1．教师充当主导作用，能够充分激发学生的学习兴趣。项目教学法的使用能够从一定程度上削弱教师的作用，这里的削弱不是完全意义上的削弱，更是角色上的转变，师生之间的角色转换。把传统的教师问和教师讲的教学方式，转变为教师加以指导，在教师的指导下，培养学生独立探索思考，合作学习交流的能力。2．充分发挥学生的主观能动性，养成自主学习的能力。学生是教学活动的`主体，对学生主体地位的高度重视，充分体现了重视确立学生的主人翁意识，而教师在其中扮演引导协助的角色，更像是引领学生进入《网页设计与制作》这门课程知识花园的导游。教师将项目教学法与任务驱动法结合起来，为学生布置任务，在完成任务的过程中养成自主学习的能力，在过程中遇到难以解决的问题，向教师与其他同学询问，从而加强与他人沟通能力，加强团结合作，充分发挥主观能动性［2］。
二、如何在《网页设计与制作》课程中有效运用项目教学法
教师视情况而定，可以按照或者不按照教材上的内容进行教学设计。但总体来说，职业学校的学生已经成年，思想成熟，对客观世界有了一定的认识，也具有独立自我思考的能力，所以其教学活动的开展不应该局限于教材，照抄照搬，而是在设计教学任务的过程中加入学生感兴趣的内容，可以将学生按照一定的比例平均分成若干个组别，把知识点分为若干个项目，每一个项目布置一些任务，学生以小组讨论的形式，解决每一个问题，然后在循序渐进中掌握知识。网页是网站最基本的组成要素之一，人们上网浏览信息是通过网页上的内容来了解的，网页又分为对话框、指令等很多要素，一个制作精良的网页总是能够给人一种耳目一新的感觉，吸引人们的注意力与好奇心，从而促使人们点击网页进入网站，增加这个网站的点击率，所以教师要经常反复为学生讲解学习《网页设计与制作》这门课程的重要性，以及网页在网站中发挥的重要作用，从而使学生激发学习兴趣，投入到“我要学”积极的学习状态中［3］。教师特别注意网站主题的选择，网站主题符合年轻人的特点。这里以一个音乐网站的制作为例，我们都知道一个网站的网页上的功能越强大，越来越吸引人们的注意，所以教师为学生布置任务，就拿首页上的网页内容来说，第一点让学生想出最基本的网页主题，如新歌排行榜、歌手、分类等一级主题，待主题确定下来以后，学生再集思广益讨论如何使网页看起来美观，联想出更多的艺术手法，使网页的设计具有充分的审美效果。综上所述，随着计算机与互联网的普及，各大职业高校的计算机专业受到热捧，《网页设计与制作》也成为计算机专业的必修课程。随着计算机专业教学活动的开展，在《网页设计与制作》课程中项目教学法越来越受到教师的青睐，为此项目教学法更应该被广泛应用，以便为计算机信息技术与互联网的普及与发展培养更多高素质专业人才。
［参考文献］
［1］杨丽华．项目教学法在《网页设计与制作》课程中的应用［J］．电脑知识与技术，2011，（34）．
［2］仇闽霞．项目教学法在“网页设计与制作”课程中的应用［J］．科教文汇（上旬刊），2012，（01）．
［3］王曦．浅谈项目教学法在《网页设计与制作》课程中的应用［J］．科技信息，2009，（22）.
篇4：试析微课在高职网页设计与制作课程教学中的应用论文
摘要：《网页设计与制作》是高职院校计算机类专业学科的必修基础课程之一，它能帮助高职生归纳整合所学过的基本知识技能，合理应用于对计算机平面设计的操作运用过程中。该文试析了当前微课在《网页设计与制作》课程教学中的应用现状、所存在问题和融入意义，并探讨了它的实际应用过程。
关键词：“高职网页设计与制作”；微课；课程教学；存在问题；实际应用
《网页设计与制作》课程在高职计算机类专业领域是必修课程，它的理论与实践应用结合性强且注重基础知识内容发挥，在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来，像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中，改善了教学过程与教学质量效果。
篇5：试析微课在高职网页设计与制作课程教学中的应用论文
微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。
从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。
从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。
第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。
第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。
第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。
篇6：“网页制作”教学设计与思考
“网页制作”教学设计与思考
[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
1、任务驱动
本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。
基于资源
要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标
本单元的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能主动获取、收集班级信息，并加以分类和整理
4、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为班级的网页建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能熟练地建立、打开、保存、浏览网页文件
2、能按照需要建立框架网页，设置各框架中的初始网页
3、能在网页中熟练地插入文字、图片、动画、水平线
4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
5、能选择合适的网页背景图案和背景音乐
6、能根据实际需要使用不同的超链接，合理地组织网页
7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感
8、能够插入简单的表单，使网页具有初步的动态交互功能
四、学习资源设计
在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的`建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：
1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等
2、本单元学习的目标和任务，以及每课时的子目标和子任务
3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等
4、根据每课时的学习目标制作的操作指导，包括操作界面的演示
5、网页设计所需的各种素材，如图片、动画、Midi音乐等等
6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料
7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源
以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。
五、教学过程
本单元的教学共需8课时，每节课教师都要求学生完成子任务。教学安排如下表：
课时
学习子任务
教师行为
学生行为
1
访问推荐网页
评价网页，确定标准
形成小组、讨论栏目，明确分工
推荐优秀网站
组织学生讨论网页内容和风格，分析网页框架和布局。
小结网页评价的标准
提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)
提供网页栏目划分建议
组织各小组讨论
浏览网页
仔细观察，区分优劣
了解评价网页的标准
明确任务及原则
选择小组，参与讨论，确定栏目及分工，推举组长
组长上报成员名单
课后收集整理信息
2
学会使用教学网站
熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作
输入文字信息并修饰
公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法
参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示
登陆教学网站，了解栏目功能，练习使用
创建网页文件，输入网页文字信息并保存
设置文本字体字号颜色，调整段落对齐方式和缩进格式
引用资料注明出处
在网页下方署名
3
学会插入图片、动画、水平线
设置背景和音乐
学习插入表格，并用表格实现页面布局
介绍素材库中各类素材
参与网上讨论、答疑
提醒学生网页上的图片和动画应少而精，以免影响浏览速度
介绍表格的嵌套
分析学生网页，用表格演示页面布局
选择合适的素材插入网页合适位置，
设置图片和动画的大小、对齐方式和边框
设置网页背景和音乐
在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑
用表格规划页面内容
4
学习框架网页的创建及保存，学会拆分和删除框架
小组合作，建立主页
建立页间链接，并学会通过预览功能测试链接
介绍框架网页的各种格式和创建、保存的方法
演示拆分、删除框架
参与网上讨论、答疑
分析学生操作错误原因，页间链接应使用相对路径
演示超级链接的建立、使用预览功能测试链接
小组讨论选择一种框架页面作为主页
设置框架属性，如框架名称、初始网页等
创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确
学会使用相对路径
5
学会创建书签链接、邮件链接和图片链接
建立URL链接
初步学会创建图象的热区链接
对每个链接进行测试
分析一个主页，让学生找出不同的超级链接
讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答
错误原因分析，URL链接使用绝对路径
选择内容较多的页面建立书签链接
在图片上练习图片链接和热区链接
为酷站链接和站长信箱建立正确的链接
加深URL地址的认识
对每个链接进行测试
6
学会插入滚动字幕
学会使用悬停按钮
学会插入站点计数器和横幅广告管理器
小组网页初步组合，上传到教学网站
逐个检查各小组网页的制作进展，并给出评估意见
参与网上讨论、答疑
讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件
在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式
在主页上插入计数器和横幅广告管理器
选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象
设置网页的动态效果
小组网页组合上传
7
了解表单的交互性，学习表单的创建和设置
在表单中插入各种组件
设置表单的Email提交方法
各组网页定稿上传
介绍简单的留言板，论坛和聊天室，供学生选择
引导学有余力的学生学习ASP和数据库技术
参与网上讨论、答疑
创建留言板或其他形式的表单，如学习调查表等
在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件
设置Email提交方法
小组网页定稿上传
8
各组网页演示、互评
网上投票推选优秀网页和网页制作高手
每位同学自评
由班内网页高手做班级网页管理员，负责提交、维护班级网页
组织小组网页互评
设计网上投票网页
设计网页设计评估表
为每个学生的作品打分
积极参加小组互评
投票推选优秀网页和网页制作高手
认真小结本人学习情况，并如实打分自评
六、教学评价
本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。
评价指标
(分值)
具体指标
量化等级分值
自评
教师
优
良
中
差
网页内容
(40)
获得的信息准确且完整
5
4
3
2
信息的收集方法效率高
10
8
6
4
网页文字没有语法和拼写错误
10
8
6
4
能找到合适的网页素材并合理应用
10
8
6
4
引用他人作品，是否注明出处
5
4
3
2
技术处理
(35)
网页布局整齐、合理
10
8
6
4
网页色彩协调、风格鲜明
10
8
6
4
网页链接正确、快捷
10
8
6
4
具有较强的动态交互功能
5
4
3
2
篇7：网页设计与制作的应用论文
网页设计与制作的应用论文
项目驱动教学法是以项目为主线，将学生的学习活动与实际的项目相结合，师生共同研究并实施一个具体的项目而进行的教学活动，是鼓励学生积极参与、协作、创新的一种教学模式。在《网页设计与制作》课程教学过程中引入具体的项目，以项目带动课程各知识点的学习，采用循序渐进、由浅入深的方式开展课堂教学，不仅能够调动学生学习的积极性，产生学习的兴趣，还能培养他们的实践动手能力、协同工作能力和创新能力。
1 、现状分析
《网页设计与制作》是计算机应用技术专业的必修课，同时也是核心课，作为《Asp.net程序设计》的前导课程，需要学生熟练掌握网站前台界面设计，为将来开发动态网站打下良好的基础。然而，传统教学存在问题如下：
1.1 教学方法难以吸引学生兴趣
传统方式由教师在多媒体教室讲解，学生上机完成实验实例，虽然也能学到制作网页的一些知识，但是很难激发学生学习的兴趣。几次上机后，部分同学就产生惰性情绪，布置的案例完成得越来越少，久而久之，甚至有少数学生放弃该课程学习。
1.2 教学缺乏整体性
逐章节展开的教学，尽管也涵盖了网页设计相关内容，但是上机实验时只是完成案例中某部分相关知识点的实践，学生还是不会制作一个完整的网站，缺乏对网站制作流程的系统性认识。
1.3 缺乏创新意识
以教师为主体的教学最大弊病在于学生缺乏主动意识，他们更多的是模仿教师给的案例或者互联网上发布的网站，几乎没有创新。被动的学习使得学生产生只要把老师布置的任务做完就万事大吉的心理，根本不会想到去主动思考与创新。
1.4 考核方式单一
对于这类实践性强的'课程，以往的试卷考试难以对学生的动手能力进行评价，因此发掘新的考核方式，打破传统思维着重考核学生的创新思维能力和动手实践能力就尤为必要了。
2 、教学内容选取
经过市场调研，《网页设计与制作》课程相关职业岗位主要是“网页界面设计”和“网站管理与维护”，根据这两个职业岗位能力要求，选取合适的教学内容。
3、项目式教学设计
教学过程中，围绕着“欣赏网站”、“设计网站”和“维护网站”展开，通过欣赏往届优秀学生作品以及国内外不同网站风格，引起学生学习的兴趣。一个完整的项目网站由若干个分页面构成，因此各分页面设计是教学的重点，也是难点。网站设计好后，需要定期对网站进行维护，包括检查和修复超级链接、内容更新、网站推广等等。分页面设计分为初级阶段和高级阶段，初级阶段以基于表格布局的页面设计为主，高级阶段以基于Web标准的页面设计为依据，具体教学设计情境如表2所示。选取合适的项目实例是项目教学法能否成功实施的关键。项目的选取可依据职业岗位能力对应的教学内容，既要涵盖该课程的基本知识点，又要考虑学生的实际基础，难易得当。在分析项目、讨论、实施项目的过程中，学生即可在轻松、融洽的氛围中掌握网页制作的技巧。
4、考核方式改革
根据学院要求，传统课程一般按照期末卷面考试成绩占60%，平时成绩占40%计算出总评成绩。显然，这种分配制度已不适合新方法下的教学。因此，依据实际教学情况重新分配了成绩比例，期末作品占50%，展示讲解作品占20%，出勤平时表现占30%。学生以分组或独立的方式完成一个完整的网站作品，教师给出网站设计基本要求，期末采用集中讲解、点评的方式，由每位学生在多媒体教室面对全班同学介绍网站的内容、制作技巧、特色之处等，教师和学生进行点评，肯定其优点，同时对不足之处提出改进思路。学生对此方式表现出强烈的热情，遇到网页中的与众不同处会提出各种问题，有时候甚至刨根问底具体制作步骤。
5 、结语
实践证明，在《网页设计与制作》课程教学中采用项目驱动教学法取得了良好的效果，学生从零起点到熟练掌握网页设计技巧，变化突飞猛进。几乎所有的同学都能够独自搜集素材开发一个小型的网站，并且在展示成果的过程中相互学习，取长补短。项目驱动教学法改革了计算机类课程教学模式、教学方法，更新了教学理念、教学内容，完善了课程评价体系，使学生具备网站规划，网页制作、脚本代码编写等综合技能。如何在计算机类专业课程中广泛实施项目教学法，需要我们进一步研究和实践。
篇8：《网页设计与制作》的教学设计与实践
《网页设计与制作》的教学设计与实践
<网页设计与制作>涉及网页设计软件和动态网页设计两方面的内容,是一门实际应用性很强的课程.文章从专业设计背景,教学内容规划,课程教学方法等方面,探讨了<网页设计与制作>的教学设计和教学实践.
作 者：张雅茹 作者单位：连云港广播电视大学,江苏,连云港 刊 名：陕西教育(高教) 英文刊名：SHAANXI JIAOYU（GAOJIAO） 年，卷(期)： “”(11) 分类号：G64 关键词：网页设计与制作 教学设计 任务驱动篇9：《网页设计与制作》课程教学设计与实践
《网页设计与制作》课程教学设计与实践
《网页设计与制作》是当前热门课程,该课程集知识和技能于一体,实践性很强.我们以一个学习任务为主线贯穿整个学习活动,精心设计教学内容和与之配套的实验教学,采取在机房上课、边讲边练的方式和案例教学法,锻炼了学生解决实际问题的能力、自主学习能力和协作学习能力.
作 者：安颖莲 李秀 姚瑞霞 田荣牌 作者单位：清华大学计算机系 刊 名：中国教育信息化・高教职教 CSSCI英文刊名：CHINA EDUCATION INFO 年，卷(期)： “”(9) 分类号：G434 关键词：网页制作 课程设计 实验教学篇10：网页设计与制作课程的研究与应用论文
网页设计与制作课程的研究与应用论文
［摘要］本文简要叙述了O2O教学模式的概念及特点，调查分析了在高职院校中采用O2O教学模式的必要性和可行性，从《网页设计与制作》课程应用O2O教学模式的背景出发，对使用O2O教学模式的改革方案进行了详细的叙述。
［关键词］O2O教学模式;网页设计与制作;教学改革
一、O2O教学模式的概念及特点
O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。
二、采用
O2O教学模式的必要性和可行性
(一)必要性
现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。
(二)可行性
通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。
三、《网页设计与制作》课程应用
O2O教学模式的背景《网页设计与制作》课程的'特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，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教学模式的实践过程中，我们设置级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。
六、总结
实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.
参考文献:
［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，(2)．
［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．
［3］张颖．“O2O模式”在高职院校技能操作类课程项目化教学过程中的适用性研究［J］．无线互联科技，2016(10)．
篇11：基于创新教育观下的Dreamweaver网页制作与教学实践
基于创新教育观下的Dreamweaver网页制作与教学实践
本文以创新教育理念为指导,通过分析高校计算机课程的.教学情况及创新教育的实施现状,探索在网页制作课程中实施创新教育的有效途径,着力于创新教学模式.进一步以“Dreamweaver网页制作”为例,阐述基于创新教育观下的网页制作要点与教学实践过程.
作 者：吴晓燕 WU Xiao-yan 作者单位：四川文理学院,计算机科学系,四川,达州,635000 刊 名：计算机教育 英文刊名：COMPUTER EDUCATION 年，卷(期)： “”(22) 分类号：G642 关键词：创新教育 Dreamweaver 网页制作 教学实践篇12：“网页设计与制作”课程中的应用分析论文
“网页设计与制作”课程中的应用分析论文
摘要：互联网和信息化技术的高速发展给教育教学领域带来的变革，是教育工作者不能忽略的现象。充分利用各种新型的教学模式或技术手段来提高教学质量，激发学习兴趣，是当代教师应广泛关注的问题。本文从翻转课堂教学模式在“网页设计与制作”课程中的应用入手，探究翻转课堂对传统的“教”与“学”模式的影响及其在课程中应用的分析与总结。
关键词：翻转课堂；网页设计与制作；教学模式
一、翻转课堂教学模式的研究背景和意义
1．翻转课堂教学模式的研究背景翻转课堂译自“FlippedClassroom”，也可译为“颠倒课堂”。源于美国科罗拉多州林地公园高中的两位化学老师对传统教学模式的改革实践。随着翻转课堂教学模式在美国的推广和流行，其逐渐成为全球教育领域关注的一种新型教学模式。传统的教学模式是教学主要在课堂上完成。教师在课堂上讲解知识，演示案例或实验。学生听取讲授，完成相关的实践任务及课后练习。但由于课堂时间有限，这种教学模式基本上是以教师为主体，学生的学习较为被动。并且部分学生在学习前对新知识点的了解非常有限，甚至一无所知。经常是教师讲得激情四射，学生听得不知所云。教师在课堂上为完成相关的教学任务，变得没有时间及精力与学生进行更多的互动及反馈。翻转课堂教学模式是指重新调整课堂内外的时间，将学习的主动权从教师转变为学生。学生在课前的课余时间，根据教师的任务布置，先行自主学习视频教学资料或其他学习资料，对新知识进行一定的了解和思考。在课堂上教师用相对较短的时间，将知识点中的重点和难点进行讲解，然后布置相关的练习任务。在解决问题的过程中，学生可以与教师或同学进行研究与讨论，将课堂变为师生间答疑解惑的互动场所、知识应用的实践环节，给教师和学生更多的沟通和反馈时间。2．翻转课堂教学模式的应用优势“网页设计与制作”是计算机类专业的一门重要专业基础课程。课程特点是知识点较多，但易于自学，实践性较强。目前，大部分教师都采用“教学做一体”的方式进行教学。这种方式能让学生掌握网页制作的基本技能，但也存在一些问题：由于教学内容较多，所以课上讲授时间偏长，学生精力容易分散，教学效果难以达到预期；由于课堂时间有限，课上教学方法和内容统一，无法满足不同水平学生的学习需求；教师要将更多的精力用于讲授环节，对于学生在实际应用中所带来的疑惑，无暇进行回答和解决。传统的教学模式忽略了学生作为学习主体的地位，阻碍了教学效果的提升，不利于对学生自主学习主动性、积极性与创造性的培养。翻转课堂教学模式中的课堂内外教与学的变换及研讨式、项目驱动式学习模式都与该课程的强实践性要求极为符合。因此在“网页设计与制作”课程中应尝试使用翻转课堂教学模式进行改革，以弥补传统教学模式的不足。
二、翻转课堂在“网页设计与制作”课程中的应用
翻转课堂不是忽略或降低教师的`作用，而是对教师提出了更高的要求。它要求教师在设计教学过程时，不再只注重课堂，而是要将课前、课中和课后有机地结合在一起，进行综合的考虑和协调，将一条学习的主线贯穿其中。下面对翻转课堂教学模式在“网页设计与制作”课程中的应用过程加以说明。1．教学资源的准备（1）教案设计编写。教师根据课程教学大纲中的教学目标编写教案，建立一个完整的教学过程的规划设计。明确整个教学过程的教学任务、教学案例、拓展练习等具体的实施内容。（2）视频资源制作。教师采用视频录制软件，制作教学视频。每个知识点可以录制2～3个时长为5～10分钟的教学视频。大致可以分为：知识点应用的导入、基本知识点的讲解、教学案例的演示等。（3）其他资源制作。根据教案和视频，可以制作如学习指导、参考案例、拓展任务、辅助资料等学习资源。（4）上传教学资源。教师将录制好的视频资源和其他辅助教学资料上传到校内的共享学习的平台或班级QQ群中，供学生利用互联网络在课前进行下载学习。（5）问题汇总整理。学生在自主学习、完成参考案例和拓展任务时会出现各种各样的问题。教师通过学习的平台或QQ群收集整理学生的问题和反馈意见，对于简单的问题在线即可解答，对于典型或困难的问题在后面的课堂教学中重点解决。2．教学任务的实施学生通过网络下载学习视频和资料，在课前完成新课程的学习环节。通过课前的学习，学生对新知识点有了一定的了解和掌握。学生在课前向教师提交完成的练习任务或存在的疑难问题。教师在课堂上根据汇总和整理的问题或任务完成的情况，结合具体的任务实例讲解本课程中的重点或难点。这个部分一般控制在20分钟左右。然后教师布置新的拓展任务，并将学生分为小组模式，以小组的方式完成拓展任务。在分组练习的过程中，教师可以进行充分的引导和问题的解答，使学生与学生、学生与教师之间对新问题进行深入的研讨。利用这个环节加深和巩固学生对知识点的掌握及在实际问题中的应用。在课程的最后，教师进行适当的总结，并布置课后任务和新的课前学习内容。3．教学评价的建立在课程前，教师根据学生完成的任务练习或所提出的问题，评定课前的学习情况。在课程中，教师根据学生完成拓展任务及小组中的表现，评定课中的学习情况。这部分评定可以包括：自我评价、小组互评和教师评定。在课程后，通过作业练习或阶段考核，评定知识的掌握情况。通过对课前独立学习能力、问题研究讨论能力、团队合作协调能力、任务完成公关能力等多方面的综合评价，来促进学生的学习主动性、独立性和创造性，重新引导学生成为学习的主体。
三、翻转课堂教学模式应用的总结
随着翻转课堂教学模式在“网页设计与制作”课程中的不断实践和调整，其对增强课程的教学效果还是起到了明显的作用。教师所制作和提供在共享平台上的教学资源可以长期存放，并方便学生随时观看学习。对于临时缺课的学生，教师可以利用资源供其学习。对于领悟接收能力较差的学生，可以利用教学资源，方便他们在课前课后进行反复观看学习。这样既完善了个体的学习需求，又可以节省公共的课堂时间，提高课堂整体的教学效率。在整个运作过程中，笔者感受最深的是如果希望取得良好的效果，教师所付出的时间和精力要远远多于传统的课程教学所花的时间和精力。教师需要有耐心、细心和恒心；要做到课程专业知识的精、深和广；要不断地调整、不断地反思、不断地应对各种情况；要充分释放学生自主学习的潜能，将学习的掌控权交给学生。教师在课堂上转变身份，变为学习的引导者、教学资料的提供者、问题的解答者。使学生从被动学习向主动学习良好转变。
参考文献：
［1］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32（19）：108－110．
［2］王娜．翻转课堂教学模式在高职网页设计与制作课程中的实践研究［J］．科教导刊（电子版），2015（10）：31．
［3］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10（29）：164－165．
［4］魏春艳．项目教学法在《网页设计与制作》课程中的应用［J］．电子世界，2013（8）：148．
［5］张金磊，王颖，张宝辉．翻转课堂教学模式研究［J］．远程教育杂志，2012（4）：46－51.
篇13：数字媒体中网页设计原则与制作技巧分析论文
数字媒体中网页设计原则与制作技巧分析论文
在我国经济与社会快速发展的今天，数字媒体作为一种新兴工具，已经与我国网络紧密的结合在一定，这种结合使得数字媒体本身与与我国民众生活之间的联系日渐紧密，而为了保证数字媒体能够更好的为我国民众提供服务，本文就数字媒体中的网页设计原则与制作技巧进行了具体研究，希望这一研究能够在一定程度上推动我国数字媒体网页设计的相关发展。
前言：
得益于计算机与智能手机的普及，我国网民数量已达7亿，而这一庞大的网民人口则标志着网络与我国民众生活之间联系的日渐紧密。我国当下数字媒体的发展速度不断提升，其本身也开始真正融入我国各行各业之中，但数字媒体本身在发展中也暴露出了一些问题，而本文就数字媒体中网页设计原则与制作技巧展开的研究目的，正是为了解决其中一部分问题。
1.数字媒体概述
为了能够较好的完成本文就数字媒体中网页设计原则与制作技巧展开的研究，我们首先就需要对数字媒体进行深入了解。结合相关文献资料与笔者自身对数字媒体的认知，本文将数字媒体定义为利用二进制数据处理和记录，采取数字通信的原理，收集、存储、传输各种矢量数字文本的过程，简单的说数字媒体就是一种图形、图像、视频、声音、动画等信息的载体与平台。对于数字媒体来说，其本身具备着高效相互性、灵活多变性以及强大融合性等三方面的特点，这些特点也是其能够较好发挥自身功能的原因所在。具体来说，高效相互性指的是数字媒体能够通过自身的载体与平台特性，使信息变为可感、可知、可管、可交互的状态，这就使得信息的传播的过程中能够较好的实现作者与受众的交流网络影视、网络游戏等都属于这一特点的具体表现；而在灵活多变性这一特点中，这一特点使得数字媒体能够将声音、图片、视频、音频、文字等创作要素进行较好的改变，这样相关信息就能够实现更好的创造；而在强大融合性这一特点中，这一特点使得数字媒体本身能够与各类艺术方式实现较好的融合，这种融合由于往往能够发挥“1+1＞2”的作用，就使得数字媒体能够更好的满足各类受众的需求[1]。
2.数字媒体中网页设计原则
上文中我们深入了解了各类数字媒体，而在下文中笔者将结合自身实际工作经验与相关文献资料，就数字媒体中网页设计原则进行详细论述，希望这一论述能够在一定程度上为我国数字媒体的进一步发展带来一定帮助。
2.1明确网页主题
在数字媒体的网页设计中，为了保证这一网页设计能够较好的为受众提供服务，我们首先就需要结合网页内容确认网页主题，而为了实现这一目标，网页设计人员需要进行充分的市场调查，最大程度上了解网页受众的情况，这样才能够较好的确定整个网页的风格与主题。而在确定了网页的主题后，设计人员还需要在设计的过程中保证网页本身的鲜明突出、要点明确，最终实现通过简单的网页页面传达不简单的信息这一追求。值得注意的是，网页还需要最大程度上保证自身的'即时性，这样才能够更好的实现信息的传达[2]。
2.2结合受众需求
除了明确网页主题外，网页设计人员在进行数字媒体的网页设计过程中，还需要细致了解网页受众人群的性别、年龄、职业以及受教育程度、生活习俗等方面的分布，并以此更好的结合网页向受众传达某种情感，这样就能够更好的提高数字媒体中网页信息的传播效率。例如，对网页受众年龄的把握，使得设计人员能够更好的抓住网页设计的侧重点，这样就能够保证该网页设计传达的信息更具备针对性，这自然就大大提高了网页本身信息的传达效率。值得注意的是，我们还需要在网页设计中参考受众的接受与理解信息的态度、愿望、需求以及情感等心理因素，这样才能够更好的为其提供服务[3]。
2.3保证风格统一
除了上述两方面的原则外，设计人员还必须保证数字媒体中网页设计的风格统一。具体来说，据笔者调查发现，我国当下很多数字媒体中的网页设计存在着文字设计影响网页质量、色彩运用与搭配影响网页主题风格、图片选用不合理等一系列问题，这些问题归根结底属于网页设计中风格出现的问题，而这一问题也对数字媒体中网页设计带来了种种负面影响，为此设计人员必须在文字选择、色彩搭配、图片选用等方面注意保持整个网页的风格统一，这样才能够更好的保证数字媒体中网页设计的整体质量[4]。
3.数字媒体中网页制作技巧
3.1首页设计技巧
在数字媒体中的网页设计中，网站的首页一般存在形象展示型与信息罗列型两种，一般来说信息罗列型较为适用于大、中型网站，也是我国当下最为主流的网站首页设计选择。在形象展示型的网站首页设计中，设计人员需要在突出网站本身形象的同时向受众传达相关形象与气氛；而在信息罗列型的网站首页设计中，设计人员需要结合自身信息传播特点，合理选择“国”字、拐角、标题正文、左右框架、上下框架、封面、变化等型号的版面布局方式，这样才能够实现相关信息的较好传达。
3.2风格统一技巧
上文中笔者提到了数字媒体中网页设计必须遵循风格统一这一原则，而为了真正实现这一风格的统一，设计人员就需要从网页设计的结构、色彩、导航栏等三个方面实现这一风格统一。具体来说，在网页设计的结构统一中，设计人员需要保证整个网站除特殊网页外，在网站布局、文字排版、装饰性元素出现的位置、图片的位置等方面呈现较高的统一性；而在色彩的统一中，设计人员需要尽量保证网站的主体色彩一致，并只在有需求的时候改变网站的部分色块；而在导航栏的统一中，导航栏的位置与背景必须在大小、明暗、位置等方面实现统一，这样才能够较好的提高网站本身的特点，使更多的受众对该网站产生深刻印象。
结论：
在本文就数字媒体中网页设计原则与制作技巧展开的研究中，笔者详细论述了数字媒体的概念、网页设计的原则以及网页的制作技巧，虽然受限于篇幅原因本文并未对数字媒体中网页设计进行较为深入的研究，但还是希望本文论述的内容能够在一定程度上推动我国数字媒体的相关发展。
引用：
[1]杨旭兰.色彩在网页设计中的应用研究[D].南京林业大学,.
[2]张燕.多媒体素材的无障碍设计研究[D].浙江师范大学,2009.
[3]黄晓乾,陈超.网页设计原则与制作技巧[J].中国科技信息,,07:95-96.
[4]鬲波飞.网络媒体的视觉传达设计研究[D].湖南大学,.
篇14：《网页设计与制作》课程中过程考核的运用论文
《网页设计与制作》课程中过程考核的运用论文
考核是评价教师教学质量、教学效果的重要方式，是评价学生学习效果的途径之一，科学有效的考核方式能够客观的检验学生掌握所学知识和技能的程度，能够充分地调动学生学习的积极性。[1]
《网页设计与制作》这门课程作为计算机专业的一门主干专业课程，其考核方式一直采用的是传统的考核方式，该方式存在有很多不足之处，作为学生只看重结果，而不注重平时的学习，出现了学生学习积极性不高，教学效果差、考试作弊等很多问题。基于传统考核带来的问题，我们可以对本门课程的考核做如下改革。
一、实施过程考核的必要性。
1.高职“网页设计与制作”课程的特点。
本课程是高职计算机专业实践性很强的一门主干专业课程，它涵盖了 HTML 语言、Dreamweaver、Fireworks、Flash 等相关内容，从多方面全面介绍了 WEB 站点的开发、设计、制作及维护等相关技术。本课程与计算机基础、Flash动画、PhotoShop 图像处理、计算机网络技术、数据库等课程相互联系。是为了培养学生的应用能力而开设的一门综合课程，因此应强调平时学习积累的重要性，通过提高学生对这门课程学习的积极性，进而提高教学质量。
2.考核方式改革的必要性。
在《网页设计与制作》这门课程的教学过程中，以前总是更注重更新教学内容、尝试新的教学方法等方面，而忽视了评价考核。采用的考核方式较陈旧传统，平时成绩占的比例较小，期末成绩占的比重较大，再加上有时教师考勤不严，学生主动学习的热情降低，只看重结果，通过近两年的教学效果来看，这种考核方式不利于课程教学目标中注重对高职学生的实践能力的培养，更不利于学生综合素质与能力的培养，为了更好地达到这门课程的教学目标，加强学生对实践操作技能的重视，培养出符合现代社会需求的高素质技能型人才。要根据课程培养目标及学生的实际学习情况，尝试着对这门课程的考核评价方式进行改革，新的考核评价方式要更有利于对学生综合实践技能的培养。
3.高职院校学生的学习特点。
随着高等学校的逐年扩招及自主招生的出现，高职学生的整体素质呈下滑趋势，经常出现上课迟到、无故旷课、旷考、考试作弊等现象，学生认为只要通过期末考试就行，平时表现不重要，对学生没有一定的约束力，学生学习没有压力，缺乏学习的热情，学习积极性不高，鉴于这样的学生现状，采取过程性考核可以加大学生的压力，提高出勤率，从而提高学生的学习主动性、积极性，进而提高教学质量。
二、过程考核方案的设计。
1.设计思路。
本课程以任务引导学习，通过项目任务指导实践，采用项目导向的模块化教学，通过对项目任务进行分析，选择 5 个比较典型的项目作为本课程的教学情境。按照课程的特点，对该课程考核评价方式进行改革，建立一个科学合理的有利于学生个性发挥和实践能力培养的考核评价方式。每一个项目模块设计一个相对应的考核任务，项目开始，向学生说明项目设计的任务。在项目任务实施的过程中，对学生的制作和完成情况进行考核。在考核评价的整个过程中，发挥过程考核的作用，使学生由浅入深、由点及面的全面掌握网页设计与制作的职业技能。
2. 过程考核内容及成绩比例设计。
对《网页设计与制作》这门课程的考核采用过程考核与期末考核相结合的方式。过程性考核：主要包括出勤、课堂表现和各个项目完成情况，过程性考核占 60%,其中平时出勤和课堂表现占30%,各个项目完成情况占 30%.根据教学内容本课程设计为五个项目任务：站点创建、基本网页制作、网页图像制作、网页动画制作及网页整体设计。依据每个项目的核心内容设计相应的考核作品，根据作品完成情况给出评价。将课程考核重点由结果考核转向过程考核，突出了过程考核，强调了学习过程，评定出较为合理的课程成绩，期末考核重点考核学生的综合水平，综合网站的制作能力，利用所学知识分析问题及解决问题的能力，设计多个网站主题，要求学生搜索使用与网站主题相符合的相关素材，利用网页设计的相关制作软件如 Dreamweaver、Photoshop、Flash等，完成所选主题网站的设计与制作。网站设计考核占 40%.评价学生网站设计，要更注重对学生操作过程中分析问题、解决问题能力方面的考核，更注重对学生创新设计能力的培养及考核，对在设计上有创意的学生予以特别加分鼓励。
3. 设计评价标准。
对学生设计的作品进行评价要有一个评价标准，学生在进行主题网站设计制作前就应该清楚知道评价标准，这样在进行网站设计时就会有章可循，评价学生作品首先要看学生的学习态度，然后再看主题网站的站点结构，页面布局、色彩搭配及各种网页元素的合理分布，页面链接是否正确，相关技术的应用及网站的整体效果等方面。
网站主题评价标准可以从以下几个方面进行参考（见表 1）：
在作品完成之后，教师可以对学生作品采取互评的方式，教师通过教学平台把学生的作品进行展示，让学生欣赏并参与评价，提出作品的优点和缺点，这种评价方式既能让学生设计的作品进行相互比较，互相学习，又能让学生通过欣赏一些优秀作品，学习一些新知识不断地提高自己，增强自己的创新意识。
三、过程考核方案的实施效果。
“过程考核”在平时教学中实施以来，尽管遇到了一些阻力，如对于部分学生来说，交作业比较被动等，但经过一段时间的实施，从学习效果来看，明显提高了学生学习的主动意识，增强了学生学习该门课程的兴趣，通过对阜阳职业技术学院 2012 级计算机网络班学生、2013 级计算机应用班学生进行学生学习主动意识调查。结果显示，2012 级学生实施的是传统考核，学生学习积极性不高，学生愿意主动学习的有 60%,而 2013级学生实施了过程考核后，学生学习的积极性有了很大的'提高，愿意主动学习的有 89%,调查结果表明，该考核方式能有效激发学生的学习兴趣，有利于教学效果的提高。其实施效果主要体现在以下几点：
1.过程考核能够有力的激发学生的主动意识，给学生创造更多的展示自我的机会，增强学生学习信心，提高学生自学能力。
2.增强师生之间的互动，活跃课堂，改善师生之间的关系，进而帮助提高教学质量。
3.给教师的“教”与学生的“学”提供参考。学生通过教师的作品展示，可以发现自己在学习中存在的不足；教师可以总结学生在知识运用、软件运用、语言表达、综合素质方面的情况，通过信息反馈，教师可以为今后改进教学方法、教学内容及考核评价积累经验。
4.提高了教学效果。学生在过程考核中，实操参与率和完成率都达到了 90%以上。通过大量的上机实践，加强了学生的实际动手能力及对知识的理解，真正实现了“教、学、做”于一体的教学模式，达到了预期的教学效果。
过程考核加强了对学生平时学习态度、学习效果的考核，打破了传统的课程考核模式，是科学公正地评定学生的学习效果、促进学生自主性学习、提高学生综合素质的重要途径，是改变学生学习“平时懒惰， 考试前临时抱佛脚”的不良学习习惯的重要方式。这种方式有利于教学水平的提高，能充分挖掘出学生的创新能力和自我学习能力，促进了课程的内涵式建设，值得大力推广和应用。
参考文献：
[1] 石晓梅。浅谈过程性考核在课程教学中的应用[J].科技创新导报，2013（1）：154-155.
[2] 周淑萍。过程性考试在中职计算机教学中的应用[J].教育研究，2010（7）：146.
[3] 王书立，张立军。浅谈过程性考核在高职“企业会计实务”课程教学中的应用[J].深圳信息职业技术学院学报，2007（9）：60-63.
[4] 姜玉洁，张楠，戴毅君等。网页制作教程[M].机械工业出版社，2007:2.
【MOOC教学下的网页设计与制作论文】相关文章：
1.网页制作教学论文
2.网页设计制作规范
4.网页设计论文
5.网页设计教学
8.网页制作合同
9.网页制作策划书
10.网页制作个人简历
文档为doc格式
