网页设计中国成白血病患者社区

中国成年白血病患者社区设计报告金木火团队成员：20周炜38吴曼娜时间：12月27号金木火团队制作第一项目简介第二网站构思第三Logo及广告设计第四网站设计CONTENTS目录第五总结项目简介

尊敬的各位评委、老师、同学们，大家好！我们是金木火团队，由13级电子商务一班20号周炜，38号吴曼娜组成。此次应网页设计的课程要求，我们团队设计一个网站，命名为：中国成年白血病患者社区。此ppt将会为大家详细的讲解我们团队项目的从选题到网站构思然后到具体设计的情况，以及说明了项目没有解决的问题。也希望各位能够发现问题并积极给我们提出改进意见！当然我们也会共同进步！返回第一参考网站第二与同类网站相比第三制作缘由CONTENTS网站构思爱心家园（版面参考）4.输入文字信息医享网（内容参考）1.输入文字信息2.输入文字信息3.输入文字信息4.输入文字信息参考网站网址：/index.php返回与同类网站比较白血病病友会/baixuebing白血病病友会全国成年白血病患者社区互动性强界面简洁功能较少信息较全面布局较合理界面载入较慢与同类网站比较首页参考微博形式，互动简单方便，界面简洁首页板块较多，以资讯为主，有助于访客了解网站各个板块的功能返回制作缘由

十万分之六……据统计，我国白血病的发病率在十万分之六左右。九分钟!每9分钟，就有一个人因白血病死亡!我国已有400万白血病患者，并以每年5至6万人的速度增加，而其中一半以上是少年儿童，但是与儿童白血病明显不同的是，成人白血病恶性度较高，治疗难度较大，绝大多数都需要造血干细胞移植，仅少数患者化疗即可。接下来让我们看看白血病的救助机构救助要求：制作缘由部分基金会的申请条件：中国红十字基金会资助对象：家庭贫困，年龄在0-18周岁患有白血病的青少年儿童；北京新阳光慈善基金会：接受16岁以下贫困白血病患儿监护人的申请；神华爱心基金：资助对象为各地民政部门认可的城乡低保家庭或低收入家庭的0-14岁的患病儿童；辽宁省红十字少儿白血病救助基金：0至14周岁患有白血病且家庭经济贫困、具有辽宁省户籍的儿童、青少年；天津红十字会少儿白血病专项救助基金：凡不满16周岁（截至结算年度1月1日未满16周岁）患有白血病等相关血液疾病具有本市户籍的未成年人；青岛市红十字会微尘少儿白血病专项救助基金：年龄在18周岁以内(包括18周岁)。而这些基金会都有一个共性：仅救助未成年人。但是，庞大的白血病群体中有将近50%的人是18岁以上的成年人，这些成年人得不到救助，家庭所承受的经济负担甚至比患者为儿童的家庭压力更大，所以他们只能互相鼓励，寻求其他的方法顽强的活下去，这个社区的意义便在于此：为这些白血病患者提供一个互助的地方，在互相交流的同时为他们提供相关的一些白血病的资讯。所以，这个社区是具有公益性、非营利性的网站，如果这个网站能带给一个白血病患者一点点慰藉，那么这就是它意义所在。返回第一Logo设计第二宣传广告设计CONTENTSLOGO及广告设计logo设计构思过程logo展示制作所用工具含义logo设计logo展示制作工具1.photoshop软件2.中文艺术字在线生成3.英文艺术字在线生成logo设计构思过程因为我们小组选的是有关白血病的带有公益色彩的网站，所以我们首先想到是这个logo一定要有桃心。（1）（3）第三步也是最重要的一步：桃心，中英文字进行组合，使我们的logo看起来更加美观。在经过多次尝试后，最终3人商量敲定选用这个logo（3）

（2）作为湖南财政经济学院的一员，我们在设计的第二步参照了本校的logo，添加了我们网站名字及英文翻译（2）构思过程含义(1)桃心有两层含义：一层代表着患病的病人依旧对生命的热爱之心，依旧对生活充满渴望之心；而另一层含义则代表着社会其他各界人生对患者的关怀之心（1）（3）我们网站的名字是在红心之内的，这个设计为我们希望我们这个网站能够充满着爱心，关心.......（3）（2）中英对照代表着在白血病的关心与被关心这方面是不分国界的。（2）logo含义广告设计构思过程效果图展示制作所用工具含义宣传广告设计广告图展示制作工具1.photoshop软件2.中文艺术字在线生成3.英文艺术字在线生成宣传广告设计含义(1)采取红色背景：一方面红色象征着活力，另一方面白血病是一种血液病，所以红色是鲜血的颜色。（1）（3）飞翔的爱心：画面中大量的爱心象征着社会的关爱与鼓励，一定会战胜病魔（3）（2）口号:唯有爱让感动常在。作为患者，最需要的就是爱。（2）宣传广告含义第一设计构思第二具体界面第三问题小结CONTENTS网站设计设计构思总的想法：

总共做一个首页，两个二级界面，两个三级界面，采取div的布局方式，每个页面设置一个最大的DIV，设置它的宽度，然后页面分为上中下三个部分，分别用一个DIV来控制，上端部分是放导航图和导航条，中间部分是主体部分，下端部分为底部。在DIV中继续细分，在排版的时候，利用了margin来调整div的位置。设计构思1.设置界面个数以及对应关系

界面设计总共有五个界面，一级界面为首页，二级界面为社区和病友中心，三级界面为注册和照片墙。其中，首页、社区、病友中心、注册这四个界面都可以依赖导航而进行跳转，而照片墙只能由病友中心来进行跳转。站点链接结构图如下：设计构思2.思维导图

在设计好了做哪几个界面之后，再明确一下每个页面的具体功能与模块。具体界面1.首页页面<divid="home">顶部<divid="top">顶部图片、文字导航条主体<divid="main">左边热门图片中间热门文章病例库活动中心相关链接右边活动热线关于我们知识库点亮爱心底部<divid=“bottom”>结构图具体网页效果图：本页功能：1.幻灯片自动放映；2.活动中心自动滚动图片；3.点亮爱心加油具体网页与axure原型比较：具体界面2.社区页面<divid="home">顶部顶部图片、文字导航条主体帖子搜索帖子文章发表文章底部结构图具体网页效果图：本页功能：1.通过分类查看帖子2.发表新帖子具体界面2.病友中心页面<divid="home">顶部顶部图片、文字导航条主体左边病友会活动病友作品征集公益捐助公益活动活动留言右边搜索热门推荐就诊医院晒照区成员墙底部结构图具体网页效果图：本页功能：1.搜索关键词高亮；2.发表留言；3.晒照区点击换一批具体界面2.照片墙页面<divid="home">顶部顶部图片、文字导航条主体爱心墙列表墙（默认隐藏）底部结构图具体网页效果图：本页功能：1.选择照片排列方式2.心型墙鼠标悬停放大图片；3.列表墙可以翻页具体界面2.注册页面<divid="home">顶部顶部图片、文字导航条主体注册界面底部结构图具体网页效果图：本页功能：1.条件注册2.随机显示验证码3.换验证码问题小结布局问题：没有使用分割线，导致网站看上去不太好看比较凌乱。（1）JS问题：在社区模块没有实现可以重复发表，分类显示也比较失败（3）

外观问题：外观显得不是很好看，可能是颜色搭配不当或者是没有很好布局（2）问题小结

总的来说：由于技术水平有限，很多功能无法实现，又由于时间限制没有找到解决的方案，整个网站和我最开始所想的有很大是的出入（4）总结

为了完成这份作业，前前后后可能花一个月左右的时间，我们组应该是班上最早开始做这份作业的，因为一开始的确是想尽力做一份让自己满意也不辜负老师期望的作品。我们付出了大量的心血，在一开始进行原型展示的时候就说，我们想做的是一个真正的网站，一个可以使用的网站，但是这句话到了现在显得比较无力，我们的才华暂时还支撑不起我们的理想，但是做这个网站真的是让我们茶饭不思，甚至是失眠，因为自己的某个想法可以将之前的全部推翻重做，因为不想将它作为一个简单的期末作业而