基于H5的风云网球网站设计 毕业论文+任务书+设计源码

目    录
1绪 论	1
1.1 选题背景及意义	1
1.2 国内外研究现状	2
1.3本章小结	2
2 前端开发及相关技术	4
2.1 HTML5前端开发环境	4
2.2 HTML5前端开发工具	4
2.3 HTML5前端开发相关技术	5
2.3.1 javascript简介	5
2.3.2 javascript基本特点	5
2.3.3 css简介	6
2.3.4 jQuery	7
2.4 本章小结	7
3 前端布局分析与设计	8
3.1 前端总体开发流程与设计	8
3.1.1 分层开发	8
3.1.2 代码编写	8
3.1.3 内部测试与后续优化	9
3.2 前端UI设计	9
3.2.1 模块分布	9
3.2.2 颜色配置	10
3.2.3 css元素	10
3.3 交互设计与UI	12
3.4 网站结构布局与设计	12
3.5.1  网站首页结构	12
3.5.2  主题鲜明，富有特色 	13
3.5 网站前台页面设计	13
3.5.1 首页	13
3.5.2 其余子页面	14
3.7 本章小结	14
4 主要功能的实现	15
4.1 界面设计	15
4.2 具体设计文档	15
4.3 前台新闻文摘显示	15
4.3.1 网站装饰风格	15
4.3.2 网站的链接结构	16
4.4 可视化设计	16
4.5 具体实现技术	16
4.5.1 css在“基于H5的风云网球网站”中的应用实例	16
4.5.2 应用Javascript设计网页	17
4.6 本章小结	19
5 总结	20
参考文献	21
致  谢	22



基于H5的风云网球网站设计
学生：XXX（指导老师：XX）
（淮南师范学院物联网工程系）
摘要：网球运动是一种球类运动，通常在两个单打球员或两对组合之间进行。球
员在网球场上隔着球网用网球拍击打网球。网球运动的由来和发展可以用四句话来概括：孕育在法国，诞生在英国，开始普及和形成高潮在美国，现在盛行全世界，被称为世界第二大球类运动。本词毕业设计主要围绕风云网球的HTML5响应式网站为开发主题，用到的也是最必备的三个技能元素，在布局页面时，用HTML将元素进行定义，布局基础布局；css对展示的HTML元素布局进行定位渲染，然后利用Javascript或者jQuery实现相应的效果和交互。虽然这么看起来很简单，但这里需要认真了解的东西很多。在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。分析并解决实现中的若干技术问题：介绍网站个性化页面的背景及HTML5响应式布局的一般原理；阐述整个网站的结构及工作原理；分析实现中的难点和重点。
关键词：HTML5；CSS3；响应式；javascript；网站设计
The Design of the World Tennis Website Based on H5
Student: XXX(Faculty Adviser：XX)
(Internet of Things Engineering， Huainan Normal University)
Abstract：Tennis is a ball sport，usually between two singles or pairs of players. The player hit the tennis ball with a racket across the net on the tennis court. The origin and development of tennis can be summed up in four sentences: born in France，born in Britain，began to popularize and form a climax in the United States，now popular all over the world，known as the world's second largest ball sport.This word graduation design mainly revolves around the tennis HTML5 response website as the development theme，uses also is the most necessary three skill elements，in the layout page，uses the HTML to carry on the definition，the layout foundation layout；Css locates and renders the displayed HTML element layout，and then uses Javascript or jQuery to realize the corresponding effect and interaction. Although it may seem simple，there are a lot of things that need to be carefully understood here. These concepts need to be understood before development，and compatibility，performance and other issues need to be considered in the development process. Analyze and resolve the implementation This paper introduces the background of website personalization page and the general principle of HTML5 responsive layout，expounds the structure and working principle of the whole website，and analyzes the difficulties and key points in the implementation.
Key words: HTML5；CSS3；response；javascript；website design