网站网页设计范文（精选12篇）

网站网页设计 第1篇

研究思路:对现今各种盈利及非盈利性网站进行结构分析调研, 针对目前我国没有分类齐全的艺术类专业门户网站的现状, 制定一个可盈利的整站架构方案。

一、研究综述概况

观视音网站是上海大学数码艺术学院结合自身产、学、研为一体的办学模式, 以学院师生为队伍力量, 计划建设的一个资讯商业型网站, 它定位于数码艺术产、学、研综合平台, 全球数码艺术门户以及3G手机资源下载平台。其建成后能够填补国内数码艺术专业网站领域的空白, 并对数码艺术行业及教育发展起到巨大的推动作用。

本文将分类分析国外艺术类网站研究建设成果以及网页交互设计技术研究, 以得出GSY网站的结构建设依据和网页交互设计方案。

本文主要以Pro Quest Academic Research Library (ARL) 和EBSCO host两个国际英文数据库为数据来源, 使用了如下关键词“Art Website”、“Web Design”、“The Zen of CSS Design”, 还使用了逻辑与 (AND) 和逻辑或 (OR) 的排列组合。结果在PROQUEST数据库中搜到论文1183篇, 此次研究从中挑选了近年相关领域学术论文28篇;在EBSCO数据库中搜到11835篇, 从中挑选出52篇。将这两个数据库中80篇文章排除重合部分后, 再次从中选取62篇以网站设计为主题的论文, 作为分析研究对象。并通过按照主题域等分类, 对这些论文进行分析, 概括出近年来全球各类别网站建设状况。

论文作者单位及所属国家分布:

在挑选出的所有62篇文章中, 由美国各大学和研究机构发表的占54篇, 英国3篇, 加拿大1篇, 韩国2篇, 日本2篇。包括台湾在内的中国则没有文章。

由此可见, 美国在业界的垄断地位无人可及, 其它国家在这个领域的研究都是在美国研究基础和标准上的推广及延伸。

作者学科分布:

网站设计研究属综合性交叉学科, 主要是视觉艺术和计算机数字技术的融合, 也涉及诸如传媒、文学、物理、电子、商学、哲学、宗教等多种学科。从作者所属学科种类来看, 有68%的作者属于计算机学科、22%属于传媒学科、5%属于商业管理学科、其余2%属于文学和历史学、2%属教育学、1%属其他。

二、主题域分析

从论文所涉及的主题来看, 可以将这些论文分为以下几个研究方向:

(一) 网站设计标准研究

互联网一出现就体现了其强大的威力, 它不仅改变了人们的工作方式, 甚至改变了人们的约会方式。可以说, 它让世界玩了一回过山车, 把所有人都玩晕了。微软、网景以及其它公司开始了浏览器的竞争, 网络标准的竞争也在展开。同时, 随着Facebook、Flickr和YouTube的兴起, 网络更注重集体智慧和社会化。从腾飞到萧条到再次腾飞, 互联网产业的发展似乎看不到尽头。

网络同时也吸引了宗教传播者、理论家等等, 他们中很多人都预言互联网将会出现新的技术Jini、DHTML及其它然而这些一个也没有兴起。但是, 那些看似简单的技术元数据、XML、CSS等都获得了突破性的进展。网页设计的发展从HotWired的闹腾到Google的应用一直在不断地持续着, 有时看起来甚至是对立的, 但它却彻底改变了互联网。因为不管技术如何变革, 建设的思路是不变的。

如《Evolution of web site design patterns》这篇文章分析出了以下几个方面:

1. 网站框架频道

网站频道就是网站的大框架, 也就是主体部分, 比如:首页、简介、新闻动态、产品展示、在线留言、联系我们等, 这是标准内容。

2. 网站风格要求

必须明确建站目的是功能型的、还是展示型的?风格定位要准确。

3. 网站针对对象

在设计网站前, 要确定所针对的人群、区域、国家等。

4. 网站预算

(二) 网站设计过程研究

如《An investigation of success metrics for the design of e-commerce Web sites》这篇文章中就给出了如下几个步骤:

1. 准备内容:在注册网址之前就应该先搜集至少一百页的内容, 这些内容必须是有价值的、不违反著作权的。

2. 确定网址

3. 网站设计要尽量符合w3c的标准

4. 每页档案大小:建议每个网页尽量在15k以下

5. 内容:每天建立一个500~1000字的网页, 这个网页里面必须包含重要的关键字, 或者使用Yahoo的关键字建议工具。

6. 关键字密度以及关键字放置位置

文句要通畅, 拼字要正确, 虽然搜索引擎本身就会帮你校正, 但一定要谨慎检查。

7. 外部链接

每一个内容页面都应该链接一、两个该项关键字, 需要注意的是链接的方式, 要先写出你的关键字, 然后再将这个关键字直接链接到该站台。

8. 内部链接

网站里面可能有很多类的内容, 请确定同类内容互相链接, 而不同类内容千万不要互相链接。

9. 网站上线

1 0. 送交搜索引擎以及目录索引

1 1. 网站推广

1 2. 记录与追踪

1 3. 网站设计包括前台用户视觉体验设计和后台程序功能设计, 这两个方面都是非常重要的;视觉设计可以给客户的阅读带来愉悦和信任, 后台更注重操作。

(三) 网页交互设计研究

交互的工作大概分为两个部分, 即信息构架和交互细节。

信息构架是组织信息和设计信息环境、信息空间和信息体系结构, 以满足需求者的信息需求, 实现该目标的一门艺术和科学, 它包括调查、分析、设计和实施过程, 涉及组织、标识、导航和搜索系统的设计。如《The Zen of CSS Design:Visual Enlightenment for the Web》中所阐述的:为什么需要信息构架?由于互联网上信息种类繁多、内容特征多种多样的多媒体信息, 信息存储分散无序, 加之超链接技术的广泛使用, 形成互联网具有非常复杂的信息空间, 用户在其中很容易迷惑和迷失方向。因此, 互联网尤其需要将信息构架成为信息序化和优化的思想和工具, 以帮助人们在异质的信息空间中管理和获取信息。

信息构架的目标:1、获得和理解信息内容, 将信息组织好。2、优化信息结构。3、面向用户传达信息内容。4、提供一个清晰的易于信息获得的界面。

信息构架之后, 需要将我们的构架用界面的形式表达出来这就是我们所说的交互细节。

网页的交互设计已经成为网页设计中不可缺少的一部分, 随着互联网行业的不断发展, 原有的以传统平面设计为参考的网页界面设计已经无法满足人们对交互体验的需求, 只有对其重新认识才能设计出符合客户要求的网页。

三、结论

《栏目结构合理是企业网站的基本功》一文认为:“网站栏目结构与导航奠定了网站的基本框架, 决定了用户是否可以通过网站方便地获取信息, 也决定了搜索引擎是否可以顺利地为网站的每个网页建立索引, 因此网站栏目结构被认为是网站优化的基本要素之一, 网站栏目结构对网站推广运营发挥了至关重要的作用。”文中同时引用了新竞争力对国内机械行业103个企业网站优化状况的调查, 结果发现, 92.2%企业网站的栏目结构和导航系统都比较合理, 不过这并不是因为机械企业网站建设水平普遍较高, 而是因为这些企业网站的内容和功能比较简单, 不需要太复杂的栏目结构。

由于观视音网站独特的内容和专业包容性, 注定了它与其它类别站点不一样的架构设计。

不过即是最简单的资源发布式网站, 也存在结构方面的问题, 尤其是从用户获取信息的角度来看, 问题更加明显。在进行各种类别的网站专业性调查时, 经常可以看到这样的网站:假定某个类别有100个条目, 在作品目录页面中的每个页面安排了第1-10个标题, 然后用户要逐级点击“下一页”来查看其他内容, 非常麻烦。稍微合理一点的结构设计, 可能是列出每个单页面的链接, 用户可以通过第一个标题目录页面直接进入到第N个目标页面, 并且从链接关系上来说, 这种网站的结构并没有错误, 搜索引擎一般也可以按照这种层次链接关系检索各个相关的页面, 但是一旦开发者站在用户的角度上来看, 问题就显而易见了:一般的用户, 除非特别需要从这100个标题链接 (也就是之前说的总共需要10个页面) 中逐个了解每一个标题的信息, 否则他很难有耐心和时间逐个查看。

合理的网站栏目结构其实并没有什么特别之处, 无非就是能正确表达你所计划建设的目标站点的基本内容, 及其内容之间的层次关系。并从用户角度出发, 使用户在浏览中可以方便地获取信息, 不至于造成迷失和时间浪费其实做到这一点的关键就在于要对网站结构的重要性有充分认识。归纳起来, 合理的网站栏目结构主要表现在以下几个方面:

通过主页可以到达任何一个一级栏目首页、二级栏目首页以及最终内容页面;

通过任何一个网页可以返回上一级栏目页面并逐级返回主页;

主栏目清晰并且全站统一;

通过任何一个网页可以进入任何一个一级栏目首页。

在满足上述条件的基础上, 还可以对部分重要栏目/网页进行调整, 为用户提供更多的方便, 这属于对栏目结构的设置。

根据上述分析, 我们可以得出以下结论:

国外各大学和研究机构在网站架构设计技术上所建设的知识体系已经非常完善, 几乎所有类型的设计需求都有严谨完整的理论及技术支持;

网站制作是一项很复杂的工程, 从大的方面讲可以称之为生物学的延续, 是工程学的集中表现。但网站的制作更是一个深入浅出的过程。一切以人为本, 用户体验始终要放在第一位, 制作时不仅仅注重外表的美观, 还要防止华而不实的外壳。网页设计、网站架构、代码编写也不仅仅是一个复制粘贴的过程。只有将网站架构做到清晰简练、深入浅出, 并同时照顾多平台操作, 才符合一个比较完善的制作标准, 才能够让人觉得舒服, 久看不厌。

观视音网站建设的理论依据已经完备, 其创新点在于整合了数码艺术这一全新艺术形态在各个领域的应用研究, 目前这在国内还是一个空白。

同时, 我们可以把国外各个层面的研究理论及技术成果用以支持GSY网站建设, 从而推动国内该专业领域的发展。

摘要：观视音网站是上海大学数码艺术学院结合自身产、学、研为一体的办学模式, 以学院师生队伍为建设力量, 计划建设的一个资讯商业型网站, 它定位于数码艺术产、学、研综合平台, 全球数码艺术门户以及3G手机资源下载第一平台。其建成后能够填补国内数码艺术专业网站领域的空白, 并对数码艺术行业及教育发展起到巨大的推动作用。

参考文献

[1]段爱华.基于网站结构分析页面信息提取的方法研究[J].电脑知识与技术, 2008 (23)

[2]王军、王涛、宋宝燕.Web日志挖掘中重构网站结构技术[J].辽宁大学学报 (自然科学版) , 2006 (03)

[3]何坤鹏.基于本体的网站结构知识获取与分析[D].北京化工大学, 2007硕士论文

[4]白锦士、张有仁.基于网站结构的网络使用挖掘树化模型[J].华东理工大学学报 (自然科学版) , 2005 (02)

[5]韩云端.基于浏览者的网站结构研究[D].山西财经大学, 2006硕士论文

[6]杜华.电子商务网站结构优化模型与算法研究[D].首都师范大学, 2009硕士论文

[7]建立网站的基础工作——定义网站结构.上海微型计算机, 2006硕士论文

网站网页设计 第2篇

小组成员：陈昂+张习+陈燕芳+陈圆+周双。

策划方案：打造一个第三方平台，做一个服装网站。

方案实施：主要是弄清楚这个网站的功能与用途，如何使一笔交易成为可能？

---a.联系生产商把产品放在我们网站上---b.推广网站让潜在买家来购买---c.网站继续发展成长

---d.吸引越来越多的商家和买家---e.产生交易纠纷怎么办

a.如何使商家入驻？

1、对商家提供必要的服务（网上店铺的介绍、宣传、推广、指导其网上运营的方法和技巧），在自身条件允许的情况下为每一个商家提供人性化的服务；

2、给予商家自由发挥的空间，网站不仅仅是为商家提供一个普通平台，在这里商家可以通过对自己品牌的理解去把自己的品牌特色通过我们这样一个网站来完美地表现给消费者；

3、在相对公平的前提下，对于不同规模的商家，在一定程度分几个等级，为同等级的商家提供同等的服务。对于有实力的商家可以通过交更多的费用要求我们提供更优质的服务；

4、建立会员制度，根据整个行业的实时情况，按等级的不同为会员商家提供行业内的各种信息；

5、网站建立一个论坛，拥有一个专业的分析团队，鼓励所有会员经常在论坛上交流自己的经验和经历，力求将网站做成一个充满和谐的大家庭。大家好，才是真的好。

b.如何让买家来购买？

1、网站广告泛滥，而且成本也高，所以需要新的推广方式。例如网页抽奖活动，中奖比例极高，奖品多为优惠券；

2、针对潜在人群宣传，避免乱打广告。淘宝店铺的小卖家大多没有货源，这里我们用大量软文在淘宝论坛打出我们的广告；

3、注册会员有奖励，积分+优惠券；

4、成为会员后，可直接咨询网站客服，提高买家的体验；

5、保护每一次买家的消费权益。

c.如何实现盈利？

主要收入来源包括会员费收入、网页链接收入、会员培训收入和咨询收入四大块，且前两块收入是公司的核心收入。

●按服务分类，主要分为线上及线下两部分。其中线上包括企业网站建设、网站托管、企业信息展示、资讯发布、广告服务等；线下部分包括会展服务、企业咨询、行业研究等；

●按收入来源分类，主要分为企业信息服务收入、广告点击收入、会展收入、咨询收入等四部分；

在盈利模式上，资讯服务采用“会员制服务”形式，我们将会员设A级、B级、专栏会员三大类，根据客户选择不同的会员等级享受不同的服务以及收取不同的费用。

其中，资讯服务是服装网的核心价值所在，按照服装行业分为女装、男装、童装等三大资讯模块，每个模块又按区域、品种进行细分，以及时、专业、全面的理念，每天为客户提供市场行情、综合资讯、最新潮流等资讯内容。

最新潮流和市场行情是服装网资讯服务的重要内容，服装网市场行情包括市场潮流调查、价格走势调查等资讯。

d.网页版面如何优化？

1、网页内容大致分为三个版块：

服装原料提供商、服装生产商、服装批发和零售商。

服装原料提供商类网站分类导航：按提供原料的类型、按商家所在地； 服装生产商类网站分类导航：按产品适合人群、按商家所在地；

服装批发和零售商类网站分类导航：按经营服装范围、按商家所在地。

特色内容版块 品牌服装版块：利用各个品牌服装的商标动态展示达到方便商家浏览及吸引商家的目的；

服装招商版块：为各类服装网站提供展示招商信息的平台； 行业快讯版块：及时更新提供服装行业的各种相关资讯；

综合信息版块：提供服装类网站的发展趋势、经营中遇到问题的解决办法等综合信息；

交易促成版块：为各类商家提供交流平台，准确、快速地找到合作对象； 经验分享及评价版块：在这里商家可以交流经验、互评等。

2、页面设计

把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。（1）、导航栏

由于该网站是整合了服装原料提供商、服装生产商、服装批发和零售商等网站的综合性网站，内容很丰富，因此使用Frame 框架快捷导航，其体积小、变化多，不管浏览者进入哪个页面都可以快速跳跃到另外的栏目，不会失去方向。（2）、LOGO

LOGO的位置通在页面的左上角。这个地方最明显和直观，可以第一时间给人于默化的效果。LOGO给大家一个比较直观的信息的表达工具，是一个网站的直接的表现窗口。（3）、BANNER(广告条)类

采用国际标准尺寸，在设计页面的时候，根据页面占用空间来制定Banner广告位和广告条大小。运用不同类型的符合网站风格的banner,使网页设计丰富而炫目。广告语要朗朗上口，可以第一时间的让人捕获表达的重点。图形无须太繁杂，文字使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没。图形尽量选择颜色数少，能够说明问题的事物。

（4）、按钮

“用户登录”、“登录按钮”“More按钮”、“商家推荐”等等按钮的设计要同页面的整体协调，不能太抢眼，有的页面很单调，还要依靠花哨的按钮来提一下。选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简单一些。很长的按钮可能就是框架的分界，要纤细一些，否则页面会显臃肿。（5）、图片

为了美化页面，图片是任何一个页面都要用到的，但考虑到浏览者浏览时的网速，能不用就不用，图片的运用要合理。图形的主体要清晰可见，图形的含义要简单明了，图片内所含文字应该清晰容易辨认，背景与主体明度对比比例应为

3∶1到5∶1之间，淡色系列的背景有助于整体和谐。（6）、文字

每一行文字的长度要有一定限制，行距与字距已由软件内定，设计时注意段落与段落间空行及首行缩排方式以辅助阅读，内文的排列向左对齐并与左边界保持适当距离，用表格填入文字以达此效果，表格或清单内的字运用相同字型与字体大小，以利辨别。

这些都是为用户服务的设计！

3、网页整体氛围

气氛的表达是一个网站的灵魂所在，在浏览网页的时候给人的第一感觉是最重要的，氛围也代表着整个网站的主题，是浏览者最容易所到感染的隐藏因素。我们的网站的特点是

① 用户主动性：让用户体验很自然、很自由，用户可以随意浏各版块，并对合作商家发表自己的看法和评论。

② 用户互动性：提供给用户间交流、探讨的平台。

③ 入驻商家展示友好全面：把入驻商家友好的、全面的、清晰的展示给用户，给用户交易前留下良好的第一印象。②产品展示以用户为导向：把所有的产品拆开，按照用户目标群划分，也就是以用户为导向，让用户第一时间找到适合自己的产品。

e.售后纠纷怎么办？

买家面对纠纷的前提：货真价实诚实守信

淘宝的交易中纠纷的处理产生，我们简单地分析一下主要原因和处理方法： 在卖家货真价实的前提下，买家会对价格和品牌敏感，通常对快递的不满少数买家也会使用发泄的心理怪罪在商品和卖家的本身，对于这样的事情一般卖家赔礼道歉真诚沟通是可以解决问题的，对于这样的买家首先确定购买一体是正常消遣或者真实需要而不是别的意图或心理的因素不够完善。

对于买家

通过简单沟通让买家知道超市沟通常理，他的意见和建议能帮助卖家完善改正自己，93%的买家会欣然接受和对卖家产生好感。

剩下的不良心态的买家，卖家尽量不用退货处理问题，有0.2%的买家会把自己的使用问题怪罪到卖家的质量问题等，所以有经验的卖家会通过了解买家的真实心理进行退货换货的处理手段。

这样的一类卖家沟通中一方面欢迎买家指点批评，另一方面让买家知道正常的购物心理，不论卖家如何服务也只能做到一般意义做到的事情。

对于购买心态不良的买家，一般卖家在货真价实的情况下，有效使用121的方法是推进的，121方法就是首先对买家在语言上显示出诚意并且告诉对方一起努力解决问题，如果买家蛮横无理可以采用计划矛盾的方法，使用几个建议来让买家选择，然后说出交易中双方承担的责任和义务，这样的情况买家只要不用谩骂等卑劣无理手段，卖家就可以退一步处理使用折中的方法解决问题。如果买家谩骂

好说无意义的责怪激化矛盾，卖家可以使用应对投诉证据和截图聊天证据的方法，对自己都是很好很有效的保护和自卫，要告诉买家正规交易是双方的一致性而没有对立面，如果双方站在矛盾的两边对交易和解决问题是没有好处，投诉不能掩盖购买者自己的心态不良和妄想的意识。

买家面对纠纷的前提：诚恳和平，有效理性

卖家交易过程中货物问题和态度处理有问题的占投诉的一大半以上，买家遇到推卸责任和无理的卖家，主要的问题理智的做法不应该期盼是和卖家让步沟通，这样的卖家不是针对商品下工夫，首先想的是如何收回钱或如何让自己处于有利的位置，所以买家解决纠纷先做简单的沟通，退换货商议的同时做好聊天记录信息的保存工作，而且使用实际手段掌握主动权，比如换货点退货有保障或者先投诉收到货物后取消投诉等他有效的督促方法。

认证商家出现伪劣产品：

首先要查清楚是买家故意毁谤发泄不满还是确实有这样的事情发生，如果是故意毁谤就对买家进行一定的降级处理，或者是在官方的地方发布消息对卖家进行澄清；如果是卖家确实存在假冒伪劣的商品，取消多商家的认证，并且罚收一定的钱，用以赔偿给买家。

怎样增加网站客服的主动性？

浅析商业购物网站网页设计 第3篇

商业购物网站是企业向用户提供的一个自由购物平台，实行挑选，考量，咨询，购买，评价一站式服务。网站则是在INTERNET平台下宣传企业形象和企业文化的重要窗口，因此网站的网页制作已不再是随意的把企业想要宣传的内容及图片随放在网上，更重要的是传达一种自身购物网站的设计理念及风格，其中自然包含更多的设计元素，根据不同消费人群的不同心理需求来设计网页，在为顾客提供视觉享受的同时，更刺激顾客购物。

商业网站网页设计作为视听设计的新课题，将以网页设计者的精湛技术和艺术审美为依托，对设计元素进行艺术规划，从而达到艺术与技术的高度统一。设计者将网页界面中的文本、声音、动画等多种数字媒体信息与创新的设计理念汇于一体，真正打造网上快捷交易、客户信息反馈等多线条一站式服务平台，也使得更多的商家纷纷加入到商业网上购物的潮流中，展现自身独特风格以增强企业知名度。

现实生活中，由于地区差异，造成人们购物不便，此类购物网站则汇集各种物品，省去繁多环节，降低成本，将最合理的价位和最好的品质同时提供给消费者，通过顺畅、享受的浏览体验，使得网站得到更多人的关注。

网页作为新的一种传播载体，同其他出版物如报纸、杂志等在设计上有许多共通之处，都要遵循基本原则。但是，由于表现方式、运行模式的不同，网页设计又有其特殊的设计原则，它是技术与艺术的结合，内容与形式的统一，在主题鲜明的前提下，更注重视觉效果，将其展现给观赏者，以满足其诉求。

国内外商业网站设计简析

目前国内商业网站自身存在不少问题，主要表现在：第一，规模小，相互之间联系不紧密，处于分散状态；第二，国内网站在首页页面设计上放置太多内容，尤其是大量的植入广告，使整体版面过于杂乱，给人视觉效果不佳；第三，过多的展示内容，而忽视其整体的设计理念。由于国内商业网站现存的种种问题和不足，难以与国外一些知名网站抗衡。因此，国内商业购物网站进行资源整合、共享可谓是大势所趋，采取先进和有特色的设计理念迫在眉睫。

相比而言，国外的商业购物网站的设计则融入了时尚的元素，行业分工明确，安全性较高，值得我们运用和借鉴。如欧美用户较不习惯过于鲜艳的设计风格，仅以的简洁、大气严谨的风格展现其网页，但简约中不失设计理念及元素的融入，给人过目不忘之感。而韩国网站设计则在内容排版、色彩搭配、图片运用上非常和谐统一，突出其特有的韩流文化，使“韩流文化”深入人心，更引领时尚潮流，人人追捧。

科技时代引领人们进入快速生活的轨道，繁杂的购物过程不再是人们，尤其是年轻人的选择，商业购物网站作为新兴的时尚标志性行业，受到了诸多年轻人，甚至是中年人的青睐。面对即将兴起的90后的主要消费群体，网上购物将成为他们生活中不可或缺的一个重要组成部分，因此，他们更注重的是彰显个性，弘扬年轻的购物体验，在内容丰富的基础上，新颖、创新、大胆、具有时代风格展现的购物网页将引起他们的极大关注和追崇。

网页设计应符合系统性，灵活性，创新性的要求。

网站CI要素的确定

商业购物网站的中心词就是购物，因此logo的设计主要是以图形与文字相互结合的基本形。通过对产品的特殊表现体现站点的中心。商业购物网站的网页设计完全可以从图像入手，让图像传递信息，以强烈的视觉冲击力打动观众的心，激发观众的购买欲，网络广告还可以很好地将概念化的东西转化为视听语音，以此来感染大众的情绪，影响他们的心理，完成商业运作及广告宣传，让大众最终实施消费行为。

合理的布局，可以将页面中的文字、图像等内容完美地展现给浏览者，优化网页的页面效果，提高视觉享受。网站网页具有许多特性，如多屏、分页、嵌套等。因此，设计者可以在形式上对其进行优化和合理编排，达到多变性的处理效果，展现其形式美。作为商业网站，网页应采用“三”型结构布局（此布局也常用于国外的网站），这种网页布局是用横向的两条色块将整个网页划分为上、中、下三个区域，其中会员管理模块包括用户注册、用户审核和用户登录验证； 在线购物模块包括商品搜索、购物车管理、订单查询； 系统管理模块包括商品信息管理、用户管理和交易信息管理，层次分明。而对于网页的二级目录网页和文章阅读网页采用了“T”型结构布局，一般是网站标志和广告条，使得网页页面设计结构清晰，突出内容，更彰显创造力。

做到内容与形式的高度统一，内容是设计存在的基础，可谓是“设计的灵魂”。而形式是内容的外部表现方式。网页设计的内容指的是其主题、题材、主要内容等要素的总和，形式则是对它的布局、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）网页设计表现其形式美，不但要适合主题的需要，更要彰显其独特的设计风格，不能只有花哨的一面，而缺乏艺术的表现，是整个网页空洞无力，给人虚无缥缈之感。在设计网页时，不必刻意注意冗长而繁杂的技术，更强调的是其艺术感的展现，最终达到内容的高度形式化的展现，宗旨还是为购物网站的推广和营销做足准备。

色彩的选择对一个网站来说是至关重要的。若网页页面的色彩和谐统一，则给人一种幽雅、宁静感；若色彩明快，则会使网页显示出活跃、生动的氛围。但是，若色彩对比感过于强烈，虽具有一定的冲击力，但会造成浏览者视觉上的不舒服。因此我们的色彩设置需符合网站的定位，迎合受众心理，将主色调设置为暖色系，辅以白色，它代表纯洁，干净，无处不在的生机和活力，充分体现了受众群体的向往和热爱，从而刺激浏览欲和购买欲。

视听元素，主要包括文本、图像、导航工具、背景音乐、动态影像等。数字及新媒体技术的应用大大丰富了网页艺术设计的表现力。以上各视听元素都可以显示或收听，无需任何外部程序或模块支持。比如，浏览器大多可以显示PNG、JPEG图形和GIF动画。还有音频文件（如MP3）无需启动外部程序来播放，实现网站环境下的播放。目前ActiveX已成为热门技术，并日渐成熟。而Java Applet，则是用Java语言编写的应用于网页之中的小应用程序，更具灵活性和跨平台工作能力。由此可见，技术的发展对网页设计起到了良好的推动作用，使浏览者可以享受到更加完美的视听效果。

作为商业购物网站的系统开发平台Windows 7 所支持的常用字体就应该作为标准字体，因此本网站选择宋体作为标准字体，对于一些特殊的，需突出展现的可采用其他艺术夸张字体。

而对于标志性图片，则将人物以漫画的形式表现出来作为标志性图片，更加体现了购物的乐趣。图像是文字的具象化，能极大地提升文字感染力，将抽象的思考予以“具体化”的表达，把某些无法用文字表现出来的视觉特征，通过图像形象地表现出来，它应该是一种文字意念的“再创造”。

国内现有商业网站缺陷

目前的商业购物网站在商品展示时大多是采用同一个模式，即图片与文字并用。在商品外观的展示方面则主要依靠图片。这种展示方式的缺陷就在于，缺乏直观感受和冲击力，消费者在购买商品时，需要花费大量的时间和精力去了解商品，浏览很多图片，这只会造成消费者快速寻找到自己所需的产品后结束购物，不能够起到很好的刺激消费的作用。而各种网页设计手段与编排手法的运用，就是要让消费者产生一种心理暗示，引导其对目标网站产生兴趣和购买欲望，尤其是网站的主推商品。

现今的网页设计所追求的形式美，不太适合主题的需要，只讲究形式美感，过于强调独特的设计风格而脱离内容，或者只求内容而缺乏艺术的表现，都会使网页的页面设计空洞乏味。另一方面，有很多图片并没有存在的必要性，为了展现而刻意装饰，不了解企业或商家的经营策略，设计没有针对性，往往造成图像与内容特性不符，不能吸引读者注意力，而提高网站知名度，达到很好的宣传效果。

总结

商业购物网站的网页设计作为一种新的视觉表现形式，它的发展虽然没有多长时间，但同时融入了传统平面设计与三维动感设计的特征，成为今后信息交流的一个主要的途径。也使得网页设计可谓是一种综合性的设计，它所涉及的范围非常的广泛， 包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然科学技术的发展是其基础所在。电子商务网站具有帮助企业达到自身与个人、企业和政府快速沟通、宣传企业文化、树立企业良好形象的目的。网页设计不仅是为了满足浏览者购买商品的需求，更重要的是创造一种愉悦的视觉环境，将技术与艺术进行有机结合，是网页设计的功能和理念得以更好的突出。

作为视觉设计范畴下的一种艺术展现，其目的是更好的满足诉求需要。以上设计感的满足依赖于主题思想在逻辑线条下的理性展现，同时辅之设计理念的，嵌入时尚元素，使之能够突出主题，符合浏览者获取信息的心理需求，增强视觉享受，增强浏览者对网页的浏览欲。只有内容与设计达到高度地有机地统一，才能达到最佳的主题诉求效果。

互联网凭借其信息量大、覆盖面广、方便快捷、互动性强等特点，逐渐成为人们学习、生活、工作中获取信息的重要媒体。从中国互联网信息中心的调查数据看，我们50%的上网用户目的是获取信息，居各种上网目的的第一位，正是由于人们对信息量的需求，导致了人们对这一新兴媒体的依赖。

门户网站网页界面色彩设计 第4篇

1.1 色彩的要素

色彩是自然美、生活美、艺术美的重要组成部分,是人类知觉及记忆建构的基础单位之一,在资讯的传达上也扮演着重要的角色。自然界的色彩是丰富的,漆黑的夜晚、蓝色的天空、绿色的树叶、红色的苹果但是最基本的色有三种,即红、黄、蓝,称为“三原色”,其它的色彩都是由这三种色调和而成。

现实生活中的色彩分有彩色系和无彩色系两个范畴。无彩色系指黑、白及各种明度的灰三种,除此以外的色彩,无论其灰艳、明暗程度如何,均属于有彩色系。

视觉所感知的任何一种彩色现象,都具备三个基本特征:色相、明度和纯色。非彩色只有明度属性。色相,指的是色彩的名称,亦称“色度”。这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素。不同特征的色彩,代表了不同的色相。明度,也叫亮度、光度,指的是色彩的明暗或深浅程度。各种色彩都可以通过加白或加黑作明度色阶变化。纯度,指色彩的鲜艳程度,又称彩度、饱和度、艳度。纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。当一种色彩加入无彩色时都会不同程度地减弱该色相的鲜艳程度。

1.2 色环理论

在对色彩的认知中,有很多值得思考的问题,许多科学家都曾尝试去了解颜色的物理特质,而且对于颜色理论有所贡献。

在研究色彩时,通常是用色环而不是用呈直线排列的光谱来表现色相的系列。处于可见光谱的两端的颜色红色与紫色,被巧妙地连接起来,使色相序列显现出循环的形式,这就构成了色环。目前的色彩研究中,常用的是由瑞士色彩学家约翰伊顿创立的12色相环,又称“伊顿色相环”见图1。在色相环中,可以表现出微妙而柔和色相过渡节奏。色相环上的色彩排列次序包含着色彩协调的基本途径。这种协调是以色相的渐次变化来实现的,有着非常鲜明的优点,可以直观地展示着色彩规律,把本是复杂的东西简化得十分通俗。构成原理是由红黄蓝三原色开始,两个原色相加出现间色,再由一个间色加一个原色出现复色,这样由原色、间色、复色组成了一个有规律的12种色相的色相环。色相环上包含了完全饱和的颜色和一些含有较多白、灰或黑的不饱和色,可作为渲染、色调和阴影的变化。

在图1中,井然有序的色相环让使用的人能清楚地看出色彩平衡、调和后的结果,颜色间的相互关系如相似色、互补色、暖色、冷色也一目了然。在网页色彩设计中,有效利用色环会给科学准确地定位色彩搭配有重要的作用。

2 门户网站配色技术

针对门户网站网页界面色彩设计,所做的色彩喜好及意象调查分析结果表明,影响色彩意象有三个因素:美丑因素、明暗因素及兴奋沉静因素。美丑因素受到色彩三属性全面的影响﹔明暗因素则受到明度的影响最大;而兴奋沉静因素则受色相与彩度的影响最大。

2.1 色彩设计的一般标准

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

2.1.1 色彩与用户审美的统一

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

2.1.2 色彩与内容的统一

色彩与界面主要信息内容应有内在的联系,通过色彩倾向和色彩联想,突出主要内容,同时在用户的情绪上引发共鸣。

2.1.3 色彩与功能的统一

色彩与信息传播功能需求要达成统一。利用色彩的视觉心理效果可以有效地促进信息的接受程度。

2.1.4 色彩与构图功能的统一

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

2.2 网站设计的标准色彩

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

门户网站由于其地位的特殊性,所以在界面色彩设计时,一定要以科学的色彩理论为指导,以敏锐的感觉去发现,以高超的配色技巧去完成。

参考文献

[1]张帆,等.网页界面设计艺术教程[M].北京:人民邮电出版社,2002.

[2]候明华.试论中西文化中颜色词语的象征意义[J].北京:科技咨询导报,2006.

[3]约翰内斯·伊顿.色彩艺术[M].杜定宇,译.上海:上海人民美术出版社,1985.

[4]姜澄清.中国人的色彩观.南京:江苏教育出版社,1999.

[5]吴士元.色彩构成.哈尔滨:黑龙江美术出版社,1992.

[6]12色相环.http://www.artist.org.cn/student/1/1/200601/35993.ht-ml,2006-1-22.

[7]林粤江.基于Web标准的网站设计[J].武汉:软件导刊,2007(7).

大网站改版网页设计 第5篇

就大网站改版这个话题，说说我的看法。

改版干吗?

一个网站，一段时间总要进行改版，这似乎成了行规。就我的了解，在这几种情况下比较容易催生改版：

用户习惯发生明显变化

用户体验需要大幅优化

组织结构调整

大老板说要改

逢年过节或有象征意义的改版(如我们说过的apple改版)

可是回过头来，只有前两条是真正站在客户角度考虑的结果。不过，大多数网站改版都是为了改而改。

应该潜移默化做改变

我们说网站的形象维护，就像经营一个品牌。当客户足够多的时候，尤其是有很多黏性客户的时候，用户跟你成了老朋友，在他们心中你是原来的样子，可是突然做了很大变化，那用户就不好接受了。

比如SONY的logo，几十年来发生了很大的变化，但是是一点一点改过来的，普通人一点都没察觉，SONY还是那个时尚的SONY。

再比如新浪网，去年进行了很大的变化，从800像素宽变到了1024宽，可是用户完全在不知不觉中完成了切换。因为，数千万用户已经习惯在右边点新闻，在中间看广告了，改了，人家找不到。之后，新浪首页经常在做微调，几乎每个月都有新变化，我一直注意这个，用户慢慢接受。所以新浪网在客户心中的形象，十分一贯也十分稳定。

反面的情况呢?Yahoo中国当年突然从一个门户网站变成了仅有搜索条，用户找不到原先的东西了，

电脑资料

这会让用户觉得，你出什么事了，为什么这样。这就叫做：客户感情危机，我们应该避免这种东西。

别让客户跟着你拥抱变化

有个很有意思的说法，叫“拥抱变化”，叫“唯一不变的是变化”。我呸!这说的是态度，不是事情。我们没有道理让客户跟着我们一起拥抱变化。损失客户感情，风险真的很大。

变化是用来回头看的，不是给惊喜

刚才说了，变化应该潜移默化，可是有人会说了，那改版有什么意思。我说，改变，尤其是有很多客户基础的改变，不要给客户惊喜。

因为，你认为是惊喜的东西，别人看上去没准是惊愕。

因为，变化给人的感动，是慢慢形成的，变化是用来回头看的。当我们发现自己这5年来的变化，从不在网上买东西到什么都在网上买的时候，我们会感叹自己的变化，这个过程没法太快。

要真心做测试

我相信无数网站改版，做A/B Test，都是象征性的，因为大老板已经说了，要改成B的样子，于是装模作样做一下测试，试图证明B是好的。

真正的测试是从概念阶段就开始的，每一步去测试用户的反应，向着好的方向改动。绝对不是都要切换了，临时做一下测试，那是象征性的，你都决定要改了还问人家干啥!

==============

这就是我的想法，不针对任何人任何事。

班级网站设计与开发 第6篇

【关键词】班级网站 PHP Dreamweaver

1引言

本次班级网站作品制作主要应用了Dreamweaver对网页进行排版、Photoshop做网站背景和相册、CSS规划网页色彩、网页配色方案软件等。还包含设计的关键技巧：内容页面设计布局、php代码、HTML设计、Apache服务器测试、mysql数据库连接等。本网站的设计主题为班级网站，其主要目的是方便班级成员了解班级信息，关注班级动态。本网站主要包括网站前台、网站后台管理系统和数据库三大部分。

2前台

前台由四大模块构成，分别为班级相册、班级留言、班级信息和班级bbs论坛。用户登陆网站前台为index.php页面，即可直接对本网站进行浏览，index.php主要为大家展示的内容有，班级公告、班级相册显示、班级简介、班级信息、班级留言等功能。在该页面中，用户也可根据导航栏连接到子页面进行浏览。

管理员可通过登录index.php后在welcome.php页面中后台登陆窗口进行登陆。对整个网站信息进行操作。

数据库在一个网站系统中占有非常重要的地位，数据库结构设计的好坏将直接影响到网站的执行效率，对实现的效果产生影响。数据库设计是对一个给定的应用环境，构造最优的数据库模式，建立数据库及其应用系统，有效存储数据，满足用户信息要求和处理要求。合理的数据库结构设计可以提高数据储存效率，保证数据的完整性和一致性，本网站采用的是mysql数据库。数据库分为两种角色：普通用

户和管理员用户，角色的功能需求如下：

普通用户

浏览班级动态

浏览校内班级新闻

实时留言

发表BBS论坛

浏览班级相册

查看班级通讯录

管理员用户

修改班级成员信息

删除班级成员信息

发布班级消息

审核留言内容

审核bbs论坛内容

角色的功能模块如下：

3 后台

系统由Dreamweaver CS5开发，用PHP语言写成。客户端目前测试运行环境为Windows环境，服务器端运行环境为Windows 7安装有apache2.2.8版本的Web服务器，即Windows 7 + Apache2.2.8 + Mysql5.0.51 + Php5.2.6（Wamp集成环境开发）。

本网站的设计需要在数据库中建立八个表admin表、member表、bbs_ref表、bbs-main表、content表、news表、newstype表、picture表。

admin表用来存储管理员的用户名和密码，如果管理员到登录界面输入的用户名和密码与guanli2表中的一样，便可登陆并进行后台管理。member表用来、存储班级成员或者游客的姓名，性别、年龄、住址、电话、专业等信息。content表主要用来存储留言人员的姓名、留言内容、主题等。news表，主要用来存放班级信息的标题、时间、内容等。picture表，主要用于存储网页内所用到的图片；bbs_ref表是用来存放在论坛中回复人的信息和内容的，而bbs-main表是用来存储发表论坛主题的人的信息和内容的。

按照要求建好数据库后，需要建立网站页面和后台服务器的连接，页面名称为CONN.PHP，以后当需要对数据库进行访问时，只需要用<？php require_once（'../Connections/mymember.php'）；？>命令就可以直接调用该程序，连接数据库，提高程序的可读性，同时也提高程序的便捷性。

作为一个班级信息管理网站，首先它是一个班级信息交流的平台，后台管理系统包括新闻信息、留言信息、数据库的管理，管理对前面两项的管理，应当包括编辑、修改、删除，而对此类操作均是直接操作数据库信息。在系统数据管理这个模块，主要实现了数据备份和数据恢复。

后台管理功能只有管理用户才有权限使用，所以在进入这些页面之前，需要判断用户是否是管理用户。admin_logi.php的功能是判断当前用户是否是管理用户，如果不是，则给出提示没有登录权限等一系列信息。如果是，则不执行任何操作，直接进入包含它的网页Admin.php中，在只有管理用户可以进入的网页。后台页面中包含成员信息的增删改查、新闻信息的添加、审核评论信息、管理BBS论坛、发布班级宣告、上传班级相册以及查询信息功能。

4、总结

在系统的开发过程中，充分使用了面向对象的编程方式与PHP结合，完成的实现了系统的需求。对于繁杂而且庞大的数据处理有明显的优势，这就为系统的使用提供了稳定性和安全性。

【参考文献】

[1]丁士锋.网页制作与网站建设实战大全[M].北京：清华大学出版社.2013.

[2]潘凯华，刘中华. PHP从入门到精通（第2版）[M].北京：清华大学出版社.2010.

网页设计与网站管理教学改革探索 第7篇

1 传统的教学模式已经不能满足需要

网页设计与网站管理传统的教学存在以下几个方面的问题:(1)模式比较单一,通常是在多媒体教室中,由教师讲解示范,学生上机做范例,整个教学过程是以教师为中心,学生的学习是被动的,只会做教师教的,不能达到融会贯通、熟练掌握,这样提高不了学生的学习兴趣,也培养不出学生的创新能力和自学能力。(2)教学内容不能很好衔接,网页设计与网站管理需要的预备知识比较多,面向对象编程能力、数据库知识、美学修养等都是必须的,而学生在选课时,部分学生没有这方面的预备知识,因而学习起来比较吃力,积极性受到打击。(3)我校民族学生和汉族学生基础参差不齐,思维能力差异也很大,传统的教学方法比较抽象,这给教学也带来很大的困难。因此,网页设计与网站管理教学必须根据实际情况,有针对性地改进教学,以适应学生需求。

2 教学改革的实践

我校网页设计与网站管理课程,根据学生的实际情况,进行了相应的教学改革,并取得了比较好的效果。

2.1 提高学生兴趣

我们始终坚持兴趣是最好的老师,如何提高学生的兴趣一直在探索中前进。首先,在上课之前,让同学们欣赏漂亮和简单的网站,然后花最短的时间教会学生使用目前比较流行的网页制作工具,让他们模拟设计自己喜欢的网页,充分发挥自己的想象力,一旦设计完成,学生会有很大的成就感和满足感;网页设计与网站管理实践性非常强,接下来的教学中,逐步深入地介绍一些方便实用、功能齐全的网页设计软件,我们在教学中主要使用了Dreamweaver,Flash,Photoshop,Asp.net和Java这些工具。由于课时有限,有些知识是点到为止,学生会简单使用就行。在教学中,告诉学生将挑选优秀作品挂在学院的服务器上,他们可以随时在网络上浏览访问自己的作品,并且积极引荐动手能力强的学生给其他学院做各院对外宣传网站。学生能够学以致用,比较轻松地做出漂亮的网页来展示自己、宣传自己,自然而然就对此课程非常感兴趣了,也就产生了浓厚的学习兴趣。

2.2 教学计划改革

根据以往教学效果和经验的总结,我们重新修订了教学计划,教学学时由原来的50学时(理论授课占20学时,实验教学占30学时),改为60学时(理论授课占30学时,实验教学占30学时)。通过教学学时的改变,采用项目教学法,学生有更多的时间将理论与实践相结合,提高应用创新能力。

2.3 项目教学法

我们教学的目的就是让学生以后能够更加适应社会、适应工作的需要,所以学生的项目能力是必须提高的。开学初期,待学生完全熟悉了网页设计与网站管理这门课程后,就开始给学生进行分组,以3～5人为1个项目小组,选出1名项目组长。然后,教师根据学生的实际情况,给予每个小组立项的标准,按照正规的项目程序进行:写项目申请书、需求调研、写出需求设计文档、编程实现、网站测试、写出使用文档、项目结题答辩。项目组及项目课题确立以后,每个项目组人员可以根据个人爱好和特长进行分工,可以按照项目经理、技术负责、项目美工师、网页设计师、程序设计师、项目秘书等角色进行,1个人担任1个或多个角色。项目小组成员之间,能够相互交流学习、相互帮助,培养了密切合作的团队精神。教师在进行教学时,除了讲解网页设计与网站管理基础知识外,还负责对每个项目组进行指导,检查督促其进度。通过项目教学法,充分培养学生的创新能力、分析能力和解决问题的能力。

2.4 以自学培养解决问题的能力

网页设计与网站管理需要大量的知识,各个方面的知识都需要,教师不可能一一讲到,这就需要学生有自学能力,需要什么立即学习什么,尽快解决项目中遇到的问题。教师在指导学生学习时,给学生指出有什么样的参考书和网络上的知识,学生充分利用学校的图书馆和网络功能来进行学习。

3 辅助课程设置

对于网页设计与网站管理预备课程的开设,充分考虑教学内容的衔接性,采取必修课和选修课相结合的办法。在本课程之前,开设了面向对象的编程语言(如C++,C#等)、数据库应用、Photoshop和Flash等基础课程。待学生有一定的基础后,在该课程教学上,主要学习使用Dreamweaver进行设计,以及在Asp.net平台上进行编程开发网站系统。学生具有网站开发的基础知识后,如果遇到新的问题,利用工具书或网络能够独立地解决问题,为以后工作打下坚实的基础。

4 考核方式

网页设计与网站管理是实践性很强的一门学科,所以如果用传统的理论考试来测评学生的能力素质显然不合适。我们把项目能力作为考核的重点(占70%)。从项目的立项开始,每一个阶段,项目组成员都要进行现场汇报,讲解项目的进展情况以及遇到的问题和处理办法,期末时进行项目答辩,最后提交完整的项目作品,根据每个阶段汇报情况来给予评分。考核还包括平时上课考勤情况、回答问题情况等(占30%)。通过考核方式的改变来促进学生学习方式的改变,更好地达到教学目的。

5 结束语

通过总结教学改革的探索和实践,让我们深刻认识到网页设计与网站管理这门课程必须注重培养学生的学习兴趣,进而提高学生的自学能力、动手实践能力和完成整个项目的能力。如果我们的学生能够独自主持一个项目,在以后的工作中竞争力就非常强。在今后的教学工作中,我们会继续努力,不断探索好的方法。

参考文献

[1]邱红艳.网页设计与制作课程的教学探讨[J].决策与管理,2010

[2]周敏.网站建设与网页设计教学的探索[J].农业网络信息,2009

[3]刘谦.网页设计教学改革的实践与探索[J].中国新技术新产品,2009

期刊网站的功能设计 第8篇

那么, 期刊网站到底应该怎样定位?应该发挥什么作用?应该具备哪些功能?笔者参考相关文献[3,4], 并结合自己的开发经验对此进行初步探讨。

1、期刊网站的定位和作用

期刊网站应该定位于期刊功能的延伸, 以期建立更加密切的工作关系, 降低办公成本, 提高工作效率。应该实现作者、编者和读者之间以及编者和审稿专家之间信息的无障碍传递, 保证信息传递及时和准确无误, 从而提高期刊的内在竞争力和社会影响力。

2、期刊网站的功能

2.1 作者在线投稿和查稿

(1) 作者注册与登录。作者注册是建立准确、完整的作者信息数据库的基本要求, 作者首次投稿需要进行注册, 完整填写作者的基本资料, 包括姓名、登录口令、性别、出生年月、工作单位、学位、技术职称 (或/和职务) 、通讯地址、邮政编码、联系电话、电子邮件地址、QQ (或MSN) 号码, 注册成功后正确输入姓名和登录口令可以进入作者操作界面, 进行投稿、查阅稿件处理进度和状态、查阅稿件审查结论和处理意见、提交修改稿、个人网上留言等操作。作者注册信息必须完整、准确、真实, 否则不能查询相关的投稿信息。 (2) 作者个人信息修改。作者登录网站后可以自行修改、完善自己的注册信息。 (3) 作者投稿和提交修改稿。作者登录网站后可以直接提交新稿, 也可以提交修改稿。提交新稿时要注明文题, 基金项目, 行业类别, 通讯联系人默认为作者本人, 自动载入作者姓名、单位、通讯地址、邮政编码、联系电话、电子邮件地址、QQ (或MSN) 号码。稿件提交后网站上保留作者的初次提交稿和最后一次修改稿。 (4) 作者查稿。作者登陆后可以自行查询所投稿件的当前状态, 查阅审稿意见, 下载阅读编辑改红稿。 (5) 作者留言。作者登陆后可以提交个人留言, 留言时会自动记录作者姓名。

2.2 专家在线审稿

(1) 添加专家。审稿专家由网站管理员或编辑在后台添加, 所有专家信息汇集为专家信息库。需要提交的专家信息包括姓名、登录口令、性别、行业、专业方向、工作单位、邮政编码、通讯地址、职务职称、联系电话、电子邮件地址、QQ (或MSN) 号码。所有审稿专家信息汇集成专家信息数据库。添加专家后可以设定默认登录口令并通知审稿专家, 审稿专家登录后可以自行修改个人信息和登录口令。 (2) 专家登录。审稿专家输入姓名和登录口令后进入专家操作界面。专家可以执行的操作有个人信息 (包括登录口令) 修改、审稿、推荐稿件和网上留言。 (3) 专家审稿。专家登陆后可以浏览完成审阅并提交的稿件和尚未提交的待审稿件列表, 可以下载阅读待审稿件的电子文档, 在线提交审稿结论、审稿意见和改红稿。审稿提交后相关数据即不可更改。 (4) 专家推荐稿件。专家荐稿的操作与作者投稿流程基本相同。 (5) 专家留言。审稿专家可以登陆后提交个人留言, 留言时会自动记录专家姓名。

2.3 读者订阅

读者提交的订单的内容应包括个人详细通讯资料, 应至少包括单号 (网站即时自动生成) 、订阅日期、类别 (印刷期刊或电子期刊) 、订阅年卷期号、订阅数量、订阅者姓名、性别、工作单位、通讯地址、邮政编码、联系电话、电子邮件地址、付款方式 (邮寄/电子汇款/银行转账) 、付款金额、付款日期, 如果读者为电子期刊订户, 还应提交登录名 (注册登录名时需要进行验证以避免重复) 。读者订阅可以采取自由提交方式, 也可以采取注册会员的方式。

2.4 编辑后台管理

(1) 编辑授权。网站管理员在后台添加编辑对其进行授权。编辑输入姓名和个人口令登陆后台管理。编辑可以执行的操作有新闻管理、专家管理、作者管理、稿件管理、留言管理、读编往来信息管理、网刊管理等。

(2) 新闻管理。管理员或编辑登陆后台可以编辑添加新闻, 修改、删除现有新闻。网站新闻均在首页滚动显示或分页显示。新闻添加项包括标题、作者、作者单位、添加时间、新闻内容、新闻来源等。可以对新闻进行预先分类, 网站公告可以作为一类新闻, 也可以独立作为一个栏目。

(3) 专家管理。在后台可以添加审稿专家信息, 修改专家信息和删除专家。专家姓名、单位和专业必须准确填写, 若有专家姓名、单位同时重复应予以区别。

(4) 作者管理。在后台可以添加作者信息, 可以修改作者信息和删除作者。若有作者姓名、单位同时重复应予以区别。

(5) 稿件管理。在后台可以对其它渠道 (如邮寄、电子邮件发送) 来源的稿件进行登记。

编辑可以在后台对各个处理阶段的稿件进行处置。包括“待审新稿”的编辑初审;“编辑审定稿” (含直接审定稿和作者根据编辑初审意见修改后的稿件) 的送审;综合“当前审回稿”的专家建议决定稿件最终处置结果并回复作者;对“未审回稿”进行催审或转审;从“采用待刊稿”中选稿确定刊载期和刊载时间;还应当可以查阅“所有稿件”, 修改稿件当前状态和删除旧稿。

编辑初审“待审新稿”时可以填写初审意见和提交改红稿, 提交后作者即可登陆查看编辑意见具体内容, 并可以下载编辑改红稿。

“编辑审定”或作者修回稿至少可以同时发送给3位专家进行正式审查。在送审前, 首先选定稿件对应的专业, 载入对应专业的专家姓名和单位列表。选中需要送审的稿件, 选择1-3个审稿专家后进行“送审”。相关专家从前台登陆后即可看到需要审理的稿件。

“当前审回稿”显示专家审回的稿件, 编辑应可以浏览审稿结论和审稿意见, 点击“审回稿”可以下载阅读专家改红稿。当一篇稿件的所有审稿专家均审回后, 编辑可以综合审稿专家的审稿结论和具体意见对稿件做最终处置 (修改/转审/刊用/退稿) 。

“稿件统计”用于指定时间段的稿件数量统计。

(6) 读编往来信息管理。在后台应当可以添加期刊读者和网站游客的来信来电;可以修改或删除读编往来信息。

(7) 网络期刊管理。“添加卷期”用于填写/修改期刊当期参数 (期号、执行编辑、版权说明、主要栏目和出版日期) ;“添加封面”用于添加/修改期刊封面图片;“添加文章”用于添加修改指定期的刊载文章参数, 并同步提交上传电子文本;“文章列表”用于修改和删除文章。提交上传的文章可以在前台“过刊浏览”栏目中查阅、浏览和下载。根据期刊社自身发展的需要和经营策略, 可以设定免费或有偿的阅读和下载权限。

(8) 订单管理。在后台应可以按照时间从后往前的顺序查阅订单信息, 把汇款是否到达以及书刊发货或网刊阅读权限开放的相关情况及时给予回复。

(9) 其它管理。“留言管理”用于网上留言的回复和删除;“记录管理”用于网站数据的批量删除。

(10) 个人资料修改。网站管理员和编辑均可以自行修改个人资料 (包括登陆口令) 。

以上是期刊网站的核心功能设计, 适用于所有的期刊社。有些期刊在专业领域具有较大的影响力, 相关专业的市场规模又较大, 在这种情况下, 如果拥有足够的人力资源, 可以考虑增设“市场与产品”、“广告业务联系”等板块, 运用动画、声音等多媒体方式充分展示网站在企业和产品宣传方面的独特魅力, 甚至可以把网站建设成行业门户网站。期刊网站的建设, 必将扩大期刊的社会影响力, 促进期刊的良性发展, 是平面媒体的有益补充。

摘要：期刊网站是期刊的发展和延伸, 应实现作者、编者和读者之间信息的无障碍传递, 为作者投稿、查稿, 专家审稿、荐稿, 读者选择性阅读提供即时、全面和高效的服务。

关键词：期刊,网站,功能设计,期刊网络化

参考文献

[1]刘虓, 冯金东, 刘飚.我国科技期刊的网站建设调查.编辑学报[J].2006, S1:170-171.

[2]李冬梅.信息技术的应用对期刊编辑出版工作的影响与变革.编辑学报, 2007, 19 (5) .358-360.

[3]陈莹.浅谈科技期刊编辑工作的网络化.天津冶金, 2007, 5:53-55.

[4]马丽.编辑部制作期刊浏览网页的方法和上网策略.科技情报开发与经济, 2007, 17 (19) :209-210.

企业网站优化设计 第9篇

现在网络的发展已呈现商业化、全民化、全球化的趋势。目前,几乎世界上所有的公司都在利用网络传递商业信息,进行商业活动,从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等,无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展,企业规模的进一步扩大,对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下,越来越多的企业利用起网络这个有效的工具。网站早已由论证阶段进入了实质阶段,尤其为企业提供一个展示自己的舞台、为消费者创造一个了解企业的捷径。公司可以通过建立商业平台,实行全天候销售服务,借助网络推广企业的形象、宣传企业的产品、发布公司新闻,同时通过信息反馈使公司更加了解顾客的心理和需求,网站虚拟公司与实体公司的经营运作有机的结合,将会有利于公司产品销售渠道的拓展,并节省大量的广告宣传和经营运营成本,更好地把握商机。

二、企业网站的类型

企业网站的分类方式多种多样,根据其功能可分为宣传型、客户服务型、电子商务型。宣传型网站:通过建立宣传产品或服务,提升企业形象,扩大品牌影响,拓展企业的海内外潜在市场。主要面向客户、业界人士或者普通浏览者,以介绍企业的基本资料、帮助树立企业形象为主;可以适当提供行业内的新闻或者知识信息。客户服务型:通过网站实现企业宣传,并达到与客户实时沟通、为产品或服务提供技术支持,从而降低成本、提高企业的工作效率。主要面客户或者企业产品(服务)的消费群体,以宣传企业的核心品牌形象或者主要产品(服务)为主。电子商务型:主要面向供应商、客户或者企业产品(服务)的消费群体,以提供某种直属于企业业务范围的服务或交易或者为业务服务的服务或者交易为主;实现产品展示、在线订购、虚拟店员等功能,这类网站适合分销与信息服务等企业。

三、企业网站的设计原则

1、明确企业建站目的和目标群体

目的应该是定义明确的,应该清楚主要希望谁来浏览,具体要提供哪些内容,提供怎样的

服务,达到什么样的效果。

2、企业网站的信息内容应该充分展现企业的专业特性

对外介绍企业自身,最主要的目的是向外界介绍企业的业务范围、性质和实力,从而创造更多的商机。

3、企业网站提供的功能服务应该是切合实际需求

网站提供的功能服务必须保证质量每个服务必须有定义清晰的流程,每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。

4、企业网站界面设计应该是便于用户操作

四、企业网站优化设计

1、在用色和文字使用方面

目前国内企业网站设计中最突出的问题就是用色。举个简单的例子,浏览一些国内外企业的网站,即使内容完全一样的两个网站,一个是国内网站,另一个是国外网站,很容易就能够看出区别,我们不得不承认国外网站的结构设计以及用色比国内设计水平高。国外网站很讲究用色,决不胡乱用色,其整体配色的协调性与风格的一致性往往令人惊奇。以可口可乐公司为例,可口可乐公司的电子商务网站主要采用了标准红色,突出了网站的产品色,搭配的对比色是绿色。红色虽然是一种很刺眼的颜色,但是在丰富多彩的色彩搭配下显得很稳重,同时也不失清新的感觉。相比之下,国内许多企业的网站,在设计中并不注重这些方面的表达,网页颜色数量过多,互不相干的两种色彩放在一起,搭配不协调,缺乏统一的风格。

其次,企业网站页面中的正文字体没有进行优化处理,粗犷的字体虽然容易识别,但整体布局被这些粗大的字体扰乱,失去了网页之美。另外,在文字的使用上,应简洁明了。可以看一下可口可乐公司的中国网站,它的导航是用简单的几个单词来实现的,如“我们的品牌”、“饮料面面观”等,文字虽然简单却把整个公司需要传送给顾客的理念都概括了,主题非常鲜明,让人一目了然,也方便了客户的浏览。

2、在网站定位方面

网站策划对于网站的运作至关重要。首先要给网站一定准确的定位,明确建站目的。给网站定位时,与公司决策层人士共同讨论,以便让上层领导对网站的发展方向有一定的把握。同时,最好调动公司其他部门一起参与讨论,及时从公司立场提出好的建议,结合到策划中去,其中包括网站用户需求分析、网站信息组织、网站导航设计、网站功能需求分析以及网站推广方案建议等一些系列内容,把网站的目标信息有效地传达给浏览者或潜在客户,从而达到最好的网站营销效果。

3、在图片和动画方面

(1)处理手法简单、缺乏设计思想图片只是为了点缀。其实,网页中图片的真正意义在于深化网站的思想,反映网站的统一形象,加深浏览者对网站形象的记忆,使用户更快掌握网站的内容。使用图片时,要注意图片和内容最好与链接相匹配,这样可以将企业的各种商业活动都合理地表示出来。

(2)存储方式、存储格式有问题,导致图像色彩失真、字节过大。浏览国内企业网站,常会看到这样情景:图片局部色彩出现焦糊的感觉,本来应该是单色的地方出现杂色,这是图片存储的问题,给人一种很不专业的感觉。

(3)图片太多:对于中小企业网站而言,首页要突出设计,内容要少,图像也只是象征性的。而很多企业网站首页使用大量图片,有的甚至整页都是图片切割而成。建议企业网站首页最好简洁一些,图片少些,设计思想多些,或者色彩淡些,目的无非只有一个加快网页下载速度。如果必须使用图片,可以采用进度提示的方式等待网页下载。因此,网站图片一定要少而精,不必要的、与企业或网站形象不符的图片去掉。

(4)在动画使用方面,切忌在网页中胡乱地加入一些互不相干的动画。建议在动画使用方面最好找专业人士进行设计符合自己企业、网站风格的动画,为网站添光增彩,而不是胡乱堆放一气,扰乱浏览者的视线。以可口可乐中国网站为例,当进入可口可乐网站时,首先看到的是一个具有代表性的装满可乐的瓶子从天而降,下面显示了网页的下载速度,既生动,又富有自己的特色,简洁而又简单,用户也同步了解了网页的载入情况。

4、具体分栏目策划

每个栏目的策划书应该是格式统一的。其所涉及的内容为:

(1)栏目概述。其中包括栏目定位、栏目目的、服务对象、子栏目设置、首页内空、分页内容。

(2)栏目详情。栏目详情就是把每一个子栏目的具体情况描述一下,其中包括各个子栏目的名称;栏目目的,把子栏目的目的写清楚;服务对象,用以明确栏目的发展方向,更好地为达到目的而将做的具体内容;内容介绍,详细说明本子栏目的具体内容;资料来源,说明该栏目的内容来源是什么,以保证栏目开展下去不会出现没有内容的情况;实现方法,讲述实现这个栏目的具体方法;有关问题,栏目负责人在栏目的策划过程当中想到的、目前尚未解决的问题;重点提示,重点提示美工人员或编程人员需要注意的地方,或需要结合的地方,也可是栏目策划人员对该子栏目在这些方面的良好建议。

(3)相关栏目。这一项是用以说明本栏目和其他栏目之间的结合、沟通,之所以要有这一项是想通过各个栏目之间的联系,来加强网站的整体性。

第四,参考网站。标明本栏目参考了哪些网站,或可以参考哪些网站,一定要说明参考其他网站的哪些优点,哪些地方是在建设过程当中应该注意的。

第五,附录。用以记录这个文档的历史修改过程和所更改的内容。

如下图4.1所示

5、具体制作和整合

在设计之前应该让栏目负责人把需要特殊处理的地方对设计人员讲明。在设计页面时设计人员一定要根据策划书把每个栏目的具体位置和网站的整体风格确定下来。为了让网站有整体感,应该在网页中放置一些贯穿性的元素,最终要拿出至少三种不同风格的方案,每种方案应该考虑到公司的整体形象,与公司的精神相结合。设计方案拿出以后,由大家讨论定稿。

设计完成后是实现。由制作人员负责实现网页,并制成模版。在这个过程实现的同时,栏目负责人应该开始收集每个栏目的具体内容并整理。模版制作完成后,由栏目负责人往每个栏目里面添加具体内容。

网站的建设应该是同时进行的。在上面所讲述的过程进行的同时,网站的程序人员应该正处于开发程序的阶段,如果实现的这个过程中出现什么问题,编程人员应和制作人员及时沟通,以免程序开发完成后发现问题要进行大规模的返工。

当两边的工作都完成以后把程序和页面实行整合。整合完以后,需要测试,主要测试内容为:服务器的稳定性和安全性;程序及数据库测试;网页兼容性测试,如浏览器、显示器;根据需要的其他测试。

网站的发布、推广与维护企业网站制作完成后,只需在ISP处申请一个虚拟空间和域名,就可以发布网站到Internet上了,用适当的FTP工具发布网站。网站建好并不是一劳永逸的,建好网站后还需要企业精心运营才会越显成效。一般地说,企业网站建好之后,要做几个方面的工作:网站内容的维护和更新;网站服务与回馈;网上推广与营销;完善网站系统等。

参考文献

[1]赵祖荫.电子商务网站建设教程[M].北京:清华大学出版社,2004:854～856.

[2]蔡立军.网站建设原理与实践[M].北京:中国水利水电出版社,2004:824～826.

[3]朱传玲.中小企业网站的管理与维护[J].安徽科技,2006,(8):38.

[4]尚俊杰《.网络程序设计——ASP案例教程》清华大学出版社.2004.

网站logo设计探析 第10篇

1 统一与独特

网站logo设计中强调统一的原则。统一并不是反复某一种设计形式, 应该是将其他的任何设计原理如:主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等, 正确地应用于设计的完整表现。在一个网页页面上的logo除链接到自己本网站的相关信息以外, 还有一部分非链接到本网站的logo。如新浪网站首页上, 新浪产品板块, 包含了新浪财经、新浪新闻、新浪体育的logo, 在造型上所使用的图标图形、文字一致, 只是根据不同的主题加入了一些元素, 这个属于站内logo。那么, 还有一些宣传banner里面的logo, 如放在两侧的恒大冰泉广告、京东等, 另外, 链接的logo放置在页面最低端, 如中国互联网协会、不良信息举报中心等。这些logo颜色各异, 占用面积小, 采用点形成面的技巧将这些logo排列整齐有序, 同时也能为页面起到点缀的效果。

网站logo具有独特性, 浓缩了文化、背景、对象、理念及各种设计原理的基调, 实现对象最冲击的视觉体现。从视觉方面, 色彩是吸引人的第一要素, logo色彩的选用都有自身的特色和独特的风格, 设计与制作需要针对服务对象和宣传内容进行合理的色彩对比与调和, 进而进行色彩的整体配置, 以此使色彩搭配恰当合理。[2]如某地区知名书店的网站logo设计创意新颖, 使用色彩明度和纯度高的原色搭配, 对比鲜明, 加强了LOGO艺术感染力和视觉冲击力, 产生的审美效果、艺术效果以及传播效果显著。从内涵方面, logo若是脱离自身的文化来进行设计, 那只会是空泛且没有灵魂和力量的, 只会消没于大片同类符号中。比如通过对传统元素的提炼和再造, 使传统元素在形式上更加符合现代人的欣赏习惯和方式, 同时通过元素的再创造赋予传统元素新的、符合商业利益的意义。

2 静态与动态

网站logo中有静态、动态两种表现形式。大部分网站logo沿袭了品牌本身的静态效果。静态的画面可以产生视觉流程, 通过点、线、面、空间、光、材质、画面的组织等可产生力象美, 形成丰富的视觉感受。在表现上多采用单色平面化的图形组合形式, 主要在二维的空间层面上做点、线、面的设计变化, 设计的手法往往是以固定的图形、固定的字体、固定的色彩计划和以上三者的应用方法规范合成的, 以达到树立企业稳固、坚实形象的目的。这就使传统的静态logo在视觉形象的推广上, 一个最主要的手段就是将logo不断地到处“粘贴”, 不断地触及人们的眼球, 以便把视觉形象强注入于人们的记忆之中。[3]

网站动态logo可以包容更多的企业内涵理念, 使logo更生动, 更有感染力;动态logo画面的速度感和时间感则可以更好的得到表达, 视觉效果更强。谷歌纪念巴克球25周年的logo, 2010年9月6日, Google在logo上加入巴克球的造型, 随着鼠标的挪动, 巴克球会快速旋转。再如沙索 (Sasol) 公司, 主要从事化工产品和液体燃料的商业化生产与销售;并致力于在石油及天然气勘探领域的发展。它的的标志是由六个蓝色的小球围绕着一个银色大球旋转的动态图形构成, 象征着沙索公司对新领域的不断探索, 这与沙索开拓创新的企业理念以及“reaching new frontiers到达新领域”的口号是相呼应的。

3 简繁与细节

logo在传播信息的过程中, 要想快速有效地吸引公众的视线, 强化公众的视觉阅读记忆, 实现logo与公众之间的沟通、互动、交流, 一般来说, 对人的认知有两方面的影响, 一方面简化的视觉式样中, 力的分布达到最规则、稳定的状态, 人们会感到舒服、平静并且特征鲜明。如汇丰银行 (HSBC) 的网站logo, 由六个相同的等边三角形拼合而成, 构成一个规则的对称图形, 从知觉简化律出发, 这种具有高度的秩序感的图形易于被人们认知, 让人们感到稳定、富有力量感, 象征了汇丰严谨的企业精神。另一方面, 繁复的、对称或稍不对称的的图形由于偏离了人们视觉习惯的简化式样, 可能更具有刺激性和吸引力。从一个高层次的视角开始, 从细节上面给这个logo设计赋予了很多视觉审美的技巧, 以及版式的形式美编排, 提高形象让人感觉到品牌的用心。雅虎的新Logo由公司内部的一个品牌设计团队和产品设计师们共同设计完成, 原本的感叹号保留了下来, 颜色依然为紫色, 大写字母保持不变。感叹号新加入了动画效果, 当刷新雅虎Yahoo页面时, 感叹号会围绕后半个标志logo跳舞。这个令人意想不到的人性化的细节设计, 让人们能感觉到字体更为纤细, 整体也更为优雅。新Logo将会成为雅虎未来进行品牌重塑的重要元素之一。

摘要：本文通过分析网站logo设计中采用的各种方法, 包含统一性表现设计的完整性和独特性彰显个性魅力, 静态设计与动态设计的区别、简繁造型与细节处理的重要性, 用以塑造品牌的良好形象, 传达品牌价值。

关键词：logo,统一与独特,静态与动态,简繁与细节

参考文献

[1]王长征.试论网页设计中的LOGO设计[J].河南:商丘职业技术学院艺术系2011 (6) :49.

[2]陈哲.色彩构成美学在学校网站设计与制作中的应用[J].美术教育研究, 2012.

网站设计七宗“罪” 第11篇

求大求全而不求精。弗吉尼亚州罗浮市Grow Interactive工作室创始人德鲁·安格瓦斯基认为，一个网站不可能面面俱到。仔细挑选要放上网的内容，精心组织，做到条理清楚，整洁明了。“很多人堆砌了太多东西，特别是在主页上，有种掐着客户的脖子硬往里填的感觉。”他说。

程序复杂。从打开网站到完成交易的整个过程必须非常简单。安格瓦斯基表示，评估网站设计优劣时首先要站在顾客和浏览者的角度思考。他有一个习惯：结账前一定要建个账户。他建议，要让消费者可以在你那里买得顺心。

疏于打理。你的网站永远不会彻底完工。他说，要不断想办法吸引客户，丰富内容，让网站有新鲜感。这有助于长期留住客人，还有助于提高网站排名。如果你在推广某种产品或服务，或者正在做特别优惠，建议用登陆页面做好Email和社交网支持。

模仿竞争对手。时刻留意竞争对手的动作，但不要抄袭，这是罗德岛普罗维登斯市ExNihilo网络服务公司总裁史蒂夫·格雷丝佛的建议。假如你的网站看起来和其他公司太相似，顾客可能会混淆。观察别人的动向，但要以你自己的客户群为出发点，运用你的经验来决定他们最重视什么。

忽视受众需求。给老年人看8号小字的页面，会让他们非常苦恼。着手开发网站前，一定要充分了解你的受众群及其特有需求。“小号字或很难辨别的字体或鲜艳的颜色可能从设计角度看起来很酷，但如果你不是为买东西的人设计网站，他们就不会来买东西。”格雷丝佛说。

回避网站分析。“设计新站前，回头分析一下你之前所有旧网站的流量分析。”格雷丝佛说。了解你的网站跳转率——有多少人只是看了一两个页面后就离开了——找出用户登陆次数最多的页面和离开次数最多的页面。谷歌分析器可以帮你了解流量来源，人们通过什么关键词找到你的网站，还有人们在你的网站上都看过什么页面，这样就可以增加更多有效内容。

拒绝寻求帮助。不要因为过度自尊或怕花钱而让你的网站沦落到WebPagesThatSuck.com（最差网页榜）。如果网页设计不是你的强项，而你又需要一个比简单的网页设计模板更复杂的网站，那么最好还是寻求专业人士的帮助。查询当地的商业组织，到网上找找你喜欢的企业网站。大部分网站的最下面都有网站设计者的链接，这样你就可以找到自己喜欢的设计师。

网站网页设计 第12篇

1 网站的整体规划设计

简单地来讲, 网页是构成网站的基本要素。一个又一个的网页组成网站, 而一个又一个的网站再组成了现代的Internet网。矿物加工系教学网站的建设离不开网页的制作, 网页制作要通过软件来实现, 建立站点首先基本的任务就是选用恰当的主页制作工具, 编写出适合教学网站的网页[3]。

1.1 站点的访客定位

矿物加工系教学网站的目的是为矿物加工工程专业的学生和老师提供一个对外交流和学习的平台主要服务对象是本专业及对本专业感兴趣的学生。为了吸引工程技术人员和科研工作者参加到这个交流平台, 对访问者定位显的特别重要, 既要符合大众口味, 又要有教学网站的独特之处。但在高校中, 学校和学院的风格也要考虑其中, 这样才不会显得与学校、学院脱节。在站点正式运作之后, 该网站技术人员留下QQ号和E_mail来了解访问者对站点的看法和建议, 从而能及时做出调整和修改, 让站点更适合来访者的口味, 以达到更好的效果。

1.2 站点的主题选择

在矿物加工系教学网站点设计考虑上, 考虑到了一个内容特别丰富的站点上一般有一个弱点, 就是查找信息困难。因为许多网站注意面面俱到, 使内容太多, 太杂, 网友查找一个消息要点上很多次鼠标，而且会像进了大观园一样找不到出来时的“路”。所以矿物加工系教学网站从设计角度考虑, 将矿物加工系的教学主页用一个简洁的页面来囊括网站的索引, 方便学生和其他访客及时找到所需要的信息, 这样能做到主题鲜明, 有特色。

1.3 网站整体风格的设计

网站给人的第一印象来自视觉冲击, 确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果, 并可能影响到访问者的情绪。矿物加工系教学网站主要采用白色底调, 具有洁白, 明快, 纯真, 清洁的感受, 正文则采用淡蓝色, 给访客一种雅致之感, 无论对于吸引眼球还是增加回头率都是大有裨益的。另外, 风格始终抽象的概念, 往往要结合整个站点来看, 而且不同的人其审美观也不同。矿物加工系教学网站内容较为广泛, 涉及简介、教学培养、求职考研、科学研究、学生栏目、答疑空间等多个内容。本网站将整个站点设为同一种风格, 但是在各栏目的设计中, 又必须强调求同存异。因为单一的色调、背景会让访客产生单调的感觉。轻松活泼的动画栏目, 严肃的知识问答将它们设计成各有特色的风格会使人感觉舒服。

2 网站制作的细节

2.1 浏览器版本和分辨率

不同的浏览器对网页做出的显示是不一样的。在Internet Explorer里非常漂亮的浏览器, 用Netscape Navigator显示可能就差强人意。所以技术现在IE同一天下的时候, 也要考虑少数的其他用户, 也许它们正是你的潜在访客。把每个页面都放在两个浏览器里测试一下, 有什么问题马上解决。如果考虑到旧版本的兼容性就更佳了, 因为有的网页老板本的浏览器并不支持。当今最流行的是1024×768的分辨率, 可是相当大部分在用800×600的分辨率, 所以要考虑更多访客的需求。这些都在考虑的首要位置。

2.2 关于CI和Banner的设计

设计网站的标志 (logo) 。就如同商标一样, logo是你站点特色和内涵的集中体现, 看见logo就让大家联想起你的站点。标志可以是中文, 英文字母, 可以是符号, 图案, 标志, 色彩, 字体, 标语, 是一个网站树立CI形象的关键, 确切的说是网站的表面文章, 设计并完成这几步, 你的网站将脱胎换骨, 整体形象有一个提高。矿物加工系为了充分调动同学们的积极性和创造能力, 在全系进行了网站logo设计大赛, 邀请全院老师和选矿届同行作为评委, 评选出最佳图标作为矿物加工系教学网的logo。为了让本网站的logo国际化的标准, 进行了大量的修改。最终Mineral Processing Department (矿物加工系) 设计成了一个包括了时尚元素, 又不失传统韵味, 将系所处的大学、学院、文化等元素包括其内, 英文MPD醒目而明了, 中文的含义层次分明, 通俗易懂, 使访客很容易记住[4]。

Bann er的设计必须从整个站点的理念表现出来。当然色调也极为重要。在整个考虑中, 矿物加工系教学网站充分考虑这一理念。使用FLASH设计的banner, 属于动态效果, 会使人在静态的页面中感觉动感, 增加更多的访客流量。

2.3 矿物加工系网站结构

矿物加工系网站结构的完善大约经历一年多的时间。最初的网站结构是通过本专业学生进行调研后确定的。因为本教学网站不仅仅吸引本专业同学, 后来通过网站访问者的留言和建议进行不断改进。最终确定矿物加工系教学网站结构如表1所示。

2.4 网站的开发

目前矿物加工系教学网站主要依靠Dreamweaver、Firework等工具来完成网页的制作, 省却了手工编写HTML语言的麻烦, 且能够所见即所得, 提高网页制作速度。网站向用户提供交互式访问功能、实现信息交流是开发工作的重点。另外, Macromedia专业软件不一定完全符合网站内开发全部的要求, 尤其是用户的需求不断提高, 我系的完善条件不断变化, 也常常需要进行二次开发。

矿物加工系教学网站使用的开发工具主要是Dre amweaver、Photoshop、Fireworks、Flash等软件, 在网页中采用javas cipt语言实现交互功能, 在开发论坛、交流方面运用ASP.net技术, 实现读者访问数据库的功能, 在一些需要效率较高或比较复杂的地方则采用Delphi工具实现。矿物加工网站的开发工作将伴随该网站的存在、矿物加工系的发展、计算机技术的更新不断进行。

2.5 设计中的技巧和细节处理

标准字体是指用于标志、标题和主菜单的特有字体。为了体现站点的“与众不同”和特有风格, 矿物加工系教学网站根据需要选择一些特别字体。例如, 为了体现专业使用粗仿宋体, 体现设计精美用广告体, 体现亲切随意用手写体等等。常见的英文字体有近百种, 网络上还有许多专用英文艺术字体下载, 要寻找一款满意的字体并不算困难。需要说明的是:使用非默认字体只能用图片的形式, 因为很可能浏览者的PC里没有安装特别字体, 那么您的辛苦设计制作便付之东流。在设计页面表格的时候, 整个页面不要都套在一个表格里, 尽量拆分成多个表格;单一表格的结构尽量整齐;表格嵌套层次尽量要少。因为层次越多的表格下载速度越慢, 还有图片不应过大, 如果过大, 要裁减至小于6 Kb左右。

3 网站的安全与维护

矿物加工系教学网站建设完毕, 并不意味着万事大吉, 一劳永逸, 还需要进行经常性的维护。无论是网站内容还是主页风格, 均应定期更新, 添加新的信息内容, 清除己经失效的信息及超级链接。只有这样, 才能保证矿物加工系教学网站具有旺盛的生命力, 才不至于被Internet浩瀚的信息洪流所淹没。

矿物加工系教学网站的安全性虽然比不上军事、经济等领域, 但是教学科研整理的各类数据还是非常重要的, 数据是全体教职员工和学生的心血与汗水, 是整个科研教学的生命, 因此制订相应的网络安全措施是很有必要的。限制对内部网络服务器的访问权限和建立内部网与外部网的网关都是矿物加工系内部管理系统与WEB服务器之间安全考虑的通用做法[5]。

4 结语

矿物加工系教学网站是联系高校矿物加工专业学子、老师和外界的纽带, 更是为推动矿物加工系与外界社会沟通的一座桥梁。网站的建设应最大限度地满足社会上不同层次人的需要, 为教师及科研人员提供现代化的科学技术服务, 促进学校的教学、科研工作, 充分地让学生参加科研和教学讨论, 培养具有高专业素质应用能力和创新能力的矿物加工人才。同时也为矿物加工系学科的迅速发展服务。

参考文献

[1]方晨.网页设计三剑客[M].上海:上海科学普及出版社, 2005, 5.

[2]胡道远.网络设计师教程[M].北京:清华大学出版社, 2001, 5.

[3]康晓东.企业商务网站建设完全解决方案[M].北京:人民邮电出版社, 2006, 5.

[4]N.Sun, F.Wei, and J.f.Liu.“The Key Technology and Application of Alumni Website Construction”Electronic Sci.&Tech.2010, 23 (6) :94-96.