电子商务网站的内容设与开发课件.ppt

第5章电子商务网站的内容设计与开发
网站内容设计的流程
网站信息结构的设计
网页的可视化设计
首页设计
其他网页的设计
网页制作
*
第1页，共69页。
5一层的感性认识。
*
第14页，共69页。
通常情况下，网站的设计者要根据企业的具体情况，找出其最有特色、特点的东西——即是最能体现网站风格的东西，并以它作为网站的特色加以重点强化，突出宣传。
具体做法没有定式，这里仅提供以下一些参考。
使企业的标志尽可能出现在每个页面上，或者在页眉，或者页脚，或者背景；
突出网站的标准色彩；
*
第15页，共69页。
突出网站的标准字体；
设计一条朗朗上口宣传标语；
使用统一的图片处理效果；
创造一个企业站点特有的符号或图标。
*
第16页，共69页。
网页的可视化设计
网页设计原则
网页命名要简洁
这样既会有助于以后方便地管理网页，又会在向搜索引擎提交网页时更容易被别人检索到。
确保页面的导览性好
一般来说，网站应提供一个关于本站点的地图，让用户知道在哪儿以及能去哪儿。
*
第17页，共69页。

这就意味着需要规划文字与背景颜色的搭配方案。此外，网页的字体、大小也是需要考虑的因素。
4. 合理设计视觉效果
视觉效果主要体现在网页的结构和排版上。要善用表格来布局网页，突出显示出网站内容的层次性和空间性。
*
第18页，共69页。
为图片添加文字说明
这样一来，当网速很慢不能把图象下载下来时或者用户在使用文本类型的浏览器时，照样能阅读网页的内容。
6. 不宜使用太多的动画和静态图片
太多的动画和静态图片会增大网页容量，浪费用户的金钱和时间。
*
第19页，共69页。
页面长度要适中
一个长页面的传输时间要比较短的页面的传输时间长，太长的页面传输会使用户在等待中失去耐心。
如有大量的基于文本的文档，就应当以Adobe Acrobat 格式的文件形式来放置。
8. Java程序少用为宜
因为目前来讲Java的运行速度还比较慢，往往使浏览者没有耐心等待页面全部显示出来。
*
第20页，共69页。
整个页面风格要一致
10. 计数器能不用最好不用
计数器也是由程序设计成的，显示计数器的过程其实就是一个程序的执行过程，它需要占用用户宝贵的上网时间，并且往往毫无意义。
这样用户就会在浏览网页时觉得舒服、顺畅，对网站留下深刻的印象。
*
第21页，共69页。
11. 尽量使用超级链接
这样制作的网页的可移植性比较强，输入量较小。另外要保证超链接的直观有效，以便使用户能够很快地找到其想要的东西。
12. 不要滥用尖端技术
使用尖端技术有可能会打击企业部分用户访问网站的兴趣和积极性；另一方面，最新的网站开发技术还存在用户浏览器的版本支持问题。
*
第22页，共69页。
网页版面布局的设计
版面指的是用户在浏览器中看到的一个完整页面（可以包含框架和层）。布局就是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。
1. 网页版面布局步骤
创建初始方案。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。
*
第23页，共69页。
初步设计网页的布局。
注意必须遵循突出重点、平衡谐调的原则，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后在考虑次要模块的排放。
定案。将初步布局精细化、具体化。
*
第24页，共69页。
2. 常见的版面布局形式
“T”结构布局。
所谓“T”结构，就是指网页上边和左边相结合，页面顶部的横条网站标志和广告条，下方左面为主菜单，右面显示内容的布局，这是网页设计中用的最广泛的一种布局方式。
优点：信息能被用户最大限度的获取，而且很方便；其次是页面结构清晰，主次分明、易于使用。
*
第25页，共69页。
缺点：规矩呆板，让人“看之无味”。
“口”型布局。
指页面上下各有一个广告条，左面是主菜单，右面是友情链接等，中间是主要内容。
优点：页面充实、内容丰富、信息量大；
缺点：页面拥挤，不够灵活。
*
第26页，共69页。
“三”型布局。
特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。
对称对比布局。
优点：视觉冲击力强；
缺点：将两部分有机地结合比较困难。
*
第27页，共69页。
POP布局。指页面布局像一张宣传海报，以一张精美图片作为页面的设计中