响应式的html5站点设计与实现

摘要

       自从 1991 年世界上第一个网页诞生以来，HTML 作为万维网最主要的一门语言一直在不断发展与进化。1999年，HTML 4 成为 W3C 推荐的标准规范，并在此后很长一段时间，被作为网络开发和浏览器实现的一项官方指导 来解读。但网络的发展从未停滞不前，相反，随着机器硬件配置和软件支持的不断升级，它也在持续地向前发展。今天，酷炫、快速、跨平台，这些词已经紧密地和 HTML5 联系起来。在 HTML5 的帮助下，传统的网页，已经 带给人们堪比桌面程序的用户体验。2012 年 12 月 17 日，W3C 发布了HTML5 以及 Canvas 2D 两个标准的完全定义版本，标志着 HTML5 的标准已经在趋向稳定。2015 年，随着移动互联网的高速发展，HTML5 也将迎来前所未有的发展机会。在中国， 360 安全浏览器是用户数领先的浏览器，也是对 HTML5 支持较好的浏览器。在 360 的带动下，国内已经有越来越多的浏览器在提高着对 HTML5 的支持度。

可以预见，2016 年将成为 HTML5 在中国的引爆年。

目录

摘要 I

第1章 研究内容及相关技术

 1.1 java script .................................................2

 1.2 ECMAScript6 ................................................ 2

 1.3 HTML5 ......................................................3

 1.4 CSS3 .......................................................3

 1.5 LESS ....................................................... 3

    1.6 Bootstrap ................................................. 3

 1.7 VUEJS ..................................................... 4

第2章 系统设计

  2.1项目文件结构 ............................................... 5

    2.2 项目架构介绍 .............................................. 6

2.2.1 路由层实现 ........................................... 8

2.2.2 首页的Vue逻辑 ....................................... 9

2.2.3 站点入口 ............................................ 10

2.3 浙江大学首页重构 ...................................... 11 

 2.4 展示效果..... ............................................ 12

第3章 系统详细设计及实现

 3.1基于media Query在不同分辨率下的展示....................... 14

3.1.1 方法概述 ............................................ 14

 3.2选项卡的切换 .............................................. 15

3.2.1 css部分 ..............................................15

   3.2.2 html部分............................................. 16

 3.3下拉列表 .................................................. 16

 3.4 background切换 ........................................... 17

第4章、总结与展望

    4.1总结 ...................................................... 18

    4.2展望 ...................................................... 18

参考文献 ...................................................... 20

致谢 .......................................................... 21