<!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" xml:lang="en" lang="en">
<head>
<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="images/HarvestField.css" type="text/css" />
<title>HarvestField</title></head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="index.html" title="">Harvest<span>field</span></a></h1>
<p id="slogan">put your site slogan here...</p>
<div id="header-links">
<p>
<a href="index.html">Home</a> |
<a href="index.html">Contact</a> |
<a href="index.html">Site Map</a>
</p>
</div>
<!--header ends-->
</div>
<!-- navigation starts-->
<div id="nav">
<div id="light-brown-line"></div>
<ul>
<li id="current"><a href="index.html">Home</a></li>
<li><a href="index.html">Archives</a></li>
<li><a href="index.html">Downloads</a></li>
<li><a href="index.html">Services</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
<!-- navigation ends-->
</div>
<!-- content-wrap starts -->
<div id="content-wrap">
<div id="main">
<a name="TemplateInfo"></a>
<h2><a href="index.html">Template Info</a></h2>
<p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a> </p>
<p><strong>HarvestField</strong> is a free, W3C-compliant, CSS-based website template
by <a href="http://www.moobnn.com/">styleshout.com</a>. This work is
distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to
use and modify it for any purpose. All I ask is that you give me credit by including a <strong>link back</strong> to
<a href="http://www.moobnn.com/">my website</a>.
</p>
<p>
You can find more of my free template designs at <a href="http://www.moobnn.com/">my website</a>.
For premium commercial designs, you can check out
<a href="#" title="Website Templates">DreamTemplate.com</a>.
</p>
<p class="post-meta">
<a href="index.html" class="readmore">Read more</a> |
<a href="index.html" class="comments">Comments (7)</a> |
<span class="date">June 30, 2007</span>
</p>
<a name="SampleTags"></a>
<h2><a href="index.html">Sample Tags</a></h2>
<h3>Code</h3>
<p><code>
code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
}
</code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p></blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>
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>
<h3>Table Styling</h3>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="index.html">Augue non nibh</a></td>
<td><a href="index.html">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="index.html">Fusce ut diam bibendum</a></td>
<td><a href="index.html">Purus in eget odio in sapien</a></td>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="index.html">Maecenas et ipsum</a></td>
<td><a href="index.html">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="index.html">Sed vestibulum blandit</a></td>
<td><a href="index.html">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
<!-- main ends -->
</div>
<div id="sidebar">
<h3>Search Box</h3>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h3>Sidebar Menu</h3>
<ul class="sidemenu">
<li><a href="index.html">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="http://www.moobnn.com/">More Free Templates</a></li>
<li><a href="#" title="Web Templates">Web Templates</a></li>
</ul>
<h3>Links</h3>
<ul class="sidemenu">
<li><a href="http://www.pdphoto.org/">PDPhoto.org</a></li>
<li><a href="http://www.squidfingers.com/patterns/">Squidfingers | Patterns</a></li>
<li><a href="http://www.alistapart.com">Alistapart</a></li>
<li><a href="http://www.cssmania.com">CSS Mania</a></li>
</ul>
<h3>Sponsors</h3>
<ul class="sidemenu">
<li><a href="#" title="Website Templates">
<strong>DreamTemplate</strong></a> <br /> Over 6,000+ Premium Web Templates</li>
<li><a href="#" title="WordPress Themes">
<strong>ThemeLayouts</strong></a> <br /> Premium WordPress & Joomla Themes</li>
<li><a href="#" title="Website Hosting">
<strong>ImHosted.com</strong></a> <br /> Affordable Web Hosting Provider</li>
<li><a href="#" title="Stock Photos">
<strong>Dreamstock</strong></a> <br /> Download Amazing Stock Photos</li>
<li><a href="#" title="Website Builder">
<strong>Evrsoft</strong></a> <br /> Website Builder Software & Tools</li>
<li><a href="#" title="Web H
简单纯色个人技术博客模板_简单纯色个人技术博客棕色.rar
需积分: 0 16 浏览量
更新于2023-09-12
收藏 18KB RAR 举报
标题中的“简单纯色个人技术博客模板_简单纯色个人技术博客棕色.rar”指的是一个用于创建个人技术博客的模板,其特色是设计简洁且颜色单一,主要色调为棕色。这个压缩包包含了一系列文件,用于构建一个具有专业外观和技术感的博客网站。
1. **HTML**: 描述中提到的“html”表明这个模板基于HTML(超文本标记语言)构建。HTML是网页设计的基础,用于定义页面结构和内容。在这个模板中,HTML文件(可能是index.html)将包含博客的主体内容,如文章、导航链接和页脚信息。
2. **CSS 文件**:
- `HarvestField.css`: 这是一个CSS(层叠样式表)文件,用于定义博客的样式,包括字体、颜色、布局和各种元素的样式。`HarvestField`可能是指设计主题或者特定的样式集。
3. 图像资源:
- `headerbg.jpg`: 这张图片是博客头部的背景,可能包含logo或标题栏的设计。
- `firefox-gray.jpg`: 可能是浏览器图标或者与浏览器相关的图形元素,灰色调可能代表它在设计中的低调应用。
- `menupointer.jpg`: 这可能是一个菜单项的悬停效果图像,用于提示用户当前鼠标所在的位置。
- `contentbg.jpg`: 这是内容区域的背景图像,可能用于区分主要内容与其他部分。
- `bg.jpg`: 可能是整个页面的通用背景图像,或者是某个特定部分的背景。
4. 其他文件:
- `Thumbs.db`: 这个文件通常是由Windows系统自动生成的,用于存储图片缩略图的缓存,对于用户直接查看压缩包内的图片有所帮助。
- `bullet.gif`: 这可能是一个用于列表或其他项目符号的gif图像,给博客内容添加视觉效果。
- `footer-dots.gif`: 底部的点状图像,可能用于装饰页脚或分隔不同的链接和信息。
这个压缩包提供了一个完整的HTML博客模板,通过HTML文件和CSS样式来组织和呈现内容,同时配以一系列图像资源来提升用户体验和视觉吸引力。用户只需将自己的技术文章内容替换到模板中相应的位置,就可以快速创建一个个性化的技术博客。