肉嘟嘟网站设计与制作报告
摘 要我们处在信息全球化发展的时代，生活是丰富多彩的，各大购物网站的兴起，让我们不受时间和空间的限制在家里就可以买到任何想要的商品，非常便利。因此很多企业通过建立企业网站这个平台在互联网上进行网络营销和形象宣传。肉嘟嘟网站给浏览网站页面的访客提供了各科可供栽培的多肉植物、大量的多肉植物信息，访客在网站上挑选自己喜爱的肉肉，还可以关注肉肉们的相关动态。肉嘟嘟网站设计与制作报告对网站的设计与制作进行了阐述，主要包括网站logo、网站的页面布局等，同时对网站的各个操作界面与功能进行了详细的介绍。
目录
一、肉嘟嘟网站概述 2
（一）网站功能 2
（二）网站结构 2
（三）网站功能分配 3
（四）制作软件介绍 5
二、肉嘟嘟网站制作流程 6
（一）规划网站类型及主题 6
（二）搜集完善相关资料素材 6
（三）使用软件进行网页制作 6
三、肉嘟嘟网站版面规划 7
（一）表格布局 7
（二）主页面 7
（三）子页面 8
（四）页眉 8
（五）页脚 8
四、肉嘟嘟网站形象设计 8
（一）标志Logo 8
（二）色彩搭配 8
（三）标准字体 8
五、肉嘟嘟网站操作说明 9
（一）网站首页 9
（二）多肉文化 9
（三）种植教程 9
（四）多肉动态 9
（五）留言板 9
六、肉嘟嘟网站的推广与维护 9
（一）网站推广 9
（二）网站维护 10
总结 10
参考文献 12
致谢 13
附录 14
引言
多肉植物是一种比较受人欢迎的盆栽植物，肥肥的很可爱，特别吸引人们的眼球，很多人在初次见到可爱的肉肉们，就“一见钟情”了，他们不由自主地把肉肉们买下来。多肉植物在现下也被情侣当作礼物送给对方，因为它不仅外表可爱好养活，而且富有深意，代表着深深的爱意，他们希望自己的牵念能够被对方认同。从中不难看出多肉植物的市场是非 *好棒文|www.hbsrm.com +Q: #351916072#
常大的，因此设计一个种类齐全的多肉植物的购物网站是有必要的。
本次设计和制作的肉嘟嘟网站为访客提供了仙人掌科、番杏科、景天科、百合科和菊科类多肉植物，种类丰富，方便访客挑选购买，把可爱的肉肉带回家。
一、肉嘟嘟网站概述
（一）网站功能
网站是通过互联网宣传和销售产品，推广企业文化的平台。
大多企业都利用网站这个平台来达到宣传销售产品，推广企业文化的目的。此次的肉嘟嘟网站主要是销售多肉植物，宣传多肉文化以及塑造自己的品牌形象，其次网站也提供了消费者服务，设置留言板来获取反馈意见和购买需求。它以常见种类的多肉植物为主要研究对象。分别是仙人掌科、番杏科、景天科、百合科、菊科，其中景天科的多肉植物是这次研究的主要对象。
（二）网站结构（见图1）
1．首页：景天科类多肉植物最新推荐
图1 肉嘟嘟网站架构图示
打开网站首页如下图（图2）所示
图2 肉嘟嘟网站首页
作用：向访客展示了我们网站的主色调和整体风格，介绍网站大致情况。
功能：首页上热卖的景天科多肉植物，最新产品的图片和简短的文字介绍都表明网站的类型，并且用flash动画制作的banner来展现我们网站的魅力。
2．子页：
（1）多肉植物（宝贝分类）：各科多肉植物的图片、名称
（2）多肉文化：多肉植物的基本简介，相关分类和旱生结构
（3）种植教程：多肉植物种植步骤的图片
（4）多肉动态：关于多肉植物的促销活动和心情日志
（5）留言板：顾客对多肉植物的意见反馈
（三）网站功能分配
1. 宝贝搜搜
图3 宝贝搜搜
2. 宝贝分类
所有的宝贝被分为五类，有仙人掌科、番杏科、景天科、百合科和菊科，访客可以根据自己的购买需求直接点击进去浏览购买。
3. 宝贝推荐
这里向访客们推荐了景天科类最新产品。一般访客对商家推荐的商品比较关注，因为他们希望买到的商品物有所值，觉得这些商品必定有值得商家介绍的地方，而且定期晒出最新的多肉植物照片也能刺激他们的购买欲望。
4．新闻动态
给访客提供一些网站销售的多肉植物相关信息，如促销活动和心情日记，让他们在消费之于享受优惠，放松心情。
5．联系方式
这里提供了电话和QQ两种联系方式，访客在浏览或购买宝贝时有任何问题都可通过这两种方式与我们联系。
6．网站攻略
为了方便访客的购物，网站提供了购物指南、商铺保障、支付方式、商家服务和我的下载五大攻略。（如图4）
图4 网站攻略
7．状态栏欢迎
网站页面状态栏上显示“欢迎您的到来”的英文，表达对访客的欢迎。（如图5）
图5 状态栏文本
8．弹出信息与打开浏览器窗口
当访客打开我们肉嘟嘟网站页面时会弹出一则信息“欢迎来到肉嘟嘟网站！”（如图6），与状态栏欢迎有异曲同工之处。浏览结束关闭网页时会打开一个浏览器窗口，对访客下次还会不会来我们网站进行调查（如图7），有利于后期的客户发展。
图6 弹出信息
图7 调查窗口
（四）制作软件介绍
本次肉嘟嘟网站制作用到Macromedia公司早期推出的“网页三剑客”其中两种和Photoshop软件，“网页三剑客”指的是Flash、Fireworks、Dreamweaver这三个软件，他们各自都有自己的长处，三者结合是网站制作的大帮手。
1．Flash介绍
Flash可以用来编辑、修改文档和制作动画，通过Flash制作出来的banner.swf不仅生动形象，而且美观独特。banner.swf上面浮动的文字“迷你世界，尽享多肉”就显得非常生动美观。
2．Dreamweaver介绍
Dreamweaver是一种开发设计动态感网页的工具。相对于网站制作的初学者而言，Dreamweaver绝对是他们的福音，它不需要记忆大量的代码，非常简单方便。
3．Photoshop介绍
Photoshop简称“PS”，可以用来处理图像。在我们的日常生活中，图片可以是一种宣传手段，也是一种促销手段，让顾客了解企业的相关信息，感知企业的文化，那么美化图片的必要性就无需质疑，PS能很好的做到这一点。
二、肉嘟嘟网站制作流程
（一）规划网站类型及主题
目录
一、肉嘟嘟网站概述 2
（一）网站功能 2
（二）网站结构 2
（三）网站功能分配 3
（四）制作软件介绍 5
二、肉嘟嘟网站制作流程 6
（一）规划网站类型及主题 6
（二）搜集完善相关资料素材 6
（三）使用软件进行网页制作 6
三、肉嘟嘟网站版面规划 7
（一）表格布局 7
（二）主页面 7
（三）子页面 8
（四）页眉 8
（五）页脚 8
四、肉嘟嘟网站形象设计 8
（一）标志Logo 8
（二）色彩搭配 8
（三）标准字体 8
五、肉嘟嘟网站操作说明 9
（一）网站首页 9
（二）多肉文化 9
（三）种植教程 9
（四）多肉动态 9
（五）留言板 9
六、肉嘟嘟网站的推广与维护 9
（一）网站推广 9
（二）网站维护 10
总结 10
参考文献 12
致谢 13
附录 14
引言
多肉植物是一种比较受人欢迎的盆栽植物，肥肥的很可爱，特别吸引人们的眼球，很多人在初次见到可爱的肉肉们，就“一见钟情”了，他们不由自主地把肉肉们买下来。多肉植物在现下也被情侣当作礼物送给对方，因为它不仅外表可爱好养活，而且富有深意，代表着深深的爱意，他们希望自己的牵念能够被对方认同。从中不难看出多肉植物的市场是非 *好棒文|www.hbsrm.com +Q: #351916072#
常大的，因此设计一个种类齐全的多肉植物的购物网站是有必要的。
本次设计和制作的肉嘟嘟网站为访客提供了仙人掌科、番杏科、景天科、百合科和菊科类多肉植物，种类丰富，方便访客挑选购买，把可爱的肉肉带回家。
一、肉嘟嘟网站概述
（一）网站功能
网站是通过互联网宣传和销售产品，推广企业文化的平台。
大多企业都利用网站这个平台来达到宣传销售产品，推广企业文化的目的。此次的肉嘟嘟网站主要是销售多肉植物，宣传多肉文化以及塑造自己的品牌形象，其次网站也提供了消费者服务，设置留言板来获取反馈意见和购买需求。它以常见种类的多肉植物为主要研究对象。分别是仙人掌科、番杏科、景天科、百合科、菊科，其中景天科的多肉植物是这次研究的主要对象。
（二）网站结构（见图1）
1．首页：景天科类多肉植物最新推荐
图1 肉嘟嘟网站架构图示
打开网站首页如下图（图2）所示
图2 肉嘟嘟网站首页
作用：向访客展示了我们网站的主色调和整体风格，介绍网站大致情况。
功能：首页上热卖的景天科多肉植物，最新产品的图片和简短的文字介绍都表明网站的类型，并且用flash动画制作的banner来展现我们网站的魅力。
2．子页：
（1）多肉植物（宝贝分类）：各科多肉植物的图片、名称
（2）多肉文化：多肉植物的基本简介，相关分类和旱生结构
（3）种植教程：多肉植物种植步骤的图片
（4）多肉动态：关于多肉植物的促销活动和心情日志
（5）留言板：顾客对多肉植物的意见反馈
（三）网站功能分配
1. 宝贝搜搜
图3 宝贝搜搜
2. 宝贝分类
所有的宝贝被分为五类，有仙人掌科、番杏科、景天科、百合科和菊科，访客可以根据自己的购买需求直接点击进去浏览购买。
3. 宝贝推荐
这里向访客们推荐了景天科类最新产品。一般访客对商家推荐的商品比较关注，因为他们希望买到的商品物有所值，觉得这些商品必定有值得商家介绍的地方，而且定期晒出最新的多肉植物照片也能刺激他们的购买欲望。
4．新闻动态
给访客提供一些网站销售的多肉植物相关信息，如促销活动和心情日记，让他们在消费之于享受优惠，放松心情。
5．联系方式
这里提供了电话和QQ两种联系方式，访客在浏览或购买宝贝时有任何问题都可通过这两种方式与我们联系。
6．网站攻略
为了方便访客的购物，网站提供了购物指南、商铺保障、支付方式、商家服务和我的下载五大攻略。（如图4）
图4 网站攻略
7．状态栏欢迎
网站页面状态栏上显示“欢迎您的到来”的英文，表达对访客的欢迎。（如图5）
图5 状态栏文本
8．弹出信息与打开浏览器窗口
当访客打开我们肉嘟嘟网站页面时会弹出一则信息“欢迎来到肉嘟嘟网站！”（如图6），与状态栏欢迎有异曲同工之处。浏览结束关闭网页时会打开一个浏览器窗口，对访客下次还会不会来我们网站进行调查（如图7），有利于后期的客户发展。
图6 弹出信息
图7 调查窗口
（四）制作软件介绍
本次肉嘟嘟网站制作用到Macromedia公司早期推出的“网页三剑客”其中两种和Photoshop软件，“网页三剑客”指的是Flash、Fireworks、Dreamweaver这三个软件，他们各自都有自己的长处，三者结合是网站制作的大帮手。
1．Flash介绍
Flash可以用来编辑、修改文档和制作动画，通过Flash制作出来的banner.swf不仅生动形象，而且美观独特。banner.swf上面浮动的文字“迷你世界，尽享多肉”就显得非常生动美观。
2．Dreamweaver介绍
Dreamweaver是一种开发设计动态感网页的工具。相对于网站制作的初学者而言，Dreamweaver绝对是他们的福音，它不需要记忆大量的代码，非常简单方便。
3．Photoshop介绍
Photoshop简称“PS”，可以用来处理图像。在我们的日常生活中，图片可以是一种宣传手段，也是一种促销手段，让顾客了解企业的相关信息，感知企业的文化，那么美化图片的必要性就无需质疑，PS能很好的做到这一点。
二、肉嘟嘟网站制作流程
（一）规划网站类型及主题
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/342.html
