基于html5和css3.0的手机网站的设计与实现VIP专享VIP免费

聊城大学本科毕业论文(设计)摘要随着智能手机的普及，越来越多同学使用手机上网。本研究基于已有的学院网站在手机上显示会出现字迹小，显示不全的问题，利用HTML5和CSS3.0等技术设计和实现手机版网站，该网站具有界面友好、功能清晰、支持跨平台、跨媒体浏览等特点，较好的满足了同学使用手机浏览学院网站信息的需求。本研究所采用的网页设计和关键技术也可以为其他手机网站的设计和开发提供参考和借鉴。关键词：HTML5;CSS3.0;JavaScript;JQuery;网页设计I聊城大学本科毕业论文(设计)AbstractWiththepopularofthesmartphone,moreandmorestudentsuseitonline.Thisstudyisbasedonwebsitewhichhasalreadybeenfoundedhavingmanyproblems,suchasfont-size,contentshowandsoon.IwilluseHTML5andCSS3.0technologiestodesignandmakewebsitewhichcanbepresentedperfectlyinthesmartphone.Ithasafriendlyinterface,clearfunction,supportcross-platformandcross-mediabrowsing,bettermeettheactualdemandofusingsmartphonetoskimthemessageaboutourcollegewebsite.Thewebpagedesignandthekeytechnologywhichtheresearchadoptedcanalsoprovideareferenceforotherwebsitedesignandexploitation.Keywords:HTML5;CSS3.0;JavaScript;JQuery;webpagedesignⅡ聊城大学本科毕业论文(设计)目录引言...............................................................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致谢................................................................11聊城大学本科毕业论文(设计)基于HTML5和CSS3.0的手机网站的设计与实现引言随着智能手机的发展，几乎所有的学生都配备了智能手机，这给学生开展移动学习带来了方便，但是传统的网站无法适应手机屏幕大小的要求，学生在浏览网页时会出现网页字迹太小，网站内容排版混乱等等问题，给学生的学习带来了一定的困扰。HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的重大修改，基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，而CSS3.0即层叠样式表，在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，并且CSS3.0能够匹配不同的设备，实现跨平台的浏览。互联网的发展，使HTML5和CSS3.0不仅仅是两项新的Web技术标准，更代表了下一代HTML和CSS技术，未来的发展前景已经可以预见，HTML5必将被越来越多的Web开发人员所使用，成为web前端开发的主流，所以本设计对于学习和使用HTML5和CSS3.0技术具有前瞻性和重大的意义。本设计从学院网站出发，从已有的学院网站的基础上进行网站的设计开发。本设计主要是运用HTML5和CSS3.0进行网页布局，而数据库的设计部分和动态网页的代码则是调用已有网站的代码，实现...