资源描述
毕业论文(设计)开题报告(由学生填写)学生姓名 专业 计算机科学与 技术 班级 拟选题目 浅析响应式网页的设计与开发以计算机信息工程系网站为例选题依据及研究意义一、选题依据信息时代正在飞速的发展，互联网已经融入到人们的生活，更是逐渐成为了人们生活中必不可少的一部分。如今，市场上出现了越来越多形状、尺寸各异的移动设备，互联网能像出现在你的卧室、书房、餐厅一样，方便的出现在你的口袋、钱包里。随着这些设备的兴起，网站建设也随之发生着转变。响应式 Web 设计由此绽放异彩。响应式 Web 设计可构造出在各种设备上都能正常工作的网站，并根据设备对布局进行功能和特征的调整。以前，为满足移动用户的需求，设计人员需要额外建立一个专门为移动设备设计的网站，更有的还为平板电脑建立了第三个网站。幸好，响应式 Web设计能构建一个既可运行在现在的设备，也可运行在未来的设备上的网站。更给力的是，可以让它在较小、较大的屏幕以及介于两者之间的屏幕上显示不同的效果。采用响应式 Web 设计方法，网站的布局可以根据不同的查看环境进行改变，对于更大的浏览器窗口，则有另外一些 CSS 规则控制相应的布局。响应式 Web 设计能巩固自己的地位，并得以掀起一股网页设计新标准的浪潮，从而变得日益重要是为什么呢？原因有以下几点：1 能兼容各种设备，而非使用传统方式将用户跳转至设备专用网站。2 无需在网站上设置跳转，提高了转换率和销量。3 具有提升搜索引擎排名的效果。4 实现一站多用的效果，从而达到节省开发投入。5 它配有优化的分析程序，可处理响应式报告并对应多台设备，将其分析及整合。6 需要管理的内容少，节省管理投入。7 提升离线用户体验，管理员可抽出更多时间精力为不同设备的各种用户提供更优质的服务。二、研究意义对于院系来说，建立自己的网站也有很多好处：1.有利于打造计算机信息工程系形象2.有利于推送丰富的院资讯信息3.有利于加强院系与用户之间交互沟通，使用户更加信任院系4.有利于丰富学校的院系文化而且，计算机信息工程系建立网站，有效地开发各种院系内的信息与应用资源，使院系的各种信息与应用服务资源都将得到统一的跟踪和整理，并经过相应的过滤和调整，使院系的建设更有效的开展。同时，计算机信息工程系建立网站使用户通过网站首页，学院简介，院系内部的工作指派，让用户清楚的了解到院系的各种工作情况，更可以吸引用户，牵引用户，便于院系的工作开展和社会推广。再者，针对移动设备数量的不断壮大，打造响应式网站更新网页布局，能够尽可能的多增加和贴近用户，响应式 Web 布局在未来的网页设计里将占有举足轻重的位置。（1） 响应式网页可以避免重复的内容发布，只需维护一个网站的后台就行。（2） 现如今，移动设备用户的数量已在 2014 年远超电脑端用户数量。（3） 响应式 Web 设计能保持网页原有的链接形式。（4） 这种设计没有网页版本的区分，实施 SEO 操作可以保持一致性。（5） 打开设备的大量出现，但用户体验不会降低，反而提升。（6） 一些大型浏览器（如谷歌）也鼓励使用这种设计，网页版本具有相同的HTML 和内容，对于搜索引擎来说很好处理。（7） 一个企业不能正常显示自己的网页，只会给企业带来众多负面影响，也让用户对其留下不好的印象。响应式网页能够满足各种类型的移动设备的需求，能尽可能给所以终端客户带去最优的访问体验。虽说如今也有专为平板电脑和手机打造的网页，它们也能满足客户的访问需求，但根据调查数据显示，常用的移动终端有 230 多种不同的屏幕尺寸，我们不可能为每一种屏幕尺寸都设计一款相对应的网页，所以，响应式网页设计此时便体现出了其最有力的价值。选题研究现状网站发展的现状：至今为止，响应式网页设计还在被广大设计师所推崇。这个掀起了网页设计新标准浪潮的事物，在近几年里，一次又一次的巩固着自己的地位。随着互联网的迅速发展，网络逐渐成为人们获得信息和生活交流的一种重要方式。越来越多的人从用电脑查看新闻、浏览网页、购买商品等行为转变为使用随身携带的手机或平板电脑。这种情况出现后便需要网站自动切换适应性的分辨率、图像大小和脚本，响应式网页设计便能顺利的解决这个问题。响应式网页发展现状，下面从以下几点阐述：（1） 响应式网页设计做了什么？它可以自动识别屏幕尺寸，从而调整出适合的网页。网页设计中强调模块化，模块化的设计要求模块能够“可拓展，无浸染” ，从而使得网页在任何地方都能正常的显示。响应式网页设计就是网页在任何设备中都能正常适应，而无需每一个设备都单独拎出来做一个子网站。（2） 响应式网页设计解决了什么？它避免了重复内容的发布，使得人们只需专心维护一个网站后台即可，省时省力。同时，响应式网页设计没有网页版本之分，让工作人员实施 SEO操作可以保持一致性。随着用户使用的移动设备数量不断增多，响应式网页设计的要求也不断趋于人性化，简约化，也让越来越多用户使用其拥有的设备越来越方便。（3） 响应式网页设计还面临着哪些难题？虽然响应式网页设计带给人们诸多方便，它也具有一定的使用优势，但所谓事无绝对，响应式网页设计还是有它解决不了的难题。首先，它的一个致命伤在对 IE 的老版本支持不是很好，特别是老版 IE6。现在很多用户还在使用 IE6，若坚持使用响应式网页设计，那就不适合特定的网页推广了。再者，一些游戏、视频网页只能在 PC 端上打开。国内有一些用户提出，迪士尼公司网站上有很多网页游戏，它能在 PC 端上玩，但却不能在移动设备上使用，因此，也不能一味地选择使用响应式网页设计方案，或许有时使用了也没有太大意义，只会费时费力。研究内容（包括基本思路、框架、主要研究方式、方法等）1、基本思路：通过查找资料，了解建立响应式网页的作用及特点。根据用户的具体体验和用户所使用的移动设备，使得做出的页面有能力去自动响应用户的设备环境。响应式页面开发的关键技术有几方面，包括媒体查询、流式布局、弹性图片等。面对不断发展的浏览器和上网设备，寻找一种可行的解决方案。它不需要服务器端，结合HTML、CSS、jQuery 等网页开发技术就能达到良好的用户体验。采用 HTML5+CSS3 的响应式页面设计，可以兼容多种设备和屏幕。2、框架：1、响应式网页前端设计的基本概述2、响应式网页的优势分析3、响应式网页前端设计在需求、功能、风格四个方面的分析4、可能遇到的问题和解决思路5、网页的效果展示6、网站测试三、主要研究方式和方法：1.查询相关资料，了解本次课题的研究意义。可以上网搜索或者是去图书馆查阅相关资料。 2.通过查询资料了解该系统的需求，以及需要哪些东西。 3.设计出大体上的功能结构。 4.通过进一步的了解，对每个网页模块进行细化，将每一步都想清楚。制定出每一步的做法和注意的地方。 5.对设计好的网页进行调试，通过调试发现存在的问题并解决，从而达到完善系统的目的。 6.最后，整理各阶段的设计记录文档，写成论文稿。论文提纲(含论文选题、论文主体框架)论文题目：浅析响应式网页的设计与开发以计算机信息工程系网站为例第 1 章 引言1.1 响应式网页前端发展现状1.2 计算机信息工程学院的介绍1.3 计算机信息工程学院网站前端设计的需求分析1.4 响应式网页在计算机信息工程学院网站中的应用第 2 章 网站前端开发系统设计2.1 网站目标2.2 网站功能结构2.3 开发环境2.4 网站质量需求第 3 章 制作网站的语言介绍3.1 Dreamweaver 网站编织 3.2 DIV+CSS 样式表3.3 Jquery3.4 图像、图形设计 Photoshop 及 Illustartor第 4 章 院系网站的规划与设计4.1 院系网站的功能设计4.2 院系网站的风格设计4.3 院系网站的首页设计4.4 院系网站的其他页设计第 5 章 计算机信息工程学院网站的效果展示5.1 首页展示效果5.2 其他页面的效果展示第 6 章 网站的测试第 7 章 总结参考文献致 谢主要参阅文献1刘智惠，薛晶晶，卢倩芸.面向不同设备的响应式网页设计Web 移动图书馆J.现代图书情报技术,2014(11).2谭富盛.校园网站的设计与开发J.新课程学习(下),2012(07).3张利平.色彩情感特征与网站色彩定位J.美术教育研究,2014(10).4国兰.高校网站界面设计中的色彩应用研究D.东北林业大学,2012.5孙小英.网页设计中 CSS 样式的应用分析J.软件工程师,2013(12).6陈凤芹.Dreamweaver 网页设计与制作教学探讨J.中国教育技术装备,2012.7杨彬.浅谈响应式网页设计J.辽宁行政学院学报,2014(05).8王愉，潘明明.响应式网页设计初探J.北京印刷学院学报,2014(03).9唐骏开.HTML5 移动 Web 开发指南M.北京电子工业出版社,2012.10韩绍鑫.基于 Dreamweaver 的网站设计与规划J.数字技术与应用,2013(04).11龙奇.新一代网络技术标准 HTML5 的研究J.科技信息,2011(10).研究进程安排(包括提纲、一稿、二稿、定稿起讫时间)1、2016 年 7 月 12 日前，确定论文题目，并找指导老师进行沟通、协商、调整；2、2016 年 7 月 12 日前，下达任务书；3、2016 年 9 月 30 日前，搜索大量资料，进行阅读整理，归纳总结，完成论文综述和开题报告；4、2016 年 11 月 30 日前，整理相关资料，进行论文第一稿的撰写，并及时与指导老师联系，修改并完成第一稿；5、2017 年 1 月 15 日前，交论文二稿；6、2017 年 3 月 11 日前，交论文三稿；7、2017 年 4 月 8 日前，论文定稿、论文检测报；其它说明指导教师是否同意开题签名:年 月 日院（系）教学负责人签署签名:年 月 日
展开阅读全文