联信科技网站建设及功能实现方案文档:pdf版本:V1.0撰写人:黄富源前言联信科技是贺州最大的IT产品渠道批发商,公司(简称:联信电脑)位于贺州市江北中路即贺江花园1号楼M座,经营面积300多平方米、集电脑硬件、办公设备、办公耗材、互联网、个性化电脑产品、电脑一体化开发的公司。为客户提供联想、华硕、戴尔、佳能、爱普生等数十个品牌近万种科技产品。为了更好的展示企业形象,打造公司的专业形象,而建设以产品展示和公司形象为核心的高端大气的综合性网站。核心需求:1公司形象展示2主要核心产品展示3提供网站头部放置相关的注册登录信息、LOGO及二维码等,从而加强企业宣传力度及用户浏览网站的便捷性4提供网站功能的技术实现手段和分析5提供完善的网站后台数据管理软件、内容发布及展示系统,并完成站内SEO相关基础优化工作6网站的网络推广(SEO外部优化、百科知道、外链)目录一、效果设计二、目录结构和导航设计三、网站技术架构和功能模块四、网站的优化与安全五、项目流程及阶段划分1、效果设计整站基本按照行分割模块,包含5部分:1)Top部分:主要包括登陆框,头部用户个人管理界面、LOGO、搜索入口及基础导航,设计要点说明:◇顶部位置作为购买者个人信息管理、会员注册登录入口、二维码、LOGO◇功能入口的主要位置◇加大的搜索框,符合目前以搜索为主要浏览方式的用户习惯◇采用了左悬挂式的主要目录导航方式(下级目录使用动态效果)、2)目录结构与导航文字类栏目设置,目录层次的补充展示,由于是主要核心产品展示,不建议采取并排菜单方式,过少会显得空洞,影响整体美观设计要点说明:◇通过文字方式对目录展现进行补充:通用导航的目录展示有限,如果有必要可以使用文字栏目方式再次加强目录呈现◇文字展示往往也是因为存在关键词推广考量3)主题动态效果和广告类产品推介由于网站本身的数据量较大,并且需要给用户提供快速的页面加载,一般主页仅适用1-2个4)按照主要目录进行的动态效果和产品图片展示◇主要用于联信电脑最新促销产品、热卖促销产品、产品等信息的呈现,并且在产品图片展示右侧可以放置相关的广告信息及广告标识,从而增强产品的宣传力度;利用图文并茂的效果,更加有利于产品的宣传及用户的视觉感官。◇设计采用各大综合商城最流行楼层视图设计,五大品牌(联想、戴尔、华硕、爱普生、柯美)逐一楼层展示。4)用户指南、客户帮助、流程说明、企业介绍、网站免责、联系方式等内容及信息页面色彩运用的共同点:1)符合企业标识LOGO色彩使用的页面色彩搭配:色彩一般通过背景色、色块颜色、文字(链接)颜色或变色效果进行体现。由LOGO延伸至首页和信息页面的色彩搭配,体现VI设计的颜色形象统一,强化企业形象。2)偏好白色、灰色类底板色彩:这是目前互联网网站基本通用的色彩设计基础目前设计的重心更加注重整站色彩的协调感和清晰结构,所以普遍使用最不起眼但是最易和彩色主色搭配的白、灰、黑的灰阶色彩。3)使用色块和主色标签体现色彩呼应:在大面积灰阶色彩底板的基础上,使用不同尺寸色块和较小的色彩部件(例如彩色标签、彩色文字等)来进行色彩呼应和主色感加强,在不影响整体美感和协调性的情况下,进一步融合色彩,通过流畅的色彩跳跃体现网站设计风格。二基础架构和模块设想(1)PHP+MySQL基础架构和数据库解决方案PHP起源于自由软件,即开放源代码软件,使用PHP进行Web应用程序的开发具有以下优势:1)安全性高:PHP是开源软件,每个人都可以看到所有PHP的源代码,程序代码与Apache编译在一起的方式也可以让它具有灵活的安全设定。PHP具有公认的安全性能。2)跨平台特性:PHP几乎支持所有的操作系统平台(如Win32或UNIX/Linux/Macintosh/FreeBSD/OS2等),并且支持Apache、IIS等多种Web服务器,并以此广为流行。3)支持广泛的数据库:可操纵多种主流与非主流的数据库,如MySQL、Access、SQLServer、Oracle、DB2等,其中PHP与MySQL是目前最佳的组合,它们的组合可以跨平台运行。4)易学性:PHP嵌入在HTML语言中,以脚本语言为主,内置丰富函数,语法简单、书写容易,方便学习掌握。5)执行速度快:占用系统资源少,代码执行速度快。6)免费:在流行的企业应用LAMP平台中,Linux、Apache、MySQL、PHP都是免费软件,这种开源免费的框架结构可以为网站经营者节省很大一笔开支。同时变便于网站改版和升级。7)模板化:实现程序逻辑与用户界面分离。8)支持面向对象与过程:支持面向对象和过程的两种开发风格,并可向下兼容。9)内嵌Zend加速引擎,性能稳定快速。(2)HTML/CSS+DIV前端DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。用DIV盒模型结构给各部分内容划分到不同的区块,然后用CSS来定义盒模型的位置、大小、边框、内外边距、排列方式等。对联信电脑商城采用DIV+css前端设计,便于更新和后期维护。(3)DIV+CSS的优势1)表现和内容相分离将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。符合W3C标准,微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。2)提高搜索引擎对网页的索引效率用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。3)代码简洁,提高页面浏览速度对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,代码更加简洁,前者一般只有后者的1/2大小。对于一个大型网站来说,可以节省大量带宽。并且支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。4)易于维护和改版样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。只要简单的修改几个CSS文件就可以重新设计整个网站的页面。现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。主要模块实现和特性说明:1)加强的CMS系统网站内容管理系统,即ContentManagementSystem,英文缩写是CMS。网站内容管理系统具有许多基于模板的优秀设计,可以加快网站开发的速度和减少开发的成本。网站内容管理系统的功能并不只限于文本处理,它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。便于展示建站的核心需求内容发布特性※客户反馈表单:在后台可创建客户反馈表单,客户反馈信息自动记录于管理员后台,并可批量导出方便统计※自动化客服系统:客户询问和反馈意见表单可一键发送至客服人员,及时处理※图片视频附件系统:支持图片和视频文件的上传,设定显示尺寸限制,增加分类。其它模块※模块化功能设计前瞻:提前预留了模块交互接口已经常见模块功能组,确保后期可以按照网站平台需求进行模块自由增减※分享模块:一键发送给好友电子邮箱或分享只新浪、腾讯微博、豆瓣等主要SNS平台※相关文章:根据文章标题和关键词情况,自动生成相关文章列表,供读者延伸阅读,延长访问时间※缩略图:给文章设定小型缩略图,使得文章列表更加有趣,避免乏味的标题列表※评论系统:为文章增加访问者评论窗口,可设定为内部管理员审核后显示,或结合智能SPAM筛选系统实时显示,增加用户粘着度。(4)产品展示系统产品展示系统就是将网页上的某些需要经常变动的产品信息,类似最新产品、促销产品、热门产品等更新信息集中管理,并通过产品信息的某些共同性进行分类,最后系统化,标准化发布到网站上的一种网站应用程序,并提供了强大的查询功能,用户可以在网上任意查找自己想要的产品。将企业提供的产品进行合理分类,有条理地图文并茂地展示给浏览者的服务。一般包括以下功能:■产品发布:管理员可以在线发布产品(服务)资料,支持产品多图(支持大图、小图,图片可加水印)、多级分类等■支持每一个产品页面独立设置标题、关键字、描述每个产品页面均可独立设置标题(Title)、关键字(Keywords)、描述(Description),设定产品关键词搜索、高级精准查询支持自定义产品标签,用于前端按产品标签规则显示产品。■多级栏目:产品后台可设多级分类,产品可以同时属于多种分类(产品分类模糊,既可以属于这个分类,也可以属于那个分类),避免为了属于多个分类而重复录入相同的产品资料,浪费人力物力。■产品查询:支持按产品关键字、分类、等多种条件查找产品。■产品管理:管理员可进行产品资料的修改、删除、查询等操作,类别批量转移批量生成静态页等操作,提升编辑人员操作效率。(5)商品搜索系统商品搜索支持基本搜索、高级搜索、热门关键字搜索三种形式的搜索功能。基本搜索以商品关键字+商品大类形式以进行快速搜索■高级搜索包括商品关键字(包括详细说明的内容)、商品分类(具体到小类)、买卖方式、价格范围、运费支付方式(卖家支付/买家支付)、所在地、新旧程度、结束时间等多字段组合查询,以使买家准确定位所需购买商品位置■热门关键字搜索功能是由系统根据买家搜索频率自动确定热门搜索关键词,并将这些热门关键词以快■速搜索链接形式自动展示,买家可直接通过热门商品关键词搜索商品■搜寻结果列表顶部有每个分类的结果数量(6)在线支付系统网站的主要功能是商品展示和企业形象,所以根据客户要求商城提供只提供简易的在线支付系统接口。网站优化与安全站内SEO优化-结构优化贺州促销网结构优化主要为搜索引擎优化和网站搜索引擎收录提供必要的网站结构及功能支持,包含以下几个主要方面:1.页面重构和导航栏设置考虑关键词选取和导航功能,突出关键词相关的栏目地位和分布密度,避免关键词堆砌。2.页面静态化对产品服务及教程安排页面,使用静态化页面,方便搜索引擎的索引。为静态页面创作MetaDescription(内容简介标签)和MetaKeywords(关键词标签),这也是针对搜索引擎机器人抓取的优化措施。3.代码优化采用CSS+DIV的标准程序架构,检查网站代码和链接有效性。4.页面地址URL优化对子栏目、文章页的URL地址进行关键词优化。保守一些可以使用拼音进行关键词优化,激进一些可以嵌入中文字词,目前主流搜索引擎都提供对中文字符URL的支持。5.页面访问速度优化设计必要的服务器设置优化、域名解析设定,和带宽、服务器、编码解码效率优化。6.内链系统和Sitemap优化整站的内链系统,进行适当的关键词链接内部优化。同时做好Sitemap优化,确保内链体系的合理性以及Sitemap的标准化制作,方便搜索引擎收录。7.页面交互功能实现主要考虑增加Web2.0类接口,提供如RSS聚合订阅、各类收藏分享平台、博客/微博的API接口,以期加速口碑传播。8.图片统一增加ALT说明鉴于客户网站拥有大量高质量、原创的照片资源,为这些资源添加有效的ALT说明,帮助图片自身的搜索引擎表现,带动内容子页面权重提升。站外优化——加速网站排名,提升企业影响力1百度百科词条创建企业创建百度百科的好处在与树立企业专业形象和带来流量。百度搜索关键字的时候,很多人会发现百度百科的词条经常出现第一个位置。可见,百度百科的权重是非常重的,如果能借助词条做推广会给自己的网站带来很客观的流量,也可以给网站带来客观的转化率,使得有需要的客户找到商城。创建网站百度百科,打出品牌第一步,增加网站权威性。2外链建设网站要快速排名,必须要增加网站跟高权重的链接,才能快速提升排名,增加百度的收录,促销网技术团队拥有丰富的外链资源可以使新建的网站在一到两个星期内快速获得百度排名,提高企业的知名度。网站项目开发流程:项目流程及阶段划分.1.分析需求a)起草初步的网站建设规范b)制定初步预算c)审阅网站建设规范d)根据反馈