静态网页界面设计毕业论文 - 图文

浙江经贸职业技术学院毕业论文（设计）

图2.1 Photoshop界面组成图

3. 设计实践

3.1设计立意

本作品为蜂产品企业网站，主要介绍泾县养蜂永春专业合作社的蜂产品，蜂产品知识、公司企业文化，让更多的人了解泾县养蜂永春专业合作社。 蜂产品的网站需要有绿色大自然的气息，然后我做的是企业网站，不需要过多花哨的东西点缀，采用层叠样式表的应用，使用CSS实现出一个完美的网站。布局方法采用软件布局法，利用Photoshop软件对图像进行编辑。网页配色选用白色与灰色的色彩搭配，来实现企业网站的简单大方。 3.2 网站结构规划

泾县养蜂永春专业合作社网站界面设计的具体结构设计为以下5个模块，网站总体结构图如图3.1所示。

第 6 页

浙江经贸职业技术学院毕业论文（设计）

公司新闻 公司新闻 公司动态 新闻分类 行业资讯 产品展示 产品分类 产品分类 产品分类 产品分类 关于我们 新闻详情 新闻详情 新闻详情 新闻详情 产品详情 产品详情 产品详情 产品详情 网 站 首页 联系方式 图3.1 网站结构图 （1）企业首页网站首页体现的是一个网站的门面，也显示了企业的一些相关的消息，是网站设计中比较重要的一部分，它以网站综合平台的形式展示整个企业网站各部分的主体内容，是整个网站的导航，能够让浏览者在第一时间内领略到企业特色所在。

（2）公司新闻主要介绍出企业最新最近的各项动态和走向，通知以及一些定时更新的行业新闻，通过这一模块可以让客户更好的了解公司的日常运作和具体实施项目的细节，以及公司的整体走向和发展程度。也更好是让公司内部信息的流通和扩散。

（3）产品展示一般其他营销模式的企业网站都是注重产品展示来加强企业的宣传力度，但是对于创意设计有限公司来说，没有其实际物品展示，只有展现其出众的业绩实例才能让客户信服，才能从侧面展现出公司的实力，让客户更放心的把业务交给公司处理。

（4）关于我们具体介绍出企业的背景，经营项目，荣誉资质和公司的发展史，结构，业务流程等等一系列来加大公司的宣传力度，好让客户能全面的了解公司

第 7 页

浙江经贸职业技术学院毕业论文（设计）

便于树立企业形象。

（5）联系我们浏览者通过联系方式对我们提出意见和建议，通过这个发现我们的不足和好的地方，要是发现我们的不好，我们也可以接收到您的宝贵意见并给您最满意的答复，同时也是公司业务对外联系的窗口，是意向客户主动联系公司的重要途径。 3.3网站详细设计

网站主页结构布局如图3.2。

版权信息 相关链接 图3.2 首页结构图 网站相关子页结构布局如图3.3。

第 8 页

LOGO 子页导航栏 首页banner栏 新闻热点 产品展示 联系方式 浙江经贸职业技术学院毕业论文（设计）

LOGO 子页导航栏 首页banner栏 产品分类1 产品分类2 产品分类3 产品分类 相关子页详情页 版权信息 图 3.3 子页结构图 相关链接 子页分二级页面和三级页面，整体结构与图3.3一样，所以在此不一一举例。 3.3.1 首页设计与制作

网站首页体现的是一个网站的门面，也显示了企业的一些相关的消息，是网站设计中比较重要的一部分，它以网站综合平台的形式展示整个企业网站各部分的主体内容，是整个网站的导航，能够让浏览者在第一时间内领略到企业特色所在。中间部分插入banner，让浏览者可以看到公司企业文化核心展示的图片信息。在banner面板的下方分别为公司新闻、产品展示、联系方式，让浏览者可以直接看到所需要的信息。最后，插入公司网站信息，联系方式以及站内站外链接，让客户更方便的找到自己想要的东西。

首页包括网站logo、导航栏、banner、3个图文信息栏、底部公司信息、链接等组件。 网站的Logo就是网站的标志，也是互联网上各个网站用来与其他网站链接的图形标志。 由于做的蜂产品企业网站是真实存在的，即不可变更其logo，所以引用了一个蜂蜜团的logo，如图3.4所示。

第 9 页