“独家”网站的设计与开发——前台制作开题报告

1. 研究目的与意义

项目研究背景近年来，随着计算机技术和网络技术的迅速崛起，计算机日渐深刻的在改变着人们的生产生活方式。

而互联网已日益成为收集提供信息的最佳渠道，并逐步进入传统的流通领域。

越来越多的人喜欢在网上咨询问题，浏览信息，购买商品。

2. 研究内容和预期目标

主要内容课题研究内容主要集中于服装的搭配分享，分类如下：（1）、首页（主要包含受邀用户体验视频、最受欢迎搭配和转发量最多用户榜单等）（2）、最新搭配（最近上新）、（3）、风格（分为萌妹纸、女王、女汉子、文艺青年等）、（4）、技巧（针对不同体型、身高女生的穿衣建议）、（5）、站主小屋（站主简介和用户留言）网站中所用到的展示图片全部我们自己拍摄，包括视频也是自己制作；网站中会用到多种图片滚动方式；榜单会时时数据更新；个人搭配设计也会每两周发布新款；用户可以在相应的搭配下面进行评论和转发，转发量最多的两位用户将收到我们的邀请，邀请她们来亲身体验穿戴我们的搭配，并为她们拍照，发布到我们的网站中；另外，用户可以在站主空间内给我们留言，提供建议。

预期目标1、前期成果：基本完成照片的采集、整理和分类工作，完成小视频的制作，完成前期的准备工作及大概的页面设计。

2、后期成果：1、独家搭配分享体验网站。

3. 研究的方法与步骤

1、采用的研究方法：html网页编程语言、dreamweaver软件及photoshop软件、access数据库和flash软件。

2、步骤：1）、拍摄一系列的照片，作为制作网站准备的素材；并进行建站所需信息材料的搜集、分析、筛选及处理工作；2）、利用photoshop等工具制作页面效果图片，搭配好颜色，设计好版式，这样做的目的是为了让网站的页面更具有整体性和美观性，色调搭配及版面的设计都可以通过photoshop这个强大的图片处理软件来完成，这样设计出来的网页不论是从美工还是版式上都是一流的；3）、切图，生成html文件，再由dreamweaver制作好网站个页面，包括页面特效、页面上的flash动画，这样，网站就基本形成。

4）、在做好的页面上加上程序，并关联到数据库，与做好的网站管理后台连接好，程序在制作网站后台是应注意所写代码的漏洞，及时发现及时修改，避免漏洞给网站带来隐患；5）、网站共和评价与调试，完善网站；6）、进行网站上传工作，然后测试网站。

4. 参考文献

(1)网页制作案例教程（第3版） 高林 胡强 主编 人们邮电出版社，2013(2)PHP MySQL Dreamweaver网站建设全程揭秘/ 李晓斌编著 北京:清华大学出版社,2014(3)网页设计必学的实用编程技术/陈婉凌编著 北京:清华大学出版社,2014(4)网站用户体验设计全程揭秘/张晓景编著 北京:清华大学出版社,2014(5) Photoshop网页风格与配色设计全程揭秘/张晓景编著 北京:清华大学出版社,2014(6)网站策划与设计/陈超华, 朱颖博著 北京:北京邮电大学出版社,2014(7)网站情感化设计与内容策略/(美) Aarron Walter, Erin Kissane著 王兴译 北京:人民邮电出版社,2014.08(8)网站运维技术与实践/饶琛琳编著 北京:电子工业出版社,2014.03(9)ASP.NET项目开发详解/朱元波编著 北京:清华大学出版社,2014.03

5. 计划与进度安排

[1] 14-15学年第一学期第16周：下达任务书[2] 14-15学年第二学期第1周：提交开题报告和外文翻译[3] 14-15学年第二学期第2周：审核开题报告和外文翻译[4] 14-15学年第二学期第3周：毕业设计前期检查[5] 14-15学年第二学期第4周：进行资料的收集与整理，细化图像分类、编目、索引，对数据库结构进行设计完善。

[6] 14-15学年第二学期第5周： 网站UI界面的整体包装与设计[7] 14-15学年第二学期第6周：毕业设计中期检查[8] 14-15学年第二学期第7周： 网站界面的编辑[9] 14-15学年第二学期第8周： 数据库的分析与建立[10] 14-15学年第二学期第9周： 网站与数据库的对接并试运行[11] 14-15学年第二学期第10周：提交毕业设计作品[12] 14-15学年第二学期第11周-第13周：毕业设计作品展[13] 14-15学年第二学期第14周：提交毕业设计说明书[14] 14-15学年第二学期第15-16周：毕业设计答辩