本站所列毕业设计(论文)资料均属于原创者所有,初衷是为大家在毕业设计(论文)过程中参考和学习交流之用。

毕业设计我帮你

湖南颐和寿康养老产业有限公司网站设计与制作

www.bysj580.com / 2018-06-13
湖南颐和寿康养老产业有限公司网站设计与制作
一、设计思路
1、团队组建:在班级中与另外两名同学组成一个毕业设计小组,通过团队合作完成毕业设计的制作。
2、寻找项目:寻找毕业项目,根据长沙写字楼分布集中地,确定寻找范围。
3、制作需求文档:跟客户确定合作意向以后,我们需要跟客户进行沟通,了解客户对网站有哪些需求,定位的人群和网站的名称,并制作成初步的需求文档。
4、制作调研文档:确定了初步的需求文档,根据客户提出的需求,到网上进行调研,分析并记录出该网站有哪些特点适合该网站,以及网站的不足之处,制作成调研文档。
5、签订需求文档:依据调研文档的分析,向客户提出建议,以及修改不足之处,等客户满意之后,签订最终的需求文档。
6、、收集资料:确定需求文档之后,根据文档内容,向客户收集公司的图片、产品图片、以及文字内容资料等。
7、首页设计:根据客户提出的需求,以及调研文档中调研优秀网站,进行首页的创意设计。
8、功能模块添加:在创意的草案设计里面加入功能模块,进行修改与设计。
10、首页色彩:进行色彩、色调的修改与设计。
11、补充:如果文字过多,则可以加入图片进行解释说明,保持版面平衡。
12、确认首页设计图:跟客户进行沟通确认,不太合适,在进行修改,确认,签字。
13、分页设计:根据首页的风格和色调进行分页的创意设计与修改。
14、确认分页设计图:跟客户进行沟通与确认,不合适的的地方进行修改,确认,签字。
15、切片:制作出首页和分页的设计文档,跟团队成员进行确定。
16、网页的代码制作:套用css规则、版式布局、配色、图片的处理以及视频的处理、字体设置和表格的嵌套、新技术的运用取舍。
17、整合代码:并对代码进行兼容性测试,对出现兼容问题的代码作出调整。4、用户体验
18、用户体验:考虑不同的浏览器和分辨率、交互性与亲和度、效果与速度。
 
过程:
1、团队的组建。
  2、外出寻找项目并与项目负责人确定需求文档。
  3、进行市场调研,编写了调研文档。
  4、团队成员分别进行首页设计和banner图设计。
  5、团队成员分别进行分页设计。
  6、设计方案上次至大学城空间,请求指导老师检查并指出不足。
     修改指导老师指出的不足,并上传至大学城空间。
  7、小组长进行网站相同部分的代码模板编写,其余组员拿到模板
     各自写各自分配的页面。
  8、网站整合,以及各浏览器兼容性的测试。
  9、上传作品至大学城空间。
 
总体路线:
1、文档编写阶段:使用WPS文字进行需求文档和调研文档的编写,需求文档根据客户要求逐一进行编写,调研文档根据对市场上同类型网站的调研分析分得出最终的结论。
2、设计阶段:使用Photoshop CC进行首页和分页设计图设计,设计元素分别命名并分层制作,设计定稿后使用Photoshop cs6的切片工具进行切片。
3、设计文档编写:使用wps文字进行分页文档的编写,分别对设计图尺寸,设计图中元素的位置和尺寸进行书面表达,便与接下来的代码制作工作。
4、制作阶段:使用Dreamweaver cc进行分页网站代码的编写。
5、兼容调试阶段:将页面放在主流的浏览器上(火狐 ie6 ie8 ie11 谷歌),看是否有不兼容现象,如有出现不兼容的现象,便进行代码的调整与修改。
 
个人技术路线
1.、组建团队:组长杨志胜,组员龙辉,组员蒲永杰确定组成毕业小组。
2、团队分工:组长分配任务,控制进度安排,组员龙辉,蒲永杰负责完成组长安排的任务。
3、确定项目:通过组员的探讨,决定外出两周寻找毕业设计项目,最后确定项目为,湖南颐和寿康养老产业有限公司的“开盘网站”的设计与制作。
4、需求文档的撰写:我们团队与项目负责人周冠庭先生进行沟通,我使用wps软件编写了需求文档,网站的需求为介绍公司的养老产品以及公司一些简介,网站名称为湖南颐和寿康养老产业有限公司,网站定位为45岁老龄人,网站的目的为推广本公司的养老产品,让更多的人了解公司。网站导航为:首页、新三板、项目介绍、服务领域、联系我们。首页内容为公司简介、新闻中心、产品展示、留言。
5、首页设计:我根据需求文档和调研文档,使用photoshop进行首页的草稿设计,通过发散性思维,首页设计板块采用不规则的形状进行创意设计,并与组员进行沟通与修改,确定草稿,确定草稿设计以后,我根据股票的色调红色与绿色,进行色调创意设计,并与组员沟通,修改,确定,并由组员投票决定,决定选我的为首页模板。
6、banner设计:我们根据公司的企业文化、产品进行banner设计,我选择了企业文化,并使用了photoshop进行设计与制作三张banner,通过发散性思维,第一张banner以雄鹰的为主题进行设计,第二张选择城市为主题进行设计,第三张banner以为老人提供信息服务为主题进行设计,最后与组员进行沟通与修改,最终确定。
7、分页设计:根据主页色调红色与绿色,我们使用相近色进行分页创意设计,我负责新三板的分页设计,最后大家将设计的分页发到讨论组,进行沟通与修改,投票选择谁的设计方案。最后组员选择了我的分页设计做为分页模板。 
8、代码的编写:根据组长的分工,我负责新三板的所有页面的抒写以及首页的公司简介的排序、产品界面的响应,我使用了dreamweaver进行代码的编写,采用统一的命名规则,代码的抒写符合css规则。
 
三、工具设备要求、技术规范或参考文献等
 工具设备:
 1、推荐或建议使用相同配置。
处理器 Intel(R) Celeron(R) CPU G1610 @ 2.60GHz
内存容量 4.0GB
显卡 NVIDIA GeForce GT 340
硬盘 WDC WD5000AAKX-22ERMA0 (500GB)
主板 H61M-S1 (x.x)
网卡 Realtek PCIe GBE Family Controller
声卡 1、Realtek High Definition Audio
2、NVIDIA High Definition Audio
3、NVIDIA High Definition Audio
4、NVIDIA High Definition Audio
5、NVIDIA High Definition Audio
显示器 2296W  分辨率:1920x1080 
当前操作系统 Windows 7 64位
2.、建议使用与WPS文字编辑软件相似软件
3. 建议使用与Adobe Photoshop CC图像编辑软件相似软件
4. 建议使用与Adobe Dreamweaver CS6代码编辑软件相似软件
5. 建议使用与火狐,谷歌,IE6,IE8,IE11,等主流浏览器软件相似软件
  技术规范:
    1.通过W3C统一验证工具认证
    2.代码编写统一命名规范使用英文
3.通过各浏览器(火狐,谷歌,IE6,IE8,IE11,等主流浏览器软件)兼容测试。
 参考文献:
1.同类型网站
           [1] 作者. 永利宝金融[DB/OL].  http://www.yonglibao.com/
           [2] 作者. 投融界[DB/OL]. 网站:http://www.trjcn.com/ 
          [3] 作者. 人人投[DB/OL]. 网站:http://www.renrentou.com/ 
           [4] 作者. 新新贷[DB/OL]. https://www.xinxindai.com/   
           [5] 作者. 东方融资网[DB/OL]. http://guangzhou.rongzi.com/ 
           [6] 作者. 微贷网[DB/OL]. https://www.weidai.com.cn/     
           [7] 作者. 网信理财[DB/OL]. http://www.firstp2p.com/ 
     2.设计类网站
           [1] 作者. 视觉中国[DB/OL].  http://shijue.me/
           [2] 作者. 优设网 [DB/OL]. http://www.uisdc.com/
           [3] 作者. 设计先锋 [DB/OL]. http://www.shejixianfeng.com/ 
           [4] 作者.  90设计 [DB/OL]. http://www.90sheji.com/
     3.色彩类网站
           [1] 作者. 色网[DB/OL]. http://www.peise.net/
           [2] 作者. 彩网[DB/OL]. http://www.texonline.net/index/
           [3] 作者. 彩表[DB/OL]. http://tool.c7sky.com/webcolor/
     4. 书籍
           [1]陈婉凌 《HTML5+CSS+jQueryMobile》[M].出版社:清华大学出版社出版 ,2015:185-190;
           [2]何新起 《网页制作与网站建设从入门到精通》[M].出版社:人民邮电出版社出版,2013:115-120;
           [3]蒋水 《网站美工设计基础》[M].出版社:中央电大出版社出版,2014:102-110;
   [4]Andy Budd、Simon Collison、Cameron Moll[英]陈剑瓯 译. 《精通CSS高级Web标准解决方案》[M]. 人民邮电出版社出版发行,2016:1-260;

收缩