绿色漂亮个性企业模板_绿色漂亮个性企业博客大图展示灰色web20头部.rar资源-CSDN文库

共27个文件

jpg：9个

gif：7个

js：5个

版权申诉

41 浏览量 2021-11-06 12:50:08 上传评论收藏 222KB RAR 举报

该压缩包文件“绿色漂亮个性企业模板_绿色漂亮个性企业博客大图展示灰色 web20 头部.rar”内包含的资源是一个设计精美的企业网站模板，适合用于创建具有个性化风格的企业或博客站点。模板的设计主题以绿色为主色调，结合灰色元素，呈现出一种清新、专业且不失时尚感的视觉效果。"Web2.0"标签暗示了此模板采用了现代网页设计的风格，注重用户体验和交互性。我们要了解Web2.0的概念。Web2.0是互联网发展的一个阶段，强调用户参与、互动和内容共享。这一概念下的网站设计通常包括动态界面、社交媒体整合、富媒体内容以及更友好的用户体验。因此，这个模板可能包含了响应式布局、Ajax技术、社交媒体图标以及便于用户交互的功能。从描述中我们可以推测，这个模板可能具有以下特点： 1. **大图展示**：模板可能包含大型背景图像或滑动图片展示区，用于吸引用户的注意力，突出品牌形象或产品特色。 2. **个性化设计**：每个企业都有其独特的品牌和理念，这个模板通过绿色和灰色的搭配，提供了一种与众不同的视觉体验，让网站更具辨识度。 3. **头部设计**：提到“web2.0头部”，可能意味着头部区域包含有动态效果、导航菜单、logo以及符合Web2.0标准的交互元素，如下拉菜单和触控响应等。 4. **适合企业与博客**：模板可能同时支持企业的信息展示和博客功能，方便发布新闻动态、公司介绍、产品信息等内容，提升网站的多功能性和信息传递效率。在构建网站时，利用这样的模板可以大大节省设计时间，并提供一个良好的起点。使用该模板时，用户需要将自定义的内容替换到预设的占位符中，如公司名称、logo、产品图片、联系方式等。同时，为了适应不同设备的显示，可能还需要调整模板的响应式设置，确保在手机和平板等移动设备上也能有良好的浏览体验。这个绿色、漂亮、个性化的Web2.0企业模板为企业和个人博客提供了快速建立专业在线形象的工具。通过合理地利用模板中的各种设计元素和功能，用户可以创建一个既美观又实用的网站，有效传达品牌信息，吸引并留住访客。在实际应用中，还可以根据具体需求进行定制化修改，以满足更加个性化的网站需求。

资源推荐

资源详情

资源评论

收起资源包目录

绿色漂亮个性企业模板_绿色漂亮个性企业博客大图展示灰色 web20 头部.rar （27个子文件）

绿色漂亮个性企业模板_绿色漂亮个性企业博客大图展示灰色 web20 头部

vertigo

html

style.css 5KB

support.html 8KB

cuf_run.js 59B

jquery-1.3.2.min.js 56KB

arial.js 454KB

cufon-yui.js 18KB

script.js 181B

index.html 9KB

contact.html 7KB

about.html 8KB

images

pic_5.jpg 3KB

images_2.jpg 46KB

commnet_bg.gif 183B

fbg_bg.jpg 2KB

pic_6.jpg 3KB

pic_3.jpg 3KB

pic_2.jpg 2KB

header_bg.gif 70B

pic_4.jpg 3KB

search.gif 704B

pic_1.jpg 2KB

userpic.gif 943B

fbg_line.gif 130B

submit.gif 654B

spacer.gif 43B

images_1.jpg 29KB

blog.html 9KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>moobnn.com 模板在线,网站模板,Div+CSS模板</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/script.js"></script>  <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/arial.js"></script> <script type="text/javascript" src="js/cuf_run.js"></script>  </head> <body> <div class="main"> <div class="header"> <div class="header_resize"> <div class="logo"> <h1><a href="index.html">Youbi<span>Z</span><small>Simple web template</small></a></h1> </div> <div class="menu_nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="support.html">Support</a></li> <li><a href="about.html">About Us</a></li> <li class="active"><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> <div class="clr"></div> <div class="hbg"><img src="images/header_images.jpg" width="321" height="178" alt="header images" class="fl" /> <h3>hot proposition</h3> <p><strong>Beautiful templates </strong></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac magna a turpis ornare aliquam id hendrerit nisl. Pellentesque adipiscing blandit mollis. Curabitur varius est et sem rhoncus et pretium massa molestie. </p> <div class="clr"></div> </div> </div> <div class="clr"></div> </div> <div class="content"> <div class="mainbar"> <div class="article"> <h2><span>A Blog</span> Entry</h2><div class="clr"></div> <p>Posted by <a href="#">Owner</a> <span> • </span> Filed under <a href="#">templates</a>, <a href="#">internet</a></p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. </p> <p>Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a href="#">turpis</a></p> <p><a href="#"><strong>Comments (3)</strong></a> <span> • </span> May 27, 2010 <span> • </span> <a href="#"><strong>Edit</strong></a></p> </div> <div class="article"> <h2><span>3</span> Responses</h2><div class="clr"></div> <div class="comment"> <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="user" class="userpic" /></a> <p><a href="#">admin</a> Says:<br />April 20th, 2009 at 2:17 pm</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.</p> </div> <div class="comment"> <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="user" class="userpic" /></a> <p><a href="#">Owner</a> Says:<br />April 20th, 2009 at 3:21 pm</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p> </div> <div class="comment"> <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="user" class="userpic" /></a> <p><a href="#">admin</a> Says:<br />April 20th, 2009 at 2:17 pm</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.</p> </div> </div> <div class="article"> <h2><span>Leave a</span> Reply</h2><div class="clr"></div> <form action="#" method="post" id="leavereply"> <ol><li> <label for="name">Name (required)</label> <input id="name" name="name" class="text" /> </li><li> <label for="email">Email Address (required)</label> <input id="email" name="email" class="text" /> </li><li> <label for="website">Website</label> <input id="website" name="website" class="text" /> </li><li> <label for="message">Your Message</label> <textarea id="message" name="message" rows="8" cols="50"></textarea> </li><li> <input type="image" name="imageField" id="imageField" src="images/submit.gif" class="send" /> <div class="clr"></div> </li></ol> </form> </div> </div> <div class="sidebar"> <div class="gadget"> <div class="search"> <form method="get" id="search" action=""> <span> <input type="text" value="Search..." name="s" id="s" /> <input name="searchsubmit" type="image" src="images/search.gif" value="Go" id="searchsubmit" class="btn" /> </span> </form>  <div class="clr"></div> </div> </div> <div class="gadget"> <h2 class="star"><span>Sidebar</span> Menu</h2> <div class="clr"></div> <ul class="sb_menu"> <li class="active"><a href="#">Home</a></li> <li><a href="#">TemplateInfo</a></li> <li><a href="#">Style Demo</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Archives</a></li> <li><a href="http://www.dreamtemplate.com" title="moobnn.com">Web Templates</a></li> </ul> </div> <div class="gadget"> <h2 class="star"><span>Sponsors</span></h2> <div class="clr"></div> <ul class="ex_menu"> <li class="active"><a href="http://www.dreamtemplate.com/">DreamTemplate<br /> Over 6,000+ Premium Web Templates</a></li> <li><a href="http://www.themelayouts.com/">ThemeLayouts<br /> Premium WordPress & Joomla Themes</a></li> <li><a href="http://www.imhosted.com/">ImHosted.com<br /> Affordable Web Hosting Provider</a></li> <li><a href="http://www.dreamstock.com/">DreamStock<br /> Unlimited Amazing Stock Photos</a></li> <li><a href="http://www.evrsoft.com/">Evrsoft<br /> Website Builder Software & Tools</a></li> <li><a href="http://www.csshub.com/">CSS Hub<br /> Premium CSS Templates</a></li> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image Gallery</span></h2> <a href="#"><img src="images/pic_1.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/pic_2.jpg" width="58" height="58" alt="pix" /></a

评论收藏

内容反馈

版权申诉