网页设计与制作论文豆知网

计算机网页设计的课程教学模式改革论文

摘要 ：网页设计课程已成为现代之一，它集理论知识和实际操作为一体。但是，目前计算机网页设计课程教学方式存在很多问题，学生的网页设计成品并不是很优秀。笔者主要针对计算机网页设计课程存在的问题、改革目的、改革方案以及改革思路进行论述，希望对教师的教学有所帮助。

关键词 ：计算机；网页设计；教学模式

我国经济的发展速度较快，社会也在不断进步，计算机技术也在不断更新，成为人类生活、国家发展、社会进步中的重要组成部分。但计算机网页设计课程的教学模式却存在很多问题。很多教师受传统教育模式影响，偏重于书本上的理论讲解，忽略了实际动手操作；还有很多教师教学的目的性不强，教学内容也不完善，导致教学的效率下降；而且教师在教学中发现，学生对计算机网页设计课程的兴趣不足等。这些问题成为教师教学时的最大阻碍，也成为计算机技术教育发展的阻碍。

1计算机网页设计课程的教学现状及存在问题

教师注重理论讲解，忽略实际操作

虽然新课改早已被提出，但教师多年受传统教学模式的影响，在讲课时仍会以传统的教学方式来授课，大量且反复讲授课本上的知识，学生只能被动接受。教师也不会对知识进行拓展，导致课堂索然无味。而且很多教师长久依靠传统的教学方法、教学理念来进行教学，不懂变通与改进，使课堂氛围变得紧张和压抑，学生的学习主动性下降。另外，由于教师几乎占用了课堂的全部时间，导致学生的主体地位逐渐被教师代替，学生的学习积极性不断减少，最终对网页设计这门课程没有了学习兴趣，学生的学习成绩可想而知。

学生对网页设计课程的兴趣减少

很多教师发现学生不重视网页设计课程的学习，以至于有些教师会采用逼迫强制的手段迫使学生去学习，最终激起学生的叛逆心理，导致学生厌烦网页设计课程，提不起任何的学习兴趣。也有很多学生根本不了解网页设计课程，根本不知道页设计有什么用处，因此，学生自然而然便会放松对这门课程的学习，导致成绩下降，久而久之，形成恶性循环，学生便会对网页设计课程失去兴趣。很多教师在讲课时也不会考虑学生的感受，也不会关心所讲的知识学生是否能听懂，是否能够掌握知识，导致学生对这门课程产生抵触情绪，自暴自弃。也有很多教师对学生过于苛刻，也使得学生对这门课程没有好感、学习兴趣降低。

教学目的不强，教学效率下降

很多教师受传统教学思想所影响，只注重学生对网页设计课程的学习以及期末考试后学生的分数，忽略了学生的综合能力的发展。但目前，时代在不断发展，社会也在与时俱进，成绩高的学生比比皆是，但成绩不能代表学生的实际实力。因此，教师的教学目的也不能总是以提升学生的网页设计课程的成绩为主，应注重学生的综合实力，除了培养学生的学习能力之外，教师还要培养学生的研究探索精神以及团队的合作能力和动手操作能力。很多学校的教学设施已达到一流水平，然而教师却依旧习惯使用粉笔和黑板，在课堂上浪费了大量的讲课时间，导致课堂讲课效率下降[1]。

2计算机网页设计课程教学模式的改革目的

与计算机相关的行业随着社会的进步，相继崛起，且不断地发展，因此，市场对计算机领域的人才的需求量也在不断增大，所以培养计算机人才是非常重要的。但新的时期，培养新型人才，与教学模式有着密不可分的关系。改革计算机网页设计课程的主要目的便是使学生适应社会的发展趋势，也是使目前计算机教育符合现代社会的发展要求，提升学生的综合能力，提高学生的实践能力和技术水平，以使学生不断发展而不被社会所淘汰。但原有的教学模式已不适应我国教学新事业的发展，因此，必须改革传统的网页设计课程教学模式。

3计算机网页设计课程教学模式的改革思路

学生最终会走向社会，因此，改革后的网页设计课程必须以适应企业需求为导向，在此基础上培养学生网页设计的能力。教师在教学中不要总以课本为主，应适当采取案例教学的手段，并用实际网站加以辅助，来编排或者改革网页设计课程的教学内容，使学生有独立设计网页的能力，并指导学生如何分析市场需求，如何跟随市场变动的脚步。同时还要培养学生的工作理念与服务精神，提高学生自身的节操与审美情趣，并在潜移默化中让学生形成“技术为设计服务”的思想，并让这种思想指导学生创作[2]。

4计算机网页设计课程教学模式的改革方案

改革教学理念

从严格意义上来讲，计算机网页设计可以分为两个阶段，一个是布局设计，另一个便是后台的程序编写，但随着多媒体技术的发展，计算机网页设计也需要与多媒体技术相结合，即朝着图文并茂的方向发展，市场对网页设计方案的要求也越来越高。网页设计的主要目标就是将颜色、字体、图片以及格式合理地组合，提升用户的视觉体验，还可以插入声音，给用户带来良好的声效体验，所以教师应提升学生的页面设计的布局与配色的能力。教师在讲课时，可以给学生10～15分钟的讨论时间，让学生谈谈对色彩搭配、整体风格以及图像的插入的想法，或引导学生对一些优秀的网页设计版面进行总结和分析，培养学生的分析能力，帮助学生不断超越自我[3]。

改革教学内容

教学内容是教师在上课时所要对学生讲授的知识，教学内容的精致程度对一堂课的质量有着重要的影响。如今，学生的合作实践能力与动手操作能力是人才选拔的重要条件。因此，教师在讲课时应以基础知识为主，并让学生动手操作，增强学生的.实践能力，并且适当启发学生进行深入探究，并不是一味将全部知识与操作技术全部强加给学生，使学生失去探索研究的兴趣，以至于学生最终对网页设计课程失去兴趣。教师在讲解的同时也要进行操作演示，加强学生对知识的理解与记忆。教学内容是教师教学中很重要的一部分，因此，改革教学内容是非常必要的[4]。

改革教学方法

教师受传统教学方法的影响，一直在课堂上占据着主导地位，导致课堂枯燥无趣，学生也慢慢地失去了学习的兴趣与动力。因此，为了树立学生的主体地位，提高学生的学习积极性，教师要改革和研究教学方法，师生情，一般是学生热爱学习的催化剂，所以，为了提升中学生的学生热情，教师在教学时可以拉近与学生的距离，使学生对教师产生好感，从而提升学生自身的学习积极性与主动性。在教学时，教师也要与时代接轨，采用多媒体设备进行教学，合理构建教学内容。而且多媒体集声音、动画、视频、图像为一体，能让学生深刻理解知识。另外，教师要有足够的耐心去解答学生的问题，使学生增强对学习的信心，并带动学习兴趣的增长。

改革课程考核方式

考核不仅是检验学生的学习成果，也是对教师的教学成果的一种考核。考核也是教育系统里最重要的组成部分之一，但是，关于计算机网页设计的考核，主要以考察为主，并不能真实准确反映学生的学习情况及学习能力。因此，在对学生网页设计与制作能力的考核中，应让学生发挥自身的审美情趣以及操作能力，并以网页页面的排版设计、整体的色彩搭配所产生的效果以及网页的主要设计内容为主要考核点。考查学生对知识的掌握情况的同时，也要统计与记录学生平时的上课状态以及出勤情况，将其也作为考核一部分，将二者的成绩总和作为学生期末时网页设计的最终成绩，以这个成绩来判断学生的学习情况和学习能力。教师参考学生的最终成绩以及这学期教学过程中出现的问题，对下一学期的教学内容和教学方法进行进一步改革，以保证教学效率[5]。由此可见，改革课程考核方式是非常有必要的，只有让现阶段的计算机网页设计具有更多的创新性设计和创新性理念，才能够更好拓展学生的视野，使网页设计课程变得具有实践意义。

5结语

以上是关于计算机网页设计课程的改革的想法，教师在网页设计课程的教学中，实践是非常重要的。教师在教学中要以培养学生的综合能力为主要教学目的，以学生综合发展为教学方向，及时解决教学中出现的问题，以促进计算机网页设计课程教育的发展。

参考文献

[1]张红军.计算机图像处理技术在网页设计中的运用[J].电子技术与软件工程,2014(9):11-18.

[2]袁琳.案例教学在计算机网页设计课中的应用[J].新西部,2014(3):109-111.

[3]罗显松.基于计算机图像处理的网页包装设计技术研究[J].中国包装工业,2014(4):123-128.

[4]黄婷,张玲.任务驱动法在公共选修课的教学应用——以网页设计与制作课程为例[J].西昌学院学报(自然科学版),2013(3):106-108.

[5]刘洪庆.构建高职《计算机网页设计》课程教学过程设计模式[J].中国校外教育(理论),2010(12):162.

网页设计与制作注意事项 当你在INTERNET这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的个人网页，不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件，又萌发了制作主页的念头，那么就应该注意网页设计时应考虑哪些方面的问题，包括网站功能和以及访问者需要什么。你的整个设计都应该围绕这些方面来进行。下面笔者就自己在实践操作中的使用体会来谈谈网页设计时应该考虑哪些问题，希望能给初建网站的用户带来一定的作用。 &dec 1、页面内容要新颖 &dec 网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象&def题材千篇一律，人人都是"软件下载"&def个个都有"网络导航"，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”&def又必须突出“新”，如能坚持天天更新的话&def我相信这样的网页一定会受到大家的欢迎。 &dec 2、命名要简洁 &dec 由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。 &dec 3、要及时更新 &dec 网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。 &dec 4、注意视觉效果 &dec 设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。 5、注意网站升级 &dec 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 &dec 6、内容要易读 &dec 网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着&def你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。 &dec 7、善用表格布局 &dec 不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。 &dec 8、少用特殊字体 &dec 虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。 &dec 9、多学习使用HTML &dec 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。 &dec 10、少用Java程序 &dec 不要使用大幅面的Java程序&def能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。 &dec 11、 少放网站地图 &dec 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 &dec 12、为图片附加注释文字 &dec 给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。 &dec 13、网站介绍 &dec 一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。 &dec 14、考虑浏览器兼容性 当然现在IE所占的市场份额越来越大，但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。 &dec 15、少用闪烁文字 &dec 有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。 16、多用导航按钮 &dec 应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。 &dec 17、避免长文本页面 &dec 在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。 &dec 18、 网页风格统一 &dec 你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。 &dec 19、动画少用 &dec 大家都喜欢用GIF动画来装饰网页，它的确很吸引人，但我们在选择时，是否能确定必须用GIF动画，如果答否，那么就选择静止的图片，因为它的容量要小得多。同样的尺寸的LOGO，GIF动画的容量有5K，而静止LOGO的只有3K。虽然只有2K之差，但多起来，就会影响下载的速度，所以，如果有些不是必须的，就选择最小的。 20、善用图像 &dec 用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。。 21、 导航要清晰 &dec 所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向 。 22、不能忽视错别字 &dec 一个好的网站对设计的每一个细节都不会放过，哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字，要时时刻刻保持一种严谨的科学态度。 &dec 23、少用框架 &dec 在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。 24、使用著名的插件 如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。 25、使网站具有交互功能 一个静态网页始终给人一种呆板的感觉，缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计，使得访问者能从网站上获得交互的信息，从而使访问者有一种参与网络建设的新鲜感和成就感。 26、测试网站 在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。 27、保证网页完整 在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果，呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。 28、中文网页的编码可设为GB2312（简体中文）或BIG5（繁体中文）或自动选择。若自动选择则需为每中文字间留一空白。否则在 Netscape 中不会折行。 29、不要每页都加上不同的背景音乐，除非你估计浏览者在这页逗留的时间比音乐长，否则浏览者会不耐烦等待音乐下载。解决方法是使用“隐 Frame”的方法，令几页或整个网站只播放一首音乐，这样不但避免每页都下载音乐，也不会出现断断续续的现象。 30、发布网站之前要检查所有档案的权限设定，虽然很多ISP都为你预先设定，当有写入及执行档案的时候，最好自已设定。权限的设定是否正确不光是网页是否能运行，还涉及安全问题。 31、在所见既所得的网页中不要按太多的空格和回车键，要控制文字物件的位置，宜采用其本身的参数或配合表格、清单和预设格式标记的使用。 32、重视每一页网页，凡每一页都当成首页来制作，为各页加上公司或个人名称、联络方法及适当的链接，因为你没办法确定每一个到访者都是从首页进入你的网站。 33、不要让你的一行或一段太长，特别是文字网页，不妨加上显眼的标题或适当的插图。 34、不要滥用计数器，不必每页都装上计数器，它不是网页必须元件。 35、公开网站之前先检查所有链接是否正常，很多网页编辑器的站点管理都有此功能，很方便查到。 36、若提供档案下载，请注明档案大小。通常访客需要估计下载时间。 37、不可使用特殊的字体，你可能访问者的系统没装这种字体，虽然浏览器会以宋体代替，但可能造成版面变形。 38、不要要求别人将你的主页加入收藏夹，假如你的写得好，别人自己会加入。 39、不要要求浏览者使用“IE”或“NC”，也不要注明“800x600”，因为只有你迁就浏览者才是正确的做法。可以检测当前浏览者的浏览器，自动调用相应的页面或程序。 &dec 40、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。