《网站规划与设计》由会员分享，可在线阅读，更多相关《网站规划与设计（18页珍藏版）》请在金锄头文库上搜索。
1、精品资料企业网站规划与设计目录1 项目背景 11.1 功能及应用背景 11.2 网站建设的目的和定位 12 网站开发技术简介 22.1 Photoshop 的简单介绍 22.2 Flash 的简单介绍 22.4 IIS 的简单介绍 23 网站建设日程表 44 网站总体设计 54.1 网站设计目标与原则 54.2 网站的总体结构 54.3 网站总体结构图 64.4 网站框线图 65 . 主要网页的设计 75.1 首页设计 75.2 公司简介的设计 85.3 公司新闻的设计 95.4 领导致辞的设计 106 网站调试 127 用户使用说明 12可修改1 项目背景1.1 功能及应用背景随着互联网的发
2、展， 其信息传播效率逐步为人们所关注。 越来越多的企业走向网络， 以期通过网络加大对自己的宣传力度， 从而扩展销售渠道， 增加销售量。现在互联网已经成为人们快速获取、 发布和传递信息的重要渠道， 它在人们政治、经济、生活等各个方面发挥着重要的作用。目前商务网站正如雨后春笋般的大量涌现，企业网络化已经成为一种时尚。本设计利用 Dreamweaver cs3 制作静态网页，利用 Photoshop cs3 处理图形和制作图像。通过网站，全面宣传，展示企业的风采、优点与特色，发布企业的重大活动安排与最新消息，增强企业与客户之间的联系，在Internet 上实现完成部分业务，提高办事效率。1.2 网站
3、建设的目的和定位1) 帮助企业建立有效的企业形象宣传、企业风采展示、公司产品宣传，打造 XX 集团新形象。2) 充分利用网络快捷、跨地域优势进行信息传递，对公司的新闻进行及时的报道。3) 通过在线供求系统实现网上的供求信息的查询、订购、交易联系，优化信息的流通渠道。2 网站开发技术简介2.1 Photoshop 的简单介绍Photoshop 是专业网络图形设计和处理的软件，使用 Photoshop 来创建、编辑、处理网页图片，可以为网页增加先进的互动性，在专业环境中优化图像。在网站开发的前期，需要使用 Photoshop 来绘出网站的轮廓，将绘制好的首页切片冰储存为 Web 格式，以便在Dre
4、amweaver 中的使用。2.2 Flash 的简单介绍随着网络技术的发展，网页上出现了越来越多的 Flash 动画。一个优秀的网站是离不开动画的，无论是Banner 、按钮、网站宣传动画还是整个网站的首页等，都需要使用 Flash 来完成所有的操作。 Flash 动画已经成为当今网站必不可少的部分，美观的动画能够为网页增色不少，从而吸引更多的浏览者。2.4 IIS 的简单介绍IIS ( Internet Information Services )是一个集成了多种 Internet 服务( WWW 服务、 FTP 服务等) 的服务器软件。 IIS 能发布网页， 并且有ASP(ActiveS
5、erver Pages )、 JAVA 、 VBscript 产生页面，有着一些扩展功能。 IIS 支持一些有趣的东西，象有编辑环境的界面( FRONTPAGE )、有全文检索功能的(INDEX SERVER )、有多媒体功能的 (NET SHOW ) 其次， IIS 是随 WindowsNT Server 4.0 一起提供的文件和应用程序服务器，是在Windows NT Server上建立 Internet 服务器的基本组件。它与Windows NT Server 完全集成，允许使用 Windows NT Server 内置的安全性以及NTFS 文件系统建立强大灵活的 Internet In
6、tranet 站点。 IIS ( Internet Information Server ，互联网信息服务)是一种 Web (网页)服务组件，其中包括Web 服务器、 FTP 服务器、NNTP 服务器和 SMTP 服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面， 它使得在网络 （包括互联网和局域网） 上发布信息成了一件很容易的事。3网站建设日程表完成整个项目所需时间为三个月，其中各项规划任务如下表所示:时间任务内容3月9日-16日拟定项目3月17日-23日制定初步项目计划4月6日-19日网站初步框架4月20日-5月1日网站内容具体丰富5月2日-5月10日总结反思，网站细节完善5月
7、11日-24日计划微调，网站用户体验感测试5月25日-6月7日网站装饰再加工，CSS布局，JS语言6月8日-6月15日最终测试4 网站总体设计4.1 网站设计原则打开一个网站， 给用户留下第一印象的既不是网站丰富的内容， 也不是网站合理的版面布局，而是网站的色彩。 色彩对人的视觉效果非常明显， 一个网站设计成功与否， 在某种程度上取决于设计者对色彩的运用和搭配。 因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。本网站的搭配主色为：白、淡蓝、黑、三种颜色。白色代表纯洁、纯
8、真、朴素、神圣、明快。淡蓝色代表热情、活泼、热闹、温暖、幸福、吉祥。黑色代表崇高、坚实、严肃、刚健、端庄，充分代表了一个企业应有的气质和形象。给客户留下深刻的印象。根据 浏览者在阅读时经常采用从上到下，从左到右的习惯，主体内容中，将“优秀网站案例”靠左边放，这样能更好地吸引浏览者的眼球，同时也体现公司的专业、能力等。 优秀网站案例采用网页图片切换的形式展现在首页中， 使整个首页处于于静于动的画面。右边则是创意设计公司的设计理念。4.2 网站的总体结构本网站主要包括网站前台、 网站后台两大部分组成。 网站前台包括公司简介、公司新闻、领导致辞、行业信息、留言薄、荣誉， 6 个功能栏目。网站的总体结
9、构如图4.3网站总体结构图4.4网站框线图5 . 主要网页的设计5.1 首页设计首页是全站内容的目录和索引。 所以在首页设计这些模块一般情况都是需要设计上去的。 网站设计的色到必须符合主题， 需要根据一个企业的类型来定义整个界面的色调。首页的设计还必须遵循快捷，简洁的原则，能概括全站的内容。各模块的设计所占的比例也必须要合理， 浏览量或者重要的模块应适当增加其在整个界面中的比例。 设计的过程还需要合理安排文字和图片的协调搭配， 要让视觉效果不单调。经过对网站的总的合理的布局分析，该企业导航主要有6 个栏目，分别为：首页、公司简介、公司新闻、领导致辞、行业信息和留言薄。首页上还分布有4个模块，分
10、别为：政策法规、 XX 荣誉、市场信息和企业文化。其结构如图 5.1所示。n 力播才 雪n”片 rrtttt naw增关新片丹东笈眄水度旺司大于十月削；5产母逐牙竟委一等第行4T推进例常事优0，e*M*活动隼鼾我过成蜕O G/屏甘汽比次二耳工程中军定工I +酬t法.我我乖；工奇善6：看#.犀的第 卜晦将发文湾法普贬严就 如信电生摹补事网iS恬*建切芹HN诞漫窕哂四出ft卜圆才巧犷宝前贵也11收也圉*裳S :产拄娓附秫f? M望馨6境星金司匚新光姆正式投产中北水温集团哪月促比展 卜招刖先学无理r四中理重性、 -丹茶交通料公司大手十月创高产 吉山黑丁理前/天完成生年-* j封宿学士里号公司匕声上市
11、工作fTMTtt.023卜同理支此嶷急 此解 主业世通观贤主自章建卜安工苣登工茎塞Vff目a fliftM+加即寺;博T1户可MHF合于MV,层严轴和带动梆轲肃事回星* in峭库武市闲曲灯线逑画城ft加梅但t厚品1mm,加地区唯口煤如I存苴周降 ，+蚩Q-F月“11崎出一出上盘5.2 公司简介的设计公司简介主要从公司的规模、公司主营产品、公司发展优势等几个方面来介 绍XX集团。包括企业文化、公司理念，主要对公司企业文化进行详细介绍，让 人们能更深入的了解XX集团。具结构如图5.2所示。工，机械刷蹩舞等忖空雪等为一悻KJ零元牝的大割馒炭企业集国0 i工爆累13现有流用.里而二，L西二T厂区，具甲
12、比印ST区弁引面积为丁口平方早，恐蹲流田、辽口东方警官口0三妾三士:独0-巴卜”印、薪il .法师汇市里江汀区分I I西才区隹同；i安阡球酒犷兆就哼F从思龙江的茂西,牡丹江河山西咯踊买的1。十地方瓯、辄同必句下班1$4干公司 十分公司。企业蒲产总值1M忆元.职工4万余人.年*不护金国最具活力下。用国企业称号，在金国霖史走业E排鬲旺诅位在H亍省百串企业中柞名第Q位，法汶田用转强企业=抵名归缶国舌打胃指黑图5.2公司简介页面5.3 公司新闻的设计公司新闻主要是公司的各项工程的和一些项目定期发布公司的重要新闻，充分利用网络快捷、跨地域优势进行信息传递， 对公司的新闻进行及时的报道。其 结构如图5.3
13、所示。耽阳 煤业（集aj） 限责任公司;凡皿，白，飙，/飙，4股不 UMrEC1 UftAlklTpr-i*苞金m窗介公司新闻e 轲悭了医人开霍“列壬争先”悭让箭时话卦O舌鼻娓矿竞养疔兴七福H众切言利抗言正言也喀系方式o丹笆二道=十干一弓E.享一尢区与土美茎克与二任0丁.立事+隘强二期工埋巾列率工o工景：:我生土避过缸车争一言列金二佗立三q 天5逅事若三=em玄曰于-务4厘*0海：wts二台李项了劝b推谶创先普代0提孑金笃立新滉煤厂正戌出a丁”=一Q言山操犷提前SO为先表金三广士一匡东宝专案C售胃公司包与剧属栽舌司仁爱寿与上市二E三3 4田喳界MD斜或堤丁也受豆充争优宛上“四十it鬲伎不力行区
14、河0*三=三淳丰ke盛当生仁二工巨猿请胤牝甘坦二二千仁胃哈枚由第ZLMO % kJ市承图七冷二提力中职工田1沅t睫庶后七惧M图5.3公司新闻页面5.4 领导致辞的设计领导致辞主要由公司董司长，对长期以来关注和支持公司发展的各界人士表示感谢，同时对与XX集团的现况做了一定的介绍，对未来做了一定的规划。其结构如图5.4所示。/泗阳 煤业（*团）前限我任公司“LE QftSllfF GX产XAIKI件 LMTK LMILFTT gfMf 棹甲;7 金;竟理停随吞中国煤费工山;宿避的步伐，瓶E沅焊集团歪迎了近半个世纪的也如景展历程,在止L，让我带松表儿煤舆团向长期以来兴庄由支特战爆发品的也会百聚人士e玉方注口啊培三妻工亡员心国亩产用e东土了片珂e 二h亍狙 s-r-近年牛，我们宓鬲离团认其品就落实孱学位程观.范山市阴网遇，突出宛和主剪,遇眩力藏&“壮大主驰，多元其卷 优化转福“科学友赛 正企希民色的旷匡 轻营发翩鸣饯案团公司进入了一子链
