o，如图34所示。
第8页
f浙江经贸职业技术学院毕业论文（设计）
图34蜂产品LOGO
首页背景还是突出简单、大气，主要考虑到蜂产品本身属于绿色食品，所以选用了简单的白色为背景。导航栏主要还是用了与背景类似的颜色简洁、明了体现企业特色。如图3。5所示。
图35首页导航栏
加上宋体标题后最终完成导航栏，如图3。6所示。
图3。6首页导航栏效果图
首页ba
er要体现企业的高端、大气、上档次，二是要体现蜂产品特色的风格。三是要符合整体的页面设计，具体效果如图311所示。
（1首先在网上找了一个风景图片，把不需要的部分用图章工具抹去，在进行调色，如图3。7所示。
第9页
f浙江经贸职业技术学院毕业论文（设计）图3。7图片调色
（2）在网上下载一个石狮子用钢笔抠出来，放到图中再进行调色，如图38所示
图3。8图片处理
（3整体效果定型后整体合并调色，如图3。9所示。
图3。9合并处理
（4）最后加上公司字样和一只小蜜蜂体现企业为特色如图310所示
图310添加标识
第10页
f浙江经贸职业技术学院毕业论文（设计）
图311首页ba
er
而ba
er下方是三栏信息栏，分别放置新闻、产品和联系方式3个重要信息，以便使用者更方便找到主要内容如图3。12所示。
图312信息栏
底部左侧主要还是设计了网站开发者的信息和版权，右侧主要设计了一些相关方面的链接。如图3。13所示。
图3。13底部信息栏
最后切片且保存为i
dexhtml在相应按钮上添加链接到相应页面。首页最终效果图，如图3。14所示。
第11页
f浙江经贸职业技术学院毕业论文（设计）
图314首页最终效果图
其他子页效果上下部分和首页相同，在此不一一列举。3。3。2公司新闻页制作
点击主页导航条上的公司新闻或者点击首页下方的第一个信息栏文字，就能进入二级页面下的公司新闻页，左边放了泾县永春养蜂专业合作社的公司新闻、最新动态、行业新闻、新闻分类四个大类目，每个类目下都有具体的新闻列表。如图315所示
3。3。3新闻详情页制作
图315公司新闻页效果图
点击主页导航条上的公司新闻或者点击相关子页主题新闻，就能进入三级页
面下的新闻详情页，左边放了泾县永春养蜂专业合作社的公司新闻、最新动态、
第12页
f浙江经贸职业技术学院毕业论文（设计）
行业新闻、新闻分类四个大类目右边详细新闻。如图3。16所示。
3。34产品展示页制作
图3。16新闻详情页效果图
点击主页导航条上的产品展示或者首页下方的第二个信息栏文字、图片，就
能进入二级页面下的产品展示页，左r