毕业设计-基于html5和css3.doc

聊城大学本科毕业论文（设计）PAGE\*MERGEFORMATII本科生毕业论文（设计）题目：基于HTML5和CSS3.0的手机网站的设计与实现专业代码：作者姓名：学号：单位：传媒技术学院指导教师：2015年5月1日原创性声明本人郑重声明：所提交的学位论文是本人在导师指导下，独立进行研究取得的成果。除文中已经注明引用的内容外，论文中不含其他人已经发表或撰写过的研究成果，也不包含为获得聊城大学或其他教育机构的学位证书而使用过的材料。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人承担本声明的相应责任。学位论文作者签名：日期指导教师签名：日期聊城大学本科毕业论文（设计）PAGE\*MERGEFORMAT1摘要随着智能手机的普及，越来越多同学使用手机上网。本研究基于已有的学院网站在手机上显示会出现字迹小，显示不全的问题，利用HTML5和CSS3.0等技术设计和实现手机版网站，该网站具有界面友好、功能清晰、支持跨平台、跨媒体浏览等特点，较好的满足了同学使用手机浏览学院网站信息的需求。本研究所采用的网页设计和关键技术也可以为其他手机网站的设计和开发提供参考和借鉴。关键词：HTML5；CSS3.0；JavaScript；JQuery；网页设计AbstractWiththepopularofthesmartphone,moreandmorestudentsuseitonline.Thisstudyisbasedonwebsitewhichhasalreadybeenfoundedhavingmanyproblems,suchasfont-size,contentshowandsoon.IwilluseHTML5andCSS3.0technologiestodesignandmakewebsitewhichcanbepresentedperfectlyinthesmartphone.Ithasafriendlyinterface,clearfunction,supportcross-platformandcross-mediabrowsing,bettermeettheactualdemandofusingsmartphonetoskimthemessageaboutourcollegewebsite.Thewebpagedesignandthekeytechnologywhichtheresearchadoptedcanalsoprovideareferenceforotherwebsitedesignandexploitation.Keywords:HTML5;CSS3.0;JavaScript;JQuery;webpagedesign目录TOC\o"1-2"\h\uHYPERLINK\l_Toc27180引言PAGEREF_Toc271801HYPERLINK\l_Toc18037第1章需求分析PAGEREF_Toc180372HYPERLINK\l_Toc123901.1功能需求分析PAGEREF_Toc123902HYPERLINK\l_Toc106801.2环境需求分析PAGEREF_Toc106803HYPERLINK\l_Toc96681.3用户界面需求分析PAGEREF_Toc96684HYPERLINK\l_Toc10416第2章网站设计PAGEREF_Toc104165HYPERLINK\l_Toc107022.1网站首页的设计PAGEREF_Toc107026HYPERLINK\l_Toc43242.2网站栏目页的设计PAGEREF_Toc43246HYPERLINK\l_Toc69152.3网站内容页的设计PAGEREF_Toc69157HYPERLINK\l_Toc627第3章网站主要页面的设计开发及关键技术PAGEREF_Toc6278HYPERLINK\l_Toc120053.1网站主要布局和文件头代码的实现PAGEREF_Toc120058HYPERLINK\l_Toc257863.2CSS3.0实现页面的主要布局和匹配屏幕的大小PAGEREF_Toc2578610HYPERLINK\l_Toc100943.3JavaScript实现页面的交互和检测不同的设备PAGEREF_Toc1009413HYPERLINK\l_Toc12714第4章网站的测试与维护PAGEREF_Toc1271414HYPERLINK\l_Toc243534.1网站的测试PAGEREF_Toc2435314