故事咖啡网网站建设说明书
目 录
一、网站总体方案设计 1
（一）课题来源 1
（二）需求分析 1
（三）建设目的 1
二、网站建设开发工具 1
（一）网页制作软件 1
1、Dreamweaver CS6 1
2、Notepad++ 1
3、浏览器 2
（二）上网方案 2
1、阿里云服务器ECS 2
2、FTP使用 4
（三）域名申请 5
三、网站的制作 5
（一）制作网页的步骤 5
1、确定网站主题 6
2、确定网站的栏目 6
3、确定网站的目录结构 6
4、确定网站的链接结构。 6
5、设计网站的整体风格。 6
（二）网站的结构 6
四、网站详细设计说明 7
（一）首页设计说明 7
1、Logo设计 7
2、网站导航 7
3、图片轮播广告 7
4、QQ、微信、微博关注 8
5、文章推荐页 8
6、排行榜 9
7、友情标签 9
8、图文推荐 10
9、联系我们 10
10、版权信息 11
（二）首页代码的编写 11
1、导航 11
2、图片轮播广告 12
3、QQ、微信、微博关注 13
4、文章推荐页 14
5、排行榜 17
6、友情标签 18
7、图文推荐 19
8、版权信息 20
（三）子页设计说明 *好棒文|www.hbsrm.com +Q: ￥351916072￥
20
（四）子页代码的编写 21
五、网站推广 23
六、网站更新和维护 23
（一）内容更新 23
（二）网站维护 23
（三）网站安全 23
参考文献 25
致 谢 26
故事咖啡网网站建设说明书
一、网站总体方案设计
（一）课题来源
伴随信息技术的迅猛进步，互联网日益发展为当今人类生活当中必不可少的工具与构成。网络扩展了人们的视野，减小了沟通交流的障碍，让信息的传播与扩散更加便捷、快速。网站的建设成为互联网公司的必需品，一个网站的文化也代表着公司的文化。
伴随物质文化生活的改善以及现代西方文化和生活理念的影响，当今社会当中，繁忙的白领很少饮茶，更流行咖啡饮品。为了提高国人对咖啡的认识，设计故事咖啡网，尽可能的详细地展示、介绍各种有关咖啡的信息，同时提供咖啡爱好者一个学习的平台。
（二）需求分析
我国咖啡市场的火爆很重要的一个原因在于存在市场刚需。有关数据显示，目前国内咖啡的最重要消费人群就是城市的白领。这些消费人群同样是当前社会中潮流的引导者，其对于国外的饮食习惯等充满了好奇，容易产生浓厚的兴趣并加以接受。从经济条件方面看，这一消费人群可以承受咖啡消费所需费用。随着咖啡市场的不断扩展，随之而来的咖啡文化也逐渐兴盛，咖啡馆理所当然的成为这一文化诞生与发展的重要载体。反过来看，咖啡文化同样推动了这一产品的消费需求增长，使更多的人投入到这一消费中来。
（三）建设目的
随着咖啡市场逐渐增大，咖啡的种类及品牌也越来越多，要找到一种符合自身口味要求与喜好之咖啡，必然要对咖啡的文化、种类等知识做一定的了解，然而上班族并没有时间去详细地研究咖啡文化，因此，本网站提供了更简便的方法挑选一款适合自己的咖啡，更便捷的去了解咖啡。
二、网站建设开发工具
（一）网页制作软件
1、Dreamweaver CS6
Dreamweaver是网页三剑客之一。TML与CSS标准可以迅速的建立充满表现张力以及动态效果之网页。Dreamweaver能够最大程度的减少代码生成数量，而且并不对别的工具所生成指源代码做随意的修正。其不但具备了优秀的网页编辑功能，还构建了健全的站点管理制度。经过在校期间相关课程的专业学习训练，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，网页技术可以完成任务的要求。
2、 Notepad++
Notepad++属于Windows操作系统下面的一种文本编辑器（其软件版权许可证：GPL），具备了完善的中文化接口和支持多国语言编写之功能（UTF8技术）。其功能远超Windows里面的Notepad（记事本），不仅能够进行普通纯文字说明文件处理，也能够适用于代码编程。其不但具备了语法高亮度显示，更兼具了语法折叠功能，而且支持宏和扩展基本功能之外挂模组。
3、浏览器
火狐浏览器，谷歌浏览器，360浏览器，QQ浏览器,IE6/7/8。
（二）上网方案
1、阿里云服务器ECS
A.简介
一类简便地、高效率地并且具备了弹性化处理能力之计算服务。可以帮助建构更加平稳、可靠地应用。提高运转维护的效率，削减整体成本，进而让使用者将更多精力投放于核心业务的创新上。
B.购买方式
a.打开浏览器，找到阿里云服务器官网（见图1）。
图1 百度搜索阿里云
b.进入官网后找到云服务器后点击立即购买，进入服务器选择界面后选择配置:CPU： 1核 内存： 1024 MB 操作系统： CentOS 6.3 64位 带宽计费方式： 按固定带宽 当前使用带宽： 带宽：2Mbps点击立即购买。购买流程见图2-图3。
图2 购买阿里云服务器流程图（一）
图3 购买阿里云服务器流程图（二）
c.提示登录自己的淘宝号，进入购买页面，见图4。
图4 登录账号
d.选择好自己的服务器后点击立即购买，使用支付宝支付（其他方式也行），图5。
图5 购买订单
2、FTP使用
A.简介
FTP实际上为File Transfer Protocol（文件传输协议）之缩写，也就是汉语里面时常说的文传协议。主要是用来双向传输Internet中之控制文件。另外，该协议亦为一种应用程序（Application）。因为操作系统的差异将会出现不一样的文传协议应用程序，上述程序皆需遵循共同的一类协议来进行文件传输。运用文传协议的时候，使用者时常会遭遇两种概念，也就是所谓的“下载”（Download）与“上传”（Upload）。前者是将远程主机中之文件拷贝到个人电脑里来；后者是把个人电脑中之文件拷贝至远程主机之中。如果使用Internet语言表达就是使用者能够借助客户机程序对（自）远程主机进行文件的上传（下载）。
一、网站总体方案设计 1
（一）课题来源 1
（二）需求分析 1
（三）建设目的 1
二、网站建设开发工具 1
（一）网页制作软件 1
1、Dreamweaver CS6 1
2、Notepad++ 1
3、浏览器 2
（二）上网方案 2
1、阿里云服务器ECS 2
2、FTP使用 4
（三）域名申请 5
三、网站的制作 5
（一）制作网页的步骤 5
1、确定网站主题 6
2、确定网站的栏目 6
3、确定网站的目录结构 6
4、确定网站的链接结构。 6
5、设计网站的整体风格。 6
（二）网站的结构 6
四、网站详细设计说明 7
（一）首页设计说明 7
1、Logo设计 7
2、网站导航 7
3、图片轮播广告 7
4、QQ、微信、微博关注 8
5、文章推荐页 8
6、排行榜 9
7、友情标签 9
8、图文推荐 10
9、联系我们 10
10、版权信息 11
（二）首页代码的编写 11
1、导航 11
2、图片轮播广告 12
3、QQ、微信、微博关注 13
4、文章推荐页 14
5、排行榜 17
6、友情标签 18
7、图文推荐 19
8、版权信息 20
（三）子页设计说明 *好棒文|www.hbsrm.com +Q: ￥351916072￥
20
（四）子页代码的编写 21
五、网站推广 23
六、网站更新和维护 23
（一）内容更新 23
（二）网站维护 23
（三）网站安全 23
参考文献 25
致 谢 26
故事咖啡网网站建设说明书
一、网站总体方案设计
（一）课题来源
伴随信息技术的迅猛进步，互联网日益发展为当今人类生活当中必不可少的工具与构成。网络扩展了人们的视野，减小了沟通交流的障碍，让信息的传播与扩散更加便捷、快速。网站的建设成为互联网公司的必需品，一个网站的文化也代表着公司的文化。
伴随物质文化生活的改善以及现代西方文化和生活理念的影响，当今社会当中，繁忙的白领很少饮茶，更流行咖啡饮品。为了提高国人对咖啡的认识，设计故事咖啡网，尽可能的详细地展示、介绍各种有关咖啡的信息，同时提供咖啡爱好者一个学习的平台。
（二）需求分析
我国咖啡市场的火爆很重要的一个原因在于存在市场刚需。有关数据显示，目前国内咖啡的最重要消费人群就是城市的白领。这些消费人群同样是当前社会中潮流的引导者，其对于国外的饮食习惯等充满了好奇，容易产生浓厚的兴趣并加以接受。从经济条件方面看，这一消费人群可以承受咖啡消费所需费用。随着咖啡市场的不断扩展，随之而来的咖啡文化也逐渐兴盛，咖啡馆理所当然的成为这一文化诞生与发展的重要载体。反过来看，咖啡文化同样推动了这一产品的消费需求增长，使更多的人投入到这一消费中来。
（三）建设目的
随着咖啡市场逐渐增大，咖啡的种类及品牌也越来越多，要找到一种符合自身口味要求与喜好之咖啡，必然要对咖啡的文化、种类等知识做一定的了解，然而上班族并没有时间去详细地研究咖啡文化，因此，本网站提供了更简便的方法挑选一款适合自己的咖啡，更便捷的去了解咖啡。
二、网站建设开发工具
（一）网页制作软件
1、Dreamweaver CS6
Dreamweaver是网页三剑客之一。TML与CSS标准可以迅速的建立充满表现张力以及动态效果之网页。Dreamweaver能够最大程度的减少代码生成数量，而且并不对别的工具所生成指源代码做随意的修正。其不但具备了优秀的网页编辑功能，还构建了健全的站点管理制度。经过在校期间相关课程的专业学习训练，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，网页技术可以完成任务的要求。
2、 Notepad++
Notepad++属于Windows操作系统下面的一种文本编辑器（其软件版权许可证：GPL），具备了完善的中文化接口和支持多国语言编写之功能（UTF8技术）。其功能远超Windows里面的Notepad（记事本），不仅能够进行普通纯文字说明文件处理，也能够适用于代码编程。其不但具备了语法高亮度显示，更兼具了语法折叠功能，而且支持宏和扩展基本功能之外挂模组。
3、浏览器
火狐浏览器，谷歌浏览器，360浏览器，QQ浏览器,IE6/7/8。
（二）上网方案
1、阿里云服务器ECS
A.简介
一类简便地、高效率地并且具备了弹性化处理能力之计算服务。可以帮助建构更加平稳、可靠地应用。提高运转维护的效率，削减整体成本，进而让使用者将更多精力投放于核心业务的创新上。
B.购买方式
a.打开浏览器，找到阿里云服务器官网（见图1）。
图1 百度搜索阿里云
b.进入官网后找到云服务器后点击立即购买，进入服务器选择界面后选择配置:CPU： 1核 内存： 1024 MB 操作系统： CentOS 6.3 64位 带宽计费方式： 按固定带宽 当前使用带宽： 带宽：2Mbps点击立即购买。购买流程见图2-图3。
图2 购买阿里云服务器流程图（一）
图3 购买阿里云服务器流程图（二）
c.提示登录自己的淘宝号，进入购买页面，见图4。
图4 登录账号
d.选择好自己的服务器后点击立即购买，使用支付宝支付（其他方式也行），图5。
图5 购买订单
2、FTP使用
A.简介
FTP实际上为File Transfer Protocol（文件传输协议）之缩写，也就是汉语里面时常说的文传协议。主要是用来双向传输Internet中之控制文件。另外，该协议亦为一种应用程序（Application）。因为操作系统的差异将会出现不一样的文传协议应用程序，上述程序皆需遵循共同的一类协议来进行文件传输。运用文传协议的时候，使用者时常会遭遇两种概念，也就是所谓的“下载”（Download）与“上传”（Upload）。前者是将远程主机中之文件拷贝到个人电脑里来；后者是把个人电脑中之文件拷贝至远程主机之中。如果使用Internet语言表达就是使用者能够借助客户机程序对（自）远程主机进行文件的上传（下载）。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/scyx/1889.html
