汪星人网站设计与制作报告
摘 要企业通过建立企业官网可以提高企业的沟通能力，表现出企业的品牌，能够详细的介绍企业的产品，继而提高企业的销售，并且可以同时地找到潜在的合作伙伴，所以，企业建立企业官网是十分重要的。汪星人网站首要是为访问者提供大量有关于各种品种狗狗的信息，介绍不同狗狗的一些习惯和狗狗的一些常识，方便爱狗人士对狗狗的了解，并对狗狗的小动作进行了讲解。汪星人网站设计说明书详细述说了汪星人网站的思路，包括网站logo、网站的页面布局等，同时对汪星人网站的各个操作界面与功能进行了详细的介绍。
目 录
一、汪星人网站概述 1
（一）企业网站的功能 1
（二)汪星人网站概述 1
（三）汪星人网站软件制作介绍 3
二、汪星人网站风格与形象设计 5
（一）网站设计风格 5
（二）标志 5
（三）主色调与色彩 5
（四）标准字体 6
三、汪星人网站版面规划 6
（一）首页 6
（二）子页 7
（三）页头 7
（四）页脚 7
四、汪星人网站操作说明 7
（一）首页 7
（二）类型介绍 7
（三）常识介绍 8
（四）企业文化 8
（五）狗狗习性 8
(七) 大型犬 9
（八）中型犬 9
（九）小型犬 9
（十）萌犬 9
（十一）留言区 9
（十二）联系我们 10
五、网站的推广与维护 11
（一）网站推广 11
（二）网站维护 12
总结 13
参考文献 14
致谢 15
附录 16
引言
狗狗是人类最忠实的朋友，给我们带来了很多欢乐。但很多爱狗人士并不是很了解狗狗的一些生活习性和它的一些小动作所带来的一些问题，或者是狗狗想要表达的东西。汪星人网站主要是一个爱狗人士的交流网站，不以销售为目的的网站，专为爱狗人士在此交流提供一个平台，我们有留言板可以很好的收集您的心得和建议，让更多的人 了解狗狗 *好棒文|www.hbsrm.com +Q: ^351916072*
。
一、汪星人网站概述
（一）企业网站的功能
21世纪随着互联网的迅速发展引发了社会在经济、政治和文化领域的一系列深刻变化 ,为人类的发展提供了新的机遇，也给世界的经济体系也提供了一个新的发展平台，很多大中型企业甚至私人的小企业，都已经将自己的产品和服务推广到网络上。
1.我们在和自己新合作客户首次合作的时候，都会在初次见面时交换名片，传达公司的一些大概的重要信息，但是不全面，客户如想更深入直观的去了解更跟多的信息，我们只能去通过口述，或者带客户去实地考察才能让客户了解自己的公司情况,但是如今世道不同,人们纷纷在互联网上有了自己的网站。
2.网站让我们更好的了解到一个公司的企业文化和发展前景。现在感觉一家公司没有了网站就没有了说服力，网站就是一家企业的最全面的名片。所以才会出现我们的汪星人网站，一个专门为狗狗而制作的网站，可以在里面随意的交流和了解到你所要知道的关于狗狗的信息。
3.网站上可以放置大量的信息，这是个便捷的信息化时代。如今数字化的载体很多，电视，微博，论坛等，但是投放的价格太昂贵，成本太大。网站上同样可以达到这样的信息量，但是成本相比小很多，只是需要自己花点时间去更新维护而已。之前在网上有找寻过关于狗狗的信息，但是都是比较零散，不全面，给我们这样的爱狗人士造成了很大的困扰。为了更好的适应市场，所以才会出现我们现在的汪星人网站，主要是为爱狗人士提供便捷的网站。制作一个较全面的关于狗狗的网站。
（二)汪星人网站概述
狗狗作为现在21社会人类最好的玩伴，越来越多的人喜欢和热爱养狗狗了。它们聪明、忠诚、善良、可爱，但是现在狗狗的信息在网上还是比较零散的，没有具体规划，也不完善。我主要是想通过汪星人这个网站，将狗狗的一些信息完善，也体现出我们公司的文化理念，我们不只是销售，更注重文化，更注重狗狗的健康。我们看中的是人们把狗狗带回去，不单单是作为一个宠物来饲养，更多应该作为一个朋友。我们要去了解它们，知道它们需要什么。这才是我建立汪星人网站的初衷。
这次主要是介绍狗狗的爱好，习性，生活特点。通过我们的网站，来让爱狗人士更好的了解和能更好的照顾我们的小伙伴。
网站结构：
首页：类型介绍、常识介绍、企业文化、狗狗习性、交流区
1.类型介绍：主要对狗狗进行几种类型介绍和分类。页面分为左右结构，左边是一副插图，右边是对狗狗进行简单介绍，并附有图片。
2.常识介绍：对狗狗的一些日常生活特点做一个介绍。页面分为左右中，左边和右边是插画，中间是滚动字母，简单介绍了狗狗的一些生活小常识。
3.企业文化：介绍公司的企业文化。页面分为左右，左边是狗狗的图片，右边是公司企业文化的理念，对我们企业简单的进行了介绍。
4.狗狗习性：对狗狗的习性做一个简单介绍。分为左右，左边插画，右边分为上下，上面是狗狗图片，下面是对狗狗一些习惯的介绍。
5.交流区：留下您的宝贵意见和建议。分为左右，左边是首页的联系我们，右边是留言区，顾客可以在这里尽情的留言。
6.大型犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格。
7.中型犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格
8.小型犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格
9.萌犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格
10.留言区：主要相当于一个问卷调查。主要是询问顾客对于这次的购物满意度，和提出意见，我们还有哪些不足的地方。分为左右结构，左边是联系我们，右边是一个小型的问卷调查，从服务，售后服务，产品价格，品质，和种类做一个了解，让我们能更好的改进。
11.联系我们：主要是让顾客加入我们，注册会员。网页是左右结构，左是首页的图片，右边是会员注册，联系我们要先会员注册。
打开网站首页，如下图（图一）：
图一 首页
首页是一个网站的门面，我利用了flash 做了一个狗狗温馨照片的穿插动画，从导航栏中，充分的体现了一个企业的文化，说明我们企业比较注重人与狗狗的和谐相处，首页给您一种很温馨的感觉。
子网站：类型介绍、常识介绍、企业文化、狗的习性、交流区、大型犬、中型犬、小型犬、萌犬、留言区、联系我们等。
（三）汪星人网站软件制作介绍
本网站主要是通过Dreamweaver来对网站进行排版布局的，使用Photoshop来对汪星人网站的图片及文字进行处理，最后穿插一些Flash动漫效果来达到网站整体的不同感觉。
1. Dreamweaver 介绍
Dreamweaver主要是用来制作网站的。首先确定好自己需要做的网架结构，根据自己设计好的结构，在软件里面实行操作，将图片插入做好的框架里，首页就做好了。保存预览，如有格式上的问题再进行调整。利用CSS对字体进行重新的编辑，使字体更美观。然后在首页的框架做好后，仔细检查首页的细节，字体。其次是制作模板，模板是根据首页制作的，先将首页不需要的东西删除，删除后剩下的作为可编辑区域，编辑好之后，新建模板。模板可以建一个，也可以多个，在汪星人网站中，我用了两个不同的模板，达到不同的效果，在模板里新建子页，然后添加图片，文字，都做好后，再把做好的子页用链接一个一个的链接起来，保存，最后在预览，检查，修改一下细节问题，网站就算做完了。
目 录
一、汪星人网站概述 1
（一）企业网站的功能 1
（二)汪星人网站概述 1
（三）汪星人网站软件制作介绍 3
二、汪星人网站风格与形象设计 5
（一）网站设计风格 5
（二）标志 5
（三）主色调与色彩 5
（四）标准字体 6
三、汪星人网站版面规划 6
（一）首页 6
（二）子页 7
（三）页头 7
（四）页脚 7
四、汪星人网站操作说明 7
（一）首页 7
（二）类型介绍 7
（三）常识介绍 8
（四）企业文化 8
（五）狗狗习性 8
(七) 大型犬 9
（八）中型犬 9
（九）小型犬 9
（十）萌犬 9
（十一）留言区 9
（十二）联系我们 10
五、网站的推广与维护 11
（一）网站推广 11
（二）网站维护 12
总结 13
参考文献 14
致谢 15
附录 16
引言
狗狗是人类最忠实的朋友，给我们带来了很多欢乐。但很多爱狗人士并不是很了解狗狗的一些生活习性和它的一些小动作所带来的一些问题，或者是狗狗想要表达的东西。汪星人网站主要是一个爱狗人士的交流网站，不以销售为目的的网站，专为爱狗人士在此交流提供一个平台，我们有留言板可以很好的收集您的心得和建议，让更多的人 了解狗狗 *好棒文|www.hbsrm.com +Q: ^351916072*
。
一、汪星人网站概述
（一）企业网站的功能
21世纪随着互联网的迅速发展引发了社会在经济、政治和文化领域的一系列深刻变化 ,为人类的发展提供了新的机遇，也给世界的经济体系也提供了一个新的发展平台，很多大中型企业甚至私人的小企业，都已经将自己的产品和服务推广到网络上。
1.我们在和自己新合作客户首次合作的时候，都会在初次见面时交换名片，传达公司的一些大概的重要信息，但是不全面，客户如想更深入直观的去了解更跟多的信息，我们只能去通过口述，或者带客户去实地考察才能让客户了解自己的公司情况,但是如今世道不同,人们纷纷在互联网上有了自己的网站。
2.网站让我们更好的了解到一个公司的企业文化和发展前景。现在感觉一家公司没有了网站就没有了说服力，网站就是一家企业的最全面的名片。所以才会出现我们的汪星人网站，一个专门为狗狗而制作的网站，可以在里面随意的交流和了解到你所要知道的关于狗狗的信息。
3.网站上可以放置大量的信息，这是个便捷的信息化时代。如今数字化的载体很多，电视，微博，论坛等，但是投放的价格太昂贵，成本太大。网站上同样可以达到这样的信息量，但是成本相比小很多，只是需要自己花点时间去更新维护而已。之前在网上有找寻过关于狗狗的信息，但是都是比较零散，不全面，给我们这样的爱狗人士造成了很大的困扰。为了更好的适应市场，所以才会出现我们现在的汪星人网站，主要是为爱狗人士提供便捷的网站。制作一个较全面的关于狗狗的网站。
（二)汪星人网站概述
狗狗作为现在21社会人类最好的玩伴，越来越多的人喜欢和热爱养狗狗了。它们聪明、忠诚、善良、可爱，但是现在狗狗的信息在网上还是比较零散的，没有具体规划，也不完善。我主要是想通过汪星人这个网站，将狗狗的一些信息完善，也体现出我们公司的文化理念，我们不只是销售，更注重文化，更注重狗狗的健康。我们看中的是人们把狗狗带回去，不单单是作为一个宠物来饲养，更多应该作为一个朋友。我们要去了解它们，知道它们需要什么。这才是我建立汪星人网站的初衷。
这次主要是介绍狗狗的爱好，习性，生活特点。通过我们的网站，来让爱狗人士更好的了解和能更好的照顾我们的小伙伴。
网站结构：
首页：类型介绍、常识介绍、企业文化、狗狗习性、交流区
1.类型介绍：主要对狗狗进行几种类型介绍和分类。页面分为左右结构，左边是一副插图，右边是对狗狗进行简单介绍，并附有图片。
2.常识介绍：对狗狗的一些日常生活特点做一个介绍。页面分为左右中，左边和右边是插画，中间是滚动字母，简单介绍了狗狗的一些生活小常识。
3.企业文化：介绍公司的企业文化。页面分为左右，左边是狗狗的图片，右边是公司企业文化的理念，对我们企业简单的进行了介绍。
4.狗狗习性：对狗狗的习性做一个简单介绍。分为左右，左边插画，右边分为上下，上面是狗狗图片，下面是对狗狗一些习惯的介绍。
5.交流区：留下您的宝贵意见和建议。分为左右，左边是首页的联系我们，右边是留言区，顾客可以在这里尽情的留言。
6.大型犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格。
7.中型犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格
8.小型犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格
9.萌犬：主要是一些大型犬的品种和价格。分为左右结构，左边是联系我们，右边是一些大型犬图片，下面是品种介绍和销售价格
10.留言区：主要相当于一个问卷调查。主要是询问顾客对于这次的购物满意度，和提出意见，我们还有哪些不足的地方。分为左右结构，左边是联系我们，右边是一个小型的问卷调查，从服务，售后服务，产品价格，品质，和种类做一个了解，让我们能更好的改进。
11.联系我们：主要是让顾客加入我们，注册会员。网页是左右结构，左是首页的图片，右边是会员注册，联系我们要先会员注册。
打开网站首页，如下图（图一）：
图一 首页
首页是一个网站的门面，我利用了flash 做了一个狗狗温馨照片的穿插动画，从导航栏中，充分的体现了一个企业的文化，说明我们企业比较注重人与狗狗的和谐相处，首页给您一种很温馨的感觉。
子网站：类型介绍、常识介绍、企业文化、狗的习性、交流区、大型犬、中型犬、小型犬、萌犬、留言区、联系我们等。
（三）汪星人网站软件制作介绍
本网站主要是通过Dreamweaver来对网站进行排版布局的，使用Photoshop来对汪星人网站的图片及文字进行处理，最后穿插一些Flash动漫效果来达到网站整体的不同感觉。
1. Dreamweaver 介绍
Dreamweaver主要是用来制作网站的。首先确定好自己需要做的网架结构，根据自己设计好的结构，在软件里面实行操作，将图片插入做好的框架里，首页就做好了。保存预览，如有格式上的问题再进行调整。利用CSS对字体进行重新的编辑，使字体更美观。然后在首页的框架做好后，仔细检查首页的细节，字体。其次是制作模板，模板是根据首页制作的，先将首页不需要的东西删除，删除后剩下的作为可编辑区域，编辑好之后，新建模板。模板可以建一个，也可以多个，在汪星人网站中，我用了两个不同的模板，达到不同的效果，在模板里新建子页，然后添加图片，文字，都做好后，再把做好的子页用链接一个一个的链接起来，保存，最后在预览，检查，修改一下细节问题，网站就算做完了。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/365.html
