<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name" />
<link rel="stylesheet" type="text/css" href="daleri-structure.css" title="Daleri Structure" media="screen,projection" />
<title>Daleri Structure v1.0</title>
</head>
<body>
<div id="top">
<p>Skip to: <a href="#content">content</a> | <a href="#sidebar">sidebar</a></p>
</div>
<div id="wrap">
<div id="header">
<div id="sitetitle">
<h1><a href="index.html">Daleri Structure v1.0</a></h1>
<p><strong>- A free website template -</strong></p>
</div>
<div id="mainmenu">
<dl class="nav">
<dt><a href="#">Main pages</a></dt>
<dd><a href="#">Blog</a></dd>
<dd><a href="#">Archives</a></dd>
<dd><a href="#">Categories</a></dd>
<dd><a href="#">Tags</a></dd>
</dl>
<dl class="nav">
<dt><a href="#">Blog topics</a></dt>
<dd><a href="#">Web design</a></dd>
<dd><a href="#">Accessibility</a></dd>
<dd><a href="#">CMS solutions</a></dd>
<dd><a href="#">Templates</a></dd>
</dl>
<dl class="nav">
<dt><a href="#">Extras</a></dt>
<dd><a href="#">Music archive</a></dd>
<dd><a href="#">Photo gallery</a></dd>
<dd><a href="#">Poems and lyrics</a></dd>
<dd><a href="#">Digital art</a></dd>
</dl>
<dl class="nav">
<dt><a href="#">Community</a></dt>
<dd><a href="#">Guestbook</a></dd>
<dd><a href="#">Members</a></dd>
<dd><a href="#">Link collection</a></dd>
<dd><a href="#">Sitemap</a></dd>
</dl>
</div>
<hr class="clear" />
</div>
<div id="headline">
<p>Space for advertisements, additional navigation, news headlines or other highlighted content. Easy to remove if not wanted.</p>
</div>
<div id="content">
<h2><a href="#">Introducing: Daleri Structure!</a></h2>
<p class="introtext">This is Daleri Structure, a free XHTML/CSS design in the "Daleri" website template series by Andreas Viklund. The template was created with categorized content in mind, and it provides site owners with a number of different ways to organize the site structure.</p>
<p>The main navigation is created with definition lists, and the menu can be expanded to contain more links if needed. You can also use the main menu as an overview or a basic sitemap, and expand the site with subpages using the sidebar buttons or regular link lists. On sites with fewer pages, the definition list menu can be removed and replaced with an ad banner (600px wide) or a large logo. You can also place a horizontal text link menu in the the gray space between the header and the content, just to give another example. Feel free to experiment with the spaces to find your own preferred structure.</p>
<div class="left">
<h3>Template copyright and usage rights</h3>
<p>Like all my <a href="http://andreasviklund.com/templates/">XHTML/CSS templates</a>, this template is completely free to download, free to use and free to modify in any way you may want to - without any limitations or obligations. I kindly ask you to keep the original design credits and the link to my website in the footer since it is a good way to support my template design work, but it is no requirement.</p>
<p>If you find this template useful, then I would recommend visiting <a href="http://andreasviklund.com/">my website</a> every now and then, as you will be able to find more free templates there, along with useful tools and services that make it even easier to build complete, high-quality websites using website templates as starting points.</p>
</div>
<div class="right textleft">
<p><img src="images/logo.jpg" width="340" height="182" alt="Sample image" /><br />
Professional template customization services are available. <a href="http://andreasviklund.com/" title="Professional template support and customization">Contact me</a> for rates and availability.</p>
</div>
<hr class="clear" />
</div>
<div id="sidebar">
<h2>Your own structure...</h2>
<p>Space for presentation, advertisements or extras - or maybe additional navigation links? You decide!</p>
<h2>Sample button menu</h2>
<ul class="sidemenu">
<li><a href="#">First page</a></li>
<li><a href="#">Second page</a></li>
<li><a href="#">Third page with subpages</a>
<ul>
<li><a href="#">First subpage</a></li>
<li><a href="#">Second subpage</a></li>
</ul>
</li>
<li><a href="#">Fourth page</a></li>
</ul>
<h2>Sample links</h2>
<ul>
<li><a href="http://andreasviklund.com/templates/">Free website templates</a></li>
<li><a href="http://andreasviklund.com/wordpress-themes/">WordPress themes</a></li>
<li><a href="http://andreasviklund.com/contact/">Your link here?</a></li>
</ul>
</div>
<p class="hide"><a href="#top">Return to top</a></p>
<hr class="clear" />
</div>
<div id="footer">
<div class="left">
<p>© 2010 <a href="http://www.moobnn.com">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a><br />
Template design from <a href="http://www.moobnn.com/">moobnn.com</a></p>
</div>
<div class="right">
<p>Sample footer menu: <a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a></p>
<p class="hide"><a href="#top">Return to top</a></p>
</div>
</div>
</body>
</html>
黑色个人博客模板02_黑色二栏博客背景.rar
需积分: 0 115 浏览量
更新于2023-09-11
收藏 18KB RAR 举报
"黑色个人博客模板02_黑色二栏博客背景.rar" 提供的是一个以黑色为主题的个人博客设计模板，其中包含了一个具有两侧栏布局的背景。这种模板通常用于创建个性化的在线日志或个人网站，它以深色为主色调，能够营造出独特且低调的视觉效果。
中的"html"表明这个模板基于HTML（超文本标记语言）构建，这是一种网页制作的基础语言，用于定义页面结构和内容。HTML文件是网页的核心，它们包含了文字、图像、链接等元素的标记，浏览器解析这些标记后呈现网页内容。
"html 毕业论文"暗示这个模板可能特别适用于那些正在撰写毕业论文的学生。在学术环境中，个人博客可以用来展示研究工作、分享研究成果或者作为个人学术资料的入口。使用这样的HTML模板，学生可以快速构建一个专业且有个人风格的在线平台，以辅助他们的学术交流和展示。
【压缩包子文件的文件名称列表】揭示了模板的主要组成部分：
1. **daleri-structure.css** - 这是一个CSS（层叠样式表）文件，负责定义模板的样式和布局。CSS与HTML分离，使得设计更易于管理和维护。"daleri-structure"可能是指模板的特定设计风格，包括颜色、字体、边距、布局等。
2. **bodybg.gif** - 这是一个背景图像文件，可能是用于博客主体部分的背景。GIF是一种支持动画的图像格式，但也常用于存储单帧透明图像，可能在这份模板中提供了黑色背景的某些视觉效果。
3. **index.html** - 这是网站的主页文件。在HTML结构中，"index"通常是默认加载的页面，用户在访问网站时首先看到的就是这个文件。
4. **logo.jpg** - 这是网站的标志或LOGO图片，用于识别和品牌建设。LOGO通常位于页面的显著位置，如页头，帮助用户快速识别网站。
综合以上信息，我们可以了解到这是一个基于HTML和CSS构建的个人博客模板，主要特点是黑色主题和双栏布局。它适合学生用于创建个人学术博客，其中的CSS文件控制着整体风格，背景图像和LOGO为网站增添视觉吸引力，而主页HTML文件则承载着网站的核心内容。通过自定义和编辑这些文件，用户可以根据自己的需求调整模板，打造独一无二的个人在线空间。
黑色个人博客模板02_黑色二栏博客背景.rar （4个子文件） 
bodybg.gif 1KB
index.html 6KB
daleri-structure.css 5KB
logo.jpg 13KB资源评论
Q_97095639
- 粉丝: 448
- 资源: 1万+
最新资源
- CO2半自动焊接小车在电力变压器油箱制造中的应用.pdf
- CO2焊接飞溅产生原因与防止方法探究.pdf
- CO2焊接在起重机轨道焊接中的应用.pdf
- 基于智慧医疗系统—全部资料+高分项目+详细文档.zip
- 基于智慧医院信息管理系统HIS 全部资料+高分项目+详细文档.zip
- CO2气体保护焊横焊接头无损检测方法研究.pdf
- CO2气保焊机与焊接工艺参数的匹配.pdf
- CO2气体保护焊焊接工艺试验与应用.pdf
- 基于智慧园区管理系统：基于园区业务，深度挖掘流程与系统的关键结合点，发挥互联网的优势，系统主要实现园区的资产管理，企业服务及档案管理，园区的活动及商城的搭建。全部资料+高分项目+详细文档.zip
- Cr25Ni20耐热不锈钢的焊接工艺 - .pdf
- 基于智慧园区 园区大脑-平台管理系统全部资料+高分项目+详细文档.zip
- CRHl型动车组构架焊接制造工艺分析 - .pdf
- CRH350横梁管和连接座选材与OTC机械手焊接工艺分析 - .pdf
- CR技术在超薄焊接结构件中的研究与应用.pdf
- CSA W47.1-1992 中文版 钢结构熔化焊的公司资格 焊接.pdf
- CT20低温钛合金氩弧焊接接头显微组织及性能 - .pdf
