admin 管理员组文章数量: 1086019
2024年5月11日发(作者：c语言编程100题)
第3章 电子商务网站前台用户系统设计
3.1 实训项目一 电子商务网站首页设计
3.1.1 实训目的与要求
首页是网站的形象页面，一个网站能否吸引浏览者留在该站中漫游，全凭首页设计效
果的好坏。所以，首页设计对于任何网站都是至关重要的。通过本项目的实训与练习，使
学生熟悉电子商务网站首页的功能模块，掌握电子商务网站首页的设计方法，构造出主题
鲜明、版面精彩、立意新颖的网站首页。
3.1.2 实训预备知识
1. 首页的功能模块
首页，从根本上说，就是全站内容的目录，也是一个索引。但只罗列目录显然是不够
的，设计好一个首页，首先需要确定的是首页的功能模块。一般的站点都需要页头、页中
和页尾这3个模块。
(1) 页头包括网站名称(Logo)、广告条(Banner)、导航等版块。页头用来标示网站和体
现网站主题。它可以用企业的名称、标语、徽号或图像集中、概括地反映企业的经营理念
和服务定位。导航提供了对关键页面的简捷链接，其超链接或图标应明确地表明网站其他
页面上载有的信息；用户能够通过这样一个简单的功能化的界面，迅速地到达他们所需信
息的其他页面上。
(2) 页中包括公告与新闻、产品推荐、广告条、搜索、友情链接等版块。在首页上预
告即将有新资料推出，可吸引用户再次来浏览网站。为保持网站的新鲜感，应时刻确保主
页提供的是最新信息，可以在页头以大字标题宣布新消息，也可以定期改变主页上的图像，
或更改主页的样式。
(3) 页尾包括版权与联络信息、计数器等版块。在首页上标示一句简短的版权声明，
然后用链接方法带出另一个载有详细使用条款的页面，这样可以避免首页的杂乱。在页面
的底部设计简单的电子邮件链接，可使用户与负责因特网站点或负责网上反馈信息的有关
人员迅速取得联系，使企业获得因特网站点外的信息反馈。
在这3个模块中，需要哪些版块以及选择实现哪些功能，都是首页设计首先需要确定的。
2. 首页设计的要点
首页设计应该遵循快速、简洁、吸引人、信息概括能力强、易于导航的原则，同时应
纳入企业CIS(企业形象识别系统)计划，与企业CIS的其他内容协调起来。在一个网站的首
页就要将自己企业的强势直接道出，所有绝活、高招、
亮点等都用上，对浏览者形成兴趣
·58·
电子商务网站设计与管理
冲击力，将其吸引住，从而促使其深入浏览网站。在首页设计中，以下事项需要引起设计
者的重视。
(1) 主题明确，重点突出。用户应能通过网站首页明确企业的主要任务。要达到这个
目的，最好在文本或图像中设置阐明主题的句子——视觉兴趣点，这一点对于绝大多数的
企业来说是很重要的。国内许多企业的首页设计很平庸，既无特色又显呆板，原因就是其
缺乏让人“神往其间”的视觉兴趣点。
(2) 页面简洁，重在创意。设计并不是再现具体的物象和特征，它要表达的是一定的
意图和要求，在适当的环境里为人们所理解和接受。它以满足人们的实用和需求为目标，
因而要求简练、准确。页面创意涉及诸多领域，独特的
创意会使首页极具吸引力，从而使
用户深入浏览。
(3) 技术合理，浏览快捷。上网浏览需要的是快速、有价值的信息。在首页设计中充
斥许多只是为了炫耀技术的东西，如多个风格迥异的动画(缺乏美感甚至是与主题无关的动
画)，还有在首页设计中大量地使用JavaScript和动态HTML技术，这样的首页会造成页面
的混乱，不管是从功能上还是从形式上都是不可取的。目前，电子商务网站首页的简洁化
已经成为其设计趋势。
3. 首页设计的方法
首页设计需要经过以下几个基本步骤。
(1) 构思布局。
对首页设计进行认真构思，
结合首页的功能模块与主题内容，充分发挥艺术想象力，
锐意创新，大胆突破，全盘考虑。构思结果不仅要有独特的创意，还要考虑技术实现的可
行性。如果构思巧妙，富有创意，但使用现有的计算机技术和网络技术却不能实现，创意
也就变成了空想。
(2) 绘制草图。
我们在写作文前通常会列一个提纲，以便于写作时条理清晰。首页设计也是同样道理，
要事先打草稿。绘制草图就是把大脑中构思的页面布局轮廓具体化的过程，可以在纸上绘
出，也可以用Photoshop或Dreamweaver软件在计算机上绘制。在大脑
中构思时，由于没
有受到空间和技术等因素的限制，思维的“翅膀”可能飞得很远。但当在纸上或计算机上
实现时，却会发现，有些想法是无法实现或不合理的。因此，在绘制过程中必须对大脑中
的“蓝图”作必要的修正。绘制草图属于创造阶段，不讲究细腻工整，也不必考虑细节功
能，只要用粗陋的线条勾画出创意的轮廓即可。在绘制时尽可能多画几张，最后选定一个
满意的方案作为继续创作的脚本。
(3) 方
案细化。
在草图基础上，按照平面设计的规律将网页页面元素，如站标、导航栏、栏目标题、
广告、图片、搜索引擎、计数器等都罗列出来，然后设定网页的外形尺寸、网页色彩、字
体大小、图形图像尺寸等，做出页面的基本样式。这个阶段的设计结果仍然是草图，但已
经是一个比较完善的设计方案。除了文字内容之外，其他所有内容均已接近将来网页的实
际效果。这个方案供客户和技术开发人员讨论以完成最后的定稿。
·58·
版权声明：本文标题：电子商务网站前台用户系统设计 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1715427825a688020.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论