网站设计要点范文

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

篇1

【关键词】微商城；设计

中图分类号：J04 文献标志码：A 文章编号：1007-0125（2017）11-0200-01

随着新媒体网络科技的快速发展，人们越来越喜爱网上购物，而顾客对网上购物的诉求也从最初的单纯追求低价格上升到追求完美、个性化、甚至与线下购物趋同的购物体验。

一、现有购物网站界面及购物流程设计分析

对现有购物网站的用户体验分析从网站的架构设计、购物流程设计、界面视觉设计三个方面展开。

良仓是一个主推设计精良的商品，面向具有一定消费能力并追求高品质生活的消费人群的网站。良仓的整体架构分为三级页面，首页、商品分类页与购买页。在商品分类中，良仓的分类是比较细致的，良仓的首页有一些专题推荐，推荐的内容往往是与节日、季节相关。而良仓的一级分类除了商品之外，还有杂志，分享和达人分类，在杂志的分类下有一些分享新鲜事物的文章，分享的内容包括时尚、文化、数码等。在这其中还有一个清单分类，类似于淘宝的特色专题，而两者相比较良仓的清单命名更具文化性。个人认为这个清单的实用性还是较高的，现代人每天的生活都很疲惫，整天处于一个压力大的环境中，没有耐心去看复杂的事物，很多人更愿意去看整理归纳好的物品。

良仓的购物流程设计首先是消费者选定商品，可选择购买颜色与数量，选定商品后可选择立即购买或是加入购物车，选择购买后进入确认订单页面，此页面为购买信息界面；提交订单后出现选择付款方式页面，确认付款后系统自动转换到第三方网站进行付款完成交易。就购物体验及服务来说，良仓在整个网站上只有一个在线客服及客服电话，而淘宝每一个店铺都配有客服，在看了一些市场调研后，发现良仓的售后做得很不全面，无法直接在订单中追踪物流去向，也没有消息发送到消费者的手机上告知订单进程，因此很多消费者认为淘宝购物体验比良仓更好。

良仓整体的界面风格是以简洁为主，整个界面的版块都是在框架中，使界面显得很规矩，整体的大色调采用了黑白灰三色，而为了使版面不会太过于无趣，在广告和促销的版块又使用了彩色纯色背景，色彩的饱和度并不高，与整个画面的黑白灰三色搭配起来显得很雅致。界面的内容则主要是以图片为主，整个界面除了广告和促销图片上的文字再无其他多余的文字，商品详情与价格则在移动到商品上时才显现。网站界面并没有太突出的图标，都是网站常见的一些图标，但值得注意的是商品图片右下角出现的促销与活动图标，设计都是由良仓logo演变而来。

整体来说，良仓整个的界面还是充满了设计感，精致又不沉闷，很符合网站的定位。

二、云向南微商城设计思路

云向南微商城是一个主打云南本地特色食品及进口食品的购物网站。市场定位是面向中等收入水平并且对生活品质有一定追求的人群，应根据市场定位及消费者喜好来进行网站架构设计分析。网站的大体设计风格理念与良仓相似。

在架构设计上，云向南微商城的大体构架也分为三级页面，首页除去放登陆、注册、广告、推荐商品此类网站基本的版块之外，还增加了吸引消费者购买的促销版块与更好地帮助消费者挑选的特色专题版块，通过市场调研结果，专题与促销版块能有效地提高消费者的购买欲。首页的搜索框应放在显眼易见的地方。二级界面则包含商品详细分类、推荐商品以及符合条件商品筛选与商品按条件排序。符合条件商品筛选功能是在购买时可将该类别下所有的商品按照价格、品牌、作用等条件来进行筛选，能帮助消费者更快地找到想要的商品，而推荐商品则是网站根据用户所浏览商品来给用户推荐同类商品。三级界面则是商品详情与购买页。此外还应在网站每个界面都提供在线客服的小窗，使消费者在购物出现问题时随时都能与网站沟通。

篇2

购买推荐

图书分析师庞敏丽认为该书书从网站设计最基本的内容一步一步地讲解设计理论、设计组成、设计方法，引导进行设计规划和制作，分析色彩规律，指导色彩实战应用，讲述设计心理学、用户体验，全面、完善、系统地讲述网站设计与网页配色。

通过对生意宝旗下比购宝(Boogle.cn)——“网络购物第一站”收录的博库书城、淘宝网、京东商城、亚马逊、当当网、拍拍网、文轩网、中国互动出版网、99网上书城等众多含图书销售的网站，价格搜索显示，目前，当当网该书为最低价，推荐购买。

目录

1　网页设计概述

1.1网页设计基础知识

1.1.1网页设计的概念

1.1.2网页设计的定位

1.1.3网页设计所属的范畴

1.1.4网页设计的准则

1.2用户的阅读习惯

1.2.1人机交互的概念

1.2.2用户习惯分析

1.2.3易用性设计

1.3网站类型

1.3.1综合(门户)类网站

1.3.2新闻类网站

1.3.3交易类网站

1.3.4 IT类网站

1.3.5教育类网站

1.3.6生活娱乐类网站

1.3.7政府类网站

1.3.8个人类网站

1.3.9功能型网站

1.3.1 0其他行业类网站

1.4网络的特点

1.4.1信息的开放性

1.4.2信息的互动性

1.4.3信息的不稳定性

1.4.4网络时代性

1.4.5信息传播的迅速性

1.5网页设计方法分析

1.5.1栏目划分法

1.5.2网格划分法

1.5.3色彩定位法

1.5.4 Lo90弓1导法

1.6网页设计实践分析

1.6.1联合利华网站设计方案分析

1.6.2西部数据色彩设计网站方案分析

2　网页制作的基本流程

2.1网站资料整理

2.1.1文字资料归纳整理分类

2.1.2图片资料整理筛选分类

2.1.3视频素材筛选

2.1.4 Flash动画

2.2准备素材(使素材符合网页设计需求)

2.2.1准备图片素材

2.2.2文字再编辑，提取要点，总结标题

2.2.3视频素材的剪辑及压缩处理

2.3网站结构划分

(网站脚本编刨)

2.3.1根据素材分析网站结构

2.3.2提取分类列出栏目

2.3.3栏目下子栏目划分

2.4网站风格定位—一风格设计

2 4.1分析网站的主题定位——网站主基调

2 4.2风格的统一与变化

……

3　网页设计的理念

4　网页设计页面布局

5　新型网站设计

6　色彩基础知识

篇3

关键词：人体工程学；网站；人性化

中图分类号：TB47

人体工程学是一门“研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素；研究人和机器及环境的相互作用；研究人在工作中、家庭生活中和休假时怎样统一考虑工作效率、人的健康、安全和舒适等问题的科学”。人体工程学联系到网站设计，其含义为：以人为主体，运用人体计测、生理、心理计测等手段和方法，研究人体结构功能、心理、力学等方面与浏览网页之间的合理协调关系，以适合人的身心活动要求，取得最佳的浏览效能，其目标应是便捷、高效、有趣和舒适。

1 清晰的导航

网站设计首先是导航设计。尤其是在WEB这样一个平面化的虚拟世界里，能够为用户展现一个清晰的导航是网站设计的基本要点。从人体工程学中可以了解到，在特定的环境中，人的生理和心理对于位置的敏感程度非常的高。人的大脑会不自觉的发出一种讯息：我在哪儿，我想要去哪儿，怎么去，要多久才能到。

1.1 类别导航。所谓类别导航，就是将网站的内容进行分类，设计者通过导航菜单的形式事先为用户将信息归类放好，并提取内容的唯一识别信息的缩略语作为导航按钮。此类导航一般很少考虑用户的感受，只是简单地将需要展示的内容通过类别的不同进行拆分，如企业网站和电商网站等都是通过业务或者产品进行分类导航的。这类导航的设计技巧是使用的词语要非常准确，类别划分要合理，级别要精简（注意三点击原则），需要保留一定程度的可扩展性。

1.2 内容导航。所谓内容导航，就是在分类的基础上将内容信息更多的进行展现。例如新浪、搜狐等信息门户，如同电子版的报纸一样，将所有新鲜出炉的内容以摘要的形式平铺出来提供用户浏览，在内容标题上会更加突出，文字更加精炼，词语更加犀利。此类导航虽然脱离了传统意义上的形式，但是精髓还在。

1.3 引导定位。所谓引导定位，就是像GPS一样为用户提供精准的定位服务和路径到达服务。在用户浏览网页时，访问路径都是单向前进或后退的，一旦中间有跳跃式访问，就会很容易使用户迷失方向。这个就像是在大型游乐场，每个娱乐项目的附近都会有地图标明，当前位置和方位，并提供去往其他项目的路径。“面包屑”就是一个很好地技巧，灵活的运用好会对网站有很到帮助。

2 信息的展示

信息的展示是网站的主要目的。无论导航设计的如何精致，如何细微，都是为了要展示信息。

2.1 主次分明。在网页设计中，设计者经常对信息的展示不够重视，在制作上一代而过，草草了事，并可以堂而皇之的将罪过嫁祸给甲方（资料提供），用句时髦的语言就是“外貌协会”。其实在信息化、现代化的今天，快节奏的生活已然开始潜移默化的改变着人的某些习惯，通过不断深入研究人的视觉感官和心理活动发现，人们变得注重信息的获取更便捷，更有效。这就需要设计者对资料进行重新包装，做到主次分明，有理有据。能体现主要信息的不仅仅是文字，还有图片，一张好的图片可以一下抓住用户的眼球并提供相关的重要信息，再配合文字的点缀，很大程度上满足了现代人的需要，所以请设计者们抛弃堆砌的文章吧。

2.2 加强关联性。有点类似于捆绑式销售模式，首先要让用户能够很快的找到他最想要的东西，找到之后干什么呢？直接让用户悄然的离开吗？答案是不。从对人的心理活动的监测和研究表明，这时的用户还可能对其他类似的或相关的事物感兴趣。从网站设计上来讲，就是不要让网页信息孤立起来，要存在某种联系，这或许可以让用户获取更多的信息，更长的逗留时间。设计者在网站设计时应当更多的站在用户的角度考虑，将网站的信息有机的、紧密的结合起来，做到引人入胜。

3 有趣的互动模式

网站的发展趋势是越来越不像网站，而是像一个工具，像一个助手，像一个朋友，像一个乐园。

3.1 搜索。人们为什么会经常访问门户网站，搜索网站？因为门户网站大量聚合各类信息，提供用户浏览的足量内容，规模大、内容全、信息奇、有权威。而搜索网站呢，一问多答的形式为用户提供了各种疑难问题的解答，既满足了用户的实际困难，同时也可以为别人提供解答服务，做到互帮互助。作为中小型网站的设计者，除了将网站设计的别致、专业外，还可以尽量满足用户的喜好，一个是通过关键字，另一个是通过常见问题解答。通过对人的行为和思维的研究，如果将答案明明白白的摆在那里，它是不会引人注意的，而通过某种情节和问答等模式重新设计，则会起到推波助澜的作用，使人的记忆更深刻。

3.2 沟通。网站是人与信息沟通的桥梁，就像婚介所一样，服务的唯一目的就是找到你想要的。网站除了罗列信息以外，还配套提供多种互动平台。例如，现在流行的微信、微博，常用的有在线问答、QQ、邮件、电话等多种方式，沟通效果也大不一样。例如，在线问答，业务员能够回答的问题基本上都是网站已有的信息，作用非常有限。设计者在设计网站时除了外观设计，应将更多的注意力停留在内容上，因为内容才是灵魂，而不是托儿。要让用户在和网站进行沟通互动时觉得亲切，舒适，甚至是有趣。除了操作上的细节外，更应该注意内容的准确性，权威性和时效性。

4 网站辅助实用技巧

用户在访问网站时，屏幕是固定大小的，然而内容却是长短不一，宽窄不同的，要通过一些实用的网页功能来化解用户的操作困难。

4.1 自动适应。屏幕的自适应一直是被网站设计者所忽视的，随着显示器尺寸的不断升级，网站对屏幕自适应大小已变成很实用的功能。如果网站做的不够大，内容就会看不清，而网站做的太大了，又会出现滚动条，严重影响用户操作体验。在为网站增加自适应功能的同时也应考虑字体的自适应，让字体随着网站体量的变化而自动适应，始终保持文字清晰可辨。

4.2 返回顶部。随着网站内容的扁平化，一页内容通常会分几屏显示，更有甚者采用瀑布流技术，更使得页面长度无法预计。使用返回顶部或者采用固定悬停导航功能可以大大方便用户操作，给人以友好的体验。有时候屏幕拉的过长，会给用户产生不安全感，一旦出现误操作，想重新找到刚才的位置就非常难了。

4.3 图片优化。图片是展示信息的绝佳载体，设计者要大胆的使用图片，但图片的制作和维护也是相当复杂的事情。首先要将精美的图片放在最醒目的位置，配套图片则可以不那么明显。研究表明，人的视觉会注意突出的部分，对比反差大的部分，所以柔化图片背景，突出主体，适当的剪裁可以给人更多的联想和扩展空间，直白的图片始终是乏味的，要简单，要强烈，要有冲击性。

5 结束语

通过对人体结构、生理、心理的深入研究和实践总结，要不断探索和挖掘人的潜力，不仅要顺应用户的习惯，还要改进用户的习惯，给予用户不一样的体验。网站是沟通的载体，是展示的平台，设计者要充分考虑人的感受，将这份对工作的热爱和执着融入到网站设计中去，通过人性化的设计和实用技巧提高用户的关注度的持久度，将用户带到你的世界中。希望本文可以提供网站设计者们一些灵感和思路，共同探讨，互相进步，不断推动网站事业向人文方向迈进。

参考文献：

[1]王鑫，杨西文，杨卫波.中国高等院校“十二五”精品课程规划教材―人体工程学[M].北京：中国青年出版社，2013（1）.

[2]范圣玺，著.行为与认知的设计[M].北京：中国电力出版社，2009（1）.

[3]（美）堆克曼，（美）斯普乌尔，著.网站设计解构：有效的交互设计框架和模式[M].北京：人民邮电出版社，2012（1）.

篇4

关键词：企业；网站建设；模式；电子商务

1企业网站建设的主要内容和必要性分析

1.1企业网站建设的主要内容

企业网站建设包括企业网站需求分析、企业网站设计、企业网站后期维护、企业网站内容填充以及网站模式功能更新等部分的内容。其中企业网站需求分析和设计是非常重要的前期工作，其工作的质量程度直接决定了网站的功能定位、建设目的、建设规范、建设成本等一些列重要问题，而网站后期维护则是基于网站基本架构进行网站数据和功能维护的一个阶段，该阶段贯穿于企业网站运行的始终，是企业网站稳定性以及功能持续性的重要基础；网站内容填充则是在网站的基本结构上进行相关内容的充实的一个过程，是丰富网站功能内涵的主要手段，该阶段的有效性决定了网站功能的发挥；网站模式功能更新则是利用现有的技术手段进行网站大规模的升级换代的一个过程，是适应技术手段优化网站建设的一个过程，相对而言该阶段在企业网站建设发展过程中的作用相对简单。

1.2企业网站建设必要性分析

企业网站建设是非常必要的，通常企业网站承载了企业形象展示、企业信息宣传、业务电子化建设、企业客户服务、拓展企业内部信息交流的重要平台功能。随着技术手段的不断发展以及企业网站功能的多元化扩充，企业网站的功能从最初的信息逐渐向着运营模式的更新、企业电子化业务的拓新以及内容建设高于技术建设等方向进行发展。另外，移动互联技术以及物联网技术的发展，使得企业网站建设接口丰富度、功能多元化等方面又有了新的方向。总之，企业网站建设是依托于计算机信息技术，利用先进的电子商务手段进行企业管理和宣传的重要手段，并且处于不断更新和发展的过程中，是未来企业提升业务服务的重要领域。

2常见的企业网站建设模式分析

2.1按照企业网站建设过程分析

2.1.1个性化功能的网站建设。个性化功能的企业网站建设是指专业的网站设计和运营团队根据企业的实际需求进行企业网站建设的一种模式，一般而言，这种模式的建站过程能够较好地保障网站的功能性、人机交互性以及后期网站维护的便捷性、功能与平台的灵活性能够得到最大化的发挥，同时也有较好的安全性，但是其运营成本和建设费用是较高的，是大中型企业常见的企业网站建设采用的一种模式。2.1.2利用开源框架或者是开源项目进行相对灵活的企业网站构建。一些企业为了节约企业运营成本，往往将一些著名的开源项目进行“拿来”应用，从而构建自身的企业网站。这种模式的企业网站建设模式，系统的灵活性和功能的丰富程度完全依赖于开源项目的灵活程度，随着一些开源技术的发展，在功能可定制方面以及功能“可拔插”方面都有了长足的进步，同时维护成本也相对较低，网站的编码质量以及安全性也有着一定的保障，总之也是中小企业进行企业网站建设的常见模式。除此之外，还有一种完全低门槛、低技术要求的一种傻瓜式建站方法，即利用现有的平台系统进行企业网站的建设，受到网站平台限制、数据功能限制，其灵活性最差，是小微型企业和个人用户建站常常选择的一种建设模式，不利于企业电子商务业务发展。

2.2按照网站建设功能定位分析

受到企业网站功能定位和需求分析阶段的设计要求，企业网站建设还可以从内容方面进行划分，常见的划分模式包括宣传类型、业务类型以及综合类型三个方面。其中宣传类型的主要是对企业组织架构、产品说明、业务模式进行介绍的一种模式，通常对于接口兼容性、用户交互性方面的功能要求相对较低，但是用户体验度方面以及网站的宣传信息表达有效性方面要求则有着更高的标准；而业务类型则是企业利用电子信息手段在企业网站平台上进行某一项（或者多项）企业业务的具体操作过程，该网站建设模式对于交互性、平台兼容性要求相对较高，同时用户体验度方面也有一定的要求，因此这种模式的企业网站建设复杂性相对较高，成本也较大；随着技术手段的更新以及企业网站多元化的发展，企业网站综合类型建设模式逐渐成为趋势，这种企业网站建设模式一方面突出了企业宣传、信息表达的功能需求，同时对于企业网站所承载的业务模式功能也有一定的体现，实现了企业信息表达和业务实现的高度集中，企业应根据自身发展的实际情况进行企业网站建设的合理化选择。

3优化企业网站建设的意见

3.1应加强企业网站设计

企业网站设计是网站功能定位、后期维护的重要基础，是企业网站建设的关键环节，因此加强企业网站设计具有非常重要的意义。文章建议企业网站设计应从技术应用、功能设计、平台兼容性以及网站升级设计方面进行加强，技术应用方面推荐使用常见的网站开发技术，例如Javaweb建站技术、PHP建站技术等主流的技术应用，利用相对成熟以及流行的开发技术能够在网站稳定性技术安全性方面有较好的保障；而功能设计则是通过企业代表和网站开发团队的高度协作实现企业网站在功能性方面灵活性和丰富度方面的要求；平台兼容性设计则是依据当前移动端、PC端、物联网端等多元化的平台应用协调数据在各个平台显示、功能体现方面的要求，网站升级设计方面则是根据用户和业务发展的需求进行功能模块或者是网站技术的更新等。由此可见，加强企业网站设计对于优化企业网站建设具有非常重要的意义。

3.2提升企业网站内容填充

一些企业网站从建站之初的内容填充到后续内容更新和维护工作缺乏，使得企业网站功能发挥的有效性大打折扣，甚至于“僵尸”网站（指不进行数据维护的网站站点）现象也大量出现在企业网站发展建设过程中，这在如今信息技术蓬勃发展的进行是非常不适应的。因此，搞好企业网站内容填充，通过日常性和周期性的信息表述填充工作实现企业网站信息实时化、动态化发展是非常关键的，一方面企业网站应派专人进行网站信息的更新，将最新的企业动态、企业资料进行不断更新，另一方面对于企业产品方面和用户服务方面应按照网站设计要求进行有效的填充和应用，使得企业网站与企业生产产品能够同步发展。如果说企业网站的建设是构建企业信息平台的“骨架”，那么在企业网站中进行内容填充则是不断丰盈其“骨架”的一个过程，对于企业网站发展建设具有非常重要的意义。

4结束语

企业网站承载了企业资料宣传、产品和服务介绍、电子商务业务应用、用户服务的升级换代等各种功能，为了有效发挥企业网站的功能，文章从企业网站建设的角度进行了详细的探讨，首先文章简要的介绍了企业网站的主要内容，并对企业网站建设的必要性进行了分析，其次介绍了企业网站常见的建设模式，最后根据企业网站建设发展要求给出了优化企业网站建设的简单建议，为更好建设企业网站、发展企业网站提供参考意见。

参考文献

[1]刘青华，梁秀秀，任宁宁，等.小微餐饮企业网站建设模式及其应用研究[J].电子商务，2015，05：47-48.

[2]宋晓娟.中国三种典型电子社区建设模式比较研究[D].吉林大学，2015.

[3]吴昊宇.博尚优品网络营销现状及对策研究[D].湖南农业大学，2014.

[4]甘雪松.关于农村电子商务网站建设模式的思索[J].电子商务，2013，03：40+45.

[5]刘楠.浅析科技型中小企业网站建设之要点[J].河南科技，2013，02：222-223.

[6]郦丽.基于效益分析的中小企业电子商务网站建设模式选择研究[J].电子商务，2013，10：43+49.

篇5

关键词：网络运营心理学；网站优化；教学设计

中图分类号：TP393.092

儿童智能开发网站是一个以培养0-12岁儿童智能的公益类网站，通过设计合理的教学内容并选择恰当的教学策略，免费向家长传播正确的儿童智能开发理念和科学知识、开发技巧，并有偿提供儿童保健专家的一对一服务及儿童智能开发相关的教学资源、玩具和设备。

1 基于用户心理的网站设计

1.1 界面设计

人机界面友好需要具有以下特征：美观、易懂、易操作、具有引导用户的功能，提高用户的操作效率。“置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性”是界面设计的根本。在界面设计中要考虑用户的心理因素包括色彩搭配、阅读模式、喘息机会。其中阅读模式的研究逐步演化成视觉传达设计研究，它主要利用格式塔心理学的知识指导网页视觉流程原理的研究，文字编排、图形图像创意设计、版式设计、色彩搭配和多媒体元素的选择等网页视觉设计实践。

1.2 交互设计

交互设计往往从用户如何解读设计信息，用户认识事物的一般规律的角度来关注用户体验。交互设计的对策包括删除干扰元素、有序组织交互元素、简化用户操作等。

1.3 网站的内容

内容建设需深刻了解目标用户群体特征及需求，才能够给用户提供有价值的信息。内容的组织也应从不同用户对信息的不同需求出发，用符合用户的思维方式、科学合理的方法来组织信息。

1.4 网站的服务

用户对服务的质量可以细分为安全性、便利性、沟通性和互动性。安全包括个人信息、资金、支付等方面的安全。（1）提供个性化的服务；（2）基于用户心理的销售服务，在销售活动中，采用权威策略、社会认同策略、免费策略、对比原理和稀缺性原理等，通过对用户的暗示，刺激用户进行销售活动。

2 基于搜索引擎优化的网站设计

在整个网站策划设计过程中，要拥有一个好域名，充裕的网站空间并对网站栏目进行优化；在网站设计与开发过程中，考虑界面、代码及标签、导航、网站内容、链接等进行优化；在网站推广阶段，统计分析搜索引擎优化的数据，结合网站特点及不同阶段的目标，对搜索引擎手段进行适当调整。引擎优化的方法和策略具体包括核心策略―关键词、页面减肥、高质量的链接等。

3 基于商业运作的网站推广和营销活动设计

根据网站推广的工具和资源，可将网站推广分为搜索引擎推广等。网站推广策略包括免费推广和付费推广相结合、线上推广和线下推广相结合、常态推广和主题促销相结合、专业内容建设与网址推广相结合、网络营销和实体店面相结合等。网站的营销活动是根据消费者的特点展开的，做好活动的策划、营销及服务三项工作是关键。营销活动开展的原则是产品定制化，价格柔性化、消费者与网站双向互动化、服务人性化，交易安全化。

4 网站设计的组合策略

网站运营策略需要依据网站内容定位来选择。例如，在知识内容建设型网站中以教学设计理论为指导进行栏目、内容设计、教学策略设计；功能设计要综合考虑教学设计、用户内容学习过程中的心理的需要；在社区型网站中，交互功能的设计重点考虑网络用户的个性和社会互动心理；在电子商务型网站中，产品要由用户需求分析所得，追求形成产品满意度、网站信誉度、安全满意度、服务满意度、网站设计满意度。销售活动的设计要充分研究网络消费者的特点、心理和购物行为的影响因素，构建网站产品销售经营模式，如团购、现金返利、消费者参与财富分配的销售模式等。在实际运营过程中，可以考虑选择三种基本类型网站中的相互促进的策略，优化组合形成综合型网站。

5 儿童智能开发网站的设计

5.1 专题和案例分类组织，将资源融入实践

本网站分类型、分年龄阶段、以专题案例加亲子游戏的方式组织内容，将资源融入具体操作中。

（1）在线学习模块。依据不同的理论，儿童智能开发的类型可分为多元智能开发、全脑开发、五力智能开发、五商智能开发。又有研究表明，不同年龄段的儿童，有不同的儿童发育特点和智能发展的最佳时期，每个儿童都有各自的特点和智能状况。在线学习模块划分为智能开发、智能康复和亲子游戏三个子模块，如图1所示。

图1 在线学习模块

在智能开发模块，按照各个年龄阶段儿童智能发展的特点，分别涉及该年龄阶段需要重点开发的智能，从儿童特点、认识智能、日常护理、常见问题等方面整理智能开发相关知识。如图2所示。

图2 智能开发知识技能部分

（2）学习资源模块。此模块按适用年龄、智能开发类型、推荐度分类整理儿歌、童谣、动画片、教学片、游戏（侧重于电脑虚拟游戏）、故事、玩具、书籍等资源，按实践需要将资源集成在儿童智能开发亲子游戏、专题研究和智能康复中，并在一个子界面中集合分类显示，便于检索。

（3）在线交流模块，包括育儿社区、专题研究、专家问答、在线测评、定制服务五个部分，如图3所示。

图3 在线交流模块

5.2 以人性化交互为目标进行网站交互界面设计

（1）网站的界面设计。本网站的界面配色需清新，健康向上；界面布局和栏目表现需流畅动感，界面元素需具备一点可爱的卡通风格。在对界面进行网页编码时，本网站采用Web标准，即用XHTML标签编码网站的内容结构，用CSS对网站内容的表现形式进行控制，并采用DOM规范为用户对网页内容的交互及操作效果进行编程。

（2）网站的交互体验设计。1）信息提示。本网站需要用户输入信息或用户触发交互，网站提供反馈信息时，都采用客户端脚本语言处理，以提供及时反馈。2）网站导航。栏目导航条的图像设计形状大、有创意，给予强调以标明当前栏目位置。下级栏目导航以动态树的形式展开各个父栏目下的分栏目，每个栏目内容页面都有当前位置的标示并加入超级链接进行快捷跳转；浮动导航条主要是在线模块下的专家问答、在线测评、定制服务三块，以增强其使用的便捷性；网站地图则以概念地图的形式展示本网站的所有内容逻辑结构，并都加入超级链接跳转到对应的页面。3）内容组织表现形式。本网站将大量文本内容进行精简、结构化，提取重要概念进行浮动解释，每块内容尽量提取要点进行描述，并以书签链接、层隐藏显示、标签切换等技术进行展示。多媒体课件等内容则采用缩略图结合翻页浏览的表现形式展示。动漫和音频内容则尽量采用内嵌播放器播放。

5.3 基于搜索引擎优化技术，进行网站的推广

在搜索引擎优化过程中，充分研究主流搜索引擎的优化指南基础上，辅助使用站长工具对网站的内容编码、站内链接、导航结构、子目录和子域名、URL优化、错误返回码、锚文本、ALT说明、页面标题、关键字、网站描述等进行全面的设计和优化，修正错误链接、网络漏洞等。

5.4 以迎合网络消费心理为目标，进行销售活动设计

有研究表明，商品价格是刺激网络消费者购物欲的重要因素。因此，网站销售活动设计可以从促销活动、会员服务两方面考虑。如图4所示，展示了当前电子商务网站常用的销售活动设计策略。

图4 销售活动设计

另外，应为商品图片添加企业标识，线下组织俱乐部活动等策略；还应注意商品图片清晰准确、信息描述清晰，购物流程简化明了，订单、地址信息、售后服务等销售活动支持细节的设计。

6 结束语

网站运营的目标是提高网站访问者的满意度，使用户认同并信任网站，在网站中获取信息并进行消费行为。要提高用户满意度，网站的内容设计要科学、权威、新颖，符合学习者需求；网站的界面色彩合理、有风格创意；信息获取要便捷，快速，交互操作要符合心理习惯，交互功能需迎合用户自我提升需要和人际交流心理；销售活动和服务设计要符合网络消费心理。将这些理论转化为运营策略，并在具体实施中不断调整优化。

参考文献：

[1]黄亮新.网站运营之人性、策略与实战[M].北京：电子工业出版社，2011，6.

[2]Jeff Johnson.张一宁译.认知与设计：理解UI设计准则[M].人民邮电出版社，2011.

[3]赵伟军.设计心理学[M].北京：机械工业出版社，2011.

[4]Gile Colborne.李松峰，秦绪文译.简约至上：交互式设计四策略[M].北京：人民邮电出版社，2011.

[5]李世国，顾振宇.交互设计[M].北京：中国水利水电出版社，2012.

作者简介：习海旭（1981-），男，江西吉安人，江苏理工学院计算机工程学院讲师，南京师范大学教育技术学硕士，研究方向：计算机应用、软件工程、教育技术学。

篇6

关键词：网站；设计理念；网页设计

中图分类号：TP37 文献标识码：A文章编号：1009-3044(2011)30-7562-02

网站同其他出版物，如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的理念，不同之处在于网页的非所见即所得特性和交互性。因此，熟悉一些设计的基本理念，再对网页的特性作一些考虑，便不难设计出美观大方的网站来。一般来说，网站设计所需遵循的理念有：

1 突出网站的标志

网站的标志是网站特色和内涵的集中体现，它的作用在于传递网站的定位和经营理念、同时便于人们识别。一个重点突出的网站标志，一个极具视觉冲击力的网站标志，会直接影响到客户对网站的判断，特别是网站在以日后进行推广时，优秀网站标志会吸引来更多的访问者。

2 符合简约、美观原则

有的网站页面设计得非常的漂亮，就跟杂志的封面一样吸引人的眼球。网页有不同于纸质媒体的特点，不能简单的照搬杂志的做法，它以满足人们的实用需求为目标，它比杂志封面更单纯、清晰和精确。因而真正吸引用户继续进行浏览的是主页内容，这些内容必须对读者有足够的吸引力。保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。页面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把页面装点起来，对于初学者来说容易犯的一个错误是把页面搞的花俏，一个网页用很多种的颜色，文字的字体与颜色设计的乱七八糟，最终不能让别人明白他到底要表达的是什么内容，突出是什么主题和意念。

3 注重色彩搭配

色彩本身是没有任何的含义，但有时候色彩确实可以在不知不觉间影响人的心情，左右人的情绪。不同的颜色会给浏览不同的心理感受。每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。在设计页面时应尽量避免选择使页面难以阅读的背景颜色，页面内容的色彩应该与背景的颜色协调。一些主页最常见问题是使用彩色文本与紫色背景，这种页面可视效果很差，还有一些页面采用黑色的文本与黑色的背景，让浏览者根本无法进行浏览。总体来说，一般每个网站使用的颜色不超过三种，太多的颜色会让人眼花缭乱。主调色要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩，也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。

4 精心组织网站内容

浏览者之所以访问你的网站，大多是因为你的网站内容而来。如果站点内容太普通，不专业，而且又长时不更新，那么浏览者就不会再有兴趣访问你的站点。因而，在设计一个网页时，所的材料必须要经过精心组织，如按逻辑、按时间顺序或按地理位置进行组织，并且这种内容组织应当易于理解。当材料组织好以后，接下来就是在网页布置文本、图片、动画等相关网页内容，目的是引导浏览者在页内浏览。应该控制页面上元素的放置顺序和它们相互之间的空隙。通常人们喜欢从左到右，从上到下进行阅读，他们的眼睛首先看到是页面的左上角，然后逐渐往下看。因而，在组织内容时可以把希望浏览者最先看到的内容放在页面的左上角和页面顶部。比如：网站的标志、导航条等。

5 合理的版面设计

网页作为一种版面，有文字、图片、动画等。文字有大有小，还有标题和正文之分，图片也有大有小，而且有横竖之别。图片和文字都需要同时展示给浏览者，不能简单地罗列在一起，这样往往会使用内容杂乱无章。因此必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体展现给访问者。网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下型、框架型和海报型。一般在设计首页时采用800*600像素，这种大小在一般的浏览器上就只有一屏。网页布局的重心和位置之间的对比关系也很重要，一般用黄金分割率（0.618），也可以用用类似中国古代的一种九宫格。这种九宫格是把一个长方形等分为九格，在这个九宫格的中间就会产生四个交叉点，这四个交叉点就是视觉的中心点。有很多初学者喜欢把重要的东西放在页面的中心，以吸引浏览者的目光，殊不知正中心属于盲点区，也就是人们的视觉经常会忽视正中心的东西。

6 灵活运用CSS样式

调用CSS样式的方法很多，可以单击鼠标右键选择自定义样式来调用样式，也可以在状栏中的元素列表上单击右键来调用样式。虽然不同的方法达的效果看似一样，但实际在html代码则完全不同。比如用自定义样式来调用样式，在网页代码就产生一个span标签，这样的标签一多就会使文件的容量显得很大，在同等网速下，打开的网页会显得很慢，所以我们应尽量使用状态栏中的元素来调用样式。

7 能够适应不同浏览器及不同的分辨率

应该站在访问者的角度，考虑网页中各种的因素。如果用不同的浏览器和不同的分辨率来访问你的站点，结果网站杂乱无章、毫无次序，浏览者就不会再访问你的站点了。因此在编写一个主页后，要事先将其放到各种操作系统，各种浏览器中去调试，检测是否会出现一些问题。

8 网页元素不能用中文名称

网页制作后，通常会给网页起一个具有代表意义的名称。一来使人一看文件名就知道文件所包含的内容，二来能够方便各个超级链接之间的相互调用。浏览器对中文名支持不太好，经常会有页面调用不正确现象发生，因此尽量采用英文作为网页元素的命名。

9 为图像链接增加动态效果

有时我们为了达到一种酷的效果，当鼠标移动到某个图片上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图像，第一幅是原始图像，第二幅是鼠标移动上去后的图像，也可以增加对图片的描述和超链接。当图片如果打不开的情况下，可以让文字来代替图片，也可以实现超链接。

10 网页有良好的对比度

对比是强调突出某些内容的最有效方法之一，好的对比对度使内容易于辨认和接受。对比一般是使用颜色的对比，如内容提要和正文使用不同颜色的字体，内容提要使用蓝色，而正文采用黑色；也可以使用大的标题，形成面积的对比；还可以使用图像对比，题头的图像明确的向浏览者传达本页的主题，这里同样需要注意的是链接的色彩。还有一种实现的对比方法是使用字体变化。在文字排版中，可以使用斜体和黑体突出关键内容，但不能用得太多，否则就得不到应用的效果。

11 结束语

随着网页技术的不断发展，人们对网站会提出更多的要求，使网站的设计理念会变得越来越明确。好的网站设计理念能把整个网站相关网页元素有效的组织与通信结合起来，从而使网站主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站的个性和情趣，体现出网站的闪光点。

参考文献：

[1] 陈希.网页艺术设计[M].北京：科学出版社,2008:3-15.

篇7

关键词:门户网站;界面设计;色彩搭配;网页设计

中图分类号:J063 文献标识码:A文章编号:1007-9599 (2010) 09-0000-02

News Portal Interface Design and Color Match

Jiang Pinhui

(Wuhan University of Technology,Wuhan430070,China)

Abstract:The news portal features,from various aspects of the news portal in the interface design and color elements with respect.

Keywords:Portal;Interface design;Color match;Web Design

伴随着互联网的发展,网络新闻从开始的粘贴拷贝,发展到今天的各具特色,网络新闻逐渐成为门户网站的王牌产品。

一、新闻门户网站的特点

新闻门户网站尽管其主要的新闻业务与商业网站之间存在交叠现象,但是商业网站的新闻以经济利益为终极目标,新闻对于这些网站的惟一目标基本上就是获得更高的页面浏览量。这与新闻门户网站以新闻业务为全部事业重心、着重于信息的发展理念存在本质差异。

作为一个新闻门户网站,必须在内容和形式上具备以下特征:

(一)必须是主流媒体人承办的。新闻门户网站怎样正确地坚持自己的主流方向,制定符合国家政策的报道方针和原则,从正面的角度来挖掘新闻,这一切都取决于承办新闻网站的媒体人。只有主流媒体人才能保证新闻门户网站始终走在阳光大道上。

(二)具有综合性。在现实世界中,主流媒体基本上是综合性媒体。应包括大家日常生活中所需要的一切信息,如:新闻(政策、社会、财经、体育、娱乐等板块)、论坛、视频、商品、邮箱博客等。作为能够对社会舆论产生重大影响力的新闻门户网站也必须是综合性的新闻网站。

(三)内容丰富。作为一个主流媒体,新闻门户网站应该关注社会的各个方面,满足社会各方面的信息需要,使浏览者能够获得多方面的信息,而不能仅仅局限于某一专业领域,否则就成为专业化网站。网页内容是决定网页价值最重要的因素,为了突出展示网站形象,配合国家新闻传播、信息工作的开展,普及科学技术知识,使访问者通过网站一目了然,尽快找到自己所需的信息。可使访问者通过访问该栏目获得各种信息,提高访问者兴趣。尤其是二级网页设置的的各栏目在首页“栏目纵横”中展开,简化了点击程序,访问者通过点击进入各大版块。以某门户网站为例,二级页面中体育版块中,分为足球、篮球等,对国内外的重大赛事有非常详细的报道,对各国家队、俱乐部也有详细的介绍,各种信息应有尽有,非常丰富。

(四)个性化。即有自己独特的办网站的理念。所编采的新闻,在符合国家有关政策的情况下,都是围绕着这个理念来进行的。必须为自己特定的读者服务。比如网易新闻的最大特色之一就是它的特色评论。

(五)原创性。新闻门户网站的新闻必须是记者采写所得,即使转载传统媒体的新闻,也必须进行一定的整合加工,添加适合网络传播规律的元素,尽量符合网络读者的阅读要求。

二、新闻门户网站的界面设计

新闻门户网站能够对受众和舆论产生重大的影响力,并能通过独立运作取得较高社会收益,不外乎它独特的界面设计,能吸引大量的受众。

(一)特色界面

网站界面保持独特风格,可使访问者记忆深刻,提高回访率,界面层次分明,结构清晰,利于访问者操作,使其能快速浏览。合理搭配视觉清晰度强的色彩更能给人以高强度的视觉感。同时,合理运用多媒体插件,如Flash、图片等,能使页面看上去生动,增强访问者浏览网页的兴趣。

将各层次、版块进行相互交汇、互有链接,动态栏目和静态栏目的适度配合,使主页面层次清晰、重点突出,尤其是将传统网页页面的4次到5次的链接方式缩减为2次最多3次链接即可到达,方便检索浏览,并可快捷返回主页面。

(二)页面简洁大方

在页面中不要过多的加入与本页内容无关的信息,保证主题内容让浏览者一目了然。从人记忆能力角度来说,由于人的大脑一次最多可记忆五到七条信息,因此如果希望人们在看完你的页面后能留下印象,最好用一个简单的关键词语或图像吸引他们的注意力。对于文字信息来说,保证简洁的作法是限制所用的字体和颜色的数目。一般每页使用的字体不超过3种,一个页面中文字使用的颜色少于4种。页面上所有的元素都应当有明确的含义和用途,不要用无关的图片把页面装点起来,切忌把页面搞的很花哨,使人不明白你到底要突出表达的是什么内容、主题和意念。对于图像信息来说保证简洁的常用作法是尽量使用文件尺寸较小的图标。

(三)网站风格统一

新闻门户网站在设计时要考虑到网站整体风格的统一。从页面的排版和布局下手,各个页面使用相同的页边距,文本、图形之间保持相同的间距;主要的图形、标题或符号旁边留下相同的空白;如果在第一页的顶部放置了站点标志,那么在其他各页面都放上这一标志;如果使用图标导航,则各个页面应当使用相同的图标。此外,考虑到目前上网浏览者使用电脑屏幕的分辨率多为1280×800,因此,每个页面在设计时也要设定在此分辨率下。如有特殊,还要给浏览者作出提示。

三、新闻门户网站的色彩搭配

网站的风格直接影响了访问者的第一印象。如何运动各种不同的颜色心理来策划和设计网的风格是网站设计者需要考虑的重要内容,针对新闻门户网站网页界面色彩设计,所做的色彩喜好及意象调查分析结果表明,影响色彩意象有三个因素:美丑因素、明暗因素及兴奋沉静因素。美丑因素受到色彩三属性全面的影响:明暗因素则受到明度的影响最大;而兴奋沉静因素则受色相与彩度的影响最大。

(一)色彩设计的标准

针对色彩评价的调查表明,不存在绝对统一色彩审美的唯一标准。但在门户网站界面设计时仍然有一些原则是可以遵循的。可以视之为一般条件下的标准。

1.色彩与用户审美的统一

在网页设计之前,对页面所面对的用户以及对用户的审美倾向等问题要有清楚的定位。不同用户群体对色彩的接受存在很大的差别,色彩会因不同的性别、年龄、生活环境、种族等不同的因素,引发不同程度的生理与心理共鸣,不管是正面或负面。因此,对于门户网站颜色,一定要配合用户的心理或生理需求进行组合、搭配及设计。当在选定颜色组合时,必须考虑到所选择的颜色是否能引起适当的回响。符合接受者审美倾向的配色会激发阅读兴趣,在一定程度上有利于信息的传播。

2.色彩与内容的统一

包彩与界面主要信息内容应有内在的联系,通过色彩倾向和色彩联想,突出主要内容,同时在用户的情绪上引发共鸣。例如中国人讲究对称,故一些门户网站在其广告设计时,通常在左右各设计一个,并以不同的颜色以示与其它栏目的区别,达到了很好的视觉效果。

3.色彩与功能的统一

色彩与信息传播功能需求要达成统一。利用色彩的视觉心理效果可以有效地促进信息的接受程度。例如,在5.12地震后,各大新闻门户网站的新闻报道、图片等均调整为黑色,很好的表达了地震后大家的悲情,其视觉效果让大家很快就接受。

4.色彩与构图功能的统一

色彩的美感是在构图的基础上表现出的一种总体感觉。构图本身就是一种表现形式,具有一定的形式美感,如重心的安定感,布局的均衡感,元素的条理与节奏等。色彩的美感正是由构图的这些形式要素统一体现出来的。在构图中要注意色彩的平衡,把握好轻重、明暗等关系,从而达到视觉上色彩力度的平衡状态,引起视觉的,激发人的情感与之呼应,给人以美的感受。

(二)网站设计的标准色彩

网站“标准色彩”指能体现网站形象和延伸内涵的色彩。一般来说,一个网站的标准色彩不超过三种,标准色彩要用于网站的标志、标题、主菜单、主页块等,给人以整体统一的感觉。

门户网站由于其地位的特殊性,所以在界面色彩设计时,一定要以科学的色彩理论为指导,以敏锐的感觉去发现,以高超的配色技巧去完成。如新华网是以白色为底色,深黄色为主色,问以深绿、淡红、黑等各色,特点是温馨、清晰;搜狐网则以白色为底色,以淡黄为主色,间以橙红、天蓝、绿等色,特点是丰富而略显繁杂;而南方网在白色的基点上采用深红为主色,辅以黄色、淡青等色,热烈而略显压抑感;东方网以赤色为底色,加以红、灰、白色字,又问以蓝、绿等色,别具一格;人民日报网络版采用的主色则是深蓝色,体现了其严肃性和权威性。德国物理学家赫林提出的颜色对立学说就认为,在人的视网膜接收过程中,存在着黑-白/红-绿/黄-蓝等三种对立的视素,前者对视网膜起破坏作用,而后者则起建设作用,因此,当前各大网站大多以蓝色/黄色/黑色为主调,以求与受众的知觉思维习惯达成一致。

四、结语

新闻门户网站给浏览者留下深刻印象,首先就要掌握网站设计的一些基本原则,然后再对网站本身的特殊性和针对性作一些考虑,从网站内容、风格、色彩搭配等方面综合考虑,,应着意运用和汲取那些能体现几千年的历史沉淀、凝聚了中华民族特定的思维方式、价值观念和人格心理及审美情趣的语言。

参考文献:

篇8

原文

随着科学技术日新月异的发展，崭新的传播媒体——因特网诞生了。在Internet和Web迅猛发展的今天，数字设计技术对21世纪的平面设计家提出了许多挑战。面对新时代的到来，人们无不感到社会经济和文化所经历着的快速而深刻的变化，一张结构合理、制作精美、创意独特、风格鲜明的网页，不仅能够传递最丰富的信息，同时还能给人以美的艺术享受，也树立了公司企业、服务机构等的良好社会形象，获取最大限度的经济效益。

商用网站设计是一种建立在新型媒体之上的新型设计，它与传统媒体相比有许多的不同，它在信息传播方面具有声、像、图、文、视觉、听觉、互动的特点，通过视觉传达各种各样的商品信息，而且更新和修正较为快捷方便，可以在任何时间更新，而不受时间和地域的限制。居于以上优点，商用网站的设计要注意以下几个要点：(1)需求的综合叙述：主要是说明建站的总体需求和期望的目标游览者，并且确定希望游览者所能看到的设计与所需购买商品的最终效果，建站需求是设计策划网站功能的第一步。(2)网站的基本功能描述：主要包括描述网站游览者如何运用这个网站，网站管理员如何管理，具体到一步一步的功能细节描述，以及如何运用相应的技术去实现建设目标和商业需求。(3)网站的信息布局图：网站的信息布局图是网站各模块或各网页的直观图，主要目的是提供一个明晰的网站导航直观图，以及分模块或网页的网站层次结构分布图。(4)数据流程图及数据库示意图：这是网站建设蓝图中的技术部分，主要直观地说明网站使用与维护的数据流程，分析数据来源；以及游览者和网站管理者如何运用与更新网站数据。

......

目录

摘要1

Abstract1

第1章概述3

1.1商用网站的必要性3

1.2SQLserver简介3

1.3、电子商务的本质特点4

开发环境概述5

第2章电子商务系统的开发方式6

2.1电子商务的三层分布式体系结构6

2.2电子商务的Web服务器平台7

2.3电子商务系统的Web动态设计技术8

第3章系统设计9

3.1开发工具和环境9

3.2系统体系结构9

3.3系统功能的设计11

3.4数据库的设计12

第4章后台管理模块的实现16

4.1、权限控制的实现17

4.2、管理员日志生成18

4.3、查询、修改用户信息19

4.4、查询销售情况22

感谢语23

参考文献24

参考资料

[1]萨师煊王珊。数据库系统概论[M]。北京：高等教育出版社

[2]龚波。SQLServer2000教程[M]。北京：北京希望电子出版社

[3]张立科。信息管理系统开发实例导航[M]。北京：人民邮电出版社

[4]杨学瑜王志军刘同利。asp入门与提高[M]。北京：清华大学出版社

[5]李永清刘炀刘晓翠孙立宏王淑萍。Dreamweaver3.0网叶设计与制作[M]。北京：人民交通出版社

[6]张海。软件工程导轮[M]。北京：清华大学出版社。

[7]周树清.电子商务情景案例[M].北京:中国国际广播出版社

[8]石志国等.ASP精解安例教程[M].北京:清华大学出版社,北京交通大学出版

篇9

关键词：项目导向；任务驱动；教学模式改革

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2016）22-0213-02

随着计算机和信息技术的飞速发展，企业对软件专业人才的需求也日益迫切，各高职院校的软件专业，主要培养应用型人才，为了适应企业的需求，必须改变传统的教学模式，不断地更新教学内容，并大力推进课程教学方法的改革。

一、基于项目导向模式的高职软件技术专业教学方法的优点

高职软件技术专业课程的教学过程中，按照旧的教学方法，教师往往采用填鸭式的方式，不断向学生灌输专业知识，而不管学生是否能够顺利消化知识。学生往往缺乏学习动力和兴趣，仅仅是被动地学习知识，处于一知半解的学习状态，独立分析和解决问题的能力得不到有效锻炼，动手能力差，达不到企业对软件人才的能力要求目标。采用基于项目导向模式的高职软件技术专业教学方法，能够有效克服传统教学方法的缺点，实现“教、学、做”一体化，从而提高学生的学习热情，驱动学生积极主动掌握知识和技术[1]。

“项目导向、任务驱动”的教学模式下，教师可以将专业课程划分成若干个项目，学生在完成项目的过程中，学习软件开发技能。每个项目下面包含多个任务，学生自己动手解决每项任务实施过程中遇到的问题，最终掌握该门课程的知识和技能[2]。《移动商务网站开发》是高职院校软件技术专业的一门专业课程，对软件技术的应用开发技能要求很高。“项目导向，任务驱动”教学法可使《移动商务网站开发》课程教学与企业软件开发工作有效结合起来，理论联系实践，让学生在“学中做、做中学”，提升学生的应用开发技能，从而培养出合格的软件技术应用型人才[3]。

“项目导向、任务驱动”的教学方法，可以将抽象的知识转变成具体的技能教学内容，将枯燥的理论课程内容进行调整，改变教学内容脱离实际应用的弊端，让学生能够在完成项目和任务的过程中学习和掌握知识点[4]。通过任务驱动，促使学生在实践中主动地收集资料，分组合作，分析和解决问题，提高学生利用互联网、帮助文档解决问题的能力，促使学生勤于了解行业发展动态，学习新技术。基于项目导向模式的软件技术专业教学方法，通过引导学生分析问题、找出解决方案、制定工作计划并实施，最终解决问题，能够提高学生收集和分析信息的能力，培养学生的科学思维方法和可持续发展能力。

二、基于项目导向模式的高职软件技术专业教学方法的关键步骤

基于项目导向模式的高职软件技术专业教学，可以融合项目教学法、案例教学法、任务驱动法、大脑风暴法、小组工作法等各种最新教学方法的优点。项目实施的关键步骤包括合理设计项目和细分任务、计划与实施项目和任务、项目完成情况的评价和归纳总结等。

1.合理设计项目和细分任务。以《移动商务网站开发》课程为例，根据软件开发工作的实际需求，按照软件开发流程，可以将该课程的教学内容分为8个项目，即手机网页开发基础、CSS手机网页布局、HTML 5实战、Web存储和数据库、文件缓存和地理位置定位、移动网站服务器端和数据库技术、移动Web应用开发、移动网站的与测试。将项目进一步划分为20个任务，即开发和测试环境的准备、手机网页开发基础、Viewport和设备方向、CSS手机网页布局、专用于手机的JavaScript、HTML 5编写规范、HTML 5视频和音频、HTML 5结构元素、画布Canvas、Web存储、Web SQL数据库、文件缓存、地理位置定位、移动网站服务器端的开发、数据库操作技术、使用jQuery Mobile开发Web应用程序、使用jQuery Mobile UI插件、使用Ajax和程序动态控制jQuery Mobile、使用PhoneGap、移动网站的与测试。

2.计划与实施项目和任务。以《移动商务网站开发》课程中的一项移动Web应用开发综合项目为例，即移动网络书店项目，此项目分为移动网络书店首页、图书商品分类、图书商品列表、图书商品展示、购物车、订单产生、用户中心共7个子任务。项目的教学过程分为咨讯、决策、计划、实施、检查等5个过程。

咨讯过程中，教师展示移动Web应用开发综合项目的预期效果，明确学习目标，导入学习任务。决策过程中，教师布置工作任务，并说明任务完成的验收标准，学生接受和分析工作任务。

在计划过程中，学生搜集和学习参考资料，组建项目团队，讨论和制定工作计划。教师组织各项目经理阐述工作计划，组织学生对计划进行讨论，不断改进，得到最终的工作计划。组建项目团队的时候需要按照优势互补的原则，将不同性别、能力的学生划分到一个小组里面。

在实施过程中，教师主要发挥指导和监督的作用，学生主要根据工作计划，完成项目和任务。在项目实施过程中往往会遇到一些困难，需要教师指导学生解决，如在移动网站开发过程中，针对代码出现的编译、运行错误，需要进行调试查错。可以应用角色扮演法，让学生扮演项目经理、需求分析师、架构设计师、软件设计师以及客户代表等，按照软件工程的真实流程，来完成项目和任务，从而促使学生将来更好地适应软件企业的工作环境。在项目实施过程中，教师要经常巡视辅导，协助学生解决疑难问题。遇到普遍存在的问题，教师可以采用大脑风暴法、小组讨论法、SWOT分析法，适时组织学生集体讨论解决方法，并统一解答。

在检查过程中，学生互相交流和展示作品，教师检查各组完成情况，对已经完成项目任务的小组公开表扬，激励其他学生，对检查中发现的问题，要引导学生解决。学生要积极思考老师检查中发现的问题，避免在将来的实验过程中继续犯错。

3.项目完成情况的评价和归纳总结。在评价过程中，教师对项目和任务的完成情况进行点评、归纳和总结，提出注意事项和改进建议。学生总结本次课的经验教训，并思考改进方法，记录注意事项。

三、基于项目导向模式的软件技术专业教学方法的实施要点

基于项目导向模式的软件技术专业教学方法在实施过程中需要把握好一些细节要点，才能获得良好的教学效果。

1.明确课程的专业能力目标，围绕目标来合理设计项目。以《移动商务网站开发》课程为例，该课程的专业能力目标是：培养学生设计和开发移动商务网站的能力，掌握移动Web的语法，构建适应性强、响应迅速并且符合标准的移动商务站点，改进小尺寸屏幕中的Web可用性。通过本课程的学习，使学生能够掌握移动商务网站开发的全面知识体系；掌握HTML5最新应用；掌握HTML、CSS、JavaScript手机网站设计及开发过程；与JQuery Mobile结合，学会快速开发手机网络应用程序；掌握移动网站服务器端的开发和数据库操作技术；参考大量手机网站设计实例，提高研发能力和效率[5]。围绕着这些培养目标，最终设计出了8个项目，从而帮助学生探索和学习移动商务网站开发的相关知识，并灵活运用软件技术知识。

2.以能力评价为中心，建立过程化考核体系。课程考核方式包括期末作品考查和平时任务完成情况评价。期末作品成绩包括网站的实现情况、技术的应用情况、答辩过程中的语言表达能力及设计文档（书面表达能力）等几个主要方面。平时成绩包括项目团队合作表现、平时作业及实验、出勤情况、学习态度、自学能力等，主要考核团队协作能力、学习态度、学以致用的情况、理论联系实际情况。项目团队合作表现重点考查学生对工作任务的态度、职业能力、团队合作精神。

3.注重提高学生的学习方法能力和社会能力。在培养学生系统掌握课程知识的基础上，培养学生选用参考书、查阅手册及文献资料的能力，培养独立思考、深入研究、分析问题、解决问题的能力。

通过分组方式，培养学生团队协作能力和自我展示能力，提高沟通能力及自学能力；通过网站的实现和应用，增强就业岗位适应性；培养良好的职业道德及保密意识；培养良好的时间观念及执行能力；培养良好的文字及语言表达能力。

四、结束语

为了更好地实现教学方法改革的目标，在“项目导向、任务驱动”的教学模式中，教师应注意发挥学生的主体作用，让学生自己去查找资料，探索解决问题的办法，教师本身偏重于项目引导和过程指导，解答学生在项目实施过程中遇到的疑难问题。这样才能真正提高学生的创新能力和实践技能，增强团队协作意识，培养出符合企业需求的软件技术应用型人才。

参考文献：

[1]刘晓静，王晓英.基于项目导向的数据结构与算法课程教学研究与实践[J].微型电脑应用，2014，30（9）：48-50.

[2]张宝玉.高职计算机文化基础课项目导向教学模式探究[J].职业时空，2014，10（11）：63-65.

[3]臧艳辉.基于项目导向、任务驱动的软件测试课程开发研究[J].计算机光盘软件与应用，2014，17（10）：238-238.

篇10

关键词：教育基地；网站设计；实践能力

中图分类号：TP311文献标识码：A文章编号：1009-3044（2017）30-0063-03

1网站的设计背景

“辽宁对外经贸学院大学生实践教育基地网站”的设计原因主要有三点：一是，近年高校毕业生人数越来越多，2014年-2015年高校毕业生人数由727万增加至749万，与此同时，国家经济发展不景气，再加上国家正在进行产业结构调整，对就业市场就業人员造成了极大的冲击，就业形势不被看好。而且目前大学生在校内很难得到实践的机会，将来进入企业也得通过较长时间的熟悉才能融入企业，这对于企业的效益以及学生的就业都有一定的影响；二是，目前各大高校大学生实践基地网站基本上没有，缺乏专业性的网上实践基地；三是，辽宁对外经贸学院是一所以培养应用型人才为主导的应用型大学，这种培养模式适应中国经济发展模式、满足企业对应用型人才的需求，但是本校的发展和提升需要良好的政策和外部环境的支持。

面对这种情况，我们设计了“辽宁对外经贸学院大学生实践基地网站”，网站主要是以培养我校学生实践能力为主题，以服务经济建设和社会发展的需要为引导，不断探索应用型本科高校基地合作的新模式，充分利用网络传播的优势。是对我校大学生提供实践课程以及教学资源的学习、实践信息的、实践项目的申请的综合性网络平台。我校应充分利用网络的便捷性，促进我校和各企事业单位、科研院所等部门建立联合培养人才新机制，推动我校人才培养模式的优化改革，改善我校学生在校生活条件，加强学生创新能力和就业能力等。

2网站的设计构思

一个先进的“大学生实践基地”网站不仅需要在教学资料和信息交流方面发挥重要作用，还需要把项目实践和校企交流等作为网络建设的重要任务。基于指导思想，将网站的主要服务对象设置在辽宁对外经贸学院的国际经贸学院、国际商学院、会计学院、外国语学院、信息管理学院范围内的学生。

网站设计时，考虑到大学生网上浏览主要是获取企业信息及需求、对企业项目进行实践、和浏览参加一些创新实践类的竞赛，因此，本网站主要通过网络实现信息的及时、信息的存储、学生的在线模拟项目、在线校企沟通、在线竞赛报名等，以企业实践资源的设计建立为网站重点，首先设计网站框架结构、其次设计企业信息框架，通过调研相关企业的信息和项目、人才需求等资料后完成对网站的创建和制作，构建网站的功能，并对网站进行测试运行。

网站色彩形式采用蓝色作为网站主页面的色调。另外，“大学生实践基地”网站要求界面友好、操作灵活，使学生和企业方便使用和操作，为增加网站的吸引力，要求网站各页面色系、排版、窗口美观、新颖、功能简捷、流畅、实用。

3总体设计

3.1模块设计

本网站系统在设计上采用分布式结构，在逻辑和物理上把系统分成“基地介绍”、“学生论坛”、“实践课程”、“信息”、“教学资源”、“申请”、“实践项目”、“后台管理”八个板块。同时各模块的下级目录规划如图1所示。

图1网站功能结构图

3.2数据库设计

本网站采用SQLSever2008数据库，经过对网站的分析，可以分为管理员信息表、用户信息表、新闻素材表、教学资源表、实践项目表、留言板表等。

管理员信息表（Admin），用于存储后台管理员的信息。

用户信息表（User），用于存储注册用户的个人信息。

新闻素材表（News），主要存储各种与基地相关的新闻动态等。

教学资源表（Resource），主要存储各种教学资源，如表1。

留言板（Message_board），用于存储各种有用的留言。

4网站的设计与实现

“辽宁对外经贸学院大学生实践教育基地网站”主要包括八个模块功能，主界面如图2。

4.1基地介绍

基地介绍模块主要包括基地简介和企业简介两部分。基地简介简捷、直观的展现和指引“大学生实践基地”网站的用意、所包含的内容。企业简介中详细介绍了企业基本情况、选择这些企业作为大学生教育基地的建设思路，可让学生提前有所了解。企业基本情况包括企业概况、组织机构设置、职工待遇、人才培养、招聘信息、相关部门或人员联系方式六个方面的展示，让学生对企业有更全面的了解和认知，更好的了解就业去向。该部分内容需要后台管理人员精简编辑、定期更新。基地介绍模块除了浏览基地简介和企业简介，还可快速链接企业网站及企业风采。

4.2学生论坛

学生论坛模块方便学生与老师、学生与企业、学生与学生之间的相互交流，为学生提供一个发表言论、企业介绍经验、信息的网上平台，通过论坛与学生交流，提高学生参与的积极性。学生论坛也相当于是学生、老师、企业讨论区，学生有任何疑问可在这里提问，老师、企业会及时回复。同时，老师、学生、企业对网站的建议也可在这里留言。

学生论坛模块设置了关键词查询、话题推荐、信息及用户评论四个子模块。在筛选出的话题中提交个人评论参与论坛讨论。用户留言时，系统可自动识别出留言者的姓名、但需要留言者列出留言标题，方便系统分类和学生的搜索，登录网站的用户都可查看所有评论。若希望以邮件回复，则需要用户填写正确的邮件格式，提交评论，管理员审核通过，便留言评论成功。

4.3实践课程

实践课程模块是针对本校的5个学院-国际经贸学院、国际商学院、会计学院、外国语学院、信息管理学院分门别类的设置的课程。不同学院不同专业的实践课程由专门的老师、企业提供，汇聚了大量资料，包括安装程序、技术软件、培训教程、随堂解析等高度一体化资源库。提供企业项目需要哪些操作标准、需要具备哪些专业知识、软件操作技术、及项目需要的技术标准等。实践课程中下设专题学习、项目模拟、推荐视频、推荐书籍、自我测评栏目，通过文字、图片、视频、情境设置的角色扮演、练习题等多种形式，从多个方面提供学习资料，为学生查阅资料和学习提供了极大的便利。

4.4信息

信息模块可以浏览新闻动态、政策法规、网上留言、企业招聘信息、技能竞赛、增加新實践项目相关信息等。信息模块是动态管理，由网络管理员对网上的信息在后台不断更新，为学生在前台呈现及时有效、真实可信、特色鲜明的实践信息。信息资源保存格式可按时间、内容、类别进行分类上传。为了更人性化设计网站，网站还设置了校企交流信箱、学生可通过信箱向管理员上传最新消息等，方便学生、企业了解到最新的动态信息。

4.5教学资源

教学资源模块主要通过了解企业需求，根据各学院上传相应实用性、专业性更强的教学资料。供学习者下载学习，包括介绍专业相关的基础知识的教材、一些企业成功的经典案例视频和教材、企业项目需要软件培训的视频、教学课件、企业根据专业知识配套的模拟项目，供学生学习应用。对于模拟项目存在的问题，网上答疑可链接到学生论坛，以方便学生进行相关词操作[1]。

4.6申请

申请模块主要是包括个人学习、挂职锻炼两部分。学生对某企业某岗位感兴趣，可以申请对该岗位需要的专业进行个人学习，包括对专业基础知识的申请学习以及模拟项目的申请参与学习，当具备一定的专业素养，便可以在网站企业申请中申请该企业的挂职锻炼。在申请挂职锻炼前需要通过网站企业提供的专业测评方可申请挂职锻炼，否则需要网上练习企业具备的专业知识。

4.7实践项目

实践项目模块主要是为学生提供一个技术项目实践的平台，该模块主要包括6个二级模块，即企业实践项目、创新创业、竞赛、专项实训、联合培养、合作研发。实践项目是对前期实践课程的考验与测评，通过学习实践课程，将理论知识与实践项目进行结合，并对每项实践课程匹配相应的实践项目，学生可通过查询关键词，链接到相关的实践模拟项目，快速下载实践练习。创新创业模块是为学生提供一个平台，可将自己的创新想法、创业想法给网站，经过网站的审核，可申报学校、企业的资金支持与合作。竞赛模块是网站及时上传大学生竞赛信息、提供竞赛报名方式、收集学生竞赛作品，统一上报。专项实训模块是根据学生的需求，学生可参与到企业的某项培训，更快的了解企业需求。联合培养模块是学生可报名校企联合培养，通过网站学生可了解联合培养计划。合作研发模块是学生可根据企业需求在校完成科研项目，根据企业实际情况需求合作研发。

4.8后台管理

后台管理模块是后台管理人员可根据用户信息的变更、企业用人信息的更新、企业需求人才的更新来对网站内容做相应的调整，与此同时，学生完成的项目作业、竞赛成果也可以提交给网站，之后后台管理人员再做整体打包处理。对于学生忘记密码、修改账号等问题，后台也会有专人进行处理，以便不影响学生的学习积极性。此模块中还具备消息通知功能，用户可通过登录网站获取管理员的消息，以及用户和企业的互动消息提醒功能。

本网站在同学和老师初次登录时，会提醒学生进行会员身份注册，需要填写个人的学号作为之后每次登录的验证。如果身份验证成功，则可根据自己需求进行下一步操作，如果验证失败，则跳回登录页面，重新登录，若多次认证失败可联系管理员处理。

5网站的维护

网站管理员需要对网站进行安全维护，可通过对用户站内行为的监听，及时发现具有不正当网络行为嫌疑的用户，调出本人信息，对本人进行停号调查，并对抄袭、不正当言论、恶意引导等情节进行相应处理，如果情节严重，管理员可对其站内账号进行永久封号处理。网站管理员可对用户所上传的作品进行审核，如果作品无任何违规行为，则上传成功，否则上传失败，用户可以通过作品编号查询是否上传成功，以便进行及时处理。若信息中有不正当言论，管理员可对评论进行删除[2]。

6结论

本文为使网站系统的设计涵盖所有校内业务的基本功能，对校园内以及企业各项业务的基本需求进行了深入调研。该网站在布局合理、操作便捷且符合需求的同时还可以提高企业政策宣传和校园管理的效率。打破了常规的实践基地不够灵活、不够方便的特点，让学生可以轻松地在网上进行学习，查阅资料以及教学视频，并且学生可以在网上和不同的人留言交流经验，共同合作研发项目，同时还可以浏览参加一些创新实践类的竞赛，还可以了解企业的用人信息以及需求，网站还设计了后台管理，以便及时更新信息。网站采用了动态网页开发技术，与数据库进行交互链接，对于网站的维护以及使用更加的便捷，操作更加简单。

参考文献： 

[1] 黄曦涟. 重庆物流教育网站的设计与实现[D]. 电子科技大学， 2011.