网页制作与设计

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页制作与设计范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网页制作与设计范文第1篇

【关键词】网站开发与网页制作 网络现状分析 网络设计未来发展规划

网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。

1 “网站开发与网页制作”网络设计现状分析

1.1 网站开发语言安全性

网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。

1.2 静态网页制作中Dreamweaver的应用

现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。

1.3 收录引擎对网站的友好度

搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。

2 “网站开发与网页制作”设计发展规划

2.1 多层次深发展满足不同领域的需求

网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。

2.2 整合资源优化知识结构，提高网络课程设计效率

在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。

2.3 理论实际相结合，培养学生动手能力

在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。

2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理

网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。

3 结束语

时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。

参考文献

[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.

[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.

[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.

作者简介

史文斌（1986-），男，籍贯：江苏苏州，大学本科，现供职于苏州大学计算机学院，研究方向为计算机技术。

网页制作与设计范文第2篇

关键词：网页设计；教法；学法

中图分类号：TP3-4文献标识码：A文章编号：1007-9599 (2012) 07-0000-02

在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。

一、《网页设计与制作》课程现状与问题

对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。

二、《网页设计与制作》课程教学改革的对策

（一）教法的改革

“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。

1.注重培养学生的新思维

教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。

2.使学生从课本中解放出来动手实践

传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。

3.鼓励并组织学生校外实习

为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。

（二）学法的改革

1.引导学生转变思想

学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。

2.引导学生理论与实际相结合

我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。

3.引导学生利用好网络资源

随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。

4.引导学生建立学习小组

在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。

（三）成绩考核方法的改革

网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。

1.小的知识点，平时随堂考查

在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。

2.提前布置一些较大的工程（如个人主页、网店设计之类）

如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。

3.上机操作

期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。

三、五步教学法

《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。

基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。

（一）创设情境，提出问题，讨论分析

通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。

（二）操作演示，理论讲授，模仿创新

本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。

（三）资源开放，自主探索，评价作品

在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。

四、期望达到的教学效果

通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。

学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。

参考文献：

网页制作与设计范文第3篇

关键词 网页制作 技巧 解决方案

中图分类号：TP393.092 文献标识码：A

1设计原则

1.1表格的定位功能

网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。

（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。

（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。

1.2文件的命名

网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。

1.3图像的无缝拼接

网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。

1.4个人站点中导航按钮的设计

设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。

2制作技巧

网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。

比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。

保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。

色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。

3结束语

网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。

网页制作与设计范文第4篇

关键词：高职；教学方法；能力培养

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2012）35-8529-02

《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。

1　教学内容的安排

1.1　根据课程标准安排教学内容

课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。

《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。

1.2　以行业需求为依据，就业为导向，与时俱进为原则。

通过对IT　行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理　4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。

在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。

1.3　以激发学生学习热情为目的设计教学内容

兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。

网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。

2　教学模式探讨

本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。

2.1　“教学做一体化”教学模式

网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。

2.2　“任务驱动”与“工作项目”相结合

在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。

在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。

在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。

2.3　以作品评价为考核方式

在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60%　+平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+　纪律+　团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。

3　注重学生能力的培养

从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。

首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。

第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。

第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。

4　结束语

随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。

参考文献：

网页制作与设计范文第5篇

关键词：网页设计与制作；实训；拓展训练；项目实战

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2012） 16-0138-01

《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。

《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。

一、提高教师的专业技能

作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。

二、多种教学模式相结合，培养学生学习兴趣

（一）通过优秀作品赏析，激发学生的学习兴趣

在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。

每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。

（二）阶段测试训练

通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。

首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。

（三）拓展训练

可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。

（四）项目实战训练

将实际项目引入进教学，并对其进行任务分解。

例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。

三、增加实训课程的课时，提高学生的动手能力

实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。

同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。

四、结束语

《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。

参考文献：

[1]瞿江.浅谈网页制作实训教学[J].电脑知识与技术，2011，26.