网站内容与功能设计(14.3B2C购物网站的功能设计,讲,知识回顾:网页设计基础)

　　网站内容与功能设计(14.3B2C购物网站的功能设计,讲,知识回顾:网页设计基础)

　　《Lecture 14 网站Function Design.ppt》会员分享，可在线阅读。更多《第十四讲网站函数设计.ppt（47页珍藏版）》，请访问人人图书馆在线搜索。

　　1、网站函数式设计，网站开发技术，第14讲，知识回顾：在JSP中使用JavaBeans，编写和使用JavaBeans，Bean存储目录，获取和修改Beans属性，beans with package名称，JSP与bean结合的例子，第14讲：网站14.1的功能设计网页设计基础14.2B2C购物网站需求分析14.3B2C购物网站功能设计14.4企业门户网站功能结构14.1网页设计基础一、网页设计工具1、FrontPage2002网站管理工具、编辑 HTML、发布网页、数据库集成、可扩展性和可编程性。2、DreamweaverMX/2004 最佳生产效率，网站管理，

　　2、维护动态网页。,二、网站设计原则1.目标定位潜力大，发展趋势，定位要小，内容要细。2.主题明确3.内容要求新的、细化的、专业化的信息内容始终放在首位，内容设计要有条理，信息内容要及时更新. 4.访问安全可以快速提高浏览器的访问速度，以免影响流量，必须有安全运行良好的软硬件环境，信息必须便于用户浏览。5.页面充满美感，方便用户访问并提供交互性，完善的检索和帮助功能，方便用户访问和操作。,三、风格设计网站风格和形式要根据主题的内容来确定，因为只有形式和内容的完美统一才能达到理想的宣传效果。1、必须遵循行业标准。不同类型的网站有不同的风格，不同性质的行业应该体现不同的网站风格，就像穿衣一样，应该根据不同的性别和年龄。必须遵循行业标准。不同类型的网站有不同的风格，不同性质的行业应该体现不同的网站风格，就像穿衣一样，应该根据不同的性别和年龄。必须遵循行业标准。不同类型的网站有不同的风格，不同性质的行业应该体现不同的网站风格，就像穿衣一样，应该根据不同的性别和年龄。

　　3、因等级而异。比如政府部门的首页风格一般要比较庄重，而娱乐业可以热闹热闹；文教部门的首页风格要优雅大方，企业首页要贴近民俗，深受大众喜爱。首页风格的形成主要取决于首页的版面设计、色彩处理和图文结合。,综合门户网站,搜索引擎网站,C2C电商网站,政府网站,学校网站,公司网站,B2C购物网站、课程网站、专题网站，各有特色，符合规范，短小精悍，好记，不易混淆，与公司名称、商标或核心业务有关。Logo颜色公司的CI（Corporate Identity，企业标识）主色是公司为向公众传达其宗旨和产品所收录的文化内涵而建立的视觉系统形象系统。

　　4、比如IBM的深蓝，肯德基的红条。导航清晰。超链接清晰无误，导航按钮清晰标识。标准网页上的所有图像、文字、背景颜色、区分线、字体、标题、脚注等必须在整个网站的风格上保持统一。,四、布局将图片和文字以最适合浏览的方式排列在页面的不同位置。要求重点突出、层次分明、布局合理、平衡和谐，网站标志、主菜单等重要模块应放在最显眼、最显眼的位置，然后排放应考虑辅助模块。页面大小 因为页面大小与显示大小和分辨率有关，一般分辨率为800 x 600像素，页面显示尺寸为：780 x 428像素；当分辨率为 1024 x 768 像素时，页面的显示尺寸为：1007x600 像素。, 布局技巧 表格布局、框架布局和级联示例

　　5、风格手表的应用和布局原则，主次分明，居中突出，大小相配，相互呼应，图文结合，相得益彰。布局步骤草稿、粗略布局、定稿。布局类型网页布局大致可分为“口（同、国）”型、角型（“T”结构布局）、“三”型、对称对比型、标题正文型、框架型、封面型、 Flash型等，“郭”型大网站最喜欢的类型。顶部是标题广告；中间左侧主菜单，右侧友情链接，主要部分；底部是基本信息。优点是充分利用版面，信息量大，缺点是页面拥挤，不够灵活。，角落网页设计中使用最广泛的布局。优点是页面结构清晰，主次分明。缺点是规则死板。如果不注意细节和色彩，很容易让人看起来沉闷。，“三”型 “三”型结构多用于国外网站，国内使用不多。特色页面

　　6、顶部的两个横向色块将整个页面分为四个部分，大部分色块放置广告横幅。, 对称对比型 对称对比型是采用左右或上下对称、半暗半亮的布局方式，一般用于设计场所。优点是视觉冲击力强，缺点是难以将两部分有机地结合起来。, Title body type 这种结构类型的意思是top是title或者类似的东西，bottom是body，比如文章页面或者注册页面。，框架式框架式可分为左右框架式、上下框架式、综合框架式。一侧是导航链接，另一侧是文本。这种类型结构非常清晰，一目了然。，封面型也叫“POP”型。这种结构经常用在时尚网站首页和个人网站，大多是一些精美的平面设计结合一些小*敏*感*词*，放几个简单的链接或者只是一个“进入”链接甚至直接在主页上的图片

　　7、创建一个指向该列的链接。这种结构的优点是美观大方，缺点是速度有时慢。,Flash 型 Flash 型在结构上与封面型相似，但 Flash 型采用的是目前非常流行的 Flash。与封面式不同的是，由于Flash的强大功能，页面所表达的信息更加丰富，其视觉效果和听觉效果如果处理得当，绝不逊色于传统多媒体。,五、色彩设计采用同一种颜色的同色系：先选择一种颜色，然后调整透明度或饱和度，即使颜色变亮或变暗，为网页生成新的颜色。这样的页面看起来颜色统一，有层次感。使用颜色系统：使用感性的颜色，如浅蓝色、浅*敏*感*词*、浅绿色；或土*敏*感*词*、土灰色、土蓝色。注意：1.不要使用所有颜色，尽量控制在三种颜色之内，选择其中一种作为主色

　　8、调音。2.背景与前面文字的对比度要尽量大，以突出正文内容。3.由于国家、种族、宗教信仰不同，以及生活的地理位置、文化差异等，不同人群对颜色的好恶有很大差异。,六、图片、音乐、文字图片美观，符合网站的内容，数量要少，容量要小。标题建议使用*敏*感*词*。在个人网站中，应用背景音乐的网站有很多。但是一般对于企业的电商首页网站，是不用背景音乐的。网站不要使用超过3种字体，

　　9、长度要适中（8）Java程序少用（9）整个页面风格要一致（10）尽量使用相对超链接）可能（11）不要滥用尖端技术，八、首页设计首页设计应遵循快速、简洁、吸引人、信息汇总能力强、易于导航的原则。 1 功能模块主页标题、主菜单、最新消息的传送、电子邮箱地址、*敏*感*词*、版权信息、其他信息 2 主页的视觉设计 3 设计中需要注意的问题首页首页清晰，主题突出；尽量缩短下载时间，1、需求分析商品管理需求：展会商品下架网络客户需求：浏览、搜索、选择、替换、购买网站管理需求：会员管理、购物管理、订单管理、公告管理（促销、新品）、连接管理、消息管理、销售管理、14.2B2C网站的需求分析、14.3网站1、功能确定用户管理的功能设计连接管理、消息管理、销售管理、14.2B2C网站的需求分析、14.3网站1、功能确定用户管理的功能设计连接管理、消息管理、销售管理、14.2B2C网站的需求分析、14.3网站1、功能确定用户管理的功能设计

　　10、管理：注册，登录，搜索，密码，删除，产品管理：添加浏览，查询，查看详情，删除，购物车管理：添加，浏览，清除，修改，订单管理：提交查询，校对、删除、消息管理：添加、浏览、删除、连接管理：添加浏览删除公告管理：添加浏览删除数据库服务器结构。客户端浏览器请求Web服务器以超文本的形式访问数据库。Web 服务器接受客户端请求后，将请求转换为 SQL 语法并发送给数据库服务器。数据库服务器收到请求后，验证其有效性。并进行数据处理，然后将处理后的结果返回给Web服务器，

　　11、客户端浏览器。网站设计分为前台和后台。前台是给观众看的，用户可以在线阅读新闻、提交消息、查询信息等。后台提供给网站管理员发布新闻、管理用户和消息等。需要进入后台。前台只有只读权限，后台可以修改和删除网站的信息。需要某些权限才能进入。,前台（用户操作）：用户管理：登录、注册、修改、查找密码、产品管理：浏览详细信息搜索、购物车管理：添加、浏览、清除、修改、订单管理：提交查询（网站管理）：用户管理：浏览删除订单管理：浏览查看详情检查删除产品管理：删除，

　　该目录指的是您在构建 网站 时创建的目录。注意：1.不要把所有文件都放到根目录下。2.根据栏目内容创建子目录3.在主目录下创建独立的images目录4.目录的层次不要太深，最好是三层5.不要用中文目录，不要用过长的目录，14.4企业门户网站功能结构（1）公司简介（2）员工信息（3）产品目录（4）产品价格表（5）产品搜索（6）公司新闻(7）网上下单(8）销售网络、(9）售后服务(10）