非响应式旅游公司风情小镇模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板

共38个文件

jpg：16个

gif：8个

js：5个

126 浏览量 2023-08-03 11:23:14 上传评论收藏 825KB ZIP 举报

该压缩包文件“非响应式旅游公司风情小镇模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip”包含了一套完整的非响应式旅游公司网站模板，专为手机和电脑设计。下面将详细阐述其中涉及的知识点。 1. **非响应式设计**：非响应式设计意味着这个模板不具有自动调整布局以适应不同设备屏幕尺寸的能力。这意味着在不同的设备上，如桌面、平板或手机，用户可能需要滚动或者缩小页面以查看所有内容。这在移动优先的现代网页设计中不是最佳实践，但可能适合某些特定需求或对旧网站的更新。 2. **HTML手机电脑网站**： HTML是超文本标记语言，是创建网页的基本框架。这个模板是为手机和电脑同时设计的，这意味着它将包括针对这两种设备的不同布局和元素。HTML代码会根据屏幕尺寸和设备特性进行优化，以提供良好的用户体验。 3. **前端源码**：这个模板的源码是前端开发的基础，包含HTML、CSS和JavaScript文件。前端开发者可以修改这些源码来定制网站，以满足特定的需求和品牌风格。 4. **js效果**： JavaScript（js）是一种强大的编程语言，用于实现网页上的动态交互效果，如滑动、动画、表单验证等。这个模板中包含的js效果可能是为了增强用户体验，如导航菜单的下拉效果、图片轮播等。 5. **H5模板**： H5通常指的是HTML5，这是一种最新的HTML标准，包含了更多的多媒体元素和更强的交互性。这个模板可能采用了HTML5的技术，如语义化标签、离线存储、拖放功能等。 6. **自适应css源码**： CSS（层叠样式表）用于控制网页的样式和布局。自适应CSS意味着尽管模板是非响应式的，但它可能包含一些规则来适应不同的屏幕分辨率，但不会像响应式设计那样完全改变布局。 7. **UI组件**： UI组件是指网页设计中的可复用元素，如按钮、导航栏、表单、卡片等。这个模板包含的UI组件可以帮助开发者快速构建界面，提高开发效率。综上，这个压缩包提供了一个适用于旅游公司、具有特定视觉风格的网站模板，包括了前端开发所需的各种资源。开发者可以根据自己的需求，通过修改HTML结构、CSS样式和JavaScript脚本来定制和优化这个模板，以创建一个独特的、吸引人的旅游公司网站。

资源推荐

资源详情

资源评论

收起资源包目录

非响应式旅游公司风情小镇模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （38个子文件）

非响应式旅游公司风情小镇模板

Destinations.html 6KB

About.html 6KB

PIE.htc 28KB

Myriad_Pro_600.font.js 21KB

html5.js 1KB

cufon-yui.js 18KB

jquery-1.4.2.js 70KB

cufon-replace.js 97B

Tours.html 7KB

css

style.css 7KB

layout.css 534B

reset.css 815B

Contacts.html 5KB

index.html 7KB

images

page1_img1.jpg 22KB

page4_img1.jpg 30KB

page1_img4.jpg 77KB

line_ver.gif 123B

page3_img1.jpg 29KB

img2.jpg 114KB

bg_footer.jpg 6KB

page1_img3.jpg 26KB

marker_2.gif 362B

tabs_bg.gif 95B

search.gif 1KB

bg.jpg 24KB

bg_form.gif 992B

page1_img2.jpg 19KB

marker_1.gif 359B

marker_3.gif 98B

page1_img5.jpg 84KB

img.jpg 175KB

page4_img2.jpg 32KB

logo.jpg 39KB

top_nav_bg.gif 369B

page2_img1.jpg 31KB

page4_img3.jpg 25KB

text1.jpg 16KB

<!DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <script type="text/javascript" src="js/jquery-1.4.2.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Myriad_Pro_600.font.js"></script>  </head> <body id="page1"> <div class="extra"> <div class="main">  <header> <div class="wrapper"> <h1><a href="index.html" id="logo">Around the World</a></h1> <div class="right"> <div class="wrapper"> <form id="search" action="" method="post"> <div class="bg"> <input type="submit" class="submit" value=""> <input type="text" class="input"> </div> </form> </div> <div class="wrapper"> <nav> <ul id="top_nav"> <li><a href="#">Register</a></li> <li><a href="#">Log In</a></li> <li><a href="#">Help</a></li> </ul> </nav> </div> </div> </div> <nav> <ul id="menu"> <li><a href="index.html" class="nav1">Home</a></li> <li><a href="About.html" class="nav2">About Us </a></li> <li><a href="Tours.html" class="nav3">Our Tours</a></li> <li><a href="Destinations.html" class="nav4">Destinations</a></li> <li class="end"><a href="Contacts.html" class="nav5">Contacts</a></li> </ul> </nav> <article class="col1"> <ul class="tabs"> <li><a href="#" class="active">Flight</a></li> <li><a href="#">Hotel</a></li> <li><a href="#">Car</a></li> <li class="end"><a href="#">Cruise</a></li> </ul> <div class="tabs_cont"> <form id="form_1" action="" method="post"> <div class="bg"> <div class="wrapper"> <div class="radio"> <input type="radio" name="name1" checked>Round trip </div> <div class="radio"><input type="radio" name="name1">One way</div> </div> <a href="#">Multiple destinations</a> <div class="wrapper"><input type="text" class="input">From</div> <div class="wrapper"><input type="text" class="input">To</div> <div class="wrapper check_box"><input type="checkbox" checked ><a href="#">Search nearby airports</a></div> <div class="wrapper"><input type="text" class="input input2" value="04/11/2010" onblur="if(this.value=='') this.value='04/11/2010'" onfocus="if(this.value =='04/11/2010' ) this.value=''">Depart (mm/dd/yy)</div> <div class="wrapper pad_bot1"><input type="text" class="input input2" value="04/11/2010" onblur="if(this.value=='') this.value='04/11/2010'" onfocus="if(this.value =='04/11/2010' ) this.value=''">Return (mm/dd/yy)</div> <div class="wrapper"> <div class="radio"><input type="radio" name="name2" checked>Economy cabin</div> <div class="radio end"><input type="radio" name="name2">Business</div> </div> <div class="wrapper pad_bot1"> <a href="#" class="button" onclick="document.getElementById('form_1').submit()">Search</a> Audlts <select><option>1</option></select> </div> </div> </form> </div> </article> <article class="col1 pad_left1"> <div class="text"> <img src="images/text1.jpg" alt=""> <h2>The Best Offers</h2> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p> <a href="#" class="button">Read More</a> </div> </article> <div class="img"><img src="images/img.jpg" alt=""></div> </header><div class="ic">More Website Templates at TemplateMonster.com!</div>   <section id="content"> <article class="col1"> <h3>Hot Travel</h3> <div class="pad"> <div class="wrapper under"> <figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure> <p class="pad_bot2"><strong>Italy<br>Holidays</strong></p> <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p> <a href="#" class="marker_1"></a> </div> <div class="wrapper under"> <figure class="left marg_right1"><img src="images/page1_img2.jpg" alt=""></figure> <p class="pad_bot2"><strong>Philippines<br>Travel</strong></p> <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p> <a href="#" class="marker_1"></a> </div> <div class="wrapper"> <figure class="left marg_right1"><img src="images/page1_img3.jpg" alt=""></figure> <p class="pad_bot2"><strong>Cruise<br>Holidays</strong></p> <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p> <a href="#" class="marker_1"></a> </div> </div> </article> <article class="col2 pad_left1"> <h2>Popular Places</h2> <div class="wrapper under"> <figure class="left marg_right1"><img src="images/page1_img4.jpg" alt=""></figure> <p class="pad_bot2"><strong>Hotel du Havre</strong></p> <p class="pad_bot2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p> <p class="pad_bot2"><strong>Nemo enim ipsam voluptatem</strong> quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p> <a href="#" class="marker_2"></a> </div> <div class="wrapper"> <figure class="left marg_right1"><img src="images/page1_img5.jpg" alt=""></figure> <p class="pad_bot2"><strong>Hotel Vacance</strong></p> <p class="pad_bot2">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa.</p> <p class="pad_bot2">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda.</p> <a href="#" class="marker_2"></a> </div> </article> </section>  </div> <div class="block"></div> </div> <div class="body1"> <div class="main">  <footer> <a rel="nofollow" href="http//www.html5xcss3.com/" target="_blank">Free HTML5 Templates</a> designed by TemplateMonster.com<br> </footer>  </div> </div> <script type="text/javascript"> Cufon.now(); </script> </body> </html>

评论收藏

内容反馈