网页模仿
Posted seagullsh1
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页模仿相关的知识，希望对你有一定的参考价值。
码云链接：https://gitee.com/seagullsh1/codes/golsufeajyqbhm45pck3w92
模仿apple中文官网的设计布局
修改后网页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>欢迎来到VR世界</title> <link rel="stylesheet" type="text/css" href="css.css"/> <script src="js/jquery1.42.min.js"></script> <script src="js/jquery.SuperSlide.2.1.js"></script> </head> <body> <div class="nav"> <span><img src="images/logo.png" width="80" height="80"/></span> <ul> <li><a href="index.html" class="active">首页</a></li> <li><a href="fen.html">概况</a></li> <li><a href="liu.html">历史</a></li> <li><a href="shu.html">发展</a></li> <li><a href="jian.html">应用</a></li> <li><a href="ji.html">品牌</a></li> <li><a href="zuo1.html">展示</a></li> <li><a href="news.html">新闻</a></li> </ul> </div> <div class="fullSlide"> <div class="bd"> <ul> <li style=" background:url(img/banner-1.jpg) #194982 center 0 no-repeat;"><a target="_blank" href="#"></a></li> <li style="background:url(img/banner-2.jpg) #15181e center 0 no-repeat;"><a target="_blank" href="#"></a></li> <li style=" background:url(img/banner-1.jpg) #194982 center 0 no-repeat;"><a target="_blank" href="#"></a></li> <li style="background:url(img/banner-2.jpg) #15181e center 0 no-repeat;"><a target="_blank" href="#"></a></li> </ul> </div> <div class="hd"><ul></ul></div> </div> <script type="text/javascript"> jQuery(".fullSlide").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold", autoPlay:true, autoPage:true, trigger:"click" }); </script> <div class="main"> <div class="nr"> <br/><br/> <h1>VR视角</h1><br/><br/> <img src="img/img1.png" /> <img src="img/img2.png" /> <img src="img/img3.png" /> <img src="img/img4.png" /> </div> </div> <div class="main"> <div class="guan"> <h1>VR</h1> <p>VR是Virtual Reality的缩写，中文的意思就是虚拟现实，概念是在80年代初提出来的，其具体是指借助计算机及最新传感器技术创造的一种崭新的人机交互手段。</p> <p>1992年美国国家科学基金资助的交互式系统项目工作组的报告中对VR提出了较系统的论述，并确定和建议了未来虚拟现实环境领域的研究方向。可以认为，虚拟现实技术综合了计算机图形技术、计算机仿真技术、传感器技术、显示技术等多种科学技术，它在多维信息空间上创建一个虚拟信息环境，能使用户具有身临其境的沉浸感，具有与环境完善的交互作用能力，并有助于启发构思。所以说，沉浸-交互-构想是VR环境系统的三个基本特性。虚拟技术的核心是建模与仿真。</p> <p>VR已不仅仅被关注于计算机图象领域，它已涉及更广的领域，如电视会议、网络技术和分布计算技术，并向分布式虚拟现实发展。虚拟现实技术已成为新产品设计开发的重要手段。</p> </div> <h1 style="text-align:center; line-height:120px;">VR前景</h1> <div class="nr1"> <div class="nr2"> <p>人们看好VR，因为它不仅是一项代表未来的新技术，而且是互联网科技产业链发展同人们日益增加的娱乐需求相交的产物，是顺势而生的新事物。从表面上看，VR的核心价值，是能将视听体验带到一个新高度。从深层上看，那可能就非同小可了。当下全球VR设备主要以眼镜和头盔为主，中国的发展进度基本持平，但规模较小。在全球范围内，普遍存在几大问题是：其一，佩戴使用体验不佳；其二，内容匮乏，难以满足需求；其三，缺乏统一规范。这里值得注意的是，历史无数次告诉我们，原以为的问题将都不是问题</p> </div> </div> <div class="foot"> <p> VR </p> </div> </div> </body> </html>
以上是关于网页模仿的主要内容，如果未能解决你的问题，请参考以下文章