毕业设计-基于html5和css3.0的手机网站的设计与实现.doc

《毕业设计-基于html5和css3.0的手机网站的设计与实现.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、聊城大学本科毕业论文（设计）本科生毕业论文（设计）题目：基于HTML5和CSS3.0的手机网站的设计与实现专业代码：作者姓名：学号：单位：传媒技术学院指导教师：2015年5月1日II聊城大学本科毕业论文（设计）原创性声明　　本人郑重声明：所提交的学位论文是本人在导师指导下，独立进行研究取得的成果。除文中已经注明引用的内容外，论文中不含其他人已经发表或撰写过的研究成果，也不包含为获得聊城大学或其他教育机构的学位证书而使用过的材料。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人承担本声明的相应责任。学位论文作者签名：　　　　　　　日期　　　指导教师签名

2、：　　　　　　日期　　　II聊城大学本科毕业论文（设计）摘要随着智能手机的普及，越来越多同学使用手机上网。本研究基于已有的学院网站在手机上显示会出现字迹小，显示不全的问题，利用HTML5和CSS3.0等技术设计和实现手机版网站，该网站具有界面友好、功能清晰、支持跨平台、跨媒体浏览等特点，较好的满足了同学使用手机浏览学院网站信息的需求。本研究所采用的网页设计和关键技术也可以为其他手机网站的设计和开发提供参考和借鉴。关键词：HTML5；CSS3.0；JavaScript；JQuery；网页设计II聊城大学本科毕业论文（设计）AbstractWiththepopularoft

3、hesmartphone,moreandmorestudentsuseitonline.Thisstudyisbasedonwebsitewhichhasalreadybeenfoundedhavingmanyproblems,suchasfont-size,contentshowandsoon.IwilluseHTML5andCSS3.0technologiestodesignandmakewebsitewhichcanbepresentedperfectlyinthesmartphone.Ithasafriendlyinterface,clearfunction,s

4、upportcross-platformandcross-mediabrowsing,bettermeettheactualdemandofusingsmartphonetoskimthemessageaboutourcollegewebsite.Thewebpagedesignandthekeytechnologywhichtheresearchadoptedcanalsoprovideareferenceforotherwebsitedesignandexploitation.Keywords:HTML5;CSS3.0;JavaScript;JQuery;webpa

5、gedesignII聊城大学本科毕业论文（设计）目录引言1第1章需求分析21.1功能需求分析21.2环境需求分析31.3用户界面需求分析4第2章网站设计52.1网站首页的设计62.2网站栏目页的设计62.3网站内容页的设计7第3章网站主要页面的设计开发及关键技术83.1网站主要布局和文件头代码的实现83.2CSS3.0实现页面的主要布局和匹配屏幕的大小103.3JavaScript实现页面的交互和检测不同的设备13第4章网站的测试与维护144.1网站的测试144.2网站的维护15结束语16参考文献17致谢1II聊城大学本科毕业论文（设计）基于HTML5和CSS3.0的手

6、机网站的设计与实现引言随着智能手机的发展，几乎所有的学生都配备了智能手机，这给学生开展移动学习带来了方便，但是传统的网站无法适应手机屏幕大小的要求，学生在浏览网页时会出现网页字迹太小，网站内容排版混乱等等问题，给学生的学习带来了一定的困扰。HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的重大修改，基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，而CSS3.0即层叠样式表，在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，并且CSS3.0能够匹配不同的设备，实现跨平台的浏览。互

7、联网的发展，使HTML5和CSS3.0不仅仅是两项新的Web技术标准，更代表了下一代HTML和CSS技术，未来的发展前景已经可以预见，HTML5必将被越来越多的Web开发人员所使用，成为web前端开发的主流，所以本设计对于学习和使用HTML5和CSS3.0技术具有前瞻性和重大的意义。本设计从学院网站出发，从已有的学院网站的基础上进行网站的设计开发。本设计主要是运用HTML5和CSS3.0进行网页布局，而数据库的设计部分和动态网页的代码则是调用已有网站的代码，实现了软件的可重用性。通过设计，旨在学院网站可以在手机、平板、电脑等不同的设备上进