手机wap源码模板(56).zip资源-CSDN文库

共34个文件

jpg：13个

css：13个

html：4个

版权申诉

126 浏览量 2021-09-24 13:23:37 上传评论收藏 309KB ZIP 举报

"手机wap源码模板 (56).zip" 提供的是适用于移动设备的WAP网站源代码，其中包含了不同布局设计的HTML模板。WAP（Wireless Application Protocol）是一种无线应用协议，用于在移动设备上访问互联网内容。这个压缩包可能是为开发者或网页设计师准备的，让他们能够快速构建适应手机屏幕的小型、轻量级的移动网站。 "手机wap源码模板 (56).zip" 的描述虽然简洁，但暗示了这个资源包含多个模板，可能有多种设计风格和布局，以满足不同项目的需求。WAP网站通常需要简洁、快速加载的特性，以便在有限的移动网络带宽下顺畅运行。虽然没有提供具体的标签，但我们可以推测这些模板可能涉及以下关键词：手机网站、移动优化、HTML、CSS、响应式设计、网页布局等。【压缩包子文件的文件名称列表】： 1. onecolumn.html：这代表一个单列布局的HTML模板，适合内容较少或需要线性展示信息的页面。 2. twocolumn2.html 和 twocolumn1.html：这两文件表示双列布局的模板，可能有略微不同的样式或结构。双列布局常用于同时展示主次信息，如侧边栏导航或广告。 3. index.html：这是每个网站的标准入口文件，通常包含网站的首页内容和导航链接。 4. css：这是一个目录，可能包含了所有与这些HTML模板相关的CSS（Cascading Style Sheets）文件。CSS用于控制页面的样式和布局，使得网页看起来更加美观且易于阅读。 5. images：这也是一个目录，里面应包含用于装饰和功能的图像资源，如图标、背景图片等。综合以上信息，这个压缩包提供了构建WAP网站的基本元素，包括多种布局选项、样式控制和视觉元素。开发者或设计师可以依据这些模板进行定制，以适应特定项目的需求。为了实现良好的用户体验，这些模板可能已经进行了响应式设计，即根据用户设备的屏幕大小和方向自动调整布局。此外，考虑到WAP的特点，它们可能也优化了加载速度，减少了HTTP请求和数据传输量，以确保在移动设备上的性能。

资源推荐

资源详情

资源评论

收起资源包目录

手机wap源码模板 (56).zip （34个子文件）

css

images

img_arrow.jpg 745B

style-1000px.css 528B

5grid

jquery.js 91KB

core-desktop.css 2KB

html5shiv.js 2KB

mobileUI-flat.css 1013B

core-noscript.css 3KB

core-1200px.css 415B

core-1000px.css 415B

mobileUI-beveled.css 2KB

init.js 17KB

core-mobile.css 1KB

core.css 6KB

core-fluid.css 394B

style-desktop.css 3KB

style-mobile.css 3KB

style.css 2KB

images

pics10.jpg 3KB

pics02.jpg 22KB

pics04.jpg 27KB

pics01.jpg 116KB

pics12.jpg 21KB

pics05.jpg 25KB

pics03.jpg 22KB

pics06.jpg 3KB

pics11.jpg 3KB

pics07.jpg 3KB

spacer.gif 43B

pics08.jpg 2KB

pics09.jpg 3KB

twocolumn2.html 9KB

onecolumn.html 10KB

index.html 8KB

twocolumn1.html 9KB

<!DOCTYPE HTML> <html> <head> <title>Affection</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <noscript> <link rel="stylesheet" href="css/5grid/core.css" /> <link rel="stylesheet" href="css/5grid/core-desktop.css" /> <link rel="stylesheet" href="css/5grid/core-1200px.css" /> <link rel="stylesheet" href="css/5grid/core-noscript.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-desktop.css" /> </noscript> <script src="css/5grid/jquery.js"></script> <script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>  </head><body> <div id="header-wrapper"> <header id="header" class="5grid-layout"> <div class="row"> <div class="12u" id="logo">  <h1><a href="#" class="mobileUI-site-name">Affection</a></h1> </div> </div> <div class="row"> <div class="12u">  <nav class="mobileUI-site-nav"> <a href="index.html" class="active">Homepage</a> <a href="twocolumn1.html">Two Column #1</a> <a href="twocolumn2.html">Two Column #2</a> <a href="onecolumn.html">One Column</a> </nav> </div> </div> </header> </div> <div id="feature-wrapper"> <div class="12u"> <div id="onecolumn-content" class="5grid-layout"> <div class="row"> <div class="12u class="mobileUI-main-content"> <section> <h2>One Column</h2> <p><a href="#"><img src="images/pics02.jpg" alt="" class="alignleft"></a></p> <p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem.</p> <p> </p> <p>Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst.<br> </p> </section> </div> </div> </div> </div> </div> <div id="marketing-wrapper"> <div id="marketing-content" class="5grid-layout"> <div class="row"> <div class="3u"> <section> <h2>Praesent condimentum</h2> <ul class="list-style1"> <li class="first"><img src="images/pics06.jpg" width="80" height="80" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">September 04, 2012 | (10 ) Comments</p> </li> <li><img src="images/pics07.jpg" width="80" height="80" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">September 04, 2012 | (10 ) Comments</p> </li> <li><img src="images/pics08.jpg" width="80" height="80" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">September 04, 2012 | (10 ) Comments</p> </li> </ul> </section> </div> <div class="3u"> <section> <h2>Maecenas luctus lectus</h2> <ul class="list-style1"> <li class="first"><img src="images/pics09.jpg" width="80" height="80" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">September 04, 2012 | (10 ) Comments</p> </li> <li><img src="images/pics10.jpg" width="80" height="80" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">September 04, 2012 | (10 ) Comments</p> </li> <li><img src="images/pics11.jpg" width="80" height="80" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">September 04, 2012 | (10 ) Comments</p> </li> </ul> </section> </div> <div class="6u"> <section> <h2>Aenean elementum facilisis ligula</h2> <p class="margin-bottom"><a href="#"><img src="images/pics12.jpg" alt=""></a></p> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus.<br> </p> </section> </div> </div> </div> </div> <div id="page-wrapper"> <div class="12u"> <div id="page" class="5grid-layout"> <div class="row"> <div class="9u"> <section> <h2>Maecenas luctus lectus at sapien</h2> <p></p> <p>Praesent a lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum p

评论收藏

内容反馈

版权申诉