2022年网站规划与设计 .pdf

《2022年网站规划与设计 .pdf》由会员分享，可在线阅读，更多相关《2022年网站规划与设计 .pdf（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、企业网站规划与设计名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 13 页 - - - - - - - - - 目录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

2、 网站框线图 . 55.主要网页的设计. 65.1 首页设计 . 65.2 公司简介的设计. 75.3 公司新闻的设计. 85.4 领导致辞的设计. 96 网站调试 . 117 用户使用说明. 11名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 13 页 - - - - - - - - - 1 1 项目背景1.1 功能及应用背景随着互联网的发展， 其信息传播效率逐步为人们所关注。越来越多的企业走向网络，以期通过网络加大对自己的宣传力度，从而扩展销售渠道， 增加销售量。现在

3、互联网已经成为人们快速获取、 发布和传递信息的重要渠道， 它在人们政治、经济、生活等各个方面发挥着重要的作用。目前商务网站正如雨后春笋般的大量涌现，企业网络化已经成为一种时尚。本设计利用 Dreamweaver cs3制作静态网页，利用 Photoshop cs3处理图形和制作图像。通过网站，全面宣传，展示企业的风采、优点与特色，发布企业的重大活动安排与最新消息，增强企业与客户之间的联系，在Internet上实现完成部分业务，提高办事效率。1.2 网站建设的目的和定位1)帮助企业建立有效的企业形象宣传、企业风采展示、公司产品宣传，打造 XX 集团新形象。2)充分利用网络快捷、跨地域优势进行信息

4、传递，对公司的新闻进行及时的报道。3)通过在线供求系统实现网上的供求信息的查询、订购、交易联系，优化信息的流通渠道。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 13 页 - - - - - - - - - 企业网站项目设计2 2 网站开发技术简介2.1 Photoshop 的简单介绍Photoshop是专业网络图形设计和处理的软件，使用Photoshop来创建、编辑、处理网页图片，可以为网页增加先进的互动性，在专业环境中优化图像。在网站开发的前期，需要使用Photos

5、hop来绘出网站的轮廓，将绘制好的首页切片冰储存为 Web 格式，以便在 Dreamweaver中的使用。2.2 Flash的简单介绍随着网络技术的发展，网页上出现了越来越多的Flash动画。一个优秀的网站是离不开动画的，无论是Banner、按钮、网站宣传动画还是整个网站的首页等，都需要使用 Flash来完成所有的操作。 Flash动画已经成为当今网站必不可少的部分，美观的动画能够为网页增色不少，从而吸引更多的浏览者。2.4 IIS的简单介绍IIS（Internet Information Services）是一个集成了多种Internet服务（ WWW服务、FTP 服务等）的服务器软件。II

6、S 能发布网页， 并且有 ASP （Active Server Pages ）、JAVA 、VBscript 产生页面，有着一些扩展功能。IIS 支持一些有趣的东西，象有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的 （NET SHOW） 其次，IIS 是随 Windows NT Server 4.0 一起提供的文件和应用程序服务器，是在Windows NT Server 上建立 Internet服务器的基本组件。它与Windows NT Server 完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强

7、大灵活的InternetIntranet站点。IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括 Web 服务器、 FTP 服务器、 NNTP 服务器和 SMTP 服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 13 页 - - - - - - - - - 3 3 网站建设日程表完

8、成整个项目所需时间为三个月，其中各项规划任务如下表所示：时间任务内容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 日最终测试名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第

9、 5 页，共 13 页 - - - - - - - - - 企业网站项目设计4 4 网站总体设计4.1 网站设计原则打开一个网站， 给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否， 在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。本网站的搭配主色为：白、淡蓝、黑、三种颜色。白色代表纯洁、纯真、朴素、神圣、明快。淡蓝色代表热情、活泼、热闹、温暖

10、、幸福、吉祥。黑色代表崇高、坚实、严肃、刚健、端庄，充分代表了一个企业应有的气质和形象。给客户留下深刻的印象。根据 浏览者在阅读时经常采用从上到下，从左到右的习惯，主体内容中，将“优秀网站案例”靠左边放，这样能更好地吸引浏览者的眼球，同时也体现公司的专业、能力等。 优秀网站案例采用网页图片切换的形式展现在首页中，使整个首页处于于静于动的画面。右边则是创意设计公司的设计理念。4.2 网站的总体结构本网站主要包括网站前台、 网站后台两大部分组成。网站前台包括公司简介、公司新闻、领导致辞、行业信息、留言薄、荣誉，6个功能栏目。网站的总体结构如图名师资料总结 - - -精品资料欢迎下载 - - - -

11、 - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 13 页 - - - - - - - - - 5 4.3 网站总体结构图4.4 网站框线图公司简介公司新闻领导致辞行业信息留言薄沈煤荣誉网站名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 13 页 - - - - - - - - - 企业网站项目设计6 5. 主要网页的设计5.1 首页设计首页是全站内容的目录和索引。 所以在首页设计这些模块一般情况都是需要设

12、计上去的。 网站设计的色到必须符合主题，需要根据一个企业的类型来定义整个界面的色调。首页的设计还必须遵循快捷，简洁的原则，能概括全站的内容。各模块的设计所占的比例也必须要合理，浏览量或者重要的模块应适当增加其在整个界面中的比例。 设计的过程还需要合理安排文字和图片的协调搭配，要让视觉效果不单调。经过对网站的总的合理的布局分析，该企业导航主要有6 个栏目，分别为：首页、公司简介、公司新闻、领导致辞、行业信息和留言薄。首页上还分布有4个模块，分别为：政策法规、 XX荣誉、市场信息和企业文化。其结构如图5.1 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - -

13、 - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 13 页 - - - - - - - - - 7 5.2 公司简介的设计公司简介主要从公司的规模、 公司主营产品、 公司发展优势等几个方面来介绍 XX 集团。包括企业文化、公司理念，主要对公司企业文化进行详细介绍，让人们能更深入的了解XX 集团。其结构如图5.2 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 13 页 - - - - - - - - - 企业网站项目设计8 图

14、5.2 公司简介页面5.3 公司新闻的设计公司新闻主要是公司的各项工程的和一些项目定期发布公司的重要新闻，充分利用网络快捷、跨地域优势进行信息传递，对公司的新闻进行及时的报道。其结构如图 5.3 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 13 页 - - - - - - - - - 9 图 5.3 公司新闻页面5.4 领导致辞的设计领导致辞主要由公司董司长， 对长期以来关注和支持公司发展的各界人士表示感谢，同时对与 XX 集团的现况做了一定的介绍，对未来做了

15、一定的规划。其结构如图 5.4 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 13 页 - - - - - - - - - 企业网站项目设计10 图 5.4 领导致辞页面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 13 页 - - - - - - - - - 企业网站项目设计25 6 网站调试1）测试准备测试前对被测系统做好以下准备：

16、系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态； 制定应急措施， 确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据初始化。（2）用户界面测试主要测试导航条、内容、颜色、背景、图像、返回等。（3）功能测试主要测试站点中的链接等。链接测试：目的是检查各个URL 所联接的页面是否正确。表单测试：目的是检查每个表单与程序是否正确联接，能够正确地发送用户请求。（4）兼容性测试主要检验应用能否在不同的客户端使用。如苹果（iOS 系统的）用户，经常使用chrome，Firefox 等浏览器的用户是否都能正常使用。7 用户使用说明此网站运行的环境为安装有IIS 组件的 Windows XP 或更高版本的操作系统。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 13 页 - - - - - - - - -