开题报告-基于切片布局的文复乡中心校网页设计.doc

全日制本科生毕业论文题 目： 基于切片布局的文复乡中心校网页设计 学 院： 计算机与信息科学学院 专业年级： 计算机科学与技术（师范）2011级 学生姓名： 学号： 指导教师： 职称： 副教授 2015 年 5 月 6 日 全日制本科生毕业论文开题报告姓名学号20110514403专业计算机科学与技术（师范）题目基于切片布局的文复乡中心校网页设计研究背景与目的研究背景：网页制作技术伴随着网络的快速发展而快速兴起，目前网络公司制作网页的过程是：由专业的美工出网页设计效果图，再由前端工程师来把效果图做成一模一样的网页。前端工程师使用专业切片工具将网页效果图切成容易开发成网页的小图（切片），再利用DIV+CSS技术把切片组装成一模一样的网页。如果直接将整个网页效果图作为页面，就会产生以下几项问题:一是图片上的元素或部件无法使用，不能成为正常的网页，二是一张网页大图片字节数大，从服务器下载到浏览器上需要的时间过长，不便于使用。三是基于切片布局的网页一般都是宽度固定的，不会跟随浏览器窗口变化而变化。研究目的：（1）今后想从事web前端开发的工作，需要懂的技术非常之多，熟悉基于切片布局的网页制作，将为今后的工作做到更好的铺垫。（2）学习HTML5、CSS3以及DIV+CSS，实现前端的布局。（3）学习JavaScript以及jQuery ，实现网页的动态交互，并制作出动态网页。（4）学习切片的制作工具Photoshop和Fireworks，掌握切片的技巧。研究内容与方法研究内容：（1）切片技术：一张效果图可以有多种切图方案但不是所有的切图方案都适合后期的网页制作。切图遵循一些原则和技巧，经过分析和研究最终可找到最佳切图方案。（2）切片技巧：构成一张图片的信息量是非常大的，因此在服务器中存储一张图片时占的容量也是很大的，同时从服务器里下载图片到客户端需要的时间也是相当长的。因此在利用切片转换成网页时，可以利用一些技巧。研究方法：在论文准备阶段，查阅切图相关资料，搜索和分析各种各类的网页设计效果图，找到切图的方法以及结构布局。在网页实现阶段，采用Brackets作为网站设计编辑器，整合DIV+CSS技术构建网页布局结构，用JavaScript、JQuery、HTML5、CSS3脚本代码实现网页动态效果。在网页测试阶段，主要采用谷歌浏览器测试，配合Firefox的firebug检验前端代码的兼容性，完成功能, 并修复bug。研究进度计划2014年12月10日2014年12月24日：选题，填写开题报告。2014年12月25日2015年3月1日： 拿到网页设计效果图和完成效果图的切分。2015年3月2日2015年4月20日：网页实现完成论文初稿撰写。2015年4月21日2015年5月1日：论文定稿，并提交论文及相关表格。2015年5月2日2015年5月6日：准备本科毕业论文答辩。指导教师意见该生的毕业设计采用了Brackets开发工具，以DIV+CSS布局，HTML5、CSS3为脚本语言主体，以JavaScript、Jquery作为动态网页的核心，完全可以实现基于切片布局网页的实现。该生研究方法正确，使用技术合理，有开发进度表，同意开题。 指导教师（签名）： 年 月 日全日制本科生毕业论文教师指导记录姓 名郑云霞学号20110514403专业计算机科学与技术（师范）暂定题目基于切片布局的文复乡中心校网页设计最终题目基于切片布局的文复乡中心校网页设计指导地点：三食堂三楼。 讲解了毕业论文工作的重要性，布置了论文开题报告的相关事项，包括文献 资料的检索方法，研究背景和研究内容如何撰写等，对各位同学的论文题目进行初步讨论，提出指导性意见。指导时间：2014 年12月20日指导地点：三食堂三楼。 指导老师再次强调了毕业论文的重要性，详细讲解了论文的写作技巧和要求，要求务大家务必重视毕业论文的撰写，不得拖拉，积极应对毕业答辩。指导时间：2015 年 4 月 15 日指导地点：歌乐山。指导老师对我的论文进行了指导,提出了明显的不足，对系统修改提出了宝贵意见,对论文中的错误和缺憾进行了修补。指导时间：2015 年 4 月20日指导地点：5104。指导老师讲解了毕业论文格式的重要性，