217
本文为大家分享网站设计开题报告范文相关范本模板，以供参考。
一、 选题的依据及意义
在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在20XX年，新创立的Pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的Facebook。在此基础上，更好借鉴Pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。
传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在PC的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用U盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。
传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。
这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。
我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
二、 国内外研究现状及发展趋势(含文献综述)
国外，以Pinterest为例，由Pinterest名称由Pin(图钉)+Interest(兴趣)组成，网站旨在用户不断发现和分享新图片。Pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上(PinBoard)上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。
Pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取;相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来(收集)。省去了传统图片网站进行来回浏览的麻烦。Pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，Pinterest图片留尤其能引起女性的情感共鸣。
以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继Twitter和Facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。
所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了Pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。
三、 本课题研究内容
本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的`测试。
本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。
四、 本课题研究方案
本网站前端与后端均使用JavaScript编程语言，遵循CommonJS模块化规范实现，配合MongoDB键值对数据库、等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，后端采用框架，运行在基于Google V8引擎的平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。
五、 研究目标、主要特色及工作进度
本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。
主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。
主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
六、工作进度
毕业设计选题。
资料收集与整理。
系统可行性分析，填写需求分析。
毕业设计开题。
具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。
技术报告和使用功能手册编写，准备答辩材料。
进行毕业设计答辩。
七、参考文献
[1]刘颖.由Pinterest引发的对图片门户网站的思考--《电子测试》20XX年18期.
[2]基于MySQL数据库的优化--《电子科技》20XX年09期
[3]基于JavaScript的瀑布流式网页布局的设计与实现.萍乡学院学报本20XX年3月
[4] 温晓南.基于兴趣的分享式社交网络开发.《吉林大学》20XX
[5] 罗婷婷，余先荣.MYSQL数据库在科研管理系统中的应用--《消费电子》, 20XX, 第2期
[6] 钟强. 平台下Web前端架构的研究. 华中科技大学, 20XX
[7] 蔡柳青.基于MongoDB的云监控设计与应用[D].北京交通大学.20XX
[8] 曹刘阳 WebAp和HTML5给Web前端带来的变化《程序员》, 20XX
[9] 孙朝云，孙向科，沙爱民 基于MVC架构网络教学管理系统的设计与开发《计算机工程与设计》, 20XX
[10] 应金航 基于MVC架构的公安部门网站内容管理系统的设计与实现《电子科技大学》, 20XX
[11] 张孝祥 JavaScrip 网页开发清华大学出版社, 20XX
我国目前网页设计还处于初级的认知阶段，国内的网站绝大多数采用的还是非常传统的横向区块布局，信息密度高，版式缺乏节奏和韵律，尤其是北京、上海、广州三地，基本上代表了目前我国网页设计的制作水平，但是网页设计的发展正在呈不断上升的发展趋势，找到具有本民族特色的网页设计语言,对我国的网页艺术走向世界具有重大意义。
国外的网站更加人性化,设计更加紧密,服务也更加周到,个性也比国内的网站突出,让人更容易记住，国外的大容量信息网站的趋势是降低首页的信息密度，把内容分摊到二级频道;版式上更具引导性、更适于阅读，浏览方式像读报一样更流畅随意。
随着世界各国对于文化多样性的着力维护与普遍关注,网页本土化受到越来越多的网站建设者们所注重随着互连网技术的发展，各种企业和机构在网络上的竞争也日趋激烈，为了吸引眼球，企业和机构都在想方设法在网站的形象上来包装自己，以使自己在同行业的竞争中脱颖而出，而且这种趋势愈演愈烈，网站设计的需求量呈爆发性增长。网络是我国新兴文化，作为现代人的大多数人，都是通过网络了解信息，尤其现在青年一代更是热衷于网络。网站是企业向用户和网民提供信息 (包括产品和服务)的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为 “网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
本人对课题任务书提出的任务要求及实现预期目标的可行性分析
任务要求：
为了弘扬京剧文化，提高京剧的知名度;使京剧信息传播更为迅速有效;京剧做为我国的国粹，有着悠久而漫长的历史。作为现代人的大多数人，已经不懂的如何去欣赏京剧，更不懂得京剧文化。通过系列网页设计让更多的人了解它、喜欢它、欣赏它。给社会大众留下强烈的印象与影响力。
1)通过网页设计来体现京剧形象;
2)通过结合京剧的特点，将各“生.旦.净.末.丑”五个角色有机、自然地结合起来，以求得完美统一的设计形象。
3)通过运用巧妙的网页设计，为京剧的传播提供更大的发展前景。
可行性分析：通过学习《网页三剑客》、《精通css+div网页样式和布局》、《版式设计》、《色彩设计》等专业课;熟练运用photoshop、 flash、Dreamweaver等设计软件;在老师的指导下，通过自己的努力相信一定能够达到毕业设计的预期目标、任务。
本课题需要重点研究的、关键的问题及解决的思路
本课题需要重点研究的是：
京剧耐人寻味，韵味醇厚。京剧在形成之初，便进入了宫廷，使它的发育成长不同于地方剧种，对它的技艺的全面性、完整性也要求得更严，对它形象的美学要求也更高，其表演艺术更趋于虚实结合的表现手法，达到“以形传神，形神兼备”的艺术境界。在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。京剧中的五大角色的特征，对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。在网页设计、色彩设计、表现手法上尽多的融入现代设计元素，既符合年轻人的审美又要能深刻反映京剧文化的内涵。
关键问题在于如何把抽象的精神内涵变为可视的视觉形象。吸引更多的大众去人了解它、喜欢它、欣赏它。然后解决浏览器的兼容问题
完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法 2)完成本课题的基本工具：有关网页设计方面的书籍
《网页配色实用手册 》 温鑫茶工作室 科学出版社 20XX年9月
《Dreamweaver CS4网页设计与制作指南 》 杨纪梅 清华大学出版社 20XX 年1月
《Flash CS3 网站商业设计从入门到精通 》 张大川 科学出版社 20XX年03月
《精通css+div网页样式和布局》 前沿科技 人民邮电出版社 20XX年
3)相关的尺寸：原始数据和资料(以实际考察提供的为依据)
4)相关的市场调研，了解网页设计的实际情形等。
完成本课题的工作方案及进度计划
1)、15-18周 通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿，初步确定栏目推广设计的大体方向。
2)、19-20周 初步方案设计(在此期间确定方案，根据实际情况，进行具体情形前期设计，20XX-20XX第二学期
3)、1-5周 方案细化设计。
4)、6-7周 协调整理，为毕业设计展览与答辩作相关准备
5) 8-10周 检查并校订本的设计稿和实物撰写毕业论文，打印、装订，提交整套设计资料。制做答辩汇报提纲。次毕业设计的所有实物和文挡
6)、11-12周 布置毕业设计展览
一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页ZUI关键的一步它决定了你要表答的信息，因此我选择了我选择我ZUI喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
定位网站的ci形象。 “易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。
确定栏目和板块。
于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
网站的整体风格和创意。
整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。
资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料ZUI困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，ZUI关键就是平时对知识的掌握不够，连ZUI基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。
熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
三、网页制作，这便进入我该次的主题了具体制作流程如下。
构建站点框架。
在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f\仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。
设计主页及二级页面。
在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的;连贯，页面之间关系连贯，统成一体;每版内容都自成一体，颜色各异，便于浏览;整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气;颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：
简洁实用: 这是非常重要的，网络特殊环境下，尽量以效率的方式将用户所要想得到的信息传送给他就是的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美;页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
交互式强: 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮ZUI后选择自己要链接的网页单击确定便可以了。
向静太网页插入动态效果。
在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。ZUI后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
结尾：非常感谢大家阅读《网站设计开题报告范文（精选3篇）》，更多精彩内容等着大家，欢迎持续关注华南创作网「hnchuangzuo.com」，一起成长！
编辑特别推荐： 红海行动观后感字， 监督检查工作总结， 哪吒闹海教案， 施工安全警示标语， 2022民族团结工作总结， 2022年街道工作总结， 面试客服自我介绍范文， 小班班级工作计划， 环境综合整治标语， 滴水穿石读后感400字， 欢迎阅读，共同成长！
相关推荐