【免费】摄影师个人简介网页模板是一款棕色风格样式的HTML摄影画廊模板下载.rar资源-CSDN文库

共47个文件

jpg：23个

png：10个

js：5个

需积分: 0 185 浏览量更新于2023-09-12 收藏 2.61MB RAR 举报

这款“摄影师个人简介网页模板”是一款专为摄影师设计的HTML模板，采用棕色风格，旨在创建一个展示个人作品和介绍的在线画廊。该模板适用于希望在网上建立专业形象、分享摄影作品和提供联系方式的摄影师。从文件名我们可以看到几个关键的CSS文件：style.css、jquery.lighter.css和slider.css。这些CSS文件是网页样式的核心组成部分，负责定义页面的布局、颜色、字体和其他视觉效果。style.css是主样式表，通常包含全局样式；jquery.lighter.css可能与一个图片查看器插件有关，如Lighter.js，用于提供图片预览功能，使用户可以点击缩略图查看大图；而slider.css则可能用于创建幻灯片或轮播图，展示摄影师的精选作品。 HTML部分包括about.html、contact.html、gallery.html和index.html。about.html是关于摄影师的个人信息页面，通常包含简介、经历、荣誉等；contact.html则是联系页面，可能有表单让访客发送邮件或者显示地图、电话等联系方式；gallery.html是最重要的部分，展示摄影师的作品集；而index.html作为首页，会提供一个概述，引导用户浏览其他页面。图片文件5.jpg、4.jpg和img7_b.jpg代表了模板中的示例图片，这些通常是占位符，实际使用时会被摄影师自己的作品替换。这些图片可能在gallery.html中以网格形式展示，也可能在slider.css所控制的幻灯片中循环播放。此外，虽然没有明确提及，但我们可以推断模板可能使用了jQuery库，因为文件名中出现了“jquery”。jQuery是一个流行的JavaScript库，简化了DOM操作、事件处理和动画效果，使得网页交互更加流畅。例如，幻灯片可能就是通过jQuery实现动态切换的。这个模板提供了构建一个功能齐全的摄影师网站所需的基本元素，包括美观的布局、作品展示、联系表单以及图片预览功能。用户只需将模板内容替换为自己的信息和作品，就可以快速拥有一个专业的在线存在，吸引潜在客户和展示艺术才华。

收起资源包目录

摄影师个人简介网页模板是一款棕色风格样式的HTML摄影画廊模板下载.rar （47个子文件）

list-icon.png 191B

style.css 12KB

2.jpg 198KB

CaviarDreams-webfont.ttf 42KB

cbpBGSlideshow.min.js 1KB

img4_b.jpg 110KB

img6.jpg 53KB

slidermodernizr.custom.js 8KB

logo.png 13KB

img2.jpg 52KB

img2_b.jpg 194KB

arrowdown.png 641B

1.jpg 150KB

zoom.png 3KB

img5.jpg 47KB

img5_b.jpg 142KB

jquery.lighter.css 2KB

menu-hover.png 3KB

img3_b.jpg 86KB

img4.jpg 35KB

5.jpg 238KB

img6_b.jpg 192KB

slider.css 2KB

img1.jpg 30KB

jquery.imagesloaded.min.js 1KB

img8_b.jpg 131KB

bg.png 48KB

img7.jpg 62KB

img3.jpg 27KB

img8.jpg 39KB

facebook.png 2KB

me.jpg 48KB

index.html 3KB

contact.html 5KB

about.html 6KB

rss.png 5KB

jquery.lighter.js 8KB

event-img1.jpg 45KB

jquery.min.js 90KB

arrowup.png 644B

3.jpg 125KB

img1_b.jpg 92KB

googlepluse.png 7KB

img7_b.jpg 200KB

FontleroyBrown-webfont.ttf 61KB

4.jpg 220KB

gallery.html 4KB

资源推荐

资源预览

资源评论

<!DOCTYPE HTML> <html> <head> <title>About</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"> <link href="css/slider.css" rel="stylesheet" type="text/css" media="all"> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/slidermodernizr.custom.js"></script> </head> <body>  <div class="slider"> <ul id="cbp-bislideshow" class="cbp-bislideshow"> <li><img src="images/1.jpg" alt="image01"/></li> <li><img src="images/2.jpg" alt="image02"/></li> <li><img src="images/3.jpg" alt="image03"/></li> <li><img src="images/4.jpg" alt="image04"/></li> <li><img src="images/5.jpg" alt="image05"/></li> </ul> <script src="js/jquery.imagesloaded.min.js"></script> <script src="js/cbpBGSlideshow.min.js"></script> <script> $(function() { cbpBGSlideshow.init(); }); </script> </div>  <div class="wrap"> <div class="header"> <div class="header_top"> <div class="menu"> <ul class = "nice-menu" > <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="logo"> <h1><a href="index.html"><img src="images/logo.png" alt="" /></a></h1> </div> </div> </div> </div> <div class="content"> <div class="content_top"> <div class="wrap"> <div class="section group"> <div class="col_1_of_3 span_1_of_3"> <h3>Welcome</h3> <p><span>Lorem Ipsum is simply dummy text of the printing and typesetitng industry.</span></p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> </div> <div class="col_1_of_3 span_1_of_3"> <h3>My Archives</h3> <div class="achive_list"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <ul> <li><a href="#">May 2013</a></li> <li><a href="#">Jan 2013</a></li> <li><a href="#">Sep 2012</a></li> <li><a href="#">Mar 2012</a></li> <li><a href="#">Aug 2011</a></li> </ul> <ul class="list2"> <li><a href="#">May 2013</a></li> <li><a href="#">Jan 2013</a></li> <li><a href="#">Sep 2012</a></li> <li><a href="#">Mar 2012</a></li> <li><a href="#">Aug 2011</a></li> </ul> </div> </div> <div class="col_1_of_3 span_1_of_3"> <h3>My Exibitions </h3> <div class="sub_grid"> <div class="sub_grid_data"> <h4><a href="#">MARCH 25, SUNDAY</a></h4> <p>There are many variations of passages of Lorem Ipsum available printing and typesetitng industry.</p> </div> </div> <div class="sub_grid"> <div class="sub_grid_data"> <h4><a href="#">MARCH 25, SUNDAY</a></h4> <p>There are many variations of passages of Lorem Ipsum available printing and typesetitng industry.</p> </div> </div> <div class="sub_grid"> <div class="sub_grid_data"> <h4><a href="#">MARCH 25, SUNDAY</a></h4> <p>There are many variations of passages of Lorem Ipsum available printing and typesetitng industry.</p> </div> </div> </div> </div> <div class="catch-me"> <h3>Say Hello</h3> <p>Reader will be distracted by the readable content of a page when looking at its layout.Ipsum is simply dummy text of the printing and typesetting industry.when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <ul> <li><a href="#"><img src="images/facebook.png" title="facebook"></a></li> <li><a href="#"><img src="images/rss.png" title="Rss"></a></li> <li><a href="#"><img src="images/googlepluse.png" title="Googlepluse"></a></li> </ul> </div> </div> </div> </div> <div class="footer"> <div class="wrap"> <div class="copy_right"> <h4>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></h4> </div> </div> </div> <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> </body> </html>