一个公司的网站可以反映公司的整体企业文化和公司在行业中的行业优势。洪泽湖生态有限公司网站的建设从浏览者的角度出发，优化浏览体验，以提升品牌知名度。本网站的主要内容包括公司文化、公司的发展前景、公司的主要项目、公司合作方式等。通过网站的开发，能够提高客户对于公司的信任度，加深客户对公司第一印象。本网站吸取优秀网站设计经验，结合公司实际需求，运用HTML、CSS等技术，使用Dreamweaver、Photoshop等工具进行设计开发。运用JavaScript实现网页动态效果，增强网站视觉效果，提升用户浏览体验。本文详细介绍了网站的开发背景、布局设计、具体实现、动态效果和网站兼容性测试等内容。
目 录
一、引言 1
二、课题简介 1
（一）设计目标 1
（二）选题内容 1
三、网站内容设计 1
四、页面的具体实现 2
（一）首页页面 2
1.首页页面设计 2
2.首级页面DIV布局 3
3.首页部分设计代码 4
（二）二级页面 4
1.二级页面设计 4
2.二级页面DIV布局 5
3.二级页面部分设计代码 6
（三）三级页面 7
五、动态效果的实现 8
（一）轮播效果 8
（二）排列式递进效果 8
六、网站兼容性测试 9
七、总结 10
致谢 11
参考文献 12
一、引言
当今社会信息化迅速发展，许多企业都投身到信息建设当中。各类网站在近五年中飞速发展和更新。在这些五花八门的网站中，介绍地方特色食品的网站占比较少。而一个地方特色食品的网站建设，对于促进地方经济发展，宣传当地的地域文化以及相对企业的企业文化起到促进的作用。相对与其他类型食品网站，地方特色食品网站具有产品文化渗透力强、浏览影响深刻等特点。地方特色食品网站的实现，在宣传产品内容的同时，也可以宣传地方文化特色，达到加强文化认可度以及文化可识别性的效果。
本网站主要介绍公司的业务内容、文化背景、新闻动态招聘信息以及交流信息等方面。运用图片展示和文字描述详 *景先生毕设|www.jxszl.com +Q: ^351916072* 
细展示产品、新闻动态、招聘信息、留言反馈等。主要运用HTML、CSS等技术搭配Dreamweaver、Photoshop等软件的应用进行网站设计和实现。运用JavaScript实现网页推荐产品部分和新闻图片动态效果实现，增强网站视觉效果。在网站架构方面，使用三层架构的方法，在页面中插入链接，达到页面相互连接的效果，提升用户浏览体验。洪泽湖生态食品网站的实现是信息化建设向前迈进的一小步，地方特色食品网站建设的一大步。
二、课题简介
（一）设计目标
为了设计一个能满足洪泽生态食品实际需求的网站，在详细调研了公司的现状后，设计了网站的内容栏目。洪泽湖生态食品有限公司可以通过企业的官方网站，展示独特的品牌形象、企业文化、业务项目等。让品牌理念，企业文化深入人心。在整个网站开发过程中，对公司形象、品牌定位等方面进行了优化。
（二）选题内容
洪泽湖生态食品网站建设，以公司信息的收集为基础，以现有的网络建设技术为基本。通过现代化建设，搭建完成。项目从浏览体验和企业内容两个方面进行考虑和完成。
浏览者方面，项目的建设本着以人为本的初衷。在建设的同时深度考虑浏览过程的体验和浏览反馈的质量。网站建设以公司网站的形式进行搭建，所展现的为企业内容。如何把公司文化、从事行业、公司在所处行业具有的行业优势体现的更好，更容易为浏览者接受，就是我们考虑的内容。
三、网站内容设计
网站分为三层：主页、二级页面和三级页面。首页设计，遵循简洁明了、色彩鲜明、便于浏览等特点，展示了地方特色产品文化以及人文风情等方面。二级页面设置六个页面，分别为：关于我们（展示企业文化背景）的企业文化、产品展示（企业努力的方向）、新闻中心（优秀的企业品牌形象）、招聘信息（企业和员工招聘扩张），信息反馈（访客与企业的互动），洪泽湖的景色（突出公司的环境背景）。
网站通过导航栏和超链接进行架构互通，整体遵循简洁明了的设计特点，网站整体逻辑性强，易于浏览者浏览和查看网站内容，具体如图31所示。


图31 网站内容框架
四、页面的具体实现
（一）首页页面
1.首页页面设计
首页作为网站的“门户页面”，设计的方向和具体实现都显得尤为重要。遵循颜色统一，布局简洁等设计方向，设计完成就可以确定网站的整体颜色、组织框架、内容特点等因素。给浏览者留下一个良好的第一印象，有利于网站内容的良好宣传。在此基础上，能够体现企业的品牌文化就是一个优秀的企业网站首页标杆。
首页整体由logo、导航栏、轮播图、内容块、底部信息栏组成。整体颜色以白色为主，配上蓝色按钮使页面整体显得简约，优化浏览体验。Logo由微软雅黑字体设计，简洁明了突出品牌名称。导航栏由公司主页、关于我们、产品展示、新闻中心、招聘信息、留言反馈、洪泽湖美景组成，接对应的二级页面进行制作。组织内容由推荐产品、新闻中心、关于我们、招聘信息、站内搜索产品展示、联系我们组成。概括性的体现二级页面内容，体现出企业文化。底部信息栏主要以文字的方式展现公司内容信息。公司主页部分具体链接首页页面，不同于其他页面的logo部分可以回到首页。关于我们部分有一个下拉选项，对应的是三个三级页面。点击关于我们会链接到一个二级页面。产品展示部分和关于我们部分大致相同，对应六个三级页面和一个二级子页面。新闻中心、招聘信息、留言反馈、洪泽湖美景各对应一个二级页面。具体如图41、图42所示。


图41 首页效果图1


图42 首页效果图2
2.首级页面DIV布局
洪泽湖生态食品网站首页主要分为6个DIV块以及若干内容部分进行设计和实现，从上到下，从右往左的顺序进行设计和实现。顺序依次为logo、导航、轮播效果、主体内容部分、其他信息部分、底部信息栏部分共6个部分进行布局。遵循简洁易操作的特点进行设计。
一级页面作为网站的“门户页面”，整体设计风格遵循简约，颜色统一等方法。在设计时考虑浏览者的易接受性和浏览习惯进行设计。排序简洁，充分利用页面空间。在链接时考虑二级页面和三级页面的链接效果,具体如图43所示。
#top
# MainMenu

原文链接：http://www.jxszl.com/jsj/jsjkxyjs/61880.html