网页设计报告范文

导语：如何才能写好一篇网页设计报告，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用asp进行网设计,包括新闻栏的创建和自动更新，以及公告栏的创建、使用和维护。通过本次设计，使我更加深入掌握了asp网设计的技巧。下面就是本人在本次实习后的心得。

asp是microsoft公司推出的一种用以取代通用网关接口的技术，英文全称active server pages。它是一个web服务器端的运行环境。asp本身包含了vbscript和javascript引擎，使得脚本可以直接嵌入html中。现将我们在asp运用过程中的几个小技巧与大家分享。

一、新闻栏

大多数网上有新闻栏，用以显示最近新闻的主题，点击此主题即可查看详细报道。倘若每天都一条条写在网上，再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢？

篇2

一、工作介绍

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+p排版，后台使用php技术进行开发，服务器平台采用，linu+apache+mysql+php，这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+p进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程

小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+p技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。

篇3

[关键词]网站建设与管理、网页设计师、活跃思维、提高学生自我能动意识

中图分类号：G642 文献标识码：A 文章编号：1009-914X（2016）04-0236-01

一、课题的提出

1.背景

十以来，我们国家对职业教育事业越来越重视，职业教学的改革步伐也在日渐加快，当前需要我们创造先进的、有效的经验来带动国家职业教育的创新发展。网页设计专业，在我们国家的网站建设与管理专业中发挥着举足轻重的作用，其作用发展历史长久，正处于稳步前进的上升期。

2.现状

网络发展飞快的今天，网页对于我们中职院校的学生来说很是熟悉，如“淘宝网站”、“京东网站”等等都是由网页组成的网站。伴随着历史进步的脚步、计算机技术的不断提高，人们对网站的要求不仅仅只满意于网页的简单操作，这就需要我们中职院校的教师能正确的培养出一批优秀的网页设计师。

3.基础

在学习《使用Photoshop设计网页》之前，学生已经在上一学期中学习了《使用Photoshop处理图形图像》、《计算机的基础课程》及《配色与布局》的课程，已经对网页设计有了基本的了解，本次课题的研究是让学生更好的掌握网页元素――“网页LOGO”和“网页按钮”的设计。

4.意义

学生通过使用Photoshop设计网页时，可以使学生们的头脑能够充分的发挥、活跃学生们的思维，设计出更好的作品。

二、理论依据

设置问题情境，是中职“做中学”的重要途径，不少教学实践表明，基于工作过程导向的教育是对学生专业能力培养的突破口。本课题借鉴姜大源的基于工作过程导向的课程开发方法的探索中的宝贵经验，着眼于中职网页设计专业学生实际出发，在工作项目的制定与实施上加以创新。

三、核心概念的界定

本课题是对我校高一年级“网页设计”专业学生进行研究，以现阶段的在校学生学习情况为出发点，研究我校学生在“网页设计”专业自我动手能力，分析原因，研究出在“网页设计”专业方面提高学生自我能动意识的办法，让学生能够更好的发挥自己的设计理念，使学生在“网页设计”专业方面达到学会制作，创新制作的程度。

四、研究目标

针对中职学生的实际情况，合理安排学生在“网页LOGO设计”和“网页按钮设计”方面的课程，做到有目的、有实效，以培养中职学生的综合能力为主要目标，制定有效的能力检测手册。

五、研究内容及对象

1. 研究内容

1）进行市场调研，确实掌握市场需要的人才所应具备的专业技能，明确专业定位与培养目标，撰写市场调研报告。

2）实施“网页设计”专业工作任务中需要具备的专业技能。

3）研究“网页设计”中“网页LOGO设计”工作岗位具体工作任务和工作项目。

4）研究“网页设计” 中 “网页按钮设计”工作岗位具体工作任务和工作项目。

2.研究对象

我校网站建设与管理专业一年级学生。

六、研究方法

1、实践研究法 2、调查研究法 3、文献资料法 4、案例分析法

七、研究的主要步骤和过程

1、准备阶段，认真选题，制定研究课题方案，确定课题的名称、课题研究的对象、研究方法、研究目标和研究任务，进行市场调研，编写市场调研报告。

2、实施阶段，根据网站建设与管理岗位学生的市场调研结果制定对策，制定科研项目实施方案及细则，编写《专业技能检测手册》。根据科研项目实施方案及细则付诸实践

3、总结阶段，研究总结阶段的主要任务是对研究实施阶段的成果进行综合分析总结，对研究过程中发现的问题进行反思，提出改进设想，为以后进一步研究做资料储备。

八、研究成果和结论

根据网页设计专业岗位的要求，我们制定了网页设计之“网页LOGO设计”和“网页按钮设计”研究课题，具体成果和结论如下：

（一）、网站建设与管理包括了2个典型的工作任务：

A.典型工作任务一：网页设计B.典型工作任务二：网络编辑

网页设计包括3个具体工作任务：

a）具体工作任务一：网页色彩与板式，b）具体工作任务二：网页图像处理，c）具体工作任务三网页动画制作，网络编辑包括3个具体工作任务：a）具体工作任务一：网页编排，b）具体工作任务二：布局美化页面c）具体工作任务三：网页特效制作

工作项目一：网页LOGO的设计，工作项目二：网页按钮设计

根据所编写的《专业技能检测手册》对学生进行考核，通过学生的考核结果了解学生对“网页LOGO的设计”和“网页按钮设计”掌握的很好。

（二）学生应该具备下列专业能力：

单项专业能力二：能熟练应用Photoshop软件进行网页图像处理

项目技能一：能熟练应用Photoshop软件制作网页LOGO

我以“宝马公司LOGO”的制作作为案例进行考核、分析、讲解

学生应该掌握以下4点的专业技能：

1）LOGO的简介：LOGO的书面翻译是作为标志的语句，标识语。在实际生活中，LOGO就是标志、徽标的意思。

2）LOGO的设计原则：符合企业的文化、精神、产品，应该具有较强的时代感，简洁易懂富有美感。

3）LOGO的表现形式：根据网页内容需要，确定LOGO的表现形式是图形方式、文字方式还是综合方式。

项目技能二：能熟练应用PS软件制作网页按钮

我以“Vista风格按钮”的制作作为案例进行考核、分析、讲解

学生应该掌握以下3点的专业技能：

1）按钮的简介：一个按钮至少应该具备两个条件：（1）代表了某种功能，并且通过某种形式将它所代表的功能表示出来；（2）人们通过这个按钮可以产生人机互动，来实现这个按钮所代表的功能。

2）按钮的表现形式：根据网页需求的按钮功能，确定按钮的表现形式是图形方式、文字方式还是动画方式。

3）按钮的设计原则：按钮是人机交互的纽带要醒目引人注意，按钮是人机互动的桥梁要准确反映功能，按钮不是独立存在的按钮的风格要与整体页面统一。

（三）根据岗位需求和国家职业鉴定标准，我们制定了网站建设与管理专业网页设计专题学生专业能力考核标准如下：

单项专业能力二：能熟练应用PS软件进行网页图像处理（满分100分）

考核项目一：设计网页LOGO（满分10分）

考核内容与要求：

①LOGO设计的准确性。（3分）② LOGO设计的独立性。（3分）③LOGO符合企业的文化、精神、产品。（4分）

考核项目二：设计网页按钮（满分10分）

考核内容与要求：①按钮表现形式凸显页面需求。（5分）②按钮的制作实用、符合按钮的设计原则。（5分）

九、存在的主要问题及今后的设想

1.存在的主要问题

在使用Photoshop设计网页元素的刚开始时期，学生常常会一次性形成一个或者多个创造思维方式，可是往往表现不出来，手与大脑的配合不能协调。

2.今后的设想

篇4

关键词：网页设计；人才培养目标；调研分析

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0144-02

网页设计专业的学生在就业时遭遇“学不会用”的尴尬处境，IT行业技术更新换代迅速的特性，与学校计算机教学滞后的现状，形成了强烈的反差。本文通过对网页设计行业岗位人才要求的调研，明确专业相对应的相关行业或企业相关产业发展现状的社会需求，并充分地了解行业人才需求与网页设计人才培养之间的关系，明确专业服务面向；对我校新的网页设计人才培养方案的制定有重要参考意义，为网页设计专业的理论和实践教学方式、方法以及实训基地的建设提供指导建议。以提高高职网页设计专业人才培养质量。

一、行业岗位分析

根据对沈阳、大连地区IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计岗位分为网页设计、网页制作、网站编辑、网站管理四大岗位群。分析各岗位群实际工作需求，网页设计主要是网站开发前期界面的平面图设计，它是一种审美活动，要求设计师具备较强的审美能力和美工功底以及图像处理工具的使用能力。网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射。一款功能强大、使用简单的软件往往可以起到事半功倍的效果，这就要求设计师具备网页制作的相关技能。网页制作方式有两种：“表格+切片”、基于Web标准的制作方式；后者是主流的网页制作技术。网站编辑主要负责网站内容的维护和管理，要求网站编辑人员具备文字编辑、网页基础知识及计算机操作能力。网站管理主要负责网站的日常维护、网站的改版等工作，要求网站管理人员具备较高的网页制作经验和管理能力。

二、调研的方法及内容

为了充分地了解IT行业对网页设计各岗位需求与高职人才培养之间的关系，与用人单位实现“零距离”对接，有针对性、实践性、先进性，从微观上、宏观上把握行业岗位用人单位的人才需求，本调研采用二类调研人群，从不同的角度看行业，看专业，分析人才培养。

（一）实习学生对用人单位的调研

10级网页设计专业148名学生实习期间，采用调查报告的形式，对他们所在实习单位进行调研，学生返校先行通过答辩汇报的形式之后再收集、整理和分析。本项调研包括三个方面：

1.实习单位情况。实习岗位与自己专业对口分析，包括岗位和专业知识、技能及素质要求等。

2.在校学习与企业实际岗位要求差距。包括自己所能胜任岗位分析、同事和领导对自己及学校的总体评价分析。

3.与同类学校毕业生比较的优劣势分析。

（二）专业教师对行业的调研

专业教师深入到辽宁地区IT企业，对从事网页设计各岗位进行调查分析，本项调研主要是调研人员通过走访、问卷调查、个别访谈、电话访谈、座谈会、查阅文献等方式，对生产型企业、服务型企业、政府机构与公共服务单位、网络产品生产企业和网络服务型企业五种类别的企事业单位进行调研，询问不同的企事业单位对网页设计人才、岗位技能的需求情况，从他们的角度来审视专业培养的要求或发现存在的问题。

三、行业岗位要求与我校人才培养对比分析

我校传统网页专业的人才培养目标是培养网页设计、制作和网站组建专业人才、掌握扎实网页设计基础和网站组建实践技能、能胜任网站组建、网站规划、网页设计等专业技术工作的德、智、体全面发展的高等技术应用型人才。从行业岗位调研的结果来看，网页设计人才的培养已面临着新形势的挑战，表现在市场对人才的需求从单一网页素材制作、静态网页设计向动态网站建设与维护技能全面性掌握转变等诸多方面。市场对人才的需求的不确定性很大，变化也很快，同时，我校实验实习环节薄弱、特别是教材与现实的严重脱节和滞后等问题都极大地制约了网页设计专业的建设和发展。

从毕业生总体就业情况看，虽然市场网页设计岗位人员需求很大，但实际学生的就业和工作并不如人意，尤其是真正从事到网站建设与维护工作中，发现所学知识的不够，究其原因很大程度上与培养目标的不清晰，岗位职业技能分析不细致有关。目标的不明确的原因也是多样的，一是对人才需求规格的把握程度低，市场调查不深入、不扎实；二是网站建设与维护发展过程中的计算机知识不断更新等诸多不确定因素；三是目标制定的随意性较大。目前的网页设计人才培养强于书本而弱于实务，缺乏必要的案例教学和实务操作能力的培养，尤其是实验、实训、实习环节的安排。实践教学基本停留在模拟阶段，不能与现实中的企业应用相结合，即便是在学校实验室可以进行基础训练的网页设计、网站建设等内容，由于课时，实验条件等原因，学生掌握的程度也不是很扎实。传统网络专业网页设计人才的培养这方面的局限性明显的表现出来，已经不能适应当前社会需求。

四、构建网页设计综合型培养模式

（一）明确人才培养目标

本专业培养适应社会与区域经济发展需要，德、智、体、美全面发展，熟悉网站的配色及制作流程，掌握网站设计与策划、网站的安全与服务器配置以及网站的搜索引擎优化技术；掌握动态网站编程技术，具有独立制作整站系统的能力，在企事业单位、网络公司、广告公司等IT行业从事网页设计、网站美工、各类网站的开发与维护等工作的网页设计师、高级技师和高级网站程序员。

（二）网页设计人才培养框架

根据人才培养目标，构建符合行业需求、突出职业能力的人才培养框架，网页设计人才的职业能力是由岗位能力要求、能力目标定位、职业技能体系和职业素养体系四个部分组成。以对学生素质教育和职业能力培养为主线，结合网页设计岗位群，构建我院网页设计人才培养体系，如图1所示。

（三）网页设计人才职业技能体系

1.分阶段网页设计知识技能体系

构建网页设计人才的知识技能体系，结合行业对网页设计毕业生的要求，建立以下三个培养阶段：初级网页设计师、中级网页设计师和高级网页设计师。各阶段需掌握的能力目标和知识目标见表1所示。

2.分阶段网页设计实践技能体系

实践技能体系分为校内实训和校外实践两个环节，建立网页设计人才核心课程的课程标准，实现理实一体化，以企业真实的项目为校内实训的训练目标，强化网页设计、美工、动画设计能力。在校内实训中注重与校外真实职业岗位的衔接。注重网页设计实际操作技能和职业素养，为校外实践做准备。

通过传统网页设计人才培养与行业人才需求对比研究，构建符合社会需要的综合型网络设计人才培养模式。注重本专业学生的创业能力培养和创业意识教育，通过职业技能体系的实施，使该专业学生毕业后能够很快适应市场需求，实现校企零距离。

参考文献：

[1]凌云.高职计算机专业教学引入项目教学法的实践[J].职业技术教育，2007，11.

[2]周林妹.基于项目学习模式的网页设计课程教学方法探讨[J].湖南医科大学学报：社会科学版，2009，11（3）：251-253.

篇5

《Web应用技术》是我校计算机科学与技术专业为大一学生开设的一门专业选修课程，本课程性质为纯实验课程，总学时32。其教学目标是给出一个网站的具体需求，要求学生通过对实际问题的分析，运用HTML、CSS、JavaScript等技术完成网站的设计及开发。使学生在掌握Web技术的同时进一步提高自学能力、分析问题能力。通过近几年教学情况总结及学生反馈，发现目前该课程存在以下问题：

1)在以往的教学活动中，授课教师是借助于某一个网页设计工具如DreamWeaver、Frontpage等完成网页设计各个知识点的讲解，这种教学方法对高职高专类院校的学生来讲，可能效果较好。因为最终学生掌握了某一个网页设计工具的使用。但是这种教学方式不利于我校本专业学生对后继课程如.NET应用程序设计、软件工程实践等课程的学习，因为仅仅通过一门开发工具去实现网页设计忽视了学生自写HTML、CSS、搭建网页设计框架等能力的培养。借助于某个工具，很多网页代码都是自动生成的，导致学生对网页代码理解就比较肤浅。

2)Web应用技术方面的教材市场上比较多，但是很多只是介绍网页设计工具的使用方法，比如网络三剑客Flash、Dreamweaver、Firework等，缺少系统全面讲解网站开发的步骤、思路及方法，没有通过一个完整的网页开发案例贯穿其中，有些书籍虽然带有网页设计的案例，但是很多涉及到数据库知识，对于还未接触到数据库设计的大一同学来说非常吃力。因此，目前需要编写介绍网页设计开发实例的教材，在这些教材的指导下，学生的网页设计能力能有所提高。

3)在以往教学任务中，该课程主要是完成一个“个人博客网站”的制作。随着网络技术及时展，博客已经慢慢淡出人们的视野。为了紧跟时展，同时也调动学生学习该课程的积极性，在保证网站的功能要求不变的前提下，需要适当调整网站所完成的内容，比如男生可以选择自己喜欢的游戏做一个游戏专题网站，女生可以选择喜欢的影星做一个专题网站等等。因此，鉴于目前现状，我们申请了学校的教育教学改革项目，对《Web应用技术》课程的教学内容、教学方式方法进行改革。并以资助资金为支撑，自行编写了《Web应用技术》实验指导书。并完成《CSS+DIV网页设计案例》教材初稿的编写，预计明年3月份由清华大学出版社出版。

2《Web应用技术》课程的教学改革

2.1教学内容的安排

在教学内容安排上，一方面要充分考虑到学生学生对后继课程的学习基础，另一方面教学内容也要与时俱进，考虑到学生毕业后的就业需求。因此，为了锻炼学生自写网页能力，我们要求必须使用文本编辑器（UltraEdit、Editplus、记事本）编写网页，不能使用网页制作工具如DreamWeaver、FrontPage等生成网页；同时为培养良好的编程风格及习惯，HTML文件的后缀必须为.html；CSS、JS代码尽量不要直接写在HTML文件中，作为独立的.css、.js外部文件引入HTML文件中。在实际教学过程中，以一个实际项目或类似项目贯穿其中，包括项目需求分析、主体框架搭建、各功能模块设计开发、网站整体测试、网站等步骤，变“因材施教”为“因需施教”，充分调动学生学习的主观能动性。

2.2教学方法的改进

1)采用任务驱动教学，注重自学能力培养在教学方法方面，采用学生自学为主、老师从旁指导为辅的方式。首先将整个网站设计任务进行分解，每个阶段有明确的任务要求，老师对其中的关键知识点首先进行讲解，积极为学生提供免费的学习资源平台如，并讲授查阅资料方法。然后让学生自行完成每个阶段任务，对于实践中普遍出现的问题，老师再统一讲解、更正。实现任务驱动与教学的统一。

2)提倡案例教学，提高学生学习兴趣在每次学习一个新的内容或者技术之前（比如CSS技术），教师提供相关的案例进行简单讲解，使学生掌握技术应用的关键点。先达到能比照葫芦画瓢的目的，然后再进一步加深考核要求。

2.3考核方式的改进

在考核方式上，改变以前以知识点考核为主的考核标准，改为以实践动手能力为主。取消笔试考试，并将期末考核和过程考核相结合。学生的最终成绩由平时考核（20%）、网站设计效果考核（70%）、网站设计报告考核（10%）三部分组成。平时成绩主要包括日常考勤、学习态度、实验效果等。将原来的10%增加到现在的20%，从而调动学生上课以及完成实验任务的积极性。

3结论

篇6

【关键词】网页设计与制作 教学目标 教学内容 教学方法

随着互联网的迅速发展与普及，越来越多的单位、部门以及个人利用网站进行信息的、互动和交流，当我们尽情享受网页的便利时，我们是否会赞叹精彩的网页是如何制作出来的？这是网页设计与制作课程的教学内容，是高职院校中的一门具有较强综合性、实践性的实用课程。通过本课程的学习，使学生掌握网站设计与制作的全过程，学会使用制作网页的软件，具备网站规划与建设的实践操作能力，能独立制作出具有专业水准的网站，达到知识和技能两方面的共同提高。

大部分学生对网络、网站和网页等概念都已有了初步认识，对自己动手设计网页，建立自己的个人网站有浓厚的学习兴趣。因此，借助良好的学习动机，寻求合适的课程优化方案，是帮助学生掌握好该门课程的关键。

一、高职《网页设计与制作》课程教学现状

《网页设计与制作》是我校计算机网络技术专业的一门重要基础课，它对培养学生的网站规划、静态网站设计、网站的与维护等专业能力和方法能力承载着巨大的重任。课程内容繁多，但易于理解、自学，实践性较强。目前，高职《网页设计与制作》课程教学大多仍采用“讲授为主”的教学现状，这种教学模式在实施过程中存在以下不足：

（1）教学内容偏多、零散，重知识、轻应用，导致学生眼高手低，做不出东西。虽然学生能熟练应用Dreamweaver软件，但是不能独立地进行网站的规划与建设。“重知识、轻应用”的模式直接导致“重技术、轻设计”，使得学生眼高手低，无法独立完成网站的设计与制作，与社会需求脱节，从而降低了课程的实用性。

（2）教学方法单一，无法满足不同水平学生的个性化需求。《网页设计与制作》课程一般在我校的大一下学期开设。对于这部分学生，其认知水平、学习风格和学习习惯已初步成形，课堂教学方法面对不同的教育对象都是“一视同仁”，难以满足不同水平学生的需求。

（3）教学模式以讲授为主，阻碍了学生的课堂自主活动。传统的教学模式中，教师是教学活动的主体，是知识的传授者，而学生则处于被动接受老师灌输知识的地位，缺乏自主活动，久而久之则会导致学生思维的依赖性，抑制学生自主学习和批判思维能力的发展。

（4）考核方式机械化，无法准确衡量学生的实际水平。传统的考核方式一律采用闭卷考试，而对这门实践性很强的课程来说，非常不适应，重视了学生对书本知识的记忆，缺忽略了对能力的考核，无法全面体现对课程知识的掌握程度和综合运用能力。

二、课程优化方案浅析

（一）优化教学目标

首先提出总体目标，培养学生的网站的规划、网页效果图的设计与制作、网站的设计、网站的与维护等专业能力和方法能力。使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。然后细化为素质目标、知识目标、能力目标。

（二）优化教学内容

该课程涉及的知识点比较广，目前主要以《网页设计与制作》作为教材，其内容包括网页设计软件Dreamweaver和图片处理软件Fireworks，如果按照教材设置的顺序分别讲解，所需课时远远不够，许多教学内容只能点到为止。

针对上述情况，根据教材特点，以知识点为突破口，以综合的案例为主线，具体内容如下：

Dreamweaver部分包括以下单元：基础知识部分;创建站点、页面编辑和超链接;页面布局;页面美化（CSS样式表设置）;

Fireworks部分主要包括Fireworks工具介绍、位图和矢量图形的区别以及利用Fireworks制作网页LOGO。

（三）优化教学方法

为了提高《网页设计与制作》课程的教学效果，我们采用了多媒体计算机教学方式，极大地激发了学生的学习兴趣，通过当堂演示网页效果，将传统教学活动中的被动学习变成有选择性的积极主动的学习，从而大大提高教学效率和教学效果。另外，在多年的教学过程中，摸索出了以下几种比较有效的教学方法。

案例教学法是一种启发性、实践性的教学方法。在整个教学过程中，教师扮演着导演的角色，从案例的挑选，问题的提出、讨论过程的控制到讨论结束的总结，都必须精心地安排。对网页案例的引用要自然.切入要平缓，这需要在筹备时精心构思案例的引入方式和引入时机。

分层次教学法是根据学生掌握水平的发展和学生对网页设计学习的信心、兴趣、智力水平以及内在潜力等一些软指标来区分学生层次，在不同的教学阶段给不同层次的学生在具体学习目标上提出不同的要求，能保持各层次学生学习网页设计的积极性，并在各自的基础上发挥特长，使基础的巩固和个性的发展达到和谐统一。

（四）优化考核方法

传统学生成绩评定主要包括：平时成绩、考试成绩。其中平时成绩已出勤情况、作业、课堂表现和实验为主，但在实际操作中，存在作业抄袭、实验报告拷贝等现象，无法对学生做出客观、公正的评价。为此，我们改变传统的成绩评定模式，加入成果汇报、小组讨论等作为评估项，从而使得对学生的评价更加客观、准确。

三、结束语

上述课程优化方法在实际教学中取得了很好的成绩，培养学生独立分析问题和解决问题的能力，提高学生的项目开发能力，大大改变了《网页设计与制作》课程的教学现状，取得了良好的教学效果。从而达到了使学生的职业能力和通用能力都有了不同程度增长的目的，为他们的就业打下了良好的基础。

参考文献：

[1]程伟.中职《JavaScript网页开发》课程教学研究[J].才智，2010，（16）.

[2]郑宇.Java语言成学设计课程教学改革和探索[J].计算机教育，2008，（8）：.

篇7

关键词：ASP动态网页；教学改革

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)11-2551-01

Essay Talking about "ASP Dynamic Webpage Design" Course Teaching Reform

SHAO Min-min

(Department of Electronic Computer, Tianshi College,Tianjin 301700, China)

Abstract：The "ASP Dynamic Webpage Design" is a very practical course.As the traditional way of teaching has many problems, this paper discusses the teaching reform from teaching content,teaching methods and testing methods.

Key words: ASP Dynamic Webpage; teaching reform

随着Internet和Web应用技术的迅猛发展，不管是政府、企事业单位还是个人都希望通过互联网来宣传自己，这就需要有网站作为支撑。由于静态网页缺乏交互性、更新困难已经不能满足社会的需求，因此动态网页设计成为当前网站设计的主流，因而需要大量从事网站建设和维护的技术应用性人才。为了满足社会需求，许多高职院校均开设了动态网页设计课程。由于我们学校为民办学院，学生基础比较差，因此我院开设了《ASP动态网页设计》这一门相对简单的课程作为学生学习动态网页设计的入门课程。我从2007年开始已经连续5年担任了该课程的理论教学及实训教学的工作，工作中积累了一些经验，该文主要谈谈我在教学工作中对《ASP动态网页设计》课程改革中的一些探索。

1课程简介

《ASP动态网页设计》是我院电子与计算机学院计算机网络专业的一门主干专业技术课，是实践性很强且面向实际应用的重要专业课，本门课程是培养学生动态网站开发能力的重要课程，并为学生今后从事网站设计和开发提供良好的基础。

2传统教学方法

传统的计算机课程教学一般是采取以教材为纲领，按部就班地按每一个章节授课，不管章节的知识点用不用得到都一一讲解。虽然在讲授过程中也是每一章对应一个小案例，但是这些案例是孤立的，没有任何联系的。这样导致学生学到的知识比较零碎，随着课程的深入，很多同学失去了兴趣和学习的动力，学完整门课程后很难将所学知识进行综合应用，无法开发出一个完整的动态网站。

3教学改革的具体措施

本院在教学过程中打破了以往的教学模式，使学生的积极性有了很大的提高，具体措施如下：

3.1教学内容的改革

由于课程学时有限，并且学生入学时基础比较差，因此在教学内容的选择上不再追求知识本身的全面化和细节化，而是以“理论够用”为原则，集中精力于本课程的核心知识点。另外在讲授时对教学内容进行模块化设置，对教材的内容进行有针对性的取舍或补充。比如我在教学过程中将课本分成5大模块：第一个模块是ASP基础；第二个模块是VBScript语言；第三大模块是ASP内置对象；第四个模块是用ADO操纵数据库；第五大模块是ASP综合应用。比如ASP一些不太常用的内置组件在开发实际项目过程中用的不是很多甚至用不到因此在教学内容上进行了舍弃，有兴趣的学生可在课后自学。HTML基础知识、数据库操作基础这些内容在上一学期开设的静态网页和数据库课程中学过了，由于学时少，也进行了舍弃，基础较差的学生可以课后复习。

3.2教学方法的改革

1)针对该课程的特点在教学中可以采用基于项目的教学模式，首先整个课程围绕一个购物网站的设计与实现展开，使学生有目的的学习。将整个网站的各个模块分散到各个章节，一方面讲授ASP动态网页设计中的知识点，使学生对每一章要掌握的知识点一目了然，另一方面通过案例式教学让学生不再感觉学习计算机知识枯燥无味，极大的提高了学生学习的兴趣。

2)加强课程设计环节，教学过后要安排一个课程设计环节，要求学生分组完成一个综合性的项目，不仅可以培养学生自主学习的能力，而且可以培养学生分析和解决实际问题的能力和培养团队精神以及合作交流的能力。在此阶段中，课程设计题目的选择非常重要，最好选择与我们生活密切相关的，比如说，“同学录系统”、“班级网站”、“新生报到系统”等。在课程设计完成后进行答辩，每组选一名同学展示自己的作品，让其他同学可以借鉴学习，并接受其他同学的点评。

3)建立《ASP动态网页设计》学习网站，把教学资料，如：课程标准、教案、ppt、经典案例、视频等教学资源上传到网上，学生可以通过网站进行进一步学习，同时学生可以利用网站的留言板和老师互动交流学习中遇到的问题。

3.3考核方式的改革

传统的考核方式一般采用笔试来考核学生对知识点的掌握，这对于《ASP动态网页设计》这样一门实践性很强的课程来说非常片面，不能全面真实地反映学生的学习水平。因此，该课程的考核方式可以由以下几部分组成：平时成绩，期末笔试成绩，课程设计成绩。平时成绩由学生的出勤、平时作业、课堂表现、上机实践环节等方面进行考核评价。期末笔试成绩考核学生对基本概念、基本理论、基本技能的掌握。课程设计考核主要考核学生综合运用所学知识开发实际项目的能力，根据学生所完成的项目情况、答辩表现及课程设计报告综合评分。平时成绩，期末笔试成绩，课程设计成绩比例分别为40%，20%，40%

4结束语

《ASP动态网页设计》是一门综合性和实践性很强的课程，只有不断调整教学内容、改进教学方法、改革考核方式，充分调动学生的学习积极性，最大限度的将知识传授给学生，才能取得良好的教学效果。

参考文献:

篇8

关键词：课程教学；教学改革；项目化教学

中图分类号：G434 文献标识码：A 文章编号：16727800（2013）009019802

作者简介：刘晓娟（1982-），女，硕士，宁夏工商职业技术学院信息技术系讲师，研究方向为动态网页开发、数据库应用。

1高职《动态网页设计》课程教学存在的问题

通过学生调查和企业调研发现，目前《动态网页设计》课程的教学中主要存在以下几个方面的问题：

（1）教学模式落后。目前，很多学校有关ASP《动态网页设计》课程教学还是沿用传统的教学模式，由教师先在多媒体教学环境下按照教材内容分章节讲授相关理论知识，然后布置相关实验内容让学生在机房进行上机实践。这种教学模式以教师讲授为主，学生只是对单个知识点进行学习，并且不能及时练习，学与做脱节，导致学生不能及时理解并掌握所学知识。随着课程教学的深入，学生的学习兴趣和积极性会逐渐降低，学完整门课程内容后很难综合应用所学知识完成某一个网站的动态网站开发。

（2）实践技能培养不足。《动态网页设计》课程实践性强，实践教学是本课程教学过程中的重头戏。目前，在实践教学中一般都是一名教师辅导三四十名学生，使得教师不能及时有效地解答学生的疑惑。在实践教学中学生完成相同的实验内容，学生相互拷贝作业、抄袭实验报告的现象时有发生。虽然教师也结合实际应用进行了实验内容的设计，但多数实验依然是对单个知识点的验证，学生只是机械地敲代码，不能灵活地应用知识。虽然通过设计应用型案例来培养学生的实践技能，但学生仍不能综合应用知识进行项目开发，学生的实践技能得不到充分训练。

（3）课程考核模式单一。目前，对计算机课程的考核主要有笔试和机试两种形式。笔试注重对理论知识的考核，机试注重对学生实践技能的考核。高职教育主要培养学生的技能，《动态网页设计》课程作为一门实践性技能训练课程，笔试形式的期末考试无法对学生的实际技能进行考核，且容易使学生形成“平时不学，考试突击”的心理。上机考试可以考核学生的实际操作技能，但要在两个小时内完成动态网页的设计制作难度较大。两种考核形式均不能全面考核学生对知识的掌握及应用情况。

（4）不重视职业素质的培养。高职教育不注重学生职业素质的培养，在有限的教学时间内，往往只注重学生网站开发技能的训练，而忽略了工作流程、文档撰写、沟通表达能力、团队协作能力等其它职业能力的培养。教学未与实际的网站开发流程相结合，或结合得不够紧密，学生在解决实际工作项目中的问题时没有头绪，不能明确地表达自己的想法，不熟悉需求分析报告、设计说明书等相关项目文档的内容和写作方法，导致需学习培训后才能承担相应工作。

2高职《动态网页设计》课程教学改革实践

项目式教学是指在建构主义指导下，以实际的工程项目为对象，师生通过共同实施一个“项目”工作而进行的教学活动，并以共同完成项目的情况来评价学生是否达到教学目的的一种教学方法。项目式教学注重的是学生的实践能力，通过学生与教师共同参与项目的过程，形成了以能力为本，以学生为中心的新的教学模式，从而全面提高学生分析、解决实际项目的能力。

在《动态网页设计》课程中基于实际网站开发流程实施项目教学，以克服课程教学中存在的问题，提高课堂教学的质量，培养学生的实践技能。主要在以下几个方面进行了课程教学改革。

2.1基于网站开发流程进行项目化教学设计，重组教学内容

以实际动态网站项目开发为主线，按照实际网站开发流程进行课程设计，重组教学内容。按照理论够用的原则，不再详细讲解单个的理论知识，而是将相关知识点融入到实际的动态网站项目开发过程中，使学生可以通过学习—应用—学习的方式来掌握所学的知识，进而提高学生的职业素养和实践能力。具体项目的选取可以在充分考虑学生具体情况的基础上选取学生熟悉的、感兴趣的、易于理解的实际应用项目，在任务、案例的设计上也要考虑学生的学习实际，教学过程的设计要在分析工作过程、理解任务实施方法的基础上展开。以项目“工资管理系统”为例，整个项目分为网站需求分析与设计、主页开发、注册与登录、后台管理模块的开发、主页及子页面的实现、网站测试与共6个模块，分析每个模块的主要任务，以及实现任务所需的知识点或技能点，得到如表1所示的课程设计模式。

2.2分阶段采用多种教学方法实施教学

课程教学分为项目教学和项目实战两个阶段。

项目教学阶段主要通过项目开发进行基础知识的学习。教学中先给出具体的网站开发项目，让学生分析网站的功能，在此基础上进行模块的划分，给出网站设计初步方案。通过静态网站的制作复习Dreamweaver网页设计知识，学习HTML语言，并分析静态网站的缺陷，提出动态网站的开发要求。以项目中某个模块的开发为例，在具体知识点的学习中，采用任务驱动和案例教学法进行教学，通过举一反三使学生掌握知识点的应用，再让学生对项目中的模块功能进行实现，培养学生的创新能力。最后整合模块，完成整个网站的开发。

完成教学项目的开发后，期末利用三周左右的时间进行项目实战，要求学生完成一个简单的动态网站，如新闻管理系统、学生管理系统、留言板、在线通讯录等，训练学生对所学知识的综合应用技能。此阶段可使用小组合作方式进行实施，小组成员在调研的基础上讨论并确定网站的功能，分工协作完成整个网站的开发。教师要给予技术指导，并引导学生自主查阅相关资料。

2.3改革考核方式，注重能力考核

课程考核分为平时成绩（30%）、作品设计（40%）和期末考试（30%）3个部分。

平时成绩主要考查学生平时上课过程中的项目完成情况。每次课程都有相应的项目任务，通过任务的完成在训练技能的同时理解和巩固理论知识及其应用。这些日常的积累是使综合技能得以提升的主要途径，将过程性考核纳入考核内容，在一定程度上使学生保持学习的积极性，达到技能训练的目的。

作品设计主要通过项目实战阶段项目的完成情况考查学生进行《动态网页设计》开发的综合技能。本课程教学的目的是使学生能够掌握动态网页的开发技能，而技能需要通过实际的项目开发来进行检验。期末利用近20学时进行实际网站项目的开发制作，要求学生完成一个简单的动态网站。将项目的完成情况作为课程考核的一部分，能够有效地激发学生学习的积极性和主动性，通过网站的开发制作可进一步提高学生的技能。项目的评比可采用项目展示、小组互评、教师评分等形式进行。

基础理论知识的掌握及应用是课程最基本的要求，通过笔试考查学生对基础理论知识的掌握及应用能力。试卷题型包括选择、填空、判断、程序填空等，内容包括各重要知识点。

采用这种课程考核方式，从基础理论知识的掌握和知识应用的实践能力两方面进行考核，更好地激发学生的学习兴趣，有利于学生实际技能的培养和课堂教学效果的提高。

2.4注重学生职业素质的培养

（1）熟悉实际工作流程。实际的网站开发一般要经过需求分析、网站总体设计、数据库设计、主页开发、功能模块设计、网站与测试6 个阶段，每一个阶段都有各自的操作规范，遵守这些操作规范会使开发更加快捷、方便、科学。按照实际的工作流程进行项目开发，能够更好地培养学生的职业素养，增强学生的社会适应能力。

（2）沟通能力和表达能力的培养。在实际网站开发过程中，既要与客户沟通以了解客户的真实需求也要与小组成员沟通拟定解决方案，这都需要有良好的表达沟通能力。通过对项目网站的需求分析和设计，模拟开发人员与客户的沟通过程，培养学生的文字表达能力和语言表达能力。

（3）学习能力的培养。《动态网页设计》是多门课程的综合性应用课程，在项目的设计开发过程中必然会遇到很多以前没有学过的知识，比如图片幻灯效果的实现、下拉式导航菜单的实现等，而课堂内并不能一一讲解，此时就需要学生自己去查阅相关资料进行学习。同时，要对项目实施效果提出明确要求，促使学生进行自主学习。

3结语

高职教育是以培养技能型人才为目标，基于网站开发流程进行《动态网页设计》课程的项目化教学，通过对《动态网页设计》课程教学内容、教学方法和考核方式的改革，让学生更好地掌握实际的网站开发流程，进一步提高学生的学习兴趣和动手操作能力，有利于提高学生解决实际问题的能力和职业发展能力，使学生能够胜任专业领域需求，为今后的实习与就业打下良好的基础。

参考文献：

[1]赵颖.项目驱动法在ASP《动态网页设计》教学中的应用[J].软件导刊，2012（7）.

篇9

关键词：网页设计与制作；教学做一体；项目导向；模块化设计

中图分类号：TP393.092-4；G712

随着Internet的发展促使网站及网页数量迅速增长，对网页设计、网站开发技术等方面有了更高的要求。从市场需求来看，企业需要大量的这方面的应用型人才。《网页设计与制作》课程是一门实用性强、发展迅速的课程。通过本课程的学习，使学生掌握网页制作的基本知识、网站设计的全过程。

1 当前《网页设计与制作》课程在教学中存在的问题

1.1 以知识体系而不是能力为重点的教学方法，与高职教育不相符

目前，我们采用的教材的内容都是为了配合理论讲解，按照知识体系的顺序进行组织和编排的。虽然在每个章节的后面都设计了与理论知识想对应的具体实例，但由于教师在教学过程中，往往都会按照教材所编排的顺序进行讲解，着重将知识介绍给学生，而不是将知识的实际应用方法教给学生，这与高职培养应用型人才的目标是不相符的。

1.2 教学内容陈旧，没有紧跟社会需求，与高职教育不相符

《网页设计与制作》课程旨在培养学生设计网页、制作网站方面的能力，同时，该课程还能给后续动态网页开发相关的课程提供一些帮助。目前，这门课程中的内容仅仅只是介绍了如何制作静态网页，而由于静态页面的交互性很低，早已不符合现在的需求。

1.3 理论教学与实践教学分开的教学模式，与高职教育不相符

传统《网页设计与制作》的教学模式是理论学习加上机实践的两段式教学，教室分为多媒体教室和计算机房。教学过程通常是教师在多媒体教室进行理论讲解、演示操作，在上机实训时，学生到机房进行操作实践。学生在多媒体教室里只能欣赏式地学习，往往只是模仿老师的实例进行操作。

2 “教、学、做”一体教学模式在《网页设计与制作》课程中的实施

通过对学生的《网页设计与制作》课程学习情况的调查与分析，结合相关工作岗位所需的知识与技能，对该课程进行“教、学、做”一体化的改革，改革主要从教学模式、教学内容和教学方法三个方面来实施。

2.1 创新教学模式

为了解决理论教学与实践教学脱节的问题，改变传统的实践教学滞后于理论教学的状况，引入全新的“教、学、做” 一体化的教学模式，是高职教育发展必然的选择。我们采用的一体化模块化教学是以培养职业能力为本位、教师为主导、学生为主体的教学改革，从教学实施性计划、课程标准、教材的选用、教案的编写、教学方式、教学手段、教学过程以及考核方式等方面都进行了一系列的改革。

首先，按照基于项目的任务驱动型教学方式、基于工作过程的教学方法以及基于一体化的教学模式组织课堂教学。课程教学以完成完整的网站项目为目的展开，模拟真实的工作环境实施课堂教学。在教学实施过程中，按照教学的要求将每个项目都分解成12个子项目，以完成子项目所需要的理论知识和实践技能来组织教学，形成相应的教学模块与单元，采用循序渐进、逐渐深入的方式一步步完成整个项目。同时，对每个教学模块和单元都设计了一个与教师同步完成的模仿型任务以及学生独立完成的开放型任务。其中，模仿型任务作为教学的载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中；开放性任务则作为教学的拓展，教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。如表1所示。

以第一个教学任务“认识网页”为例，首先通过完成模仿性任务“赏析江西旅游网主页”，让学生在教师的指导下，分析网页采用的布局结构、组成元素以及色彩搭配，并在分析过程中让学生了解与网页制作相关的概念和常用术语，之后便可以去完成开放性任务“赏析各类网站主页”了。将学生分组浏览指定的几个网站的首页，让学生自己去分析所浏览网页的布局结构、组成元素以及色彩搭配，并书写赏析报告交由教师进行点评。通过这种方式，将课堂教学以及技能训练分成了“教、学、做”三个阶段去逐步提升层次，符合职业技能的培养规律。

其次，实现了课程结构的模块化、课程内容的项目化、课程资源的的系列化以及技能培养的层次化。构建了以“网站开发工作过程”为导向的“模块式”课程结构，课程分为4个教学模块、12个教学项目。课程内容可根据工作岗位的需求以及教学的实际情况进行动态的调整，课程资源则根据网页制作技术的发展持续更新。

最后，采用了基于网络平台的开放式自主学习方式以及基于岗位需求的双证融通式分级考核方式。在校园网上架设了《网页设计与制作》课程的网络课程，让学生在课余的时间仍然可以非常方便的访问课程资源，提高学生自主学习的能力。同时，根据企业岗位技能需求，分级认证网页制作技能，课程考核与技能鉴定双证融通，课程标准与职业标准两者融合。

2.2 完善教学内容

改变传统的教学内容只涉及静态网页设计的不足，引入适量的动态服务器编程以及数据库等网页设计的相关内容。除了在课程中引入适量的动态网页相关知识以为，为了配合一体化教学我们在课程内容的选取上也做了很大的改革，严格依照职业性原则、实践性原则和开放性原则来选取课程内容。

2.3 改进教学方法

由传统的章节式讲解的教学方法向项目导向、模块分解以及任务驱动的教学方法转变。教学过程中所使用的网页都来自真实的网站项目，经过对项目的教学化处理，它们都较好的体现了学习内容的工学结合特征，使学生在有限的学习时间内，得到具有代表性网页设计与制作能力的培养，较好地满足工作岗位需要。

3 结束语

我们将“教、学做”一体的教学模式融入到《网页设计与制作》课程的教学过程中，打破了理论课、实践课的界限，将课程的理论教学、实践教学、实训操作融于一体，教学场所直接安排在一体化教室，师生相互交流，理论和实践交替进行，大大提高了学生的学习效率。同时，采用案例导向和任务驱动的教学方法，突出技术应用能力的培养和就业能力的训练，真正提高学生的专业技能，并在课程内容中加入了适量的动态服务器编程以及数据库等内容，使学生的知识结构、技术技能与企业岗位需求无缝对接，实现“零距离”就业。

参考文献：

[1]王珊.“网页设计与技术” 课程教学改革的研究与探索[J].科教文汇，2009-7.

篇10

当人们打开网页时，最先注意的是色彩，其次是图像，最后才是文字。设计出色彩和谐、均衡和重点突出的页面是吸引顾客的关键环节。1．3合理的页面布局通常情况下，人眼在网页上只有一个视觉优势区，这一区域能得到人眼最大概率的注意。因此，在网页设计中应将最希望客户了解的重点信息放在最佳视域。1．4简单方便越减少客户在浏览网页时的负担，对客户越具有吸引力。因此，在设计过程中应遵循减少繁琐、便于记忆的原则。

2淘宝网页设计存在的问题及改进措施

淘宝网淘宝网是亚太地区较大的网络零售商圈，截止2010年12月31日，淘宝网注册会员超3.7亿人；2011年交易额为6100.8亿元，占中国网购市场80%的份额。比2010年增长66%。2012年11月11日，淘宝单日交易额191亿元。作为中国网上零售的领跑者，进一步提升客户体验，并促进中国电子商务的成长，成为淘宝网的重要任务。淘宝网网页色彩搭配比较和谐、重点突出、版面设计比较合理，能够让人有轻松愉悦的购物旅程，但是仍存在一些不足之处。

2．1色彩

①淘宝网页采用的主色调是：黑白桔———桔色标题栏，白底，蓝色字体。整体颜色搭配合理，但是色彩的亮度及饱和度不高，给人一种陈旧的感觉，在淘宝网站看东西，网页产品、产品介绍字样的色彩都比较暗淡，给人一种山寨的感觉，相比较而言，聚美优品的网页产品、产品介绍字样的色彩相对都比较明亮，给人清新认真的感觉，映衬出聚美优品不卖假产品的理念，然人们放心。改进方法与建议：增加网页图片的饱和度和亮度，是网页产品图片看起来更清新明亮，给顾客以美好的视觉感受。②产品介绍字迹的颜色变化：当鼠标选中一个产品文字介绍的时候，产品文字介绍就会变成橙色，这种颜色不够宣明，需要人们集中更大的精力去收集这些信息。其次，如图所示凸显在图片之上的方框文字介绍有画蛇添足的嫌疑。改进方法与建议：a看这些颜色较浅的文字时需呀注意力很集中，将产品的文字介绍黑色字体加粗颜色加深，使之涵盖的信息易于被客户吸收，减少因读取信息而产生的视觉疲劳；b当鼠标放在文字上时，字体颜色变为深红色，相应的图片放大呈现在原图片的上方。

2．2视觉

淘宝网页上推荐产品时一个页面排布密集，展示的产品过多，也达不到所要想达到的目的。造成视觉盲区。改进方法与建议：产品排列不要过于密集，根据最佳视域的原理横排不应展示超过5个产品。

2．3页面布局

淘宝网网页布局页面下方经常太过拥挤，动态图片过多，另一方面淘宝内容较多、页面过长、推荐较多，容易使用户产生烦闷情绪，失去浏览网页内容的耐心。切换页面有两个，上下两个让人“目不暇接”，抓不住图片内容，容易让人烦躁。此外，网页不分人群、性别盲目提送，让不少顾客感到厌烦，抱怨电商智商不高，例如作为一个男生，一般情况下，对女性美容美妆用品不感兴趣，因此淘宝账户推送给该产品很不高明。改进方法与建议：采取切换页面一个，在图片上方设置有文字提示选项，电商可以自动向顾客展示，顾客也可以自行选择要看的内容，就像商场里需要服务员的时候她在，不需要的时候她也不会缠着你一样，没有绑架的推荐更容易让顾客欣然接受，交易完成的几率也就比较大。分类页面采取横排更加清晰整洁，更符合人人因工程视觉搜索的要求，字迹得得大小更符合人因工程的要求。下方空白处的图画更人亲切感，不会那么的枯燥。

2．4logo淘宝的logo

孤零零的，没有什么创意，也没有体现企业的精神文化。提起一个企业最想让人想起的就是代表品牌的主体和企业文化的logo。所以在logo上，笔者认为可以加入更多的公司文化成分，而淘宝logo在上面做的不够好，如下图淘宝logo与京东logo、唯品会logo就可以看出。现对于淘宝，京东和唯品会在各自的logo上添加了自己企业文化的精髓，扩大了品牌在消费者中间的宣传，明确了企业产品的特色，抓住了消费者的第一印象。改进方法与建议：设计如下图1所示为改进的淘宝logo示例。

3结语