初步探索高职网页制作课程快速上手的教学模式

摘要：随着时代步伐在不断前进着，网页越来越受到大众青睐。它不仅局限于网络，有着更为广阔的市场发展前景，例如我们常见的淘宝网就需要大量的网页制作，许多职业院校的计算机专业都已纷纷开设该门课程，但大部分院校依然使用传统的教学方法，从而难以达到预期效果，且无法跳跃出展现自我的狭小空间。因此网页制作课程教学改革更值得我们去反思与改进。

关键词：网页制作；表现手法；教学方法；教学设计；反思与改进

中图分类号：G640文献标识码：A 文章编号：1003-2851(2011)06-0-01

随着网络的不断发展，网络购物或相关企业官方网页大面积扩散，它的产品成功销售不仅是产品的本身，也同时网页制作效果的一种体现，面对这种流行趋势，许多高等职业院校纷纷开设有关网页制作这门课，但很多学生在学习完该软件的操作之后，却无法应用的实际工作中。甚至有些学生可能会因此抱怨在学校教师任教该课程的教学方法。因为很多教师使用传统的教学方法，难以达到预期效果。面对这种现象，我们将从下面几个方面去浅谈网页制作课程的教学设计反思：

一、应用案例教学模式

通过在网页制作教学中应用案例教学模式，提出了在课堂中引入案例教学以及在实践中进行案例设计的方法，跳出传统的只教授软件应用的范畴，以市场上流行趋势为主题，因此，首先可以让学生用专业眼光审视作品及分析作品中的技术与设计思路，知道如何设计与制作两大核心问题。知道如何去做取长补短的模仿学习方式，逐步成为可以独立制作网页效果图。

二、如何进行教学设计改进

在课堂中，引导学生动手开创淘宝店面，并制作装修店铺的网页，并直接根据相关店面的特点进行页面分析、软件分析、在探索中边学软件基础，边进行快速的页面制作。下面我以一个女士服装店网页进行分析：

1.确定页面的主题定位，该页面属于女士服装店使用，且年龄阶段在15-30岁，卖淑女或休闲服饰，那么我们就可以确定，整体风格采用青春活泼。

2.网页配色很重要，网页颜色搭配得是否合理直接影响访问者的情绪。我们在设计一个页面尽量不要超过4种色彩，用太多的色彩让人迷失方向，没有侧重。在设计中不仅要结合人的个性与共性、心理与生理等各种因素，还要充分考虑到设计色彩的功能与作用。如食品类、餐饮等网页色彩适宜采用暖色系列；机械类网页可以考虑采用冷色系列；电子产品类可以选用偏冷的灰、黑系列；儿童相关类可以用色彩鲜艳对比强的色调。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。在这里我们采用的是色彩鲜艳对比强的色调。

3.使用软件进行制作，如在Photoshop软件中进行平面效果图的制作。

4.切片，这也是在网页制作中关键一步，如处理不细致，将为后面的工程带来重复修改的繁琐。为了打开网页时加快模版显示出来的速度，因此需要把效果图切成一小片一小片，分别上传到网络空间上，这样就可以快速打开网页，每个模版切片同时显示，大大减少了页面打开的时间，模板的切片，我们可以使用Photoshop自身携带的切片工具进行制作。切片的时候要注意，凡是需要后期任意添加文字或产品效果图的地方要单独切片出来。之后就保存为网页格式。

5.使用网页专用工具之一：用Dreamweaver进入软件的设计操作页面打开之前保存的网页格式，把后期要随意增加或删除图片或者文字的地方切片转换成表格。

6.当之前的步骤都完成之后，我们就可以进入到淘宝页面中的后台编辑，把之前的生成网页中的所有代码复制到淘宝编辑器。这个时候要注意把代码里面本地的链接地址换成 我们刚才把切片上传的图片相应的网络空间里面的地址，这步很关键，如不那样更换，会导致我们的网页不能正常预览。

总之，通过一个个教学真实又贴近学生生活的案例来培养学生的专业技能，提高素质教育质量，使之能真正走上工作岗位，是实行教学设计反思与改进的重要内容之一，也是思考的出发点。针对学生的实际所学的技能，从而制定出严格考核目标和计划，高度重视考核管理，可以经常举办技能创新大赛，以此更激发学生的学习热情。也是我们培养出能直接工作在生产、技术第一线的应用型、技能型高级人才的重要因素。

参考文献：

[1]王巍.图形艺术在网页设计中的应用[J].电影评介, 2007,(04).

[2]于吉震,杜立君,赵甫. 谈网页设计中技术和艺术的整合[J].电脑知识与技术(学术交流), 2007,(06).

[3]唐一鹏.美学原理在网页设计中的应用[J].福建信息技术教育, 2006,(01).

[4]罗艳.浅析网页设计中的网页配色[J].科技信息(学术研究), 2007,(20).

[5]林菡,张军. 优良的网页设计应该注意的几个要素[J].北京教育学院学报(自然科学版), 2007,(04).

[6]余露露,柯方明.网页设计中的视觉要素及排版[J].科技促进发展, 2007,(07).

[7]方宁，王英华.PhotohopCS3网页设计与配色实战功略.清华大学.2008，（11）.