网站规划设计基础

网页设计第二章网站规划设计基础一、网站设计流程

1、网站设计的分工

随着技术的发展和用户对网站功能需求提高，网站已不能再利用HTML文件来实现。可以说现在的网页设计是一个软件与艺术加工工程，它的设计和开发需要强调流程和分工。网页设计的主要任务有：

（1）网页架构设计（2）以浏览器为客户端的Web应用程序开发（新闻中心，网上商店等）（3）系统测试、发布及维护

2、网页设计的流程（1）编写网页设计计划书（2）确定网页设计总体思想（如何能够实现网页规划中提出的目标，网页的风格和特点，网页外观与使用性）（3）确定网页提供的内容（4）网页交互设计，如信息反馈、意见调查等（5）对网页内容进行分类（6）设计网页必有的内容，如LOGO、联系方式、导航条等（7）讨论并确定方案（8）制作网页的模板（9）制作网页并在不同平台的浏览器上测试网页

（10）检查网页的链接（11）让部分顾客或内部人员试用网页，并提出反馈意见（12）根据需要修改不当之处（13）正式发布网页(申请域名、空间、上传、备案）第二章网站规划设计基础二、确定网站类型现今的网站花样百出，数量非常大，种类繁多，但是按照其功能和结构形式大致可以分为6类：

1、门户网站门户网站集合了众多内容、信息，提供多样服务，并使其尽可能地称为网络用户的首选。这种网站分为3类：（1）国内网络公司经营的网站，例如国内的搜狐、网易、新浪等，其主要特点是提供搜索引擎、涵盖新闻、娱乐、游戏、文化、体育、健康、科技、财经、教育等若干版块，以及个人主页（博客）、免费邮箱等服务项目。（2）境外投资网站，例如雅虎、美国在线等。（3）国内传统媒体网站，以人民网、新华网、央视国际等为代表，提供新闻与时事评论为主。第二章网站规划设计基础二、确定网站类型2、普及型网站企事业单位或个人根据自身需要建立和发布的以介绍其基本情况、产品和服务信息、供求信息、人员招聘、合作信息以及联系方式的网站。该类网站向客户、供应商、公众和其它一切对该网站感兴趣的人进行宣传、推介自身。并树立网上形象。此类网站包括企业网站、大学网站、政府网站以及个人主页。第二章网站规划设计基础二、确定网站类型3、电子商务类网站企子商务类网站分为B2B（商家对商家）和B2C（商家对个人客户）两种，按照交易过程分为商品检索、商品采购、订单支付三个阶段。其功能主要有：（1）商品发布功能（2）商品选购功能（3）具有个性化的采购订单模板，顾客可以进行购物组合比较（4）购物车内置的价格计算模型可以根据商家的价格体系灵活定制

（5）在线交易功能（6）商品交接、资金结算功能第二章网站规划设计基础二、确定网站类型4、媒体信息服务类网站媒体信息服务类网站是报社、杂志社、广播电台、电视台、视频播客等媒体为树立自身形象或提供视频共享等而建立的网站。5、办公事务管理网站办公事务管理网站是企业事业单位围栏实现办公自动化而建立的内部网站，包括以下主要功能模块：办公事务管理、人力资源管理、财务资产管理和内部其它事务管理的网站。6、商务管理网站商务管理网站是企业内部为了进行广告及商品管理、客户管理、合同管理、营销管理等目的而建立的网上办公平台。第二章网站规划设计基础三、确定网站的主题和名称

1、网站主题的确定

网站的主题即网站的题材。网站使用的主要题材有：商业、个人、网上求职、网上聊天、网络社区、网络邮件、计算机技术、网页/网站开发、娱乐网站、旅行、参考/资讯、家庭/教育、生活/时尚等等。选择网站主题时注意以下三点：（1）主题小而内容精（2）题材最好是自己擅长的内容（量体裁衣，做好本份）（3）题材不要太滥、目标不要过高（新题材、近目标）第二章网站规划设计基础三、确定网站的主题和名称

2、网站名称的确定

网站名称是网站设计的关键一部分，在确定时要注意：（1）名称要端正合法、合情、合理，不能用反动、色情、迷信或危害社会安全的词语（2）易记如无特别需要，最好用中文名称，不要用英文或者中英文混合的名称，其字数最好控制在6字以内。（3）特色能体现一定的内涵，能体现网站特色，给浏览者更多的视觉冲击和空间想象力。如，音乐前卫、网页陶吧、天籁绝音等。第二章网站规划设计基础四、确定网站CI形象

CI（英文全称CorporateIdentity,企业形象），是指通过强化视觉效果的手段来加深用户对企业的印象。一个杰出的网站，需要整体的形象包装和设计。

1、设计网站的标志（Logo）如同商标一样，LOGO是网站特色和内涵的集中体现。它可以是中文、英文字母、符号、图案，也可以是动物或人物。LG的设计创意一般来源于网站的名称和内容。设计方法：（1）网站有代表性的人物、动物、花草，以它们作为设计蓝本，加以艺术化。（2）专业性网站可以以本专业有代表性的物品作为LOGO.

（3）最常用和最简单的是用自己网站的英文名称作为L0G0，采用不同的字体、字母的变形、字母的组合做成LOGO.第二章网站规划设计基础四、确定网站CI形象2、网站的标准色彩网站给人的第一印象来源于视觉冲击，因此确定网站的标准色彩非常重要。标准色彩是指能体现网站形象和延伸内涵的色彩。标准色彩要用于网站的LOGO、标题、主菜单和主色块，要给人以整体统一的感觉。其它的色彩主要用于点缀和衬托。3、设计网站的标准字体标准字体是指用于LOGO、标题和主菜单的特有字体。默认的字体一般是宋体。为了体现网站的特色，可以根据自己的需要选择一些特别的字体。4、设计网站的宣传标语网站的宣传标语最好用一句话概括，表明网站精神和目标。第二章网站规划设计基础五、确定网站的栏目和版块初学者最容易犯的错误是确定题材后立刻开始制作，弊端在于，容易造成网页结构不清晰，目录庞大，层次不明显，不便于扩充和维护。

1、设计网站的栏目（1）紧扣网站主题将主题按一定的方法分类，并将它们作为网站的主栏目。例如动画素材网站，可以将栏目分为动画动画、FLASH动画、三位动画、卡通动画等。

（2）设计一个可以互动交流的栏目互动交流栏目一般需要设置，例如论坛、留言本等。（3）设计一个最近更新或网站指南栏目（4）设计一个下载或常见问题回答栏目第二章网站规划设计基础五、确定网站的栏目和版块2、设计网站的版块版块的概念要栏目大一些，每个版块可以有自己的栏目。例如设置新闻、体育、财经、娱乐等版块，每个版块下面有自己的主栏目。个人主页由于内容较少，一般不用设置版块，只用设置栏目就行了。注意：各版块要有相对的独立性各版块要相互关联版块的内容要围绕站点主题第二章网站规划设计基础六、确定网站的整体风格网站的整体风格及其创意设计是最希望有的，也是最难的部分，没有固定的模式参照或模仿。风格是个抽象的概念，是指网站的整体形象给浏览者的综合感受。“整体形象”包括了网站的CI、版面布局、浏览方式、交互性、文子、内容价值、存在意义等。设计网站风格时要注意：

（1）风格是建立在有价值的内容之上的（2）LOGO一般放在每个页面最显眼的位置（3）使用统一的图片处理效果（4）宣传标语的位置第二章网站规划设计基础七、确定网站的目录结构及链接结构

1、设计网站的目录结构目录结构影响网站的上传维护，以及内容的扩充和移植。因此，应该首先规划，防止随意创建子目录。（1）不要将所有文件都存放在根目录下，容易造成文件管理混乱，不易管理（2）按栏目内容建立子目录（3）主目录下建立独立的images目录，用户存放图片类文件（4）目录层次不要太深，一般不超过3层（5）不要使用中文目录名称，可能影响网址的正确性（6）不要使用过长的目录名第二章网站规划设计基础七、确定网站的目录结构及链接结构

2、设计网站的链接结构网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构的基础之上，可以跨越目录。每一个页面都是一个固定