网页设计与制作范文

网页设计与制作篇1

【关键词】网页设计与制作 一体化

根据一体化教学的要求，在《网页设计与制作》教学中实施一体化教学，要做好以下几个环节设计：

一、课程标准

专业知识目标。熟悉和掌握网页设计与制作的基本知识，了解和熟悉HTML语言，掌握静态网页设计与制作的知识，掌握网页中动态效果的设计与实现方法，掌握网页中图片设计和处理、动画设计的知识，掌握网站检查与的知识。

职业能力目标。具备收集、处理、准备、加工的能力；具备网页设计及网页中图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等简单科技文件的基本能力。

职业素质目标。按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。

二、课程设计

围绕“将工作任务转化为任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。

工作任务分析。具备Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态网站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。

工作任务设计。在《网页设计与制作》学习领域中贯穿两个平行的工作任务：一个是模仿型总任务：《XX学院网页》网站设计与制作；一个是开放型总任务：个人网站设计与制作；以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分为若干子任务，学生依据任务样本，在教室的示范引导下通过模仿逐个子任务，最后完成总任务，获取学习成果。

学习领域设计。本课程学习中每个情境对应一个子任务，设计方案如下：

三、实施建议

（1）教学模式。本课程采用“理实一体、任务驱动”的教学模式。课程教学全部在多媒体机房进行，“教、学、做”完全融合，整个教学过程分为“总任务导入逐个完成由模仿型总任务分解而成的子任务，与此同步逐个完成开放型总任务最后完成两个总任务（获取学习成果）”的过程。

（2）教学方法：任务驱动，讲练结合：采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体。学生通过完成任务的过程实习对所学知识的构建；案例引入，创设情境：引入颇具代表性的各类网站，一一展示给学生，并和他们一起就网站特点、内容、结构、技术逐一进行分析和讨论；讨论交流，启发引导：在完成工作任务时，怎么做，按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。教学过程中注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。

《网页设计与制作》一体化教学是一个系统工程，在一体化教学中要注意计算机教室、教学计划、教材、教案、学案、及教法、师资等的设计，只有这样，才能符合一体化教学的要求，才能组织好一体化教学。相信在不久的将来，为适应职业技术教育的发展要求，逐步实现一体化教学，为职业技术教育培养出更多更好的实用型、技能型人才。

参考文献：

[1]宫茜.网页动画与三维文字动画制作教程[M].机械工业出版社，2003.

网页设计与制作篇2

远程教育以自主学习模式为主，大部分学员无法解决工学之间的矛盾，辅导教师通过百会维基搭建课程平台该平台为学生提供一个个性化、开放式的互动学习情景。学生只要登录该平台，就可以享受到相关的学习服务，有助于学生提高自主学习的参与度和云平台的利用效率。在云平台上教师首先上传课程各章的辅导内容、任务书和课程所需素材，便于学生进行自主学习。学生自主学习过程中如遇到问题，可以通过百会论坛和百会聊聊（百会聊聊是一个基于WEB的聊天工具，不需要下载和安装，登陆百会之后就可以和自己的好友进行沟通，同时百会聊聊还支持嵌入式会话，可以将百会聊聊嵌入网站或博客进行即时交流，增加交流的深度和即时性）实现了老师跟学生，学生和学生之间的交流。如果遇到较难的问题或典型的问题，老师还可以利用百会会议组织学生集体讨论，共同找到解决问题的方法，解决问题以后还可以鼓励学生写出反思，加深对知识的掌握，教师也可以将好的反思推荐到论坛里，进行资源的共享。

二、搭建共享型学习模式

由于《网页设计与制作》这门课程需要丰富的素材、资源和教学案例，有必要构建课程教学资源库。课程资源可以采用边学习边建设的模式，在云平台下搭建私人空间和公共空间。私有空间是学生自己建立单独的操作环境，也是个人主页的形式，根据个人喜好在私有空间上上传各种学习资料。在私有空间以设置不同的访问权限，允许其他成员访问私有空间中的资源，不仅可以达到隐私保护的目的，还方便学生相互共享。公共空间是教师为学生搭建的公共的学习平台，如上图1，每个学生都可以访问公共空间上的学习资源，方便共享。本课程中的教学资源在授课以前教师已经上传，比如PPT课件、书中案例、实训任务书、实训报告、习题、电子书等资源。在学习过程中学生可以根据自己的个好和自主学习需求，对学习资源进行自主搭建，一个学期下来，就可以搭建完整的资源库。这两个空间的搭建，构成了一个多元化的学习平台，学生可以在公共空间和私有空间之间进行各种访问学习，进行交流，构成了一个以云平台环境为主的学习协作大环境，这个大的学习环境可以促使学生开展全方位的、开放的、基于真实背景的互动。这样平台的搭建也是当前计算机教学改革的主要研究内容之一，是课程向深层次发展的产物。共享型学习模式流程图

三、云平台下教学模式的设计

以学习者自主学习为重要形式的远程教育，教学过程的自主性与灵活性也是一种新的教学模式。传统的教学模式无法解决学生分散，学习自主学习的问题，在云平台下可以以教师讲授为主进行在线的集体教学，教师可以利用百会会议集中学生进行语音同步讲授，集中解答学生遇到的问题，还可以像课堂面授一样进行教学示范。教师可以向学生介绍本次远程课堂的主要任务，并亲自示范操作，学生自主进行实验操作，操作完成以后将自己设计的作品上传到百会维基上，这样所有学生作品共享了，学生可以学习其他学生作品，并且给出相应的评论，发表博客反思，同时根据老师和其他同学给出的建议修改作品。

四、多元化的评价模式

《网页设计与制作》以往的评价主要由教师来控制，不利于考核学生掌握情况，教学和课程可能脱节。云计算环境下该课程评价多元化，比如学生博客反思日志，学生提交任务书等都可以作为评价方式，由教师和学生共同评价，强调形成性评价与总结性评价相结合，走出单一的考核评价体系。在云平台下允许学生进行自我评价，学生根据老师给出的标准客观地看待和评价自己的表现，不再是一个笼统的印象，而是全面系统的了解，除了客观清晰的看到自己优点和不足，还能看到自己的进步与提高。鼓励学生之间进行互评，每个学员都会上传任务书，在教师的引导下，学生通过互评，可以认识到自己的不足和差距，了解自己的优势，同时也锻炼了评价其他同学的能力。《网页设计与制作》是一项基于思维和技能的复杂性综合产物，在这门课程中要注重思维过程的评估，不能只注重作品成果，要兼顾学生在得出这些成果时思维过程的评价。通过学生在百会聊聊和论坛中的探讨，尽可能多的收集学生在完成作品过程中的一些思维信息，对学生做出全面综合合理的评价。云平台下评价体系的构建，可以直观的反映学生在《网页设计与制作》课程学习过程中的进步，通过比较不同时期的学习作品，教师从自我评价分数和小组互评分数中，可以看出学生的学习效果，这种模式也有助于学生和教师的互相认同。在云环境下开展计算机教学，运用云计算的虚拟化技术及云服务平台等功能，使学生对计算机知识有一个更客观准确的了解，为培养应用型人才提供了平台，是计算机课程教学改革的重要手段，实现了计算机教学的伟大创新。

网页设计与制作篇3

关键词课程教学网页设计与制作教学计划

1引言

伴随着时代进步，万维网与人们的日常生活已经逐渐融为一体。同样，在现代企业发展过程中，也应该随大势紧跟网络的脚步，由此企业网站的门户作用也逐渐凸显，而作为关键的门户，网站的设计制作更是重中之重，由此为提高网站水平，引进人才的举措必不可少。而作为人才基地的高校，应高度重视网页设计与制作课程设计的发展，积极探索网页设计与制作课程教学改革的科学方法。新课程改革的背景下，高校教育模式的限制就显现出来，在此情况下，网页设计与制作教学在实际操作中在各个板块的弊端，都需要通过具有针对性的方案予以解决。而在本文中，针对具体教学问题进行分析，以期促进教学水平的提升，希望本文能对广大教育工作者有所启发，推动网企双向发展。

2“网页设计与制作”课程教学案例分析

“网页设计与制作”课程是我校公共计算机课程改革试点项目的二级课程，它面向整个学校计算机管理专业，相关专业根据其专业特点和教学需要，具有五个课程特点，是一种自我选择的课程，属于“大学计算机基础课程”之后的高级课程。

2.1“网页设计与制作”的教材分析

在进行“网页设计与制作”课程的学习之前，必须要求学生掌握相关的网络信息知识，这方面的知识包括网页的浏览、网页的搜索、知识的下载以及电子邮件的使用等，这些基础知识是为了让学生更好地具备对信息获取的技能。但是，由于大多数学生设计和制作网站，只能依靠操作。因此，教师需要传授“网页设计与制作”课程，以帮助学生更好地理解什么是网页，什么是网站？教会学生利用网页的基本构成元素以及超文本标记语言，来进行网页制作，帮助学生提高对“网页设计与制作”学习的效果，同时也能为往后相关的互联网知识学习打下基础。

2.2“网页设计与制作”的学情分析

通常学生在对“网页设计与制作”课程学习之后，他们能够更好地了解什么是网络信息，并且拥有利用信息的能力。他们通过了解网络知识，从而来更好地掌握对网络信息的下载、浏览、搜索、文件的发放及传输的技术等。通过调查研究发现，大部分的学生都希望自己能够制作出属于自己的网页，并把网页在互联网上。因此，大部分的学生对于“网页的设计与制作”课程具有浓厚的兴趣，而这些兴趣对于学生的学习具有积极影响。

2.3“网页设计与制作”的教学目标

“网页设计与制作”中，高校教师的教学目标主要分为三个方面，即知识与技能、过程与方法、情感态度与价值观。首先是知识和技能，必须帮助学生理解网页网站的基本概念，理解网页的基本元素，理解基本网页创建软件的界面和功能，并识别网站的地址-URL，超文本标记语言HTML，超文本传输协议HTTP；其次是过程与方法，老师通过分析和讲解这两种方法从而帮助学生掌握各项网页和网站知识；最后是情感态度与价值观，老师通过对“网页设计与制作”的教学，培养学生严谨求实的学习态度和勇于探索、崇尚科学的意志和品德。

3“网页设计与制作”课程教学存在的问题

3.1学生学习过于被动

我国高校“网页设计与制作”教学使用的模式，一般为老师教授基本理论，而后使用布置作业、模拟考核等方式来进行教学。而事实上，该种教学模式收效甚微。在死板生硬的高压教学下，学生对教学内容会出现本能抗拒，对枯燥的理论知识产生厌烦情绪，而在这种情况下，学生的积极性也受到了极大地遏制。由此产生的一系列恶性循环所导致的最终结果就是，学生没有打下深厚的理论基础，而之后的实际操作就更没有办法完成了。

3.2学生实践能力较弱

当老师演示时，学生对老师的行为并没有产生充分的理解，故此很多学生会轻视老师的演示，对实际操作的难度并没有一个确切的判断。而在实践中，又会出现学生对于具体规程的漠视，因为之前产生的自大心理而认为实践仅仅需要短时间就能完成。所以在实战中，许多学生才会发现，自己对详细的操作并没有深入了解，看上去简单的事情却很有难度，实战中根本无从下手。同时还有一些学生过于自我，忽视了网页设计和制作的科学性质，完全摒弃课本与老师的教授，通过自己的想法来指导操作。

3.3师生之间缺乏沟通

首先，在“网页设计与制作”的教学中，教师和学生并没有良性交流。同时，教师对学生的了解有限，对学生的具体情况不甚了解，学习程度与需求自然也无从判断。在教学中，一味照本宣科，无法充分满足学生的学习需要。其次，教师在课堂上的教授模式也至关重要，“只讲不问”，与学生的互动有限，参与度由此下降，课程也愈加乏味。再从学生角度出发，学生同样局限于传统师生关系，在有疑问的时候，因为害怕老师的批评等原因，不敢告诉老师。而学生间也同样如此，个体之间的学习是有限的，缺乏良好学习氛围是无法促进班级学习的良性叠加的。

4“网页设计与制作”课程教学改革的策略

4.1重新定位课程教学标准

为了能够调动起学生在学习“网页设计与制作”课程的主动性，首先高校的“网页设计与制作”教学课程应该遵循企业用人标准，在课程教学过程中，强调培养学生的团队精神，职业道德，网络信息收集能力，审美能力和艺术品质。其次，在“网页设计与制作”课程的教学过程中，还需要提高对课程教育目标的重视程度，根据新课程改革的教学要求来更好地培养学生的自主创新能力和创新思维，引导学生进行实践操作，让学生能够更好地掌握网页的规划能力、构建能力、设计能力以及制作能力等。

4.2优化教学内容

为了能够提高学生的实践能力，就必须要将“网页设计与制作”课程内容进行改革，以企业的用人标准和教学的需求来进行科学的设计，将这些内容延伸分为四个不同的模块，分别是Dreamweaver、Fireworks、Web基础知识和Flash。其中Dreamweaver包括网页跟踪的技术、网页站点管理的技术、动态网页设计的技术、数据库连接的技术以及其他基础的技术；Fireworks包括高级应用的技术，基础操作的技术和其他相关基础知识；Web基础知识包括网络的浏览器，网络的常用名以及高级应用措施等；Flash包括高级制作技术、基础动画制作技术以及其他相关技术。

4.3更新教学模式

高校“网页设计与制作”教学不该再局限于老式的教学系统，应积极拓宽视野，通过现代化的方式例如网上课程以及针对性的因材施教。在现代化的教学方面，首先要确保教机与学机的联动，确保学生都使用计算机，及时通过计算机传输并对学生的设计操作进行引导，提高学生的实践能力。同时，高校“网页设计与制作”在网上课程方面，也可以采取一定的趣味教学模式，跳出死板的老式图书教学，变更教学风格，通过视频等生动的方式，将技巧融入其中，帮助学生在潜移默化中慢慢对学习产生兴趣。

5“网页设计与制作”教学需要注意的问题

5.1以“新”制作网页

教师教学中应重视告诉学生网页内容的选择，避免出现俗套，需要强调的一个“新”字是很重要的。“新”这一原则要求，在设计网站的内容时，是指网站的内容不是被复制的，而是要形成一个属于自己的独特网站。环顾四周，许多互联网上的个人主页是简单的“杂货店”，内容虽然是包罗万象，但主题是一样的，每个人都几乎是一个“软件下载”或者“软件搬运”的员工，从开始的网络导航到最后的结束都没有任何的创新之处，缺乏创新的新鲜意义。因此，在网页设计教学的过程中，既要告诉学生对材料的选择上下功夫，同时也要做到对材料选择精准度的把控，以“新”为基础，以“精”为内容。

5.2以“简”来取网名

由于网站不能由单个网页组成，因此它有许多子页面。为了使这些页面有效连接，教师必须告诉学生，要为这些页面提供一些具有代表性和简洁易记的网页名称。这不仅有利于将来管理网页，而且在向搜索引擎提交网页时，更容易被其他人搜索到。在命名网页时，最好使用常用的小写英文字母或与页面内容相匹配的英文字母，这与页面上的连接直接相关。

5.3更新及时才能吸引人流

学生制作完网页后，老师需要为后期工作做出更多安排。网页完成后，工作量会更大。因为网页制作是一次性的，所以每天都会进行更新维护，必须立即删除在网页上失效的连接。如果无法及时更新，最好在主页上信息，告知访问用户由于特殊情况需要离开一段时间，并且无法及时更新主页，希望大家谅解。这可以给人一种对他人负责的感觉，同时得到其他用户的信任，这对未来的网页设计、制作和推广都有好处。

6总结

网页设计与制作篇4

关键词:高职教育;网页设计;网页制作;教学研究

1引言

随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。

2高职网页设计与制作课程教学改革的发展研究

2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。

3结论

通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。

参考文献

［1］探讨计算机网页制作课程教学中的应用［J］．刘冬寅．中小企业管理与科技(中旬刊)，2016(03)．

网页设计与制作篇5

关键词：网页；设计；制作；教学；实践

相对而言，网页设计与制作的很多内容，都要充分考虑到学生的内心想法，应坚持将学生作为教学的主体。现代化的教育工作，不能继续采用传统的手段，而是要在教学过程中，不断的加强实践，让学生在知识、技能的掌握过程中，可以使用科学的手段，提升自身的竞争力。

一、网页设计与制作教学现状

当代人才的培养过程中，比较主张的是通过实践手段来完成，单纯在理论上进行人才培养，并不能取得较好的效果。结合以往的教学经验和当下的教学标准，认为网页设计与制作的教学现状，主要是集中在以下几个方面：第一，日常的教学工作开展，需要通过合理化的模式来完成，对于多方面的内容实施，必须不断的与学生的需求和社会职业的变化来完成[1]。第二，在日常教学过程中，师生互动表现不足。网页设计与制作是非常灵活的专业内容，想要让学生在技能和理论的掌握上取得更好的成绩，必须不断的改善自身的不足，要进一步的加强教学的可靠性、可行性，坚持对学生的想法积极了解。第三，网页设计与制作的部分内容，出现了衔接不当的现象。学生时代的知识、技能锻炼，应按照最新的要求和标准来完成，要让他们从人才的转变过程中，获得更多的肯定，避免在未来出现严重的缺失[2]。第四，网页设计与制作的教学，在今后还必须对体系做出完善，确保能够对学生给予更多的肯定。

二、网页设计与制作教学的实践对策

（一）合理安排教学内容

就网页设计与制作本身而言，实践教学开展的过程中，要想取得较好的成绩，必须坚持在教学内容上合理的安排，不能总是出现严重的不足。当代的教学工作开展，要求学生能够在内容的学习、锻炼上，保持足够的丰富性，从而在未来的知识巩固上，能够取得更好的效果。安排教学内容的时候，应将多方面的影响因素积极考虑，减少单一思路的限制[3]。例如，以网站的建设的基木流程为主线，通过具体工作任务的实施来完成网页设计与制作的学习，每个教学项目都是基于完成网站的某个模块。其中包括以下内容：（1）网站建设的基础知识。（2）网站建设基木流程，其中包括市场调研与分析、明确网站定位、收集信息和素材、策划栏目内容、设计页面方案、制作页面、网站的测试与等。通过合理安排教学内容，能够促使网页设计与制作的教学具有明确的针对性，让学生的学习拥有更多的动力，加强人才的综合培养。

（二）实施多元化的教学方法

从主观的角度来分析，网页设计与制作的教学实践过程中，想要在日后取得更好的成绩，必须坚持在教学方法上保持足够的多元化，不能让学生在学习、锻炼过程中，出现严重的偏差和不足。本文认为，实施多元化的教学方法，可从以下几个角度来出发：第一，日常的教学工作开展，应引导学生多多运用小组讨论来完成。每一个学生在专业知识的学习过程中，都会拥有自己的特长和不足，大家共同学习的情况下，可以互相弥补不足，在知识和技能的掌握过程中，达到取长补短的效果，将多方面的知识更好的完善。第二，教学工作在开展的过程中，要引导学生多多探究新的锻炼方法。网页设计与制作的实践内容，应该多多与社会上的需求相互接触，鼓励学生适当的从事兼职，积累工作上的经验，开拓自身的视野，将理论知识和职业要求更好的融合，从而在网页设计与制作的能力上，获得更好的提升。第三，在教学过程中，可对信息化的技术积极操作，促使学生在知识的吸收、消化水平上，得到大幅度的提升。

（三）合理开展考核

经过前几项教学工作的开展，网页设计与制作的很多实践内容，都可以让学生取得较好的效果，整体上未出现严重的问题。建议在今后的实践教学过程中，要加强考核的合理性。第一，学生对于网页设计与制作的掌握，一定要在基础能力上加强考核，促使学生在未来的学习和锻炼上，能够更快、更好的吸收先进理念，增加工作经验的同时，形成自身的特色操作，提高学生的竞争力。第二，在考核过程中要加强学生重点特长的考核。有些学生在学习和锻炼过程中，希望掌握更多的技术，因此会自主学习，教师可利用考核的方法，对学生有一个正确的判断，促使其在未来的发展过程中，能够取得更好的成就。第三，开展考核的过程中，必须要对学生做出综合性的判定。网页设计与制作的学习，不仅仅集中在校园以内，还包括日后的从业方向和个人经验的积累等等。因此，要对主观考核、客观考核，都拥有清晰的认知，减少对学生的错误判定。第四，考核工作的实施需要伴随学生的提升、进步，做出适当的优化。

三、总结

本文对网页设计与制作教学实践展开讨论，现阶段的教育工作开展，能够对实践方面的内容积极融合，很多层面都获得了良好的改善，整体上的教育可靠性、可行性获得大幅度的提升。日后，应继续在网页設计与制作方面，不断的加强新的理念融入，让学生在实践过程中，能够取得更多的肯定，增加自身的特长，开拓自身的视野，服务社会的同时，实现自身的价值。

参考文献： 

[1]曾清清.项目教学法在中职《网页设计与制作》课程中的应用研究[D].陕西师范大学，2015. 

[2]肖菲.基于Web2.0技术的项目教学法在高职网页设计与制作课程教学中的探索与实践[J].计算机光盘软件与应用，2014，17（02）：212-213. 

[3]马玲燕.《网页设计与制作》课程的教学实践研究[D].内蒙古师范大学，2013. 

网页设计与制作篇6

《网页设计与制作》是我院计算机各专业及电子商务类专业的必修课程，自开设以来深受学生的喜爱。因本课程教学内容及教学资源较多，学生很难在课程中完全掌握所学知识，为更好地补充和辅助学生进行课外学习，更加开放的网络教学成为本课程的有益补充和良好的学习途径。

二、课程分析与设计

《网页设计与制作》课程是高职高专计算机专业的一门技能课程，结合职位岗位对人才的需求，我们收集了网页设计、平面设计、动画设计、动态网页开发等课程的相关知识，对本课程的教学内容、知识结构、信息资源的选取、教学策略的使用进行了精心的策划和设计。我们将学生熟练的网页设计与开发的操作技能作为培养重点，在课程教学设计中，以“高素质、技能型”人才为培养目标，采取“小组协作学习”的学习方式完成整个课程的教学，并注重对小组的考核评价。

（一）学习需求分析

对于高职高专的学生，学习的主动性和积极性不够强，但对于操作性比较强的课程，往往有强烈的学习愿望，针对学生的特点，并根据《网页设计与制作》这门课程的性质特征，在教学中我们主要采用任务驱动的教学方法，实施项目教学，让学生的学习和工作的内容紧密相联，这样不仅能够吸引学生的注意力，并且能够提高学生的学习兴趣，同时达到“工学结合”的教学理念。

（二）学习内容分析

我们分析了多门与网页设计与制作相关的教材，从课程的实际应用与培养需求出发，对教学内容进行了重新安排。从本课程的教学实际出发设定的学习目标是：培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作等。考虑到学生的层次不同，大家可以根据自己的实际情况有选择的学习适合自己的模块，自学能力较强的学生可以通过我们的网络平台得到进一步的提高和知识的拓展。

（三）知识结构体系

网页设计与制作融合了平面设计、网页制作、动态程序、数据库等知识，作为一门综合性强的课程.。把核心知识以最快、最有效的方式传递给学生，而又要能使学生容易掌握，所以本课程以“表格式”布局作为教学的主线，把Photoshop平面设计、Flas设计融入其中，同时适当引入“div+css”网页布局的内容。而在动态网页设计中，简单介绍Asp+Aceess动态网页设计知识。据此，在学习内容的组织上，以“用表格进行页面布局”和“网页与数据库”这两个知识点为主线，将其它知识串联起来，可帮助学生迅速建立起知识的体系结构。

三、信息资源的选择

在《网页设计与制作》网络课程的设计中，以课内项目、课外项目和教学专题的形式进行信息资源的规划与整合，选择合适的形式来展现信息资源是非常重要的。如在网页的中文排版教学模块中，网页文字材料应以文本为主，而涉及的图片只需提供原始图片即可，增强学生对资源的应用与处理。而在“实验演示”、“动态网页的原理”模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，信息资源应以视频的形式展现，使学生方便参照与模仿。信息资源总体结构见图1。

四、教学策略的设计

（一）任务驱动的教学模式

“任务驱动教学”就是将要学习的新知识隐含在一个或几个任务中，学生通过对任务进行分析和讨论，明确该任务所涉及的课程知识，并找出其中的新知识，然后在老师的指导和帮助下找出解决问题的方法，继而完成相应任务。《网页设计与制作》课程在教学中使用“任务驱动教学法”的具体做法是：教师先给学生呈现一个具体的网页效果，接着与学生共同分析该网页需要如何去处理，然后在老师的指导下师生共同完成网页，形成“阶梯式螺旋化”教学模式。这样做的好处是：通过一个任务的完成，培养学生发现问题、分析问题、解决问题的能力，激发学生的学习兴趣，同时能够提高学生的实际动手能力；而且将新知识点融入任务中进行学习，所学知识具有一定的针对性与目的性，学生的学习就会认为学的有价值，且通过一项任务的完成，学生同时可以体会到一种成就感。

（二）开放式自主学习模式

本课程建立的网络教学平台中包含本课程的教学资源、教学课件、课程教案、教学指导等模块。通过网络提供10大类、45000多个文件的立体化教学资源，所有的教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络学习。同时开发了在线答疑系统，提供了QQ和TQ两种访问途径，在线访问和离线留言两种方式。在“学习资源区”针对不同层次的学习者设计了丰富的学习资源。通过电子教案，学习者可以了解教师课堂上讲授的知识要点，并可下载素材进行相应的训练；如果在学习中遇到了困难，一般通过“学习资源区”中的“你问我答”即可解决，确需教师帮助的，也可在网络的“教师答疑”中给教师留言。专题学习板块基本上覆盖了较高层次学习者所要了解的知识。

（三）课外小组协作学习模式

在课外作业环境，采用基于构建主义学习理论的协作学习模式。一方面教师在网络教学平台创建学习主题和要求，另一方面学生可自由创建学习主题和内容，挖掘优秀学生的潜能。由学生自行组成小组并进行分工设计，在设计过程中可通过小组讨论、师生网络交流进一步深化和完善学习内容，完成后相互进行评价和交流。因此在设计网络课程时要注重协同工作环境的设计，充分发挥网络的功能。

五、学习评价系统的设计

为更好地评价学生在网络教学中的学习效果，学习评价系统的设计是十分重要的。在本网络课程中，根据学习者的学习需求和特点，进行不同程度的强化练习评价，并及时给出反馈意见。在学生完成对应的学习内容后，教师可以对学生进行评价，学生之间也可以相互评价。同时完成专题学习后，挑选出优秀的作品进行课外开放式评价，增强学生的成就感，以此达到学生的再学习的主动性。

六、结束语

网页设计与制作篇7

【关键词】课件；网页型多媒体课件；制作

【中图分类号】G40-057 【文献标识码】B 【论文编号】1009―8097（2009）05―0139―03

引言

随着多媒体技术的迅猛发展，计算机辅助教学(CAI)已被大量地应用于教学，并成了教学手段改革的一个重要标志。多媒体课件则是实现CAI主要手段。利用多媒体课件进行教学，它突破了传统课堂教学的单一性，通过文字、图形、声音、动画、视频等多种媒体配合授课教师的讲解，将教学内容形象生动地呈现给学生，能极大地激发学生的学习兴趣，增强了教学效果。

根据运行平台的不同，多媒体课件可分为单机版和网络版。单机版课件主要在本地计算机上运行，面向对象是单个用户，而网络版课件能够通过网络教学环境被所有人共享。随着Internet的飞速发展，校园网建设的日渐普及，适合在网络教学环境中运行的网页型多媒体课件将具有更大的实用前景。

一 网页型多媒体课件的特点

除具有普通多媒体课件的优势外，网页型多媒体课件在资源共享、实时更新、联机交互等方面具有较大的优势。

（1）资源共享。网页型多媒体课件以网页形式存储在Web服务器中，通过Internet传播。只要有能够上网的计算机终端，无论何时何地，都可以通过浏览器进行学习，可摆脱时间和空间的限制，最大限度地实现资源共享。

（2）实时更新。网页型多媒体课件可以实现实时更新，只要管理员及时更新Web服务器的内容，学生就能够看到最新的教学内容。

（3）联机交互。传统课件大多是流线性模式，从教学的内容、结构、组织和过程都是由一条主线构成，强调教师控制操作，学生被动与学习内容、过程同步，而在网页型课件教学过程中，可以利用留言板 (BBS)、聊天室、论坛等网络常见的交流方式，通过视频或音频实现教师、学生、课程、媒体四者之间的真正互动。

二 网页型多媒体课件的制作过程

网页型多媒体课件的制作应在遵循教学设计原则的前提下，充分利用网页制作的基本知识，将多种媒体资源有效地整合到一起。网页型多媒体课件制作流程如下：

1可行性分析

网页型多媒体课件最终是通过网页的形式表现出来的，在制作之前应该对课件进行可行性分析。首先，应了解网页的教学对象是那些人，因为教学活动都是围绕教学对象开展的。根据教学对象的知识结构、学习目的、学习风格和认知水平，对不同的学习者提供不同的服务，真正做到因材施教。

其次，需要根据课程和教学对象的特点确定主要的教学手段。从具体用途来看，网页型多媒体课件的开发模式可以分为助教式、助学式。助教式课件是从教师教学的角度定义的，可最大程度地优化教师的教学及弥补教师在课堂中无法表现的内容。助学式课件主要用于学生自学。在设计方面，除了重点内容之外，还应包括相关知识查询以及测试功能，如试题库、讨论、作业提交等。

最后确定教学目标。教学目标应该包括各章节目标、重难点等。教学目标可以让教学对象一目了然，在学习目标明确的前提下，学习者会更受益。

2 课件设计

课件设计是整个课件制作的重要环节，在这个阶段需要对人机界面、交互方式、课件流程、素材的选择和应用方式进行细致的安排。在网页型课件设计与制作过程中，应该遵循以下原则：

目的原则：课件制作目的在于优化课堂教学结构，提高课堂教学效果，促进课堂教学质量。在课堂上学生是教学的主题，也是课件浏览的目标群体，根据目标群体的需求，提供相应的课件内容。

整体原则：课件需要方便浏览者更方便地操作、就需要设计者在课件制作前对课件有一个合理、清晰的版块和结构划分。首页应该跟二级页面在页面布局和色彩风格上保持统一的风格，使整个课件看起来是一个有机的整体。

实用原则：课件所提供的内容要符合课件内容，不要提供与目标群体无关的内容，这样不仅浪费网站的资源，也会减弱浏览者对课件的印象。在进行网络多媒体教学课件设计时，应充分发挥多媒体技术的优势，灵活运用文字、符号、声音、图形、动画和视频图像等多种媒体信息，从听觉、视觉等方面加大对学生的刺激，促进其对所学知识的理解、掌握。但在强调形象化的同时，必须突出“教为学”的思想，要紧紧围绕教学内容这一中心，防止课件界面色彩、声像效果等过分浓烈，从而喧宾夺主，反而影响了学生的学习。

美观原则：课件要吸引人的眼球，应该遵循美观的原则，符合课件自身特点和形象，给浏览者一种耳目一新的新感觉。

精简原则：课件上的内容应该精简，提供给目标群体最需要的、最重要的信息，不要加上不必要或者次要的内容，这样会使浏览者反感。页面也不宜的过长，尽量不超过整个浏览器一屏200%。有大量信息的页面应该使用分页显示相关的内容。

一个好的课件的好坏关键在于它的教学设计如何，看它是否遵循教学规律和学生的认知规律，以及电脑的使用规律，是否符合有效教学原理。优秀的课件必须精心构思，巧妙设计，体现创意，使教学内容与教学目标保持一致。

课件设计主要包括色彩分析、布局分析和创意分析三个方面。

（1）色彩分析。课件中标准色一般最多选定2~3种为主要颜色，若需要更多的颜色可使用以上几种颜色的同类色作为辅助色。太多的颜色本身会给学习者带来过多的信息，削弱主次关系。标准色彩通常用于课件的标志、标题、主色块和主菜单上，给人以整体统一的感觉。课件色彩搭配技巧有：

单色彩方案：选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样页面看起来色彩统一，有层次感。

两种色彩方案：先选定一种色彩，然后选择它的对比色。两个色彩形成鲜明对比，突出网页的中心主题部分，整个页面色彩丰富但不花哨。

色系方案：简单地说就是利用一系列给人相同感觉的色彩的颜色深度来形成色彩搭配。

（2）布局分析。就是在页面上将有限的视觉元素进行有机的排列组合，最终目的使页面清晰、有条理，更好地突出主题。在版面设计中应该遵循以下原则：

编排设计最佳视域与视觉流程。依据心理学家研究分析，版面视觉规律为：版面上侧诉求力强于下侧，左侧的视觉诉求力强于右侧，版面左上部和中上部被称为“最佳视域”。课件屏幕尺寸比较小，要求重点集中，视点明确，依据版面视觉流程可以更好地突出主体。

虚实对比，合理留白。依据视觉设计原理，屏幕上的元素在进行组合时不应该过分拥挤，必要的空行及空格会使结构合理，层次清晰。避免大段落的文字，运用节奏、均衡的原理恰当编排，直观形象。

图文并茂，比例协调。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。页面上图片太多，缺少文字，必然就会减少页面的信息容量。因此，最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。

（3）创意设计。动画有很强的表现力，尤其是对物体的变化、运动等方面进行动态演示，与传统的静态图像相比，更加生动、明晰，使抽象变得具体、使静态为动态、从而大大简化了教学过程，提高了教学效率。因此，在课件适当位置插入动画，可以起到画龙点睛的作用。

3 课件页面制作

课件页面制作主要包括课件片头、课件主体、课件片尾三部分制作。

（1）课件片头

课件片头即课件的首页，相当于书的封面。课件片头一般告诉学生课程是什么，包括课程名称、课件作者、制作时间、版权等内容。

（2）课件主体内容

课件主体一般包括主页和普通页面。主页相当于书的目录，将课件内容陈列出来，为学习者提供内容选择。常见计算机类多媒体课件首页目录包括：基础知识、视频教学、案例分析、作业提交、试题中心、在线留言（BBS）等内容。

普通页面相当于书的正文。正文是信息传达的主要部分，是完成教学任务的主要场所，所要讲授的知识几乎全部集中在这里，是课件制作的重点，反映了一定的教学思路、教学过程和教学策略。在制作页面时候，可以考虑使用模板的制作方法，减少课件制作的工作量。

试题中心是一个测试模块，主要包括单选题、多选题、判断题、填空题、问答题，是对前面所学习知识的掌握和应用作一个评定。试题一般做成动态页面存放在数据库中，通过脚本作出全面的统计评定，指出做对的题数和做错的题数，并给出最后的得分。目前最常用的教学互动就是留言板、聊天室和论坛。这些都可以用 ASP、JSP、PHP、．net等 WEB编程技术来实现。

（3）课件片尾

片尾相当于书的封底，可说明多媒体课件制作和资料提供的单位或人员等。

4 调试与

课件制作完成后，需要对课件进行网上，这样才能实现资源共享。网络课件的制作不可能一步到位，需要对其进行反复的测试、试用，以便于发现并解决问题，尤其是对学生反馈的意见要认真研究对待，力争制作出对大多数学生适用的课件。另外，随着知识的不断更新、教学内容的不断发展以及教学形式的不断改进，网络多媒体教学课件也需要不断地加以修改、完善，以适应网络教学发展的需要。

结束语

网页型多媒体课件即可以实现传统课件的功能，又具有网页优势，在教学中的应用是一种有益的尝试，通过编写程序，完成了文字、图像、动画、声音、图像等多媒体素材有机的合成，使多媒体教学优势得以较好的体现。网页型课件制作是一个细致、复杂的过程，它要求制作人员不断学习，要善于学习并吸收别人的经验，取长补短，积极开展研究，在不断实践中制作出实用的多媒体课件。

参考文献

[1] 廖开明.多媒体课件制作与思考-IP课件的制作实践[M].甘肃广播电视大学学,2007,(12).

[2] 邢秀芳.视觉传达设计原理在教学课件制作中的应用[J].辽宁高职学报,2008,(2).

[3] 孙淑媛.对网页型多媒体课件的探讨[J].机械管理开发, 2008,(2).

[4] 龚卫,肖洒.基于WEB的多媒体课件制作[J].重庆广播电视大学学报,2008,(3).

网页设计与制作篇8

关键词：实例教学；计算机网络；网页设计；动手能力

中图分类号：G434 文献标识码：A 文章编号：1674-7712 （2013） 02-0166-01

一、现实教学中存在的一些问题

通过教学过程中的不断摸索，我发现在以往网页设计课程的教学过程中，普遍存在以下现象：

1.学生们对于学到的知识，无法很好的掌握。学生对于课上学到的知识点，不能把知识点放大，跟现实网站联系起来，简言之，学生不能学以致用；

2.学生构建的网站结构不新颖，色彩搭配很乱，内容空洞，条理不清等。最严重的是一些同学根本体会不到网站构建的宗旨以及要领，随心所欲，没有一条主线，因而网站效果往往不尽人意；

3.教材的章节安排，对于学生的学习有一定局限性。由于课本上的书面内容对于讲解网页设计有局限，一些显示器上显示的东西很难通过课本完全展现给我们，也就注定了有很多东西是我们从课本上看不到，却又跟网页制作技术息息相关的。

二、根据现状调整教学

对于现实教学中存在的问题，综合之，学生没有足够的与实际接轨的空间，不知道最终要完成怎样的成品，而实际需要又有哪些，现实网络中都有哪些经典的案例。因此，根据这一现象，我采用实例教学，让学生能够学习最新的知识，练习最贴近需求的技术，掌握最重要的要领。具体实施过程如下：

（一）明确教学要点，激发学生学习能动性

在每堂课的教学中，有针对性的明确本次课的教学要点，即当堂课的知识点，并通过一些具有代表性的网站样品像大家演示效果，让同学们看到知识点在现实当中的体现，互相讨论和研究，这样才能让学生对知识要点产生兴趣，激发他们学习的能动性，从而也会调动课堂学习氛围，大家参与其中，动脑思考，一举多得。

在这个阶段中，我们要做到课程内容模块化，设计和解决难点，循序渐进：我们将整个课程内容合理的模块化，各模块之间既相互独立，也相互关联，同时也将课程难点分解到各个不同的模块中，简化了学生的学习进程。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。

（二）细化教学要点，逐步深入实践

在向学生灌输了初步知识要点以后，就要将各知识点更细节的问题一一讲解，从认识到熟悉再到应用，甚至对于遇到问题的各种情况以及解决方法，都逐步深入的加入，当然这种深入是离不开实践的。试着让大家围绕某一主题，例如美食、旅游景点、体育运动等，发挥自己的想象力，自己动手，利用课上学到的知识点，把各主题涉及到的图片信息、文字信息有规律有秩序的体现在网页当中。这样在实践中，教师协助学生及时发现问题解决问题，使同学们通过修改和总结，加深理解。

精心准备案例项目，从宏观上进行教学设计：将实际案例引入教材、教学体系中，每个重要知识点均与实际应用结合起来，融创新思维培养、团队学习方式、实践案例教学于课程教学中。经典赏析、知识讲授、课堂练习、实践辅导、创新操作等不同教学方法灵活运用，在充分利用现代多媒体教学、网上学习、交流沟通的基础上，采用第一课堂与第二课堂结合，学研相结合，将现代科学技术充分应用于教学改革之中。

（三）加强实例练习，提高学生创造性

对于网页设计的学习，为了使我们的学生操作比较熟练，又能制作出尽可能完美的作品，这就需要加强实例的练习，在摸索中寻求进步，在经验中总结提高，激发学生的创造性，能够打破固有的网页设计模式，有自己独特的色彩搭配、布局构造思想，这样才能让学生们适应千变万化的网络时代和人们对于网站产品的高要求。

在练习的过程中，讲究师生互动、生生互动，活跃课堂气氛：激发学习兴趣，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的；充分调动了学生的学习积极性和主动性，有效提高学生的学习能力、应用能力和创新能力。采用实例与基础知识紧密相结合的全新教学模式，一边讲授新知识、一边教师机演示、一边动手操作、讲与练相结合。

（四）课程改革的基础

根据教学条件，本课程主要讲述静态网页制作部分，对于动态网页、色彩搭配只作简单的介绍，在讲静态网页之前，加入flas、Photoshop图形图像处理技术的讲解，为静态网页设计做铺垫。《网页设计与制作》作为一门综合性的课程还涉及许多相关的课程，可以根据不同的培养目标开设不同的课程。

三、进行教学评估

在进行教学时，教师对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。而这几个过程中，展示评价是一个不可忽视的阶段。适当的教学评估，给大家一个互相交流经验的平台，不但能让大家发现自己在网页设计过程中的欠缺，还能从其他同学那里吸取好的方案和设计思想。

四、结束语

网页设计作为网络技术高速发展的衍生物，是一门应用性和实践性较强的课程，在教学的方法上区别于普通理论课的课程，我们力求通过实例教学，能够调动学生积极主动的动手能力，培养敢于尝试的心态，遇到困难勇于克服和解决的思想。这样的教学方法激发了很多同学学习的兴趣，端正了良好的学习态度，态度决定一切，因此在教学过程中取得了很好的教学效果。

参考文献：

[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化，2008，3.

[2]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008，4.

[3]黄高琴.网页设计与制作课程教学改革初探[J].吉林省教育学院学报，2008，7.