深蓝色简洁标准博客模板_深蓝蓝色简洁标准博客头部白色web20漂亮.rar资源-CSDN文库

共22个文件

jpg：8个

gif：5个

html：5个

版权申诉

186 浏览量 2021-11-06 12:48:02 上传评论收藏 199KB RAR 举报

标题中的“深蓝色简洁标准博客模板”指的是一个设计精良的博客主题，它采用深蓝色作为主色调，强调简洁和标准化的设计风格。这样的模板通常旨在提供一个清晰、易读且吸引人的界面，使得博客内容能够突出，同时也为读者提供良好的浏览体验。深蓝色常被视为专业和信任的象征，适合用于各种主题的博客，无论是个人日志、科技资讯还是商业内容。描述中的“深蓝蓝色简洁标准博客头部白色 web20 漂亮”是对模板特征的进一步细化。这里的“深蓝蓝色”再次强调模板的色彩设计，深蓝色可能被用作背景或主要元素，而“简洁标准”则意味着设计遵循了通用的网页设计原则，易于理解和使用。“头部”通常指的是博客页面顶部的区域，可能包含导航菜单、logo或者特色内容，这部分在设计上应该是引人注目的。“白色”可能是作为对比色使用，用于文本或高亮部分，提供良好的可读性。“web2.0”是一种设计风格，强调互动性、美观和现代感，常常伴有光滑的图形效果和动态元素。“漂亮”则表明这个模板在视觉上是吸引人的。考虑到标签为空，我们无法获取更多特定的关键词来扩展讨论。然而，从压缩包子文件的文件名称来看，与标题完全一致，我们可以推测这个压缩包包含了整个博客模板的全部资源，如HTML文件、CSS样式表、JavaScript脚本、图片和其他可能的多媒体元素，它们都是构建和展示这个深蓝色简洁标准博客模板所必需的。博客模板的设计对于博主来说至关重要，因为它不仅决定了博客的整体外观，还影响着用户对博客的第一印象和使用体验。一个优秀的博客模板应该具备响应式设计，适应不同设备的屏幕尺寸；易用的导航结构，帮助用户快速找到他们感兴趣的内容；以及合理的配色方案，确保内容的可读性和视觉舒适度。在使用这个深蓝色简洁标准博客模板时，博主可以根据自己的需求进行定制，例如替换logo、调整字体样式、添加自定义功能等，以使其更符合个人品牌或者博客的主题。同时，优化SEO（搜索引擎优化）也是不可忽视的步骤，通过合理地设置标题、元描述和关键词，可以提高博客在搜索引擎中的可见性，从而吸引更多的访问者。这个深蓝色简洁标准博客模板提供了一个专业且美观的基础框架，博主只需在此基础上进行个性化调整，就可以创建出一个既吸引人又实用的在线空间。无论是新手还是经验丰富的博主，都可以从这个模板中受益，快速启动并运行自己的博客。

资源推荐

资源详情

资源评论

收起资源包目录

深蓝色简洁标准博客模板_深蓝蓝色简洁标准博客头部白色 web20 漂亮.rar （22个子文件）

深蓝色简洁标准博客模板_深蓝蓝色简洁标准博客头部白色 web20 漂亮

xhtmldream

html

style.css 5KB

support.html 7KB

cuf_run.js 59B

arial.js 454KB

cufon-yui.js 18KB

index.html 8KB

contact.html 6KB

about.html 7KB

images

img_2.jpg 7KB

gallery_4.jpg 2KB

gallery_6.jpg 2KB

gallery_5.jpg 2KB

footer_bg.gif 1KB

gallery_3.jpg 2KB

userpic.gif 943B

main_bg.gif 65KB

submit.gif 654B

spacer.gif 43B

gallery_1.jpg 2KB

gallery_2.jpg 2KB

img_1.jpg 8KB

blog.html 8KB

<!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/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"><small>Put your best slogan here</small><span>web</span>business</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 class="last"><a href="contact.html">Contact Us</a></li> </ul> </div> </div> </div> <div class="clr"></div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <h2><span>Template License</span></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>This is a free CSS website template by <a href="http://www.freewebsitetemplatez.com/" title="moobnn.com">FreeWebsiteTemplateZ.com</a>. This work is distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to <a href="http://www.freewebsitetemplatez.com/" title="moobnn.com">FreeWebsiteTemplateZ.com</a>.</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"> <h2 class="star"><span>Sidebar</span> Menu</h2> <div class="clr"></div> <ul class="sb_menu"> <li><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><a href="http://www.dreamtemplate.com" title="moobnn.com">DreamTemplate</a><br /> Over 6,000+ Premium Web Templates</li> <li><a href="http://www.templatesold.com" title="WordPress Themes">TemplateSOLD</a><br /> Premium WordPress & Joomla Themes</li> <li><a href="http://www.imhosted.com" title="Affordable Hosting">ImHosted.com</a><br /> Affordable Web Hosting Provider</li> <li><a href="http://www.myvectorstore.com" title="Stock Icons">MyVectorStore</a><br /> Royalty Free Stock Icons</li> <li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft</a><br /> Website Builder Software & Tools</li> <li><a href="http://www.csshub.com/" title="CSS Templates">CSS Hub</a><br /> Premium CSS Templates</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/gallery_1.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_2.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_3.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_4.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_5.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_6.jpg" width="58" height="58" alt="pix" /></a> </div> <div class="col c2"> <h2><span>Lorem Ipsum</span></h2> <p>Lorem ipsum dolor<br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, 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.</p> </div> <div class="col c3"> <h2><span>Contact</span></h2> <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui. Nulla pharetra, mauris vitae interdum dignis

评论收藏

内容反馈

版权申诉