素雅大气设计师作品展示网页模板-大气设计线条设计师画廊素雅企业图片展示幻灯.rar资源-CSDN文库

共45个文件

png：29个

css：7个

js：3个

版权申诉

102 浏览量 2022-11-11 20:54:59 上传评论收藏 1.14MB RAR 举报

网页模板是创建网站的一种快速而有效的方式，它们提供了一个预设的布局和设计，使得开发者或设计师能够根据自己的需求进行定制。"素雅大气设计师作品展示网页模板"是一款专为设计师打造的展示平台，用于展示他们的设计作品。这款模板以其素雅、大气的风格，结合线条元素和幻灯片展示功能，为用户提供了优雅且专业的视觉体验。在网页设计中，线条作为一种设计元素，可以引导用户的视线，增加页面的层次感，同时也能传达出不同的氛围和情绪。在这个模板中，线条可能被巧妙地运用到导航栏、分割线、背景装饰等多个地方，为网页增添现代感和设计感。 "设计师画廊"是此模板的核心部分，它允许设计师上传并展示他们的作品集。这个功能通常包括一个作品分类系统，使访问者可以根据类型、项目或者时间来浏览作品。同时，每个作品的展示页可能会有详细的信息，如项目简介、所用技术、创作过程等，帮助用户深入了解设计师的创作思路和技能。 "图片展示"和"幻灯"是网页模板中的重要组成部分，尤其对于设计作品展示来说。幻灯片功能通常采用JavaScript或者jQuery库实现，它可以自动播放一系列图片或内容，吸引用户的注意力，并且可以设置过渡效果，增强视觉吸引力。图片展示则注重图片的布局和优化，确保在不同设备上都能清晰、快速地加载。作为HTML标签，它表明这个网页模板基于HTML语言构建。HTML（HyperText Markup Language）是网页内容的结构标准，定义了网页的各个元素，如标题、段落、链接、图像等。通过HTML，开发者可以构建出逻辑清晰、结构化的网页。此外，设计这个网页模板时，可能会使用到CSS（Cascading Style Sheets）来控制样式和布局，使网页更具视觉吸引力。可能还会结合JavaScript或jQuery实现交互效果，提升用户体验。在实际应用中，为了适应各种浏览器和设备，模板可能还需要考虑响应式设计，确保在手机、平板和桌面电脑等不同设备上都能良好显示。 "素雅大气设计师作品展示网页模板"是一个综合了HTML、CSS和JavaScript技术的网页设计解决方案，旨在为设计师提供一个优雅、高效的作品展示平台，通过线条设计、图片展示和幻灯功能，打造出专业且引人入胜的在线画廊。

资源推荐

资源详情

资源评论

收起资源包目录

素雅大气设计师作品展示网页模板_大气设计线条设计师画廊素雅企业图片展示幻灯.rar （45个子文件）

素雅大气设计师作品展示网页模板_大气设计线条设计师画廊素雅企业图片展示幻灯

ftol_119

11.png 6KB

nivo-slider.css 1KB

helios.eot 62KB

jquery-1.6.1.min.js 89KB

16.png 1KB

09.png 1KB

04.png 93KB

10.png 7KB

helios.ttf 62KB

01.png 107KB

bullets.png 1KB

07.png 1KB

ie.css 89B

+h.png 2KB

081.png 963B

+.png 1KB

f.png 1KB

index.html 7KB

helios.html 1007B

jquery.nivo.slider.js 25KB

in.png 1KB

14.png 7KB

jquery.nivo.slider.pack.js 16KB

default.css 2KB

02.png 96KB

960.css 10KB

06.png 1KB

orman.css 2KB

000.png 558KB

t.png 1KB

inh.png 2KB

arrows.png 3KB

th.png 2KB

logo.png 3KB

03.png 99KB

fh.png 979B

12.png 8KB

05.png 1KB

13.png 9KB

helios.woff 32KB

text.css 3KB

style.css 1KB

15.png 8KB

loading.gif 2KB

08.png 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="text.css" /> <link rel="stylesheet" href="960.css" /> <link rel="stylesheet" href="default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="pascal.css" type="text/css" media="screen" /> <link rel="stylesheet" href="orman.css" type="text/css" media="screen" /> <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />  <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <title>PLUS</title> </head><body><div id="main"> <div class="container_12"> <div class="grid_12 top"></div> <div class="grid_2 suffix_1"><img src="logo.png" alt="img" /></div> <div class="grid_8"> <div class="grid_9 alpha"> <div class="grid_7 alpha"> <span class="text1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<br /> tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis </span> </div> <div class="grid_2 alpha"> <a class="rollover" target="_blank" href="#"></a>  <a class="rollover1" target="_blank" href="#"></a>  <a class="rollover2" target="_blank" href="#"></a>  <a class="rollover3" target="_blank" href="#"></a> </div> </div> </div> <div class="grid_12"><br /><hr /></div> <div class="grid_12"><p class="text2"><strong>I'm a graphic designer from Nowhere.</strong><br />Here you can place the second line of your welcome message </p></div> <div class="clear"></div> <div class="grid_12 slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="000.png" /> <img src="000.png" /> <img src="000.png" /> </div> </div> <div class="grid_12 padd"></div> <div class="grid_3 padd"><p><a target="_blank" href=""><img src="01.png" alt="img" /></a></p> <p><span class="text3">Fantastic Face</span><br /> <span class="text4">The best poster ever created</span></p> <p class="text5">Lorem ipsum dolor sit amet, con- sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut</p> </div> <div class="grid_3"><p><a target="_blank" href=""><img src="02.png" alt="img" /></a> </p> <p><span class="text3">Abstract Render</span><br /> <span class="text4">Nice photomanipulation</span></p> <p class="text5">Lorem ipsum dolor sit amet, con- sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut</p> </div> <div class="grid_3"><p><a target="_blank" href=""><img src="03.png" alt="img" /></a></p> <p><span class="text3"> Spring Bird</span> <br /> <span class="text4">Explosure of color and ideas</span></p> <p class="text5">Lorem ipsum dolor sit amet, con- sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut</p> </div> <div class="grid_3"><p><a target="_blank" href=""><img src="04.png" alt="img" /></a></p> <p><span class="text3">Living Paints</span><br /> <span class="text4">Really alive pictures</span></p> <p class="text5">Lorem ipsum dolor sit amet, con- sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut</p> </div> </div></div> <div id="about"><div class="container_16"><div class="grid_16 about"></div><div class="grid_4"> <p class="text6">ABOUT ME</p> <p class="text7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulpu</p></div> <div class="grid_4"> <p class="text6">LATEST TWEETS</p> <div class="grid_1 alpha"><img src="07.png" alt="img" /></div> <div class="grid_3 omega"><span class="text8"><a target="_blank" href="index" class="href">@csscreme</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</span><br /> <span class="text9"><a target="_blank" href="index" class="href">about an hour ago</a></span><br /><img src="081.png" alt="img" /></div> <div class="grid_1 alpha"><img src="07.png" alt="img" /></div> <div class="grid_3 omega"><span class="text8"><a target="_blank" href="index" class="href">@johnsmithdesign</a> Ut wisi enim ad minim veniam, quis nostrud exerci tation </span><br /><span class="text9"><a target="_blank" href="index" class="href">about an hour ago</a></span></div></div> <div class="grid_4"><p class="text6">RELATED LINKS</p> <p class="text9"><a target="_blank" href="index" class="href">Graphic Design Blog</a><br /><br /><img src="09.png" alt="img" /></p> <p class="text9"><a target="_blank" href="index" class="href">Web Design Resources</a><br /><br /><img src="09.png" alt="img" /></p> <p class="text9"><a target="_blank" href="index" class="href">The Best Frameworks</a><br /><img src="09.png" alt="img" /></p> <p class="text9"><a target="_blank" href="index" class="href">Mark Up Tutorials </a><br /><img src="09.png" alt="img" /></p></div> <div class="grid_4"><p class="text6">FLICKR PHOTOS</p> <p><a target="_blank" href=""><img class="img1" src="10.png" alt="img" /></a><a target="_blank" href=""><img class="img1" src="11.png" alt="img" /></a><a target="_blank" href=""><img src="12.png" alt="img" /></a></p> <p><a target="_blank" href=""><img class="img1" src="13.png" alt="img" /></a><a target="_blank" href=""><img class="img1" src="14.png" alt="img" /></a><a target="_blank" href=""><img src="15.png" alt="img" /></a></p></div> </div></div> <div id="footer"><div class="container_12"> <div class="grid_3 suffix_6"><p class="text10">© 2001-2011 All Rights Reserved  Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a></p></div> <div class="grid_3 fto"> </div></div></div> </body> </html>

评论收藏

内容反馈

版权申诉