延年益寿”健康网站开发
目 录
（一）开发背景
我们在上网的时候会碰到一些吸引人的广告，这些都有一个共同之处就是连接到想要你进入的网站，现在无论是大企业还是小企业都有自己的网站，在信息化社会商家拥有自己的网站是必须的。所以就出现了大量的电商公司，传统的商务公司是面对面，由交易前的准备、贸易的磋商、执行合同和支付结算这些缓解构成，而电子商务则是利用网络的便利采用买卖双方不见面的情况下简单快捷，方便安全的完成交易，所以越来越多的人们依赖于网上交易，电子商务对各家各户生活的影响必将越来越大，所以本文就结合自己的网站来具体分析一下电商网站的结构。
（二）开发目的
简单来说电商网站就是是在网上完成交易，是宣传企业形象的重要窗口，是物品交易平台。电商网站利用网络便捷的特点，为用户提供多种查询路径，既节省时间又提高效率，电商网站及时的发布公司信息和广告，方便用户了解企业的最新消息，然后利用网站提供的客户反馈把自己的意见提供给企业，这样做到买家和卖家直接沟通交流，有利于企业了解用户的心态。
随着电商网站的流行，我们可以逐渐的看出它的优势，电商网站真正的促进了经济全球化，不管你在哪里，只要有网络，你就可以买到全球各地的东西，除此之外，对商家而言，简化商品的流通环节，降低交易成本，生产者和消费者直接沟通等等这些，既提高了交易效率又获得了较高的利润，还可以提高以后的服务质量，为提供优质的个性化服务，电商网站正在努力做到更好。
（三）网站开发原因
在经济飞速发展的现在，科学技术也随之发展起来，不管工作、学习还是生活都有一个相同的字眼，那就是“快”，快节奏的生活方式越来越明显，然而人们的健康状况却每况愈下，随之而来的健康问题已经不容忽视。因此我想到做一个网站来呼吁人们要注意运动，保持身体的质量，健康是我们生命的源泉。所以该网 *好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
站针对快节奏人群的生活方式，提出以运动来保持健康的观点。
（四）静态网页制作所用技术
1.Div+Css
DIV+CSS页面布局方法，不同于table布局定位，div+css布局是内容与表现分离的，也就是调用外部文件来实现想要的效果。Div+Css结构简单，操作便捷，优势在于方便利用一个样式，比如编写完成主页，只要修改局部就可以完成另一个页面的制作，便于网页内容修改，这样可以使整个网站风格统一、操作简单便捷。网络科技飞速发展的今天，想要跟上时代的速度，各行各业都离不开网站，不管是大的网站还是小的网站大多采用Div+Css布局方式。Div+Css布局已经替代了很多旧的布局方法，对于现代化的网络科技人员，掌握Div+Css这门技术是必不可少的。
Html
“Hypertext Marked Language”是HTML的全称，意为超文本标记语言，是用来制作超文本文档的一种简单标记语言。超文本就是可以加入图片、声音、动画，影视等内容，其实每一个Html文本都是一种静态的网页文件，主要包含HTML指令代码，然而这些代码并不是一种程序语言，而是排版网页种资料显示位置的标记结构语言
Dreamweaver
Dreamweaver全称“Adobe Dreamweaver”，顾名思义Dreamweaver是Adobe公司旗下的一个网页软件，它有一个美丽的中文名称“梦想编织者”，该软件是视觉化网页开发工具，用它可以方便快捷的设计出超越平台限制、跨越浏览器限制的动感网页。Dreamweaver使用以来，发型了许多版本，一步一步的弥补不足之处。
Dreamweaver被誉为网页制作三剑客之一，现在最新版本的Dreamweaver能实现的功能很多，例如适应网页，改进后的FTP有利于传输大型文件，提高效率、节省时间，可以将Css属性转化成动画效果，使页面活灵活现，新版的Dreamweaver还人性化的考虑到了各种预览面板不一图像会不一样的问题并加以解决。
Photoshop
Photoshop简称“PS”，全称“Adobe Photoshop”是处理图像的软件，可以用这个对图像进行编辑处理从而达到你想要的效果。
Photoshop的特长在于处理图片并不是制作图像，无论是封面还是广告之类的，只要有关图像方面的都离不开Photoshop，有些想要视觉效果好的图片需要使用Photoshop，需要创新的图片也要用Photoshop把两张图片合成一张之类的，到了后期使用也要经过Photoshop修饰之后才可以达到理想效果。Photoshop对广告界无疑是一大福音。
在功能上，Photoshop主要分为图像编辑、图像合成、调色等功能，可以通过这些来放大缩小镜像透视等等做出各种效果，使得图像更好的被人所利用。存储的图形有很多格式供你选择。是做网站广告设计等行业必不可少的图像处理软件。
Javascript
Javascript是一种脚本语言，通过编写一些代码实现你想要的动态效果，是和HTML页面进行互动，给用户带来视觉上直观的动态网页。
网站分析
（一）整体分析
网站需求性分析
网站建设的第一阶段就是需求分析，需求分析的目的就是通过调查收集资料知道消费者的需求并且满足需求，用来提高市场竞争力，给公司带来经济利益。
延年益寿健康网站通过市场调查和收集资料，在网站设计里就体现出了适合各类人群的运动方式并且提供健身器材出售，就是考虑到客人在选购健身器材时不了解器材的主要作用的问题。
延年益寿健康网站针对这一特点划分出了以下分类：
Index.html（网站首页）；introduce.html（俱乐部介绍）；information.html（联系我们）；picture.html（俱乐部环境）；news.html（新闻中心）；qicaifenlei.html（运动器材展示）；zixun.html（健康咨询）；Zhuce.html（注册页面）
网站主题分析
延年益寿健康网站实际上是一个健身俱乐部的网站，针对各类人群的健康状况列出了很多有关健康的知识，希望大家可以认真看看，取名为延年益寿健康网站意义在于延年益寿本身就有延长寿命的意思，如果身体不健康经常生病无疑对身体有很大的损坏，但是如果经过锻炼后强身健体，这样对于身体的使用寿命也有很大帮助，让您在欣喜中运动，在运动中健康。
（二）网站结构分析
整体结构分析
一个网站最重要的就是条理清晰，延年益寿健康网进入首页就可以看到导航条，分类明确，首页一级目录包含，俱乐部介绍、健康知识、运动器材、联系我们、健康咨询这些页面，顾客进来想了解哪个分组就可以直接连接到那个界面，简单明确易操作
整体网站结构如图2-1所示：
图2-1 网站整体结构图
首页框架图分析
刚开始设计延年益寿网站的时候，真的很头大，不知道从哪做起，于是我就在网上搜一搜关于健身俱乐部的网站，观察它们的布局结构，发现了大都有一个共同的特点，就是一眼看去都能记住它们俱乐部的logo，由此可见，一个网站的logo设计是非常重要的。然后开始看它们的结构，发现有的是复杂炫酷，有的小巧精致，总之都是布局合理。而我自知道技术有限，做不到人家那样的炫酷，所以我就采用了常用的但是也不失大方美观的“三”字形结构，虽然简单，但是也称得上简洁明了，美观大方。在首页的上方我放的是一个大大的logo，这样用户进来就可以看到我们的logo并且印象深刻，接着是导航条，由于导航条宽度有限，所以就做了一个下拉导航条，这个在下文会做详细解读，首页中间部分首先是一个大的js特效，点击不同的文字会切换到相应的图片，下文也会做详细介绍，然后接着左边部分是连接到健康饮食，健康小知识的链接，右侧上面部分是该俱乐部的外貌图，下面部分是一个战士全民运动的图片滚动特效，然后就是网站的底部，也可以链接到一些详情页。
（一）开发背景
我们在上网的时候会碰到一些吸引人的广告，这些都有一个共同之处就是连接到想要你进入的网站，现在无论是大企业还是小企业都有自己的网站，在信息化社会商家拥有自己的网站是必须的。所以就出现了大量的电商公司，传统的商务公司是面对面，由交易前的准备、贸易的磋商、执行合同和支付结算这些缓解构成，而电子商务则是利用网络的便利采用买卖双方不见面的情况下简单快捷，方便安全的完成交易，所以越来越多的人们依赖于网上交易，电子商务对各家各户生活的影响必将越来越大，所以本文就结合自己的网站来具体分析一下电商网站的结构。
（二）开发目的
简单来说电商网站就是是在网上完成交易，是宣传企业形象的重要窗口，是物品交易平台。电商网站利用网络便捷的特点，为用户提供多种查询路径，既节省时间又提高效率，电商网站及时的发布公司信息和广告，方便用户了解企业的最新消息，然后利用网站提供的客户反馈把自己的意见提供给企业，这样做到买家和卖家直接沟通交流，有利于企业了解用户的心态。
随着电商网站的流行，我们可以逐渐的看出它的优势，电商网站真正的促进了经济全球化，不管你在哪里，只要有网络，你就可以买到全球各地的东西，除此之外，对商家而言，简化商品的流通环节，降低交易成本，生产者和消费者直接沟通等等这些，既提高了交易效率又获得了较高的利润，还可以提高以后的服务质量，为提供优质的个性化服务，电商网站正在努力做到更好。
（三）网站开发原因
在经济飞速发展的现在，科学技术也随之发展起来，不管工作、学习还是生活都有一个相同的字眼，那就是“快”，快节奏的生活方式越来越明显，然而人们的健康状况却每况愈下，随之而来的健康问题已经不容忽视。因此我想到做一个网站来呼吁人们要注意运动，保持身体的质量，健康是我们生命的源泉。所以该网 *好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
站针对快节奏人群的生活方式，提出以运动来保持健康的观点。
（四）静态网页制作所用技术
1.Div+Css
DIV+CSS页面布局方法，不同于table布局定位，div+css布局是内容与表现分离的，也就是调用外部文件来实现想要的效果。Div+Css结构简单，操作便捷，优势在于方便利用一个样式，比如编写完成主页，只要修改局部就可以完成另一个页面的制作，便于网页内容修改，这样可以使整个网站风格统一、操作简单便捷。网络科技飞速发展的今天，想要跟上时代的速度，各行各业都离不开网站，不管是大的网站还是小的网站大多采用Div+Css布局方式。Div+Css布局已经替代了很多旧的布局方法，对于现代化的网络科技人员，掌握Div+Css这门技术是必不可少的。
Html
“Hypertext Marked Language”是HTML的全称，意为超文本标记语言，是用来制作超文本文档的一种简单标记语言。超文本就是可以加入图片、声音、动画，影视等内容，其实每一个Html文本都是一种静态的网页文件，主要包含HTML指令代码，然而这些代码并不是一种程序语言，而是排版网页种资料显示位置的标记结构语言
Dreamweaver
Dreamweaver全称“Adobe Dreamweaver”，顾名思义Dreamweaver是Adobe公司旗下的一个网页软件，它有一个美丽的中文名称“梦想编织者”，该软件是视觉化网页开发工具，用它可以方便快捷的设计出超越平台限制、跨越浏览器限制的动感网页。Dreamweaver使用以来，发型了许多版本，一步一步的弥补不足之处。
Dreamweaver被誉为网页制作三剑客之一，现在最新版本的Dreamweaver能实现的功能很多，例如适应网页，改进后的FTP有利于传输大型文件，提高效率、节省时间，可以将Css属性转化成动画效果，使页面活灵活现，新版的Dreamweaver还人性化的考虑到了各种预览面板不一图像会不一样的问题并加以解决。
Photoshop
Photoshop简称“PS”，全称“Adobe Photoshop”是处理图像的软件，可以用这个对图像进行编辑处理从而达到你想要的效果。
Photoshop的特长在于处理图片并不是制作图像，无论是封面还是广告之类的，只要有关图像方面的都离不开Photoshop，有些想要视觉效果好的图片需要使用Photoshop，需要创新的图片也要用Photoshop把两张图片合成一张之类的，到了后期使用也要经过Photoshop修饰之后才可以达到理想效果。Photoshop对广告界无疑是一大福音。
在功能上，Photoshop主要分为图像编辑、图像合成、调色等功能，可以通过这些来放大缩小镜像透视等等做出各种效果，使得图像更好的被人所利用。存储的图形有很多格式供你选择。是做网站广告设计等行业必不可少的图像处理软件。
Javascript
Javascript是一种脚本语言，通过编写一些代码实现你想要的动态效果，是和HTML页面进行互动，给用户带来视觉上直观的动态网页。
网站分析
（一）整体分析
网站需求性分析
网站建设的第一阶段就是需求分析，需求分析的目的就是通过调查收集资料知道消费者的需求并且满足需求，用来提高市场竞争力，给公司带来经济利益。
延年益寿健康网站通过市场调查和收集资料，在网站设计里就体现出了适合各类人群的运动方式并且提供健身器材出售，就是考虑到客人在选购健身器材时不了解器材的主要作用的问题。
延年益寿健康网站针对这一特点划分出了以下分类：
Index.html（网站首页）；introduce.html（俱乐部介绍）；information.html（联系我们）；picture.html（俱乐部环境）；news.html（新闻中心）；qicaifenlei.html（运动器材展示）；zixun.html（健康咨询）；Zhuce.html（注册页面）
网站主题分析
延年益寿健康网站实际上是一个健身俱乐部的网站，针对各类人群的健康状况列出了很多有关健康的知识，希望大家可以认真看看，取名为延年益寿健康网站意义在于延年益寿本身就有延长寿命的意思，如果身体不健康经常生病无疑对身体有很大的损坏，但是如果经过锻炼后强身健体，这样对于身体的使用寿命也有很大帮助，让您在欣喜中运动，在运动中健康。
（二）网站结构分析
整体结构分析
一个网站最重要的就是条理清晰，延年益寿健康网进入首页就可以看到导航条，分类明确，首页一级目录包含，俱乐部介绍、健康知识、运动器材、联系我们、健康咨询这些页面，顾客进来想了解哪个分组就可以直接连接到那个界面，简单明确易操作
整体网站结构如图2-1所示：
图2-1 网站整体结构图
首页框架图分析
刚开始设计延年益寿网站的时候，真的很头大，不知道从哪做起，于是我就在网上搜一搜关于健身俱乐部的网站，观察它们的布局结构，发现了大都有一个共同的特点，就是一眼看去都能记住它们俱乐部的logo，由此可见，一个网站的logo设计是非常重要的。然后开始看它们的结构，发现有的是复杂炫酷，有的小巧精致，总之都是布局合理。而我自知道技术有限，做不到人家那样的炫酷，所以我就采用了常用的但是也不失大方美观的“三”字形结构，虽然简单，但是也称得上简洁明了，美观大方。在首页的上方我放的是一个大大的logo，这样用户进来就可以看到我们的logo并且印象深刻，接着是导航条，由于导航条宽度有限，所以就做了一个下拉导航条，这个在下文会做详细解读，首页中间部分首先是一个大的js特效，点击不同的文字会切换到相应的图片，下文也会做详细介绍，然后接着左边部分是连接到健康饮食，健康小知识的链接，右侧上面部分是该俱乐部的外貌图，下面部分是一个战士全民运动的图片滚动特效，然后就是网站的底部，也可以链接到一些详情页。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1876.html
