前言：中文期刊网精心挑选了网页制作与设计课程范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
网页制作与设计课程范文1
关键词：网页设计与制作 网页与网站设计原则 教学改革
中图分类号：G71 文献标识码：A 文章编号：1672-3791（2014）03（a）-0209-02
内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作，故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思想的指导下完成了专业定位，重新制定了人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了《网页设计与制作》课程。
1 《网页设计与制作》课程现状及存在的问题
根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有良好的艺术触觉和美术色彩搭配功底，深刻理解web标准，熟悉CSS+DIV模式，能手写XHTML及CSS样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页设计的目的，达到了艺术与技术的和谐统一。[1]为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将《网页设计与制作》课程规划为必修课安排在大一下学期开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学生掌握了XHTML、css+div、JavaScript等网页制作技术，可没有遵循网站与网页设计原则，致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。
2 《网页设计与制作》课程改革思路
以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。[2]紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。
3 《网页设计与制作》课程教学改革方案
以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，[3]让学生在32学时讲授+32学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。
3.1 教学内容的编排
按照WEB标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将《网页设计与制作》课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML基础知识、css+div、javascript。
网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块的教学，首先让学生掌握网站的3C设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解，让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调网页与网站设计原则，让学生对3C设计原则及页面设计要点有更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。
其他三个模块为《网页设计与制作》课程的技术范畴。通过XHTML、css+div、javascript的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到技术与设计的和谐统一。
4 《网页设计与制作》课程考核体系
本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情况。将平时表现，上机项目完成情况、综合项目的开况相结合，从而得出学生的最终成绩。
考核方案设计如下。
平时表现10分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3分。
上机实验40分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3分）；包含表单的简单网页设计（3分）；利用框架进行简单网页设计（3分）；利用CSS样式表美化网页（10分）；利用表格进行网页布局（3分）、利用DIV进行网页布局（5分）、利用DIV嵌套表格进行网页布局（5分）；利用javascript实现网页特效（5分）。
综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50分）
设计要求（25分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3级别（5分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10分）；logo、banner的设计应突出主题，与页面风格相协调（5分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5分）。
技术要求（25分）：站点文件组织规划合理，主页必须以index命名（2分）；代码书写符合XHTML语法规范（3分）；用Div对网站进行总体布局，局部布局可用表格（6分）；用css进行页面的美化，对样式的定义统一写在外部样式表中（6分）；多媒体元素运用得当，适合网络传输（3分）；页面中包含有JavaScript实现的特效（5分）。
5 结语
改革后的《网页设计与制作》课程重视学生网页设计能力的培养，在每一次的教学实践环节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导自己的制作行为。在此原则的指导下，74名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为 12.6%，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的《网页设计与制作》课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。
参考文献
[1] 邵小兰.浅析网页设计中的艺术设计[J].科技资讯，2011（15）：14.
网页制作与设计课程范文2
【关键词】网页设计;网页教学;课程探索
一、对该门课程的简单论述
“网页制作与设计课程”的先修课程《计算机文化基础》，后续课程是《ASP、NET程序设计》。因此，它是一门承上启下的课程。学习的过程是循序渐进的，前期打下良好的基础可以为后期的学习铺砖引路，而且它是一门重要的专业课程，目的在于培养今后从事小学信息技术教学和学校信息化教育教学的管理者和维护者，从事网站建设相关的工作。它要求学生了解网站和网页的本质，理解网站建设基本工作流程并熟练掌握网页制作工具软件的使用，例如Dreamweaver软件、HTML和CSS等技术。学习该门课程知识面是必须的，但是还要求学习者有能力和综合素质，所谓的能力大致指能够合理规划主题网站以及进行团队合作完成任务等，并且要求学生具有分析问题和解决问题的素质。
二、对该门课程教学思路的转变
1.理论与实践相结合扩展素质。众所周知，计算机是一门动手能力要去较高的学科，过去的课堂要求老师手把手教学带动学生，而且教师上课大部分讲的都是理论知识，内容显得过于空乏，扼杀了学生的学习兴趣。但是随着互联网及计算机技术的普及，大部分高校目前都可以维持“一人一机”的局面，在教学过程中，不应是教师一个人的舞台，教师因鼓励学生放心大胆的去创新，大刀阔斧的实施自己的想法，例如在“网页设计”的实践课中要求建设自己的专属网站，不同的同学他们的想法肯定是不同的。这时教师因当向同学提供帮助，询问他们的想法，给予援手完成他们的设计。也可让学生们成立兴趣小组，通常以2人或者3人为一组进行课程实践，这样不仅有助于培养他们的动手能力，更有利于养成互帮互助的好习惯。2.培养学生养成终身学习的好习惯。“网页设计与制作”是一门生活中的学科，处于信息时代的浪潮之中，信息不断的交替，学习范围日新月异。尤其是计算机学科，与生活息息相关，网上购物、上网冲浪、浏览文件，都离不开互联网的功劳。当前的大型公司，如淘宝、京东、苏宁等，也都推出了自己的网上平台。学生的眼光应当放长远些，学习这门学科，应当了解该学科的就业形势，清楚的了解到自己以后可以干什么，从事哪一行业。教师也应当在学习过程中给学生讲一些自己对该门课程发展前景的看法，给学生提出一些建议，学生在了解到自己的目标后，应当会更加奋发努力地向着未来的方向前进。互联网时代，只有养成终身学习的好习惯，不断扩充自己对于“网页设计与制作”课程的理解及知识，才能免于被时代淘汰。
三、教学方式的改进
1.多媒体教学传递信息时代。“网页设计与制作”作为新时代的新兴学科，不应该只利用传统的书本教学方式，而应该利用多媒体技术提供最新的“网页设计”信息来给学生观看，并且多媒体教学利用它独特的放映式方法能让学生清楚的看到网页制作的过程，很好与这门课程嵌合。远程教育的发达也使学生的学习不必拘泥于课堂，只需要一部手机或者一台电脑，学生便可自主学习。2.学生考核方式仍需改进。该门课程的考核方式有多项内容组成，由平时成绩(15%左右)、作品(35%左右)、期末笔试(35%左右)、上机操作测试(15%左右)等项目组成，其中综合实训内容主题网站的建设是重要的评价项目。作为一门实践性学科，上机操作测试的分数应该向上提升一些，教师也可以推出一些加分项目，例如举办几次“网页设计创新大赛”，对于获奖的优胜者给予加分鼓励，更能提升学生的积极性。3.校企合作办学创“共赢”。在校学生在学校学的内容毕竟有限，“网页设计与制作”课程的规划要求证明了他的实用性，如果学习不能为工作所用，就难以适应以后社会对该门课程人才的需求。建议学校找相关企业合作，给学生提供学习机会，把去企业参加实训也视为一项重要的考核内容。对于平时课堂学习表现优异者，提供去知名网络企业学习交流的机会。让学生自己通过对这门课程的理解，面向真正的社会，能提高他的交往与合作能力、沟通过能力、创新实践能力，走向真正成才之路。
四、总结
“网页设计与制作”这门课是信息时代化的产物，与现实生活脱节必然导致的教育的失败。提高教学质量，必须改善教育结构、教学方法与思路。想学生所想、思学生所思，从这门课的教育意义出发，要培养高素质的人才，就必须得提供一个有利于学生成长的平台。提高高效的学习方法和巩固实训在该门学科的地位，必然给“网页设计与制作”课程教育带来一个更大的舞台。
参考文献：
[1]欧阳炜昊,吴振峰,罗卓君.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育,2010(4).
[2]向剑平.计算机基础课程体系的研究和探索[J].遵义师范学院学报,2008(1).
网页制作与设计课程范文3
关键词：翻转课堂；网页设计；制作应用方法
1翻转课堂概述
1．1内涵理解翻转课堂的内涵为，在信息技术的基础上，将传统的课堂教学和课外学习的过程进行转换的一种新型的教学模式，又叫做颠倒课堂。在这种教学模式下，教师要将原本的课堂教学内容和学习资料以视频的方式展开，学生则需要在课下提前观看视频，然后在课堂上共同交流，讨论并解决之前学习过程中遇到的问题。1．2应用优势通过和传统教学模式的比较，我们可以对翻转课堂的应用优势进行如下归纳:第一，翻转学习方式。在翻转课堂中，学生可以从被动学习转变为主动学习。因为课程内容以视频的方式呈现，可以永久性保存，便于学生随时观看。这样部分基础较差的学生可以结合自身的实际情况进行反复学习，获得教师的个别指导，能满足个性化教学的需求。另外，通过课前学习、课堂讨论和课后复习的过程，还能对教学的内容进行整合，提高课堂教学的效率。第二，翻转课堂活动。在翻转课堂中，学生在课下就可以初步完成知识的学习，节省了课堂讲解的时间，教师和学生有充足的时间开展讨论、实验探究、互动交流等对知识的内化活动，对课下学习中的问题进行解答和指导，增加课堂教学的活跃程度，有助于激发学生的学习兴趣。第三，转换师生角色。在翻转课堂中，充分体现了学生在学习活动中的主体地位，他们能够根据自己的实际情况，自由选择教学资源。同时，在课堂讨论中，不再是由教师主导，而是根据学生感兴趣的问题进行针对性的指导教学，符合因材施教的要求。
2网页设计与制作课程教学存在的问题
网页设计与制作是计算机类专业的一门基础课程，具有较强的实践性和操作性，其课堂教学主要采用的是案例教学法，就是通过对案例进行分析，讲解其中的知识，进行实验步骤的演示之后，让学生当堂完成练习。这种教学方法虽然优于传统教学方法，也取得了一定的成效，但是在具体的实施中仍然存在如下问题。2．1学生缺乏主动思考在网页设计与制作的练习中，学生基本上会完全根据教师演示的步骤来完成练习，所以大部分的时间和精力都集中在回忆实验步骤中，没有主动思考，。实验过程是否合理，甚至根本不明白实验的目的。当面对类似的案例或者实际的项目时，就无法灵活应用所学的知识，导致学生的思维存在严重的依赖性，不利于开发其自主学习能力。2．2教学质量较低网页设计与制作课程的教学内容较多，包括了平面设计的技术、HTML、XML、CSS、Javascript、动画技术、服务器配置等，但是课时设置却较少。例如，我校对该课程安排了60个课时，其中教师的课堂讲解和步骤演示课时约占50%，学生学习知识点和上机实践操作的实践只有一半，很难完成教学大纲的要求。为了完成教学任务，很多内容都是一带而过，导致教学质量较低。
3翻转课堂在网页设计与制作课程中的应用方法
本文以网页设计与制作中，个人主页这一内容的教学为例，对翻转课堂在课程教学中的应用方法进行了如下分析:
3．1做好课前准备教师可以采用相关的视频录制软件，例如“屏幕录制专家”，录制2个长度约5min的微视频，并根据视频讲解的内容，设计导学案，并将资料在班级QQ裙或者微信朋友圈共享，学生利用手机终端下载视频，利用课余时间观看视频，查看导学案，提出自己的问题，在QQ群或微信群中讨论。教师则需要对学生的反馈意见和问题进行统计和归纳，便于在课堂中集中解决。做好课前准备，能让学生初步了解和理解个人主页的制作方法。3．2合理安排课中教学在学生完成对个人主页制作教学内容的预习之后，教师可以结合具体的实例来解答课前学生提出的问题，并进行案例的演示操作。这一环节的时间应控制在20min左右。在翻转课堂中，由于学生在上课前已经进行了比较深入的学习，。对教学内容有了一定的理解，所以教师在确认学生基本掌握个人主页的布局之后，就可以布置任务，将学生平均分成若干个小组，采用小组合作的方式完成个人主页的设计，让每一个学生都能参与其中。在学生练习的过程中，教师要积极发挥自身引导者的作用，对遇到问题的小组及时进行指导。设计完成之后，教师可以让各小组展示作品，并对作品进行评价。其中评价分为自我评价、小组互评和教师评价，对课前微视频学习情况、独立学习、问题讨论、合作表现、创意你表达和成果展比等内容进行综合评价。3．3完善课后复习课堂教学完成后，教师可以将评价表的原始数据进行整理，然后放入各个小组创建的网络学习档案中。同时，教师还需要对课堂中遇到的问题进行整理和总结，并提出对应的解决方法和应对策略，将其制作成动态的学习资源，发送到共享平台，长期存放，方便学生能随时观看。对于因为各种原因无法参与课堂学习的学生，教师也可以利用这些资源帮助他们补课。同时，对于在学习上存在一定困难的学生，或者是不敢大胆提问的学生，也可以利用教师提供的资源，在课后进行反复观看。这样既可以进行补救性学习，又可以节省课堂的公共时间，提高课堂教学的整体效率。
4结语
综合上述分析可知，翻转课堂和传统课堂教学方式存在较大的差别，在网页设计与制作的教学中，应该充分发挥出自身的优势，针对当前教学存在的问题，积极进行改革和创新。
参考文献:
［1］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10(29):164～165．
［2］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32(19):108～110．
［3］何敏华．“翻转课堂”在《网页制作》课程教学中的应用［J］．信息与电脑(理论版)，2014，27(11):242．
网页制作与设计课程范文4
关键词：网页设计与制作；应用人才；课程改革；课程优化
1课程的现状与存在的问题
“网页设计与制作”课程是计算机类专业的应用型课程，这门课程相对于其他课程来说，无论是在教学内容还是教学方法上都有其特殊之处。它集知识和技能于一体，具有很强的实践操作性。它能教学生做出内容丰富多彩的网页，从而得到学生的喜爱，激发学生的学习兴趣；但又因为涉及的知识面广、软件技术更新快，又会让学生感到迷茫。目前该课程主要存在以下几个方面的问题:一是教学内容陈旧。网页制作技术发展很快，而大部分的教材还在讲授网页三剑客，学生所学的知识跟公司的实际应用有脱轨，不利培养应用型人才的实用性；其次，教师的主导性与学生的主体性之间的矛盾。传统的以教师为主体的教学，都是以学生被动地听课记笔记为主，缺乏探究思考与实践的机会，不能充分发挥学生学习的主动性，不利于应用型人才的创新能力的培养；第三，单一的评价方式与素质培养目标之间的矛盾，以笔试为主的传统考核方式，形式过于单一，不能客观地衡量学生的综合水平，不利于应用型人才的综合素质的培养。应用型人才培养的定位为基础理论扎实够用，实践创新能力强，综合素质高的高级应用型技术人才。最终的目标是学生毕业后能适应工作岗位，具有解决实际工作问题的能力，因此如何让学生掌握实用的网页制作的知识和技能，需要在理论教学、实践教学、课程设计、考核方式等多方面进行创新，这是文章要研究的主要问题。
2网页设计与制作课程体系的优化
以培养应用型人才为指导思想，使学生在校所学与实际应用衔接，对课程的教学内容进行增减整合，整个课程分为5个部分，一共72学时。以HTML语言为基础，以DeamWeaver为工具，突出css和javascript为教学重点。在这里，大幅削减了dw的教学内容，只把它当作一个编写html和css代码的可视化开发工具来使用，具体学时安排如表1所示。
3改进教学方法，采用多种模式进行教学
3.1使用屏幕录像软件对讲课内容进行录制，让学生课后回顾学习
该课程是一门操作性很强的课程，一般在多媒体教室或机房授课，老师先讲解演示，学生进行验证练习。操作性的东西很难完全记住，因此建议采用屏幕录像软件，对老师的授课进行全程录制，学生在课后的练习中根据老师所讲进行操作，很方便对知识进行了验证，并完全掌握。
3.2把实用技术作为重点
理论知识以够用为原则，加大实践教学。要求把课程内容基础性和先进性关系处理得当。在授课过程，不要面面俱到，重点放在关键技术的讲解上。在整个的课程安排上，每一系列完整的知识点后都设有专项的实践题目，每个模块设有综合应用的实践题目，课程结束后，还要安排一周的课程设计。通过这种分层次的综合性项目的训练，让学生能熟练掌握网页设计与制作的相关知识及操作。
3.3采用任务驱动法进行教学
基于该课程忽悠技术性和实践性相结合的特点，适合采用任务驱动法进行教学，任务驱动教学法就是让学生在一个典型的任务驱动下展开教学活动，从网页设计实际工作过程出发，教师通过精心设计一个综合案例，尽量将所有章节的知识点涵盖进去，在教学过程中不断地运用“新任务”来引导学生学习，并按照上面所述的模块化教学内容，层层深入学习，教师边实际操作边讲解涉及的新知识，以前学过的旧知识也在这一过程中得以巩固。任务驱动法不同于简单的案例教学，它是采用项目化教学方式，即教师不是围绕知识点去设计每个单独的案例，而是针对整个课程设计一个贯穿项目，这个贯穿项目由若干模块组成，并能够覆盖课程的所有理论知识。
3.4以学生为主导，激发学生学习的积极性，从被动学习变成主动学习
网页前端的技术发展很快，专业技术人员要具备知识的自我更新能力，培养兴趣，学会学习，学会解决问题，比单独的传授知识更重要。在整个教学过程中，要以激发学生学习兴趣为目标，变被动学习为主动学习。可以采用的方法有：案例的趣味性，老师授课语言的幽默性，作品展示的成果性，项目合作的团结性，网络资源的自主学习等，都可以很大程度上提高了学生的学习积极性和学习兴趣。把“要我学”变成“我要学”，从而使学生成为教与学的主体。
4开辟第二课堂，加强实践教学
在应用型人才培养中，特别注重实践教学环节。该课程的实践教学占很大的比重，除常规的上机实践、期末的课程设计等实践教学活动外，还开辟了第二课堂。主要有成立各类兴趣小组、创新工作室；由老师引入企业项目，学生自我选择加入，由专业老师及企业导师指导，在这里学生可以分模块完成项目任务，互相交流学习经验、相互解答问题，协和合作完成项目。另外人们每年都组织学生参加省大学生网页设计大赛乃至全国大学生网页设计大赛，通过竞赛，提高学生综合运用知识的能力。在应用型人才培养教学计划的修订中，明确指出，竞赛、创新活动等获奖可以抵免学分，学校也加大了这方面的奖励力度。因此开辟第二课堂，形成一种以竞赛促进教学，教学服务于竞赛的局面，对培养学生的创新能力，提高学生的学习的积极性和主动性有很好的促进作用。
5综合全面地评价学生
对学生的学习成果的评价不能只看笔试分数，由于该课程的特殊性，能综合运用各种技术制作出一个漂亮的网页，具有团队合作精神，能对别人制作的网页作出自己客观的有建设性的评析远比具体的分数来得重要。把期末笔试的成绩降到40%，课程设计期末作品的分值提高到30%，同时，竞赛成绩纳入考核范围。这种评价体系促使学生往应用型、创新型方向发展，而不是死记硬背的读书，而且学生的学习成果得到教师和周围同学的肯定，同时在参与企业项目中收获经验和成果也是学生能持续主动学习最强大的内在驱动力。
6结语
基于该门课的特点，文章制定了以突出应用能力的培养，提高学生的职业适应能力的方针，在课程体系结构，教学方法、实验实训、考核方式等多方面进行进行了深入的研究和探索。并在实际教学中使用，取得了不错的成果。实践证明，任务式教学方法，第二学习课堂的开辟极大地激发了学生的学习热情，教学效果显著改善，教师的学科水平也得到了提高，促进了该门课程的规范化和系统化，符合应用型人才培养的目标。
[参考文献]
[1]赵翠荣.应用型民办本科院校“网页设计与制作”课程教学改革研究[J].佳木斯教育学院学报，2014（8）：163.
[2]赵玲玲，朱美洁，李招弟.应用型本科专业网页设计与制作课程教学改革研究[J].北京城市学院学报，2013（2）：52-55.
[3]黄超.试论《网页效果图制作及欣赏》课程教学内容改革及考试方案[J].职业技术，2010（4）：41.
网页制作与设计课程范文5
【关键词】翻转课堂；网页设计与制作；应用方法
1翻转课堂概述
1．1内涵理解
翻转课堂的内涵为，在信息技术的基础上，将传统的课堂教学和课外学习的过程进行转换的一种新型的教学模式，又叫做颠倒课堂。在这种教学模式下，教师要将原本的课堂教学内容和学习资料以视频的方式展开，学生则需要在课下提前观看视频，然后在课堂上共同交流，讨论并解决之前学习过程中遇到的问题。
1．2应用优势
通过和传统教学模式的比较，我们可以对翻转课堂的应用优势进行如下归纳:第一，翻转学习方式。在翻转课堂中，学生可以从被动学习转变为主动学习。因为课程内容以视频的方式呈现，可以永久性保存，便于学生随时观看。这样部分基础较差的学生可以结合自身的实际情况进行反复学习，获得教师的个别指导，能满足个性化教学的需求。另外，通过课前学习、课堂讨论和课后复习的过程，还能对教学的内容进行整合，提高课堂教学的效率。第二，翻转课堂活动。在翻转课堂中，学生在课下就可以初步完成知识的学习，节省了课堂讲解的时间，教师和学生有充足的时间开展讨论、实验探究、互动交流等对知识的内化活动，对课下学习中的问题进行解答和指导，增加课堂教学的活跃程度，有助于激发学生的学习兴趣。第三，转换师生角色。在翻转课堂中，充分体现了学生在学习活动中的主体地位，他们能够根据自己的实际情况，自由选择教学资源。同时，在课堂讨论中，不再是由教师主导，而是根据学生感兴趣的问题进行针对性的指导教学，符合因材施教的要求。
2网页设计与制作课程教学存在的问题
网页设计与制作是计算机类专业的一门基础课程，具有较强的实践性和操作性，其课堂教学主要采用的是案例教学法，就是通过对案例进行分析，讲解其中的知识，进行实验步骤的演示之后，让学生当堂完成练习。这种教学方法虽然优于传统教学方法，也取得了一定的成效，但是在具体的实施中仍然存在如下问题。
2．1学生缺乏主动思考
在网页设计与制作的练习中，学生基本上会完全根据教师演示的步骤来完成练习，所以大部分的时间和精力都集中在回忆实验步骤中，没有主动思考，。实验过程是否合理，甚至根本不明白实验的目的。当面对类似的案例或者实际的项目时，就无法灵活应用所学的知识，导致学生的思维存在严重的依赖性，不利于开发其自主学习能力。
2．2教学质量较低
网页设计与制作课程的教学内容较多，包括了平面设计的技术、HTML、XML、CSS、Javascript、动画技术、服务器配置等，但是课时设置却较少。例如，我校对该课程安排了60个课时，其中教师的课堂讲解和步骤演示课时约占50%，学生学习知识点和上机实践操作的实践只有一半，很难完成教学大纲的要求。为了完成教学任务，很多内容都是一带而过，导致教学质量较低。
3翻转课堂在网页设计与制作课程中的应用方法
本文以网页设计与制作中，个人主页这一内容的教学为例，对翻转课堂在课程教学中的应用方法进行了如下分析:
3．1做好课前准备
教师可以采用相关的视频录制软件，例如“屏幕录制专家”，录制2个长度约5min的微视频，并根据视频讲解的内容，设计导学案，并将资料在班级QQ裙或者微信朋友圈共享，学生利用手机终端下载视频，利用课余时间观看视频，查看导学案，提出自己的问题，在QQ群或微信群中讨论。教师则需要对学生的反馈意见和问题进行统计和归纳，便于在课堂中集中解决。做好课前准备，能让学生初步了解和理解个人主页的制作方法。
3．2合理安排课中教学
在学生完成对个人主页制作教学内容的预习之后，教师可以结合具体的实例来解答课前学生提出的问题，并进行案例的演示操作。这一环节的时间应控制在20min左右。在翻转课堂中，由于学生在上课前已经进行了比较深入的学习，。对教学内容有了一定的理解，所以教师在确认学生基本掌握个人主页的布局之后，就可以布置任务，将学生平均分成若干个小组，采用小组合作的方式完成个人主页的设计，让每一个学生都能参与其中。在学生练习的过程中，教师要积极发挥自身引导者的作用，对遇到问题的小组及时进行指导。设计完成之后，教师可以让各小组展示作品，并对作品进行评价。其中评价分为自我评价、小组互评和教师评价，对课前微视频学习情况、独立学习、问题讨论、合作表现、创意你表达和成果展比等内容进行综合评价。
3．3完善课后复习
课堂教学完成后，教师可以将评价表的原始数据进行整理，然后放入各个小组创建的网络学习档案中。同时，教师还需要对课堂中遇到的问题进行整理和总结，并提出对应的解决方法和应对策略，将其制作成动态的学习资源，发送到共享平台，长期存放，方便学生能随时观看。对于因为各种原因无法参与课堂学习的学生，教师也可以利用这些资源帮助他们补课。同时，对于在学习上存在一定困难的学生，或者是不敢大胆提问的学生，也可以利用教师提供的资源，在课后进行反复观看。这样既可以进行补救性学习，又可以节省课堂的公共时间，提高课堂教学的整体效率。
4结语
综合上述分析可知，翻转课堂和传统课堂教学方式存在较大的差别，在网页设计与制作的教学中，应该充分发挥出自身的优势，针对当前教学存在的问题，积极进行改革和创新。
参考文献:
［1］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10(29):164～165．
［2］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32(19):108～110．
［3］何敏华．“翻转课堂”在《网页制作》课程教学中的应用［J］．信息与电脑(理论版)，2014，27(11):242．
网页制作与设计课程范文6
关键词：网页设计；计算机专业；课程改革
中图分类号：G642 文献标识码：A 文章编号：1674-7712 （2013） 06-0178-02
一、引言
随着互联网的发展，对网页设计人才的需求也越来越多，要求也越来越高。《网页设计与制作》不但是高职院校计算机相关专业的核心基础课程，也是电子商务，工科相关专业的专业课程以及艺术相关专业的选修课程。
面对市场需求的变化，不同的专业的学生，我们再不能不考虑学生的专业，而是用同一本教材教授所有的学生，而是应该根据市场的需求，针对不同的岗位的不同要求，因材施教，进行相应的教学改革。
二、课程性质
《网页设计与制作》其主要任务是使学生掌握网页设计及制作的基本知识，了解当今网页设计与制作技术发展的趋势，培养学生网站建设和网页设计过程中的综合能力学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位，并可不断提升岗位工作能力。
《网页设计与制作》是一门操作实践性很强的课程。
基于《网页设计与制作》课程的特点和网页设计人才的岗位需求，需要从以下几个方面进行教学改革：
（一）课程设计的理念的更新
培养学生的职业能力是职业教育课程设计的基本目标。本课程的教学是基于相关就业岗位的工作过程，把课程内容模块化，课程内容序列化，课程设计将“企业的任务”以“教学的形式”来完成“人才的培养”。
课程设计的思路
由于对相应的工作岗位群应该具有的相关职业能力
《网页设计与制作》课程设计采用“基于工作过程”新的教学模式，对网页设计人员以实际工作岗位中的工作过程为依据，分解出四个工作任务，即网页的设计与制作、图形图像动画素材的加工处理、网页配色及熟悉网站开发以及的流程。再由这四个工作任务分解出多个岗位工作能力，再由职业能力转化为相应的只是，工作技能和工作态度，然后确定教学的内容和教学的先后次序。再将整个过程形成一个完整的教学体系。
（二）针对不同的专业的教学内容有的放矢，加强不同专业的适用性
1.针对不同专业《网页设计与制作》采取模块化教学方式
为了针对不同的专业，教学内容决定采用模块化，不同专业学生可以选取不同的模块进行学习。
《网页设计与制作》课程教学根据不同的专业和学生兴趣点的不同，选择不同的教学模块。计算机专业大体上可以分为两个教学模块：页面设计（静态和动态）和平面设计。
非计算机专业可以也可以有两个教学模块：静态页面设计和平面设计。
以此《网页设计与制作》课程可以按照不同的工作岗位需求分以下五个模块：
（1）经典网站赏析以及网页制作的相关工具介绍模块
（2）网页制作模块（主要学习html，dreamweaver，div+css网页布局和网页特效的插件的使用）
（3）图形图像动画处理模块（主要学习photoshop和flash，学习这些软件可以达到对网页中的图像进行处理和制作网站的logo，banner条和网站片头的作用）
（4）网页配色模块（主要学习网页的基本配色规则和配色工具的使用）
（5）网站策划开发及维护模块（主要学习网站的整体策划开发流程和网站如何进行维护以及简单的动态网站服务器脚本语言ASP）
第一第二模块是《网页设计与制作》的基础部分，通过这两个模块的学习学生可以制作简单的网站。
第三第四第五模块是《网页设计与制作》的提高部分，通过这两个模块的学习学生可以达到培养网站的艺术鉴赏力。
各个专业的学生可以根据自己专业所学习的前序后续课程选取适合自己的模块学习。
电子商务专业和艺术类的学生由于前序课程学习过《平面设计》（主要是photoshop和flash）可以选择模块1、2、4、5
艺术类的学生由于前序课程学习过《平面设计》和美术可以选择1、2、5学习合理选择教学内容。
机电类和计算机类的学生可以选取所有模块进行学习。
2.网页设计与制作课程采取序列化教学模块
在一般情况下，《网页设计与制作》课程的内容较为独立，模块教学内容之间彼此的联系很弱。模块具有较强的独立性，彼此间往往缺乏联系。为了提高人才培养的质量，保证学生的知识体系完整，同时培养一定的网站鉴赏能力。因此根据高职学生的认知规律，对教学内容进行序列化处理能提高教育教学质量。并将整个教学分为四个教学阶段。
基础阶段：本教学阶段主要以赏析国内外各种优秀网站为主。通过欣赏可以培养学生对网站的艺术鉴赏能力，激发学习兴趣，开阔视野，了解网站的基本构成。
基本技能培养阶段：本阶段将学习网页的基本制作知识，包括网页文本，表格，超链接，图片的插入，行为flash的插入以及插件的使用，站点的搭建等最基础的技术。通过简单的学习学生可以运用所学的知识很快做出一个简单的网站。
网页设计阶段：本阶段的教学将以提高学生的艺术鉴赏力为目标，以photoshop和fureworks软件为主讲授图片的切片处理，色彩的调配，页面的设计等。让学生在网站的制作过程中加入设计的元素。将简单的网站制作上升到设计的层面。潜移默化，循序渐进，以模仿学习为主逐渐提高学生的艺术创新能力。
综合实训阶段：本阶段主要为了让学生熟悉网站的完整开发流程。将所学习的知识全部那个在网站开发的过程。本阶段要求学生从书写一个小型网站的策划书，到网站的设计，到全部由学生独立完成，老师只是进行指导。通过学习学生会对网站的整个开发有详细的了解。
3.针对不同专业将开展不同主题的网站专题讲座进行补充教学
例如电子商务专业需要专门对电子商务类网站进行设计
三、教学模式的设计与创新
实行工学结合的教学方式是高职院校按照市场对高职人才的需求而行之有效的教学模式
为实现培养目标，建立工学结合的长效机制，我们加大了实践教学力度，广泛开展校企合作，形成了开放、多边、灵活的工学培养模式。其中主要有以下几种：
（一）订单式培养
学校按照企业对用人的要求，校企一起制定相关的培养方案和培训体系，开展相关的课程教学。
学生直接根据企业的要求，掌握专业的职业技能。
（二）“双证书”制
依照国家职业分类标准，结合学生所学专业，学院实行了“双证书”制。学生在学期间不仅要取得毕业证书，还要获取与专业相关的职业资格证书。
（三）课程调整
为了满足企业发展的要求，为了使毕业生尽快成为专业技能型人才，加大相关课程的实训课时数。
（四）实训基地建设
我院校为了培养学生适应行业企业需要的职业技能，坚持校内实训与企业实习相结合。
（五）“双师型”队伍建设
工学结合的培养模式，决定了高等职业教育教师除具备各类教育教师都要具备的素质外，还应具备技能型人才的各种素质。定期选派专业教师到企业挂职锻炼；同时聘请了企业来的专家，兼职承担《网页设计与制作》课程的教学。
四、多种教学方法的运用
高等职业教育应该培养具有大量专业技术知识和操作技能兼备的高级应用型人才。为此，我们改变传统的教学方法，引入先进的教学理念，强化技能训练，实现了与专业岗位的无缝连接。
（一）采用了“三位一体”学习法
“精讲多练”是该课程教学的最大特点，本课程的教学目标强调在了解网页设计理论知识的基础上，重点培养学生的操作技能和技巧。为了达到良好的教学效果，采用了“三位一体”教学法。所谓“三位一体”教学法就是在实训课中教师在计算机上教，学生在计算机上学，然后在计算机上做。这种边教边学，边学边做的交互式教学形式，提高了教学的直观性，调动了学生的积极性，增强了学生的动手能力，达到了教、学、做合一，手、脑、机并用的效果。
（二）运用基于案例的教学方法
根据本课程的教学目标和特点，我们主要采用“基于典型案例”的教学方法，从实际的网站中捕捉网页技术的典型优秀案例，引入课堂。对启发思维、激励情趣、提高学习效率起到重要作用。
（三）建立了基于创建个人网站的实训方法
整个授课过程中就要求学生根据自己的兴趣和能力自主选择一个相应主题，创建一个自己的网站，尝试和感悟职业岗位对职业技能的要求。
参考文献：
[1]卢莉，陈苡.综合职业能力视角下高职网页设计与制作课程改革[J].哈尔滨职业技术学院学报，2012，3.
[2]钱会敏.电子商务专业中《网页设计与制作》课程改革的思考[J].中国科技纵横，2009，11.
[3]马晓虎.基于工作过程的高职“网页设计与制作”课程改革与实践[J].电脑知识与技术，2011，29.
