[第二章电子商务规划设计.ppt

第一节 网站建设流程 第二节 内容设计 第三节 版式设计 第二章 网站建设概述 第四节 导航及目录设计 第五节 风格设计 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 一、版面布局的基础 左上角、页面顶部 分辨率确定 内容与放置位置 1280X1024 1024X768 800X600 高度 宽度 随意 1024—1000左右 800—776左右 上部 下部 左侧 右侧 标志、通知新闻 轻快、积极 压抑、稳定 轻便、自由 局促、庄重 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 二、网页的常用版式 左右结构布局 左中右结构布局 上下结构布局 20%—30% 70%—80% 菜 单 用户登录 流量统计 联系方式 主体内容 1、结构化布局 2、艺术化布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 二、网页的常用版式 左右结构布局 左中右结构布局 上下结构布局 菜 单 用户登录 流量统计 联系方式 主体内容 链接等 1、结构化布局 2、艺术化布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 二、网页的常用版式 左右结构布局 左中右结构布局 上下结构布局 主 体 标 题 1、结构化布局 2、艺术化布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 二、网页的常用版式 左右结构布局 左中右结构布局 上下结构布局 最广泛 比较呆板、不够灵活 二级页面、文章页面 1、结构化布局 2、艺术化布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 二、网页的常用版式 2、艺术化布局 海报式布局 也称为POP布局 页面布局善于变化 综合式布局 FLASH 1、结构化布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 三、版面布局的原则 1、根据网站的客户群选择合适的布局 2、整体布局要遵循简洁大方的原则 3、要注意视觉效果与内容翔实相结合的原则 4、主次分明条理清晰的原则 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1、在百渡中检索相关网站，如“网上书店”。 操作步骤 动手制作 为某书店设计一个网站 题 目 移花接木巧构思 2、查看网站的头部，找到合适的用抓图工具截下，放到 Word中。 3、查看网站体部的每一个模块及尾部，用抓图工具截下， 放到Word中。 4、最后用WORD组合成一个完整的页面，形成了整体网站 的构思。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 阿里巴巴网站布局分析 案例分析 4、网站简洁大方、视觉效果极佳、主次分明、条理 清晰，符合网站制作的五大原则。 1、网站的宽度依据1024X768像素进行设计； 2、网页上面的黄金地带即放置了网站的LOGO、导航、 Flash动画广告； 3、网站符合结