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

共51个文件

png：18个

js：11个

gif：7个

版权申诉

3 浏览量 2021-09-24 13:35:27 上传评论收藏 1.33MB ZIP 举报

"手机wap源码模板 (248).zip" 涉及的主要知识点是移动Web开发，尤其是关于手机网站的设计与实现。WAP（Wireless Application Protocol，无线应用协议）是为移动设备设计的一种通信协议，允许用户通过手机接入互联网。这个压缩包可能包含了一个完整的手机网站模板，用于快速构建适应不同移动设备的网页。描述中的"手机wap源码模板 (248).zip"进一步确认了这是一个用于创建手机网页的源代码集合，编号248可能是模板的版本或内部识别号，表明可能存在多个不同的版本或多个模板。虽然没有具体的标签，但我们可以推断出一些关键标签，如“移动Web开发”、“HTML”、“CSS”、“JavaScript”以及“响应式设计”。【压缩包子文件的文件名称列表】中包含的文件是构建一个基本网站架构的关键元素： 1. **index.html** - 这通常是网站的主页，它定义了网站的基本结构和内容。 2. **products.html** - 代表产品页面，用于展示商品或服务的信息。 3. **news.html** - 新闻或更新页面，用于发布公司动态或行业资讯。 4. **services.html** - 服务页面，介绍企业提供的各种服务项目。 5. **contacts.html** - 联系我们页面，包含公司的联系方式和地图等信息。 6. **css** - 这是一个目录，很可能包含了所有样式表文件，用于定义网站的视觉样式和布局。 7. **images** - 图片目录，存储了网站所需的图像资源。 8. **js** - JavaScript文件夹，可能包含了网站的交互脚本，负责动态功能和用户体验。这些文件共同构成了一个完整的手机网站框架，通过HTML定义内容结构，CSS控制样式和布局，JavaScript处理交互和动态效果。考虑到WAP的移动特性，该模板很可能是响应式的，能够根据访问设备的屏幕尺寸和方向自动调整布局，确保在各种设备上都能良好显示。在实际应用中，开发者会根据需求对这些模板进行定制，比如修改HTML内容、调整CSS样式或增强JavaScript功能。同时，为了优化移动体验，还需要考虑加载速度、资源压缩和离线缓存等方面，确保网站在有限的带宽和计算资源下也能顺畅运行。

资源推荐

资源详情

资源评论

收起资源包目录

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

contacts.html 8KB

css

ie.css 595B

reset.css 799B

layout.css 2KB

style.css 10KB

services.html 9KB

images

pic-1.gif 359B

button3.png 4KB

linkedin.png 759B

page3-img1.png 7KB

numb-3.gif 322B

block-news-tail.gif 132B

page1-img1.png 20KB

body.jpg 676KB

twitter.png 761B

page3-img2.png 11KB

facebook.png 660B

page3-img5.png 13KB

page3-img4.png 11KB

slider-img2.jpg 58KB

button2.png 4KB

numb-1.gif 328B

button1.png 4KB

page3-img6.png 13KB

page3-img3.png 11KB

numb-2.gif 334B

bg.jpg 303KB

logo.png 2KB

box.png 8KB

marker.gif 46B

page4-img1.png 22KB

search-button.png 431B

button-tail.gif 307B

slider-img3.jpg 48KB

slider-control.png 4KB

slider-img1.jpg 56KB

index.html 11KB

cufon-replace.js 1KB

tms_presets.js 19KB

cufon-yui.js 18KB

html5.js 1KB

PIE.htc 33KB

Open_Sans_Light_300.font.js 16KB

tms-0.3.js 9KB

jquery-1.6.min.js 88KB

Open_Sans_Semibold_600.font.js 17KB

jquery.easing.1.3.js 8KB

Open_Sans_400.font.js 17KB

FF-cash.js 386B

products.html 10KB

news.html 10KB

<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <script type="text/javascript" src="js/jquery-1.6.min.js"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Open_Sans_400.font.js" type="text/javascript"></script> <script src="js/Open_Sans_Light_300.font.js" type="text/javascript"></script> <script src="js/Open_Sans_Semibold_600.font.js" type="text/javascript"></script> <script type="text/javascript" src="js/tms-0.3.js"></script> <script type="text/javascript" src="js/tms_presets.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script src="js/FF-cash.js" type="text/javascript"></script>   </head> <body id="page1">  <div class="bg"> <div class="main"> <header> <div class="row-1"> <h1> <a class="logo" href="index.html">Point.co</a> <strong class="slog">The most creative ideas</strong> </h1> <form id="search-form" action="" method="post" enctype="multipart/form-data"> <fieldset> <div class="search-form"> <input type="text" name="search" value="Type Keyword Here" onBlur="if(this.value=='') this.value='Type Keyword Here'" onFocus="if(this.value =='Type Keyword Here' ) this.value=''" /> <a href="#" onClick="document.getElementById('search-form').submit()">Search</a> </div> </fieldset> </form> </div> <div class="row-2"> <nav> <ul class="menu"> <li><a class="active" href="index.html">Home Page</a></li> <li><a href="news.html">Our News</a></li> <li><a href="services.html">Our Services</a></li> <li><a href="products.html">Our Products</a></li> <li class="last-item"><a href="contacts.html">Contact Us</a></li> </ul> </nav> </div> <div class="row-3"> <div class="slider-wrapper"> <div class="slider"> <ul class="items"> <li><img src="images/slider-img1.jpg" alt=""> <strong class="banner"> <strong class="b1">our solidity</strong> <strong class="b2">is equity</strong> <strong class="b3">Innovation and flexibility, quick and<br> high results - oriented work</strong> </strong> </li> <li><img src="images/slider-img2.jpg" alt=""> <strong class="banner"> <strong class="b1">our aim is</strong> <strong class="b2">Dedicated</strong> <strong class="b3">To conducting business affairs using<br>the highest standards</strong> </strong> </li> <li><img src="images/slider-img3.jpg" alt=""> <strong class="banner"> <strong class="b1">encourage</strong> <strong class="b2">Business</strong> <strong class="b3">Success and growth with our<br>professionals of this sphere</strong> </strong> </li> </ul> <a class="prev" href="#">prev</a> <a class="next" href="#">prev</a> </div> </div> </div> </header> <div class="ic">More Website Templates at TemplateMonster.com!</div> <section id="content"> <div class="padding"> <div class="box-bg margin-bot"> <div class="wrapper"> <div class="col-1"> <div class="box first"> <div class="pad"> <div class="wrapper indent-bot"> <strong class="numb img-indent2">01</strong> <div class="extra-wrap"> <h3 class="color-1"><strong>Careful</strong>Analysis</h3> </div> </div> <div class="wrapper"> <a class="button img-indent-r" href="#">>></a> <div class="extra-wrap"> Point.co is one of <a class="link" target="_blank" href="http//blog.templatemonster.com/free-website-templates/ ">free website templates</a> created by TemplateMonster.com. </div> </div> </div> </div> </div> <div class="col-1"> <div class="box second"> <div class="pad"> <div class="wrapper indent-bot"> <strong class="numb img-indent2">02</strong> <div class="extra-wrap"> <h3 class="color-2"><strong>Quick</strong>Research</h3> </div> </div> <div class="wrapper"> <a class="button img-indent-r" href="#"></a> <div class="extra-wrap"> This <a class="link" target="_blank" href="http//blog.templatemonster.com/2011/06/13/free-website-template-jquery-slider/ ">Template</a> goes with two packages – with PSD files and without them. </div> </div> </div> </div> </div> <div class="col-2"> <div class="box third"> <div class="pad"> <div class="wrapper indent-bot"> <strong class="numb img-indent2">03</strong> <div class="extra-wrap"> <h3 class="color-3"><strong>New</strong>Strategies</h3> </div> </div> <div class="wrapper"> <a class="button img-indent-r" href="#">>></a> <div class="extra-wrap"> It has several pages: <a class="link" href="index.html">Home</a>, <a class="link" href="news.html">News</a>, <a class="link" href="services.html">Services</a>, <a class="link" href="products.html">Products</a>, <a class="link" href="contacts.html">Contacts</a>. </div> </div> </div> </div> </div> </div> </div> <div class="wrapper"> <div class="col-3"> <div class="indent"> <h2>Our Mission</h2> <p class="color-4 p1">Donec vitae massa sit amet lectus condimentum aliquam vestibulum tempor nunc vel mi laoreet nec condimentum mauris convallis. Praesent lobortis, lectus a viverra faucibus, urna turpis sodales purus, magnaorem ipsum dolor ser adipiscing elit sed diam nonummy nibh euismod sit amet ornare urna augue ut mauris.</p> <div class="wrapper"> <figure class="img-indent3"><img src="images/page1-img1.png" alt="" /></figure> <div class="extra-wrap"> <div class="indent2"> Cras placerat, risus ac porta auctor, dui neque varius libero, sed rutrum diam mauris sed lorem. Ut at risus eu dui pretium sodales proin fermentum condimentum eros quis tincidunt fraesent eleifend tempor nisi, in adipiscing felis molestie vitae. Sed et massa justo. Pellentesque turpis lorem, ornare sit amet vulputate at, consectetur </div> </div> </div> <a class="button-2" href="#">Read More</a> </div> </div> <div class="col-2"> <div class="block-news"> <h3 class="color-4 p2">Recent News</h3> <div class="wrapper p2"> <time class="tdate-1 fleft" datetime="2011-05-29"><strong>29</strong>may</time> <div class="extra-wrap"> <h5>Utatse eudui pretium</h5> sodales proin fermen<br>tum condimentum eros quis tincidunt fraesent eleifend tempor nisi, in adipiscing... <a href="#">m

评论收藏

内容反馈

版权申诉