案例网站项目规划

5.1网站工程

网站设计开发制作是一个很复杂的工作，可以将它看做一个工程来管理。参考了国际国内有关工程管理的资料，发现软件工程的管理方法和标准与网站建设工程最接近，因此我们将网站建设作为一个工程来进行管理，本书的讲解也是把网站建设作为一个工程工程来进行分解讲述。第5章案例网站工程规划5.2网站开发流程

1、客户提出需求2、网站建设公司提供“解决方案和报价〞

答复客户的咨询，对客户的需求予以回复，提供实现方案和报价以供客户参考和选择。3、确定合作意向4、签署合同5、支付预付款及提供材料6、设计制作7、客户验收〔1〕所有网站文件统一上传到测试用效劳器上，客户在规定的时间内上网浏览验收；〔2〕验收工程包括链接的准确性和有效性、页面是否真实复原设计稿、文字内容的正确性〔以客户提供的电子文档为依据〕、功能模块的有效性等。

〔3〕验收合格，由客户签发“网站建设验收确认书〞。第5章案例网站工程规划5.3用户需求分析

8、支付余款9、后期维护5.3用户需求分析网站开发第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要网站建设公司不断引导和帮助分析。如果客户建设网站的目的不明确，那么需要耐心说明，仔细分析，挖掘出客户潜在的，真正的需求。如果客户不明白网站建设的具体要求，可以给客户提供一些参考。以下是几种类型的网站案例，可以让客户选择。1、普及型网站每个企业都可以根据自身要求确定信息的发布类型和具体内容〔如企业根本情况介绍、通讯地址、产品和效劳信息、供求信息、人员招聘信息和合作信息等〕，以到达与客户、供给商、公众和其它一切对该企业感兴趣的人传送信息的目的。第5章案例网站工程规划5.3用户需求分析2、应用型网站除了发布企业信息以外，企业还可以利用互联网的交互功能与客户交流；利用在线订单系统接受商品订购和定制；利用在线调查引擎调查客户的需求和喜好；利用留言板接纳客户的意见等。主要功能如下：企业信息发布：包括公司简介、部门简介、公司最新动态、公司公告、产品推荐等栏目。商品信息发布系统：企业可以通过此系统发布诸如商品性能、价格、评价、图形、功能介绍、使用演示、客户评价等内容。另外可以接受客户发来的在线商品定单，我们还可根据企业需要，开发出在线支付、在线结算等系统，使企业网站从简单的网上橱窗开展成为网上交易柜台。第5章案例网站工程规划5.3用户需求分析3、电子商务类网站通过对电子商务应用中的一般特点与功能的抽象和定义，解决面向不同电子商务应用层次的通用性问题，为用户提供功能完善、高效率、低本钱的建设电子商务应用网站的整体解决方案。电子商务应用被划分为：商品检索；商品采购；订单支付；客户效劳和系统管理五大模块。●支持多种形式的商品发布。●支持商品的价格和交叉促销方式。●购物车采用Cookie技术，最大限度的提高商品采购的速度。●个性化的采购订单模板，方便顾客进行购物组合比较，并实现常规购物的快速选购。●购物车内置的价格计算模型可以根据商家的价格体系灵活定置。第5章案例网站工程规划5.3用户需求分析●支持多种国内外主流信用卡的在线支付。●完善的客户效劳和客户关系管理●与管理软件系列产品进行无缝集成，快速构建大型商务站点。4、媒体信息效劳网站系统信息效劳网站系统主要效劳对象为报刊杂志的读者与广告客户，其功能简介如下：●信息发布系统●通过信息发布，将报社的文章快速方便地上网。●电子版系统报社可以根据需要，设定一定数量的网站专栏，构造本刊电子版。●客户在线咨询系统可将本社各种最新公告及时通报给读者、特约记者和广告客户，读者可以通过此系统向报社编辑部提出自己的建议和意见、广告客户可以通过此系统向广告部提交广告订单；特约记者可以通过此系统实现现在线投递稿件。

第5章案例网站工程规划5.3用户需求分析●网站管理系统网站管理系统使用对象是系统管理员和网站编辑，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。5、办公事务管理网站本网站系统主要包括办公事务管理系统、人力资源管理系统、办公本钱管理系统和网站管理系统。其具体功能如下：●办公事务管理系统主要包括公文与文档管理、企业公告、企业大事记、会议纪要、资产与办公用品管理、行政管理规章制度、办公事务讨论组。●人力资源管理系统主要包括员工简历、员工档案、岗位职责、员工通讯录、人事管理标准、人事讨论组等功能。●办公本钱管理系统第5章案例网站工程规划5.3用户需求分析主要包括固定资产管理、人力本钱管理、经营本钱管理等系统。●网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。6、商务管理网站本网站包括广告商品管理系统、客户管理系统、合同管理系统、营销管理系统及网站管理系统，主要功能如下：●广告商品管理系统包括广告资源管理、方案与系统管理，可为公司市场、销售等经营部门提供及时的信息效劳。第5章案例网站工程规划5.3用户需求分析●客户管理系统主要包括客户管理、商务代表管理、代理商〔大客户〕管理等功能，可及时为公司营销管理人员提供最新的客户及相关资料。●营销管理系统主要包括经营预算与结算管理以及产品销售量、商务代表业绩、客户采购量、销售金额等信息的统计与分类管理功能。●网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。第5章案例网站工程规划5.3用户需求分析7、企业信息效劳网站本网站系统主要效劳对象为企业客户。通过本网站，客户可以及时了解企业经营范围、最新动态、商品及价格、并可通过网站提供的客户咨询效劳与企业相关部门进行在线信息交流。●公司信息发布系统本系统包括公司简介、部门简介、最新动态、公告、产品推荐等栏目。●产品信息发布系统企业可以通过此系统发布诸如产品介绍、价格、图片、使用演示、评价等内容。此外，企业可以在此根底上定制开发具备产品定购、在线支付、在线结算等功能的应用系统，使本系统从网上橱窗开展成网上交易柜台。第5章案例网站工程规划5.3用户需求分析●客户在线咨询系统通过此系统，客户可以及时将其需求、意见和建议等信息及时反响到企业相关部门；企业可以通过此系统，及时将最新的售前与售后咨询效劳提供给客户。●网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。通过以上对各种类型网站的介绍，客户应该能够确定一个建立网站的要求。本书的案例网站“西部汽车王〞介绍了一个网站工程工程，案例是：一个企业要求建设一个小型网站，建设网站主要的目的是对公司的产品进行宣传，使更多的人了解使用其公司的产品，提高公司的知名度。第5章案例网站工程规划5.3用户需求分析企业具体要求是：(1)网站中应有一个新闻发布系统，可以让企业发布公司的各种新闻；(2)网站应该可以显示访问量，以便企业了解网站的运作情况，有多少用户在观注企业的成长；(3)网站应该有一个用户系统，可以让用户注册成为会员，享受某些效劳；(4)网站应该有一个留言系统，可以让用户对公司或者公司网站发表评论，以便企业掌握产品的需求、产品质量情况；(5)网站应该对公司CI形象进行良好设计；(6)网站应该给访问过网站的用户留下良好的印象，使用户能够继续关注公司。(7)网站应该可以让企业自己从后台进行管理，比方：管理用户、管理留言、管理新闻等。第5章案例网站工程规划5.4总体设计网站接纳业务人员或网站技术员应该根据用户需求，考虑建设网站的可行性，本公司技术力量能否实现客户所提出的要求，如果考虑客户的要求是可行的，如果价格双方能够适宜，那么可以承接业务。业务承接后，网站建设公司不应该立即去做精美的网页，处理精美的图片，而应该对所建网站进行规划，进行总体设计。5.4总体设计在确定客户的需求后，并不是立即开始制作网站，而是需要对网站工程工程进行总体设计，详细设计，提出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：第5章案例网站工程规划5.4总体设计●网站需要实现哪些功能；

●网站开发使用什么软件，在什么样的硬件环境；

●需要多少人，多少时间；

●需要遵循的规那么和标准有哪些。

同时需要写一份总体规划说明书，包括：

●网站的栏目和版块；

●网站的功能和相应的程序；

●网站的链接结构；

●如果有数据库，进行数据库的概念设计；

●网站的交互性和用户友好设计。第5章案例网站工程规划5.5详细设计1、整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。

记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否那么视为第二次设计。第5章案例网站工程规划5.5详细设计2、开发制作

在这个阶段，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反响修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。工程经理需要经常了解工程进度，协调和沟通程序员与网页设计师的工作。3、调试完善

在网站初步完成后，上传到效劳器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

记录文档的作用是通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越标准，越来越工业化。进而使得网站开发趋向标准，趋向合理。第5章案例网站工程规划5.5详细设计4、宣传推广

宣传推广的根本方法有：●网页里设置适当的META标签；●各搜索引擎登录；●准备新闻稿件在各新闻公告板发表；●合理使用Email邮件列表；●广告条交换；●付费广告。

至此，网站工程建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护工程。第5章案例网站工程规划5.5详细设计5、维护

网站成功推出后，长期的维护工作才刚刚开始，网站维护需要做到的是：●及时响应客户反响；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；●网站流量统计分析和相应对策；●尽量推广和使用您的网址；●网站内容的及时更新和维护。第5章案例网站工程规划5.6案例网站栏目的规划

5.6.1栏目规划的方法在明确用户需求后，在进行总体设计、详细设计时已经提出了网站建设的方案及网站的功能、实现功能的栏目设置等要点。本节将对栏目规划进行介绍。每个栏目的筹划书应该是统一格式。第一，栏目概述，其中包括栏目定位，栏目目的，效劳对象，子栏目设置，首页内容，分页内容！这一局部起到一个索引的作用，使人能对栏目有一个大概的整体把握和了解。第二，栏目详情。栏目详情就是把每一个子栏目的具体情况描述一下，其中包括到各个子栏目的名称。栏目目的，〔把子栏目的目的写清楚〕。效劳对象，〔用以明确栏目的开展方向，更好的为到达目的而做哪些具体内容〕。内容介绍，〔详细说明本子栏目的具体内容〕资料来源，〔说明该栏目的内容来源是什么，以保证栏目开展下去不会出现没有内容的情况〕。第5章案例网站工程规划5.6案例网站栏目的规划

实现方法，〔讲述实现这个栏目的具体方法〕。

有关问题，〔栏目负责人在栏目的筹划过程当中想到的，目前尚未解决的问题〕。重点提示〔重点提示美工人员或编程人员需要注意的地方，或需要结合的地方，也可是栏目筹划人员对该子栏目在这些方面的良好建议〕。第三，相关栏目，这一项为哪一项用以说明本栏目和其它栏目之间的结合，沟通，之所以要有这一项为哪一项想通过各个栏目之间的联系，来加强网站的整体性。第四，参考网站，标明本栏目参考了哪些网站，或可以参考哪些网站。并一定要说明参考其它网站的哪些优点，哪些地方是我们在建设过程当中应该注意的。决不是只写上一个网址就可以了！第五，附录，用以记录这个文档的历史修改正程。第5章案例网站工程规划5.6案例网站栏目的规划

5.6.2案例网站“西部汽车王〞的栏目规划本书案例网站“西部汽车王〞首页面和子页面的栏目规划如下：1、首页的栏目规划网站首页主要主要包括：网站CI标识，网站形象动画、网站用户登陆区、新闻搜索区、新车展示、新闻速递、汽车王公告、汽车文化、政府信息等，这些是网站的一级栏目。一级栏目设置好后，需要考虑一级栏目之下的二级栏目。2、子页面的栏目规划网站一级栏目规划后，需要考虑的是网站的二级栏目，网站二级栏目应该在网站的子页面，二级栏目应该说内容没有一级栏目复杂，它相对来说比较单一，因为一般是从网站首页单击各个链接进入二级栏目的页面。二级栏目不应该将所有的一级栏目的内容全局部布在页面中，而应该突出重点，使用户翻开网站页面后重点显示的是与一级栏目中的链接有关的内容。第5章案例网站工程规划5.7案列网站风格及页面布局设计例如：二级栏目可以设置：用户登录成功的二级页面、用户修改资料的页面、新闻搜索结果页面、新闻具体内容页面、汽车文化的详细页面、新车快报页面等。在网站的栏目设置好后，接下要做的工作是网站风格及页面布局规划。5.7案列网站风格及页面布局设计5.7.1案例网站风格设计●如何树立网站风格？●如何产生创意？风格(Style)就是站点整体给浏览者的综合感受，它应该是站点与众不同的特色，包括网站页面字里行间透露出作者或企业的文化品味和行事风格。如何树立网站风格呢？可以按照这样几个步骤：(1)、确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证网站内容的质量和价值性。这是最根本的，确立网站风格的前提。第5章案例网站工程规划5.7案列网站风格及页面布局设计(2)、需要彻底搞清楚自己网站希望给人一个什么样的印象。(3)、在明确自己的网站印象后，开始努力建立和加强这种印象。风格的形成不是一次定位的，需要设计者在实践中不断强化，调整，修饰。创意是网站生存的关键，不同的创意可以产生不同的网站，或者相同的内容可以有不同的创意创意思考的途径最常用的是联想，这里提供了网站创意的25种联想线索：

把它颠倒

把它缩小

把颜色换一下

使它更长

使它闪动第5章案例网站工程规划5.7案列网站风格及页面布局设计

把它放进音乐里

结合文字音乐图画

使它成为年轻的

使它重复

使它变成立体

参加竞赛

参加打赌

变更一局部

分裂它

使它罗曼蒂克

使它速度加快

增加香味

使它看起来流行

使它对称

将它向儿童诉求第5章案例网站工程规划5.7案列网站风格及页面布局设计

价格更低

给它起个绰号

把它打包

免费提供

以上各项延伸组合本书案例网站“西部汽车王〞的风格可以进行如下设计：本书案例网站“西部汽车王〞整个色调是灰色的，应该是比较专业严肃的，当然在讲汽车文化、设计汽车留言时整个风格略有变化，配以绿色调，代表生气。第5章案例网站工程规划5.7案列网站风格及页面布局设计5.7.2案例网站页面布局设计网页是网站构成的根本元素。当我们轻点鼠标，一副副精彩的网页就会呈现在我们面前，网页精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素——网页的布局。下面，我们先介绍一下有关网页布局的一些根本知识。5.7.2.1网页布局的根本概念1、页面尺寸由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，同时浏览器也将占去不少空间，留给设计者的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428象素；分辨率在640x480的情况下，页面的显示尺寸为：620X311象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。第5章案例网站工程规划5.7案列网站风格及页面布局设计2、整体造型什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的结合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比方矩形代表着规那么，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和、团结、温暖、平安等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量、权威、牢固等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡、协调、公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义，但目前的网页制作多数是结合多个图形加以设计，在其中某种图形的构图比例可能占得较多一些。第5章案例网站工程规划5.7案列网站风格及页面布局设计3、页头页头又可称之为页眉，页眉的作用是定义页面的主题。比方：一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字或者图片或者公司标志以及旗帜广告。4、文本文本在页面中出现都是以行或者块(段落)出现，它们的摆放位置决定整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。第5章案例网站工程规划5.7案列网站风格及页面布局设计5、页脚页脚和页头相照应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。读者可以看到许多制作信息都是放置在页脚的。6、图片图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而设计者的布局思维也将表达在这里。7、多媒体除了文本和图片，还有声音，动画，视频等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也变得越来越重要。第5章案例网站工程规划5.7案列网站风格及页面布局设计5.7.2.2网页常见布局结构常见页面布局结构有七种，下面分别介绍。●“同〞字形布局结构“同〞字形结构就是页面整体布局类似于一个“同〞字，页页顶部为主导航栏，下方左右两侧为二级导航栏，登录注册区、搜索区、更新推荐区、友情链接区，屏幕中间显示主体内容。“同〞字形结构的布局非常普遍，这种布局的优点是页面结构清晰，左右对称，主次清楚，缺点是版式呆板，如果主内容较多，那么页面容易过长显示。第5章案例网站工程规划5.7案列网站风格及页面布局设计●“国〞字形布局“国〞字形布局是在“同〞字形布局的根底上变化而来，它是同字形的布局结构下方增加一个横幅状的“菜单或广告条〞。●“匡〞字形结构这种页面布局的特点去掉了“国〞字形布局右边的边框局部，给主内容区释放了更多空间，其内容虽然看上去比较多，但布局整齐又不过于拥挤，适合下载类站点，这种布局站点色彩要协调，通常外部颜色深，内部颜色浅，有透视类效果，如网易的结构布局。●“三〞字形结构简洁明快的艺术性网页布局，适用于艺术类、收藏类、展示类网站，这种布局往往采用简单的图象和线条代替拥挤的文字，给浏览者以强烈的视觉冲击，使其感觉进入了一幅简单的画面，不是一个分门别类的超市，它的一级页面和二级页面的链接都按照行水平排列在页面中部，网站标志什么醒目。第5章案例网站工程规划5.7案列网站风格及页面布局设计●“川〞字形布局川字形布局结构在网站设计时也是较为常见的布局，整个网页在垂直方向上分为三列，网站的内容按栏目分布在这三列中，最大限度地突出主页的索引功能，如果网站栏目较多，可以考虑采用这种布局。●自由式布局自由式布局打破了传统了布局的结构，页面布局比较随意如一张宣传广告，以精美图片，动画作为页面设计的中心，菜单栏按钮自由设置在页面上，这种网站布局属于时尚型网站，网站优点是漂亮、吸引人；缺点是显示速度较慢，文字信息少。●左右对称式布局这种布局是采用左右对称分断网页的布局，在左右布局内部自由安排文字和图片，这种布局一般适合电子商务网站。第5章案例网站工程规划5.7案列网站风格及页面布局设计5.7.2.3好布局的标准其实这个问题要具体情况具体分析，比方：如果内容非常多，就要考虑用“国〞字型或“同〞字型；而如果内容不算太多一些说明性的东西比较多，那么可以考虑“三字型〞；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；自由式布局更灵活一些，好的自由式在布局大大丰富了网页，但是它不能表达过多的文字信息。5.7.2.4网页布局的步骤、原那么及思路1、网页版面布局的步骤〔1〕草案〔2〕粗略布局第5章案例网站工程规划5.7案列网站风格及页面布局设计在草案的根底上，将自己在网站栏目规划中确定需要放置的栏目模块安排到页面上。注意，在这里必须遵循突出重点、平衡谐调的原那么，将网站标志，主菜单等最重要的栏目模块放在最显眼，最突出的位置，然后再考虑次要栏目模块的排放。〔3〕、定案2、网页布局的原那么〔1〕正常平衡亦称“匀称〞。多指左右、上下对应形式，主要强调秩序，能到达安定老实、信赖的效果。〔2〕异常平衡即非对应形式，但也要平和韵律，当然都是不均整的，此种布局能到达强调性、引人性的效果。第5章案例网站工程规划5.7案列网站风格及页面布局设计〔3〕比照所谓比照，不仅利用色彩、色调等技巧来表现，在内容上也可涉及古与今、新与旧、贫与富等比照。〔4〕凝视所谓“凝视〞是利用页面中人物视线，使浏览者能够仿照跟随，以到达注视页面的效果，一般多用明星凝视状。〔5〕空白空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对表达网页的风格十分有效。〔6〕尽量用图片解说以上的设计原那么，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了第5章案例网站工程规划5.7案列网站风格及页面布局设计3、网页布局的思路一般来说，页面布局的思路主要有以下几种：●页面上部和左部结合●页面上部和下部结合●上部、左部和下部相结合确立网页的布局定位，还需要参考网站的性质和访客的群体习惯。设计者应该根据网站特定访客群体可能的使用要求来设计页面的结构，表达温馨、轻松、愉悦的气氛，提供简洁明快的版式和独特的文化特色。5.7.2.5网页布局的方法网页布局的方法有两种，第一种为纸上布局；第二种为软件布局。5.7.2.6案例网站“西部汽车王〞布局设计按照前面所述的方法对案例网站“西部汽车王〞进行页面布局设计。该布局设计就是前面介绍的“川〞字型布局类型的应用。“中国西部汽车王〞网站的栏目：网站页眉中的栏目：用户注册、网站后台管理第5章案例网站工程规划5.7案列网站风格及页面布局设计导航中的栏目有：新车展示、旧车交易、维修培训、汽车常识、修车网点、汽车商情、汽车文化、汽车留言。根据网站的栏目可以对页面按照先画草图、再成定稿的方法进行布局设计。网站总体来说是按照“川〞字形结构，主体内容区分为三列，中间一列占的面积较大，左右两侧划分较小。页面左侧包含以下栏目：用户登录区、新闻搜索区、政府信息区、汽车常识区、友情链接区。页面右侧包含以下栏目：汽车王公告、汽车文化、汽车商情区。页面中间包含的栏目：新闻速递、新车快报。页面最下面是版权区、技术支持区。第5章案例网站工程规划5.8案例网站“西部汽车王〞目录结构设计设计网站目录没有特别的规那么，只要方便使用和今后的维护管理。分析网站的栏目可知，要设计网站的目录，首先要考虑网站的栏目，网站栏目可以分为三类：一是栏目中内容较多，较复杂；二是内容较少，但是需要经常更新的栏目；三是首页，这是很重要的页面，需要单独放在网站的根目录下。根据这个要求，可以设计如下的目录结构：新车展示单独建立一个文件夹，汽车常识单独建立一个文件夹，汽车商情单独建立一个文件夹，汽车文化单独建立一个文件夹，汽车留言需要单独建立一个文件夹，同时由于留言需要数据库的支持。第5章案例网站工程规划5.9案例网站的导航设计

导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的局部，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在“第一屏〞能显示出来，对于第一屏较短小的首页，那种横向放置的导航栏要优于纵向的导航栏。“中国西部汽车王〞网站的导航栏是横向设计，由于页面较长，横向放置较容易让用户点击。第5章案例网站工程规划5.10案例网站“西部汽车王〞前期资料收集

5.10.1资料搜集的一般技巧资料搜集的一些技巧，包括；规划资料、具体搜索、编辑整理等。1、规划资料2、资料搜索3、编辑整理资料将需要的资料搜集完成后，并不是可以直接应用在网站中，还需要大量的编辑工作，首先要仔细分析资料，确定哪些需要、哪些不需要，哪些需要修改和整理，资料的编辑整理的方法可以采用Dreamweaver、word、记事本等编辑工具。第5章案例网站工程规划5.10案例网站“西部汽车王〞前期资料收集

5．10.2案例网站前期资料搜集案例网站“中国西部汽车王〞网站在建设前需要进行相关的资料搜集。根据网站的栏目需要搜集准备的资料有以下几种：●“新车快报〞栏目方面的图片及相关文字资料，可以上网查询或者通过报纸杂志搜集。●“旧车交易〞栏目的内容需要数据库支持因为它需要用户注册后，发布交易信息。需要设计好数据库及相关页面。●“维修培训〞栏目是公司进行网上招生宣传的一个窗口，需要搜集相关的图片及培训情况介绍，培训费用，培训效果等资料。●“汽车常识〞栏目需要搜集有关的汽车使用、保养、选购等方面的资料，可以上网查询搜集或通过其他方法搜集。第5章案例网站工程规划5.10案例网站“西部汽车王〞前期资料收集

●“修车网点〞需要搜集一下各型汽车的修车网络，在哪些地方可以保修等，可以上网或通过汽车宣传手册搜集资料。●“汽车商情〞栏目需要搜集一下汽车的报价、买卖交易情况多为上网搜集。●“汽车文化〞需要搜集有关汽车的故事、汽车的历史等资料，可以通过汽车杂志或者网上搜集。●“汽车留言〞栏目是动态页面需要数据库的支持，可以上网查找一下留言板的设计方法，数据库如何设计，页面如何设计等都可以搜集。以上几点都是实现网站工程工程所需要的前期搜集准备工作，这是完成网站工程工程不可缺少的一个步骤。第5章案例网站工程规划5.11案例网站“西部汽车王〞模板设计

5.11.1Dreamweaver模板的概念Dreamweaver模板是一种特殊类型的文档，用于设计“锁定的〞页面布局。模板创作者设计页面布局，并在模板中创立可在基于模板的文档中进行编辑的区域。在模板中，设计者控制哪些页面元素可以由模板用户进行编辑。模板最强大的用途之一在于一次更新多个页面。从模板创立的文档与该模板保持连接状态〔除非用户以后别离该文档〕。可以修改模板并立即更新所有基于该模板的文档中的设计。模板控制基于模板的文档的可编辑区域和固定区域。可以在文档中包括数种类型的模板区域。第5章案例网站工程规划5.11案例网站“西部汽车王〞模板设计

5.11.2定义模板区域模板确定文档的根本结构，并包含诸如文本、图像、页面布局、样式和可编辑区域之类的元素。将文档另存为模板时，Dreamweaver自动锁定文档的大局部区域。模板创作者定义基于模板的文档中的哪些区域可编辑，方法是在模板中插入可编辑区域或可编辑参数。创立模板时，可编辑区域和锁定区域都可以更改。但是，在基于模板的文档中，模板用户只能在可编辑区域中进行更改；无法修改锁定区域。有四种类型的模板区域：可编辑区域、重复区域、可选区域和可编辑标记属性。可编辑区域是基于模板的文档中的未锁定区域；它是模板用户可以编辑的局部。模板创作者可以将模板的任何区域定义为可编辑的。要让模板生效，它应该至少包含一个可编辑区域；否那么，基于该模板的页面将无法编辑。第5章案例网站工程规划5.11案例网站“西部汽车王〞模板设计

5.11.3创立Dreamweaver模板可以从现有文档〔如HTML、MacromediaColdFusion或MicrosoftActiveServerPages文档〕创立模板，或者从新建的空文档创立模板。“新建文档〞对话框