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

基于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