网站规划与设计

1、企业网站规划与设计目录1项目背景11.1 功能及应用背景11.2 网站建设的目的和定位 12网站开发技术简介22.1 Photoshop 的简单介绍 22.2 Flash 的简单介绍 22.4 IIS 的简单介绍 23网站建设日程表34网站总体设计44.1 网站设计目标与原则 44.2 网站的总体结构 44.3 网站总体结构图 54.4 网站框线图55.主要网页的设计 65.1 首页设计65.2 公司简介的设计75.3 公司新闻的设计 85.4 领导致辞的设计96网站调试117用户使用说明111项目背景1.1 功能及应用背景随着互联网的发展，具信息传播效率逐步为人们所关注。 越来越多的企业走

2、向网络，以期通过网络加大对自己的宣传力度， 从而扩展销售渠道，增加销售量。 现在互联网已经成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、 经济、生活等各个方面发挥着重要的作用。目前商务网站正如雨后春笋般的大量涌现，企业网络化已经成为一种时尚。本设计利用Dreamweaver cs3制作静态网页，利用Photoshop cs改t理图形和制作 图像。通过网站，全面宣传，展示企业的风采、优点与特色，发布企业的重大活 动安排与最新消息，增强企业与客户之间的联系，在Internet上实现完成部分业务，提高办事效率。1.2 网站建设的目的和定位1）帮助企业建立有效的企业形象宣传、企业风采展示、

3、公司产品宣传，打 造XX集团新形象。2）充分利用网络快捷、跨地域优势进行信息传递，对公司的新闻进行及时 的报道。3）通过在线供求系统实现网上的供求信息的查询、订购、交易联系，优化 信息的流通渠道。132网站开发技术简介2.1 Photoshop的简单介绍Photoshop是专业网络图形设计和处理的软件，使用Photoshop来创建、编辑、处理网页图片，可以为网页增加先进的互动性，在专业环境中优化图像。在 网站开发的前期，需要使用Photoshop来绘出网站的轮廓，将绘制好的首页切片 冰储存为 Web格式，以便在 Dreamweaver中的使用。2.2 Flash的简单介绍随着网络技术的发展，网

4、页上出现了越来越多的Flash动画。一个优秀的网站是离不开动画的，无论是Banner、按钮、网站宣传动画还是整个网站的首页等，都需要使用Flash来完成所有的操作。Flash动画已经成为当今网站必不可少 的部分，美观的动画能够为网页增色不少，从而吸引更多的浏览者。2.4 IIS的简单介绍IIS （Internet Information Services）是一个集成了多种 Internet 服务（WWW 服务、FTP服务等）的服务器软件。IIS能发布网页，并且有ASP （Active Server Pages、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的 东西，象

5、有编辑环境的界面（ FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次，IIS 是随 Windows NT Server 4.0一起提供的文件和应用程序服务器，是在 Windows NT Server上建立Internet 服务器的基本组件。它与 Windows NT Server完全集成，允许使用 Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。 IIS （Internet Information Server,互联网信息服务）是一种 Web （网页）服务组 件，

6、其中包括 Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别 用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互 联网和局域网）上发布信息成了一件很容易的事。3网站建设日程表完成整个项目所需时间为三个月，其中各项规划任务如下表所示:时间任务内容3月9日-16日拟定项目3月17日-23日制定初步项目计划4月6日-19日网站初步框架4月20日-5月1日网站内容具体丰富5月2日-5月10日总结反思，网站细节完善5月11日-24日计划微调，网站用户体验感测试5月25日-6月7日网站装饰再加工， CSS布局，JS语言6月8日-6月15日最终测试4网站总体设计4.1 网站

7、设计原则打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。 色彩对人的视觉效果非常明显，一个网站设 计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲 击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要 高度重视色彩的搭配。本网站的搭配主色为：白、淡蓝、黑、三种颜色。白色代表纯洁、纯真、朴 素、神圣、明快。淡蓝色代表热情、活泼、热闹、温暖、幸福、吉祥。黑色代表 崇高、坚实、严肃、刚健、端庄，充分代表了一个企业应有的气质和形象。给客 户留下

8、深刻的印象。根据 浏览者在阅读时经常采用从上到下，从左到右的习惯，主体内容中， 将“优秀网站案例”靠左边放，这样能更好地吸引浏览者的眼球，同时也体现公 司的专业、能力等。优秀网站案例采用网页图片切换的形式展现在首页中，使整个首页处于于静于动的画面。右边则是创意设计公司的设计理念。4.2 网站的总体结构本网站主要包括网站前台、网站后台两大部分组成。网站前台包括公司简介、 公司新闻、领导致辞、行业信息、留言薄、荣誉， 6个功能栏目。网站的总体结 构如图4.3网站总体结构图4.4网站框线图5.主要网页的设计5.1 首页设计首页是全站内容的目录和索引。所以在首页设计这些模块一般情况都是需要 设计上去的

9、。网站设计的色到必须符合主题，需要根据一个企业的类型来定义整 个界面的色调。首页的设计还必须遵循快捷，简洁的原则，能概括全站的内容。 各模块的设计所占的比例也必须要合理， 浏览量或者重要的模块应适当增加其在 整个界面中的比例。设计的过程还需要合理安排文字和图片的协调搭配，要让视觉效果不单调。经过对网站的总的合理的布局分析，该企业导航主要有6个栏目，分别为：首页、公司简介、公司新闻、领导致辞、行业信息和留言薄。首页上还分布有4个模块，分别为：政策法规、XX荣誉、市场信息和企业文化。具结构如图 5.1所，黑慈寺：正妄言遇砒法展的第国用灰亶Me苔后产能魏国闰劭主办升情条例配置工柞*推动矽府不匚王实施

10、条例出B，国正将及士府摄税征收看国，常设寺：11后理的千蟋个项目f-tfrYtt 呼文化J?禽 色1£作风，企业由心现卜安至且率现 安堂詈建三要素 集团及划企业配明«.Mt(ABB )»独而为；哨寮怛应急像4干魔修-鹿产箱政雷理导案需求回苒»近期得景市场自方浮雪擞卜煤燮价将近三T月磔江乙»h卜酶公司立航财源厂正式接产*中北十昵事由周1刑3推晨 党委创比学It笑出.四十寓枚卜畀东交画展替其大手十月能离产咨J理小罪骑士味完成全年十荆，支=：上三；一至隆公司检登上市工作藩4叵机：理竟用存苜肉降»索案几个月墀爵体时一抄上造5.2 公司简介的设

11、计公司简介主要从公司的规模、公司主营产品、公司发展优势等几个方面来介 绍XX集团。包括企业文化、公司理念，主要对公司企业文化进行详细介绍，让 人们能更深入的了解XX集团。具结构如图5.2所示。靠4m辞行堂侑息MB9V A心可餐介兮司笛闻留言联堂品公司简介用户名.圭码:赞录重值联系方式沈阳煤业（集团）有限责任公司是1个以煤炭生产为主，集电力、建材、建就施沈阳煤业（集团）有限责任公司SHENYAMJ MJL -HUJEQHptIF aMTORAT UKTEU LUBUIY CfflUPANI三始立手或注空中沈北赤 虎:石修希T.I： 024-62542014034-4254088;工.机械常雉和多

12、肿羟营等为一体的多元化的大型煤会企业集团。沅煤集囱现有沈阳.H龙江、山西三个ST区，其中沈阳犷区井田面枳为广口平方公里，地跨沈阳.辽阳、本漠、会山、铁瞪五市里龙江旷区和山西苗区是集团公司至行愤源扩张战略后从里龙江的玳西.牡丹江和山西临测®实的1。个地方媒炉口集团公司下设1生个子公司.不个如lys%企业资产总值需1亿元，职工:万余人*就何年，荣获全国最具活力创。强企业称号，在全国燃炭企业中排名第“枝，在江o*s宁省百强企业中排名第到位，在沈阳市百强企业中排名第一位。0求无套MM业 dim图5.2公司简介页面5.3 公司新闻的设计公司新闻主要是公司的各项工程的和一些项目定期发布公司的重要

13、新闻，充分利用网络快捷、跨地域优势进行信息传递， 对公司的新闻进行及时的报道。其 结构如图5.3所示。茸可堪深入开至“创先争竟母辿方讨活主 兰马坦丁至委斤三际H群.立切身乳至虚在三"它公司新闻联泵方可看东方附言可0田宝空改姜自中乐生部常O东北赤星河。牛田忑盆堪炭再丹挛交遇水缠芸加大干十月创苍立号耳埃宁:早改水生W二期H号限利或工中北京运矣勿送之或先争三法劫逼FW发展工马埃M 11若与三星隼17甚即取得丁或哇或效之霞堪亍世，疗助"推把创兖争优威隆!冒上斩洗3一王式按士考山馍亍恚看3c云无族全二广划美团也更导氧三3公亘出百第导上叼工作好嘉堪亍宜,削"争优究出"

14、;四小变常堆”胃前生三i司专委诗克化里W平自二咯运叼壁枪哈rd口出1段匕4及七仁口.地上：. 51芋*就旧节就比甚巨虎石廿号kd电卫妙用式4度M 42&40ffii.图5.3公司新闻页面5.4 领导致辞的设计领导致辞主要由公司董司长，对长期以来关注和支持公司发展的各界人士表 示感谢，同时对与XX集团的现况做了一定的介绍，对未来做了一定的规划。其 结构如图5.4所示。沈阳 堞业（集团）有限责任公司CQMbLTAOE OROvPLMlfiC L7IUTT 岂领导致辞伴随著G国煤炭工业前件的步伐我们洗煤库团无过了近半个世纪的创业发展e国京笈生委s匚亘理手历自于司匹历程口在此，让我们代衰沈煤集

15、团向长期以来关注和支将沈螺放展的社会各界人士表示衷心的感谢，逅年来，我们沈煤集瞅耳贯沏落实科学发展观，抢抓市场机遇，突出坡展主即，遇过大力实施“壮大主业、多元发展、优优菇构、科学发展、强企富民”的此区短菅发展用喑，使黑田公司进入了一个轻那运行质量逐步提高.职工生活质量逐评改善企业呈现出安全、和谐、健康，向上的崭新局面口我们黑心常瞿继续与社会各界进行广泛的交流合作推手共进，共向发展，共创美好未来并竭城欢迎社会各界朋芨来沈煤集团作客口图5.4领导致辞页面企业网站项目设计6网站调试1)测试准备测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据