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

本科生毕业论文（设计） 目：基于HTML5和CSS3.0的手机网站的 设计与实现 专业代码： 作者姓名： 学 号： 单 位： 传媒技术学院 指导教师： 2015 年 5 月 1 日  原创性声明 　　本人郑重声明：所提交的学位论文是本人在导师指导下，独立进行研究取得的成果。除文中已经注明引用的内容外，论文中不含其他人已经发表或撰写过的研究成果，也不包含为获得聊城大学或其他教育机构的学位证书而使用过的材料。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人承担本声明的相应责任。 学位论文作者签名：　　　　　　　日期　 　　 指 导 教 师 签 名：　　　　　　 日期　　 　 摘 要 界面友好、功能清晰、支持跨平台、跨媒体浏览等特点本研究所采用的和关键技术也可以为其他的提供参考和借鉴。 关键词：；；；； Abstract With the popular of the smartphone, more and more students use it online. This study is based on website which has already been founded having many problems,such as font-size, content show and so on. I will use HTML5 and CSS3.0 technologies to design and make website which can be presented perfectly in the smartphone. It has a friendly interface, clear function, support cross-platform and cross-media browsing, better meet the actual demand of using smartphone to skim the message about our college website. The web page design and the key technology which the research adopted can also provide a reference for other website design and exploitation. Key words: HTML5; CSS3.0;JavaScript; JQuery; web page design 目录 引言 1 第1章 需求分析 2 1.1 功能需求分析 2 1.2环境需求分析 3 1.3用户界面需求分析 4 第2章 网站设计 5 2.1网站首页的设计 6 2.2网站栏目页的设计 6 2.3网站内容页的设计 7 第3章 网站主要页面的设计开发及关键技术 8 3.1网站主要布局和文件头代码的实现 8 3.2CSS3.0实现页面的主要布局和匹配屏幕的大小 10 3.3JavaScript实现页面的交互和检测不同的设备 13 第4章 网站的测试与维护 14 4.1网站的测试 14 4.2网站的维护 15 结束语 16 参考文献 17 致谢 1 基于HTML5和CSS3.0的手机网站的设计与实现 引言 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度第1章 需求分析 为了明确用户需求和本要求，在进行开发之前进行了系统的需求分析。下面将从功能需求、环境需求、用户界面需求个方面详细地进行系统需求分析。 1.1 功能需求分析 本主要为了需求图 1.2环境需求分析 根据笔者图简图 图简图 1.用户界面需求分析 采用良好的图形界面、和扁平化设计的思想，使界面简洁、易于操作，让。如图4为。 图4  图 网站设计 根据前面对需求的分析， 2.1网站首页的设计 网站的首页主要是网站的导航，和主要内容的展示，设计主要包括网站的图标设计、网站的导航设计、网站的栏目设计、网站的底部说明设计（如图6、图7、图8所示）。 图图图图 2.2网站栏目页的设计 网站的栏目页主要图图2.3网站内容页的设计 网页的内容页主