⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 index.htm

📁 原创的CSS+DIV纯静态网页模板
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0018)http://justbib.be/ -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>website </TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="ash"  name=description>
<META content="ash" name=keywords><LINK 
href="hoofd.css" type=text/css rel=stylesheet>
<LINK href="home.css" type=text/css rel=stylesheet>
<LINK href="tabcss.css" type=text/css rel=stylesheet>
<LINK href="favicon.ico" rel="shortcut icon"><LINK title="Laatste nieuws" href="#" 
type=application/rss+xml rel=alternate><LINK title="Nieuwe aanwinsten" 
href="#" type=application/rss+xml 
rel=alternate><LINK title=Leestips 
href="#" type=application/rss+xml 
rel=alternate><LINK title="Leestips" 
href="#" type=application/rss+xml 
rel=alternate>
<META content="MSHTML 6.00.2900.2995" name=GENERATOR>
<style type="text/css">
<!--
body,td,th {
	font-family: 宋体;
}
.style2 {
	font-size: 12px;
	color: #666666;
}
.style3 {color: #FF3300}
.style9 {font-size: 12px}
.style10 {font-size: 12}
.style11 {
	font-size: 14;
	font-weight: bold;
	color: #FF3300;
}
.style12 {color: #FF3333}
.style14 {color: #333333}
-->
</style>

</HEAD>
<BODY>
<DIV id=header>

<DIV class=container>
<DIV class="container" id=opening><SPAN>HOME | RSS | CONNECT </SPAN></DIV>
<DIV id=logo><A title="Terug naar beginpagina" 
href="#"><SPAN>Juul Stinissen bibliotheek Peer</SPAN></A></DIV>
<UL id=menu>
  <LI class=actief><A title=Welkom 
  href="index.htm"><SPAN>首页</SPAN></A></LI>
  <LI><A title=Jeugd 
  href="#"><SPAN>酷站欣赏</SPAN></A> </LI>
  <LI><A title=Volwassenen 
  href="#"><SPAN>学习手册</SPAN></A> 
  </LI>
  <LI><A title=Agenda href="#"><SPAN>资源下载</SPAN></A> 
  </LI>
  <LI><A title=Catalogus 
  href="#"><SPAN>本站作品</SPAN></A> </LI>
  <LI><A title="Mijn bibliotheek" href="#"><SPAN>留言本</SPAN></A></LI>
  <LI><A title=Informatie 
  href="#"><SPAN>关于本站</SPAN></A> </LI>
</UL><BR class="clear"></DIV>
<SCRIPT language="javascript"  src="js.js"></SCRIPT>  
</DIV>
<DIV id=inleiding>
<DIV class=container>
<DIV class=kalender>
<UL>
  <LI><A class=einde title="Lees meer over Zomer van het spannende boek" 
  href="#"><SPAN>20/10</SPAN><span class="style3"><strong><img src="142.gif" width="24" height="15" border="0"></strong></span>CSS控制输入框悬停交</A><span class="style3"></span><span class="style3"></span><span class="style3"></span><span class="style3"></span>
  <LI><A title="Lees meer over Luc Descamps" 
  href="#"><SPAN>12/10</SPAN> CSS布局自适应高度解决方法 </A>
  <LI><A title="Lees meer over Luc Descamps" 
  href="#"><SPAN>12/10</SPAN> @import的最优写法 </A> 
  <LI><A title="Lees meer over Verwendag" 
  href="#"><SPAN>13/10</SPAN> 常用的CSS长度单位 </A>
  <LI><A title="Lees meer over Advocaat gevraagd?" 
  href="#"><SPAN>13/10</SPAN> DIV和TABLE共存  

</A><A title="Lees meer over Advocaat gevraagd?" 
  href="#"><SPAN>13/10</SPAN> DIV和TABLE共存 </A><A title="Lees meer over Advocaat gevraagd?" 
  href="#"><SPAN>13/10</SPAN> DIV和TABLE共存 </A><A title="Lees meer over Luc Descamps" 
  href="#"><SPAN>12/10</SPAN> CSS布局自适应高度解决方法 </A><A title="Lees meer over Luc Descamps" 
  href="#"><SPAN>12/10</SPAN> CSS布局自适应高度解决方法 </A></LI>
  <LI><span class="style3"></span></LI>
</UL>
</DIV>
<DIV class=beeld></DIV>
<DIV class=highlight>
  <script type="text/javascript">
 </script>
</div>
</DIV>
<BR 
class=clear>
</DIV></DIV>
<DIV id=inhoud>
<DIV class=container>
<DIV id=submenu>
  <p><a href="#"><IMG 
src="lesycr.jpg" alt="" width="200" height="150" border="0" class=foto></a></p>
  <p>&nbsp;</p>
  <DIV id=stad><A title="Stad Peer" href="#"><SPAN>Stad 
Peer</SPAN></A></DIV>
<DIV class=spannend>
<P>De <STRONG>Zomer van het spannende boek</STRONG>, het ideale ogenblik om eens 
lekker bij te lezen. Van 21 juni tot en met 20 september.</P></DIV></DIV>
<DIV id=contents>
<H1> <span class="style3"><strong><A title=Jeugd 
  href="#"><SPAN><img src="arrow_fulltime.jpg" width="13" height="13">酷站欣赏</SPAN></A> <img src="142.gif" width="20" height="10"></strong></span></H1>
<H1><span class="style2"> <span class="style3"><strong><a href="#" class="style3"><u>Lesycr</u></a></strong></span>：<span class="style14">以绿色为主色调，辅以绿色的深浅变化，以及类比色彩的运用，色彩丰富而又不致繁乱  运用和导航栏结合的大图片，使主题更突出，导航更清晰小细节有时能起到画龙点睛的作用，例如内页内容右下角的那颗松树球小细节有时能起到画龙点睛的作用，例如内页内容右下角的那颗松树球再来具体分析一下导航栏。大家看这个网站的导航栏效果，可能会误以为导航只是图片吧 </span></span><span class="style14"><a href="#"> ...</a> </span></H1>
<P>&nbsp;</P>
<H1 class="style3 style11"><A title="Lees meer over Muziekarchief.be" 
href="#"><u><span class="style3">Muz</span><span class="style12">iekarchief.be</span></u></A></H1>
<P><SPAN class=toegevoegd>04/09</SPAN><span class="detail"><span class="style14"> 
 首页简洁大方，可以说是一个标准的商业网站设计：

 



 内页的LOGO和“联系我们”链接、导航栏样式、页面背景、页面底端的版权申明等，与首页基本相同，这些风格或相同相近的内容，保证了网站整体风格的统一。导航栏下方醒目的大图，让用户直观感受到每个页面的主题。主要内容采用三栏式布局，左边是栏目标题及子栏目的链接，中间是页面的主要内容，右侧是一些相关文档的下载和其他常用链接。</span><BR>
</span></P>
<H1><img src="aarow_shenzhen.jpg" width="13" height="13"><strong>最新留言</strong></H1>
<UL>
  <LI><u><a href="#">留言留言留言留言留言留言留言留言</a>  </u>
  <LI><u><a href="#">留言留言留言留言
  </a></u>
  <LI><u><a href="#">留言留言留言留言留言留言留言留言
  </a> </u>
  <LI><u><a href="#">留言留言留言留言留言留言留言留言</a>  </u>
  <LI><u><a href="#">留言留言留言留言留言留言留言留言</a></u> </LI>
</UL>
</DIV>
<DIV id=sidebar>
<H1><img src="aarow_shenzhen.jpg" width="13" height="13"><strong>资源下载</strong></H1>
<DIV class=aanwinst>
<DIV class=beeld><a title="Bekijk Jeugd non fictie in onze catalogus" 
href="#"><img 
src="2007061922201741.jpg" 
alt="" width="65" height="64" border="0"></a> 
</DIV>
<DIV class=detail>
<H6><span class="style9"><A title="Toon aanwinsten van het materiaal Boek" 
href="#">素材</A> / <A 
title="Toon aanwinsten uit het genre Jeugd Fictie" 
href="#">常用小图标</A><span class="style3"><strong><img src="142.gif" width="20" height="10"></strong></span></span></H6>
<H3>Jeugd non fictie</H3>
<H4></H4>
<H5></H5></DIV><BR class=clear></DIV>
<DIV class=aanwinst>
<DIV class=beeld><A title="Bekijk Jeugd fictie in onze catalogus" 
href="#"><IMG 
src="2007061922195315.jpg" 
alt="" width="65" height="64" border="0"></A> 
</DIV>
<DIV class=detail>
<H6 class="style10"><span class="style9"><A title="Toon aanwinsten van het materiaal Boek" 
href="#">素材</A> / <A 
title="Toon aanwinsten uit het genre Jeugd Fictie" 
href="#">剪贴画</A></span><span class="style3"><strong><img src="142.gif" width="20" height="10"></strong></span></H6>
<H3>Jeugd fictie</H3>
<H4></H4>
<H5></H5></DIV><BR class=clear></DIV>
<DIV class=aanwinst>
<DIV class=beeld><A title="Bekijk Volwassenen non fictie in onze catalogus" 
href="#"><IMG 
src="2007061922085921.jpg" 
alt="" width="65" height="64" border="0"></A> 
</DIV>
<DIV class=detail>
<H6 class="style9"><A title="Toon aanwinsten van het materiaal Boek" 
href="#">模板</A>/ <A 
title="Toon aanwinsten uit het genre Volwassenen Non Fictie" 
href="#">PSD网站模板</A></H6>
<H3>Volwassenen non fictie</H3>
<H4></H4>
<H5></H5></DIV>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<DIV class=aanwinst>
  <DIV class=beeld><a title="Bekijk Jeugd non fictie in onze catalogus" 
href="#"><img 
src="2007061922201741.jpg" 
alt="" width="65" height="64" border="0"></a> </DIV>
  <DIV class=detail>
    <H6 class="style9"><A title="Toon aanwinsten van het materiaal Boek" 
href="#">模板</A>/ <A 
title="Toon aanwinsten uit het genre Jeugd Non Fictie" 
href="#">CSS网站模板</A></H6>
    <H3>Jeugd non fictie</H3>
    <H4></H4>
    <H5></H5>
  </DIV>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <DIV class=aanwinst>
    <DIV class=beeld><a title="Bekijk Jeugd non fictie in onze catalogus" 
href="#"><img 
src="2007061922201741.jpg" 
alt="" width="65" height="64" border="0"></a> </DIV>
    <DIV class=detail>
      <H6 class="style9"><A title="Toon aanwinsten van het materiaal Boek" 
href="#">BOEK</A> / <A 
title="Toon aanwinsten uit het genre Jeugd Non Fictie" 
href="#">JEUGD NON FICTIE</A></H6>
      <H3>Jeugd non fictie</H3>
      <H4></H4>
      <H5></H5>
    </DIV>
    <BR class=clear>
  </DIV>
  <p>&nbsp;</p>
  <p><BR class=clear>
          </p>
</DIV>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><BR class=clear>
</p>
</DIV></DIV><BR class=clear></DIV>
</DIV>
<DIV id=footer>
<DIV class=container>
<DIV class=k>
<H2>Recente tips </H2>
<UL class=kalender>
  <LI><A title="Lees de tip over Zen e/d kunst v/h motoronderhoud" 
  href="#"><SPAN>24/07</SPAN> Zen e/d kunst v/h 
  motoronderhoud<BR>
  <SPAN class=auteur>Robert M. Pirsing</SPAN></A> 
  <LI><A title="Lees de tip over In Europa" 
  href="#"><SPAN>17/07</SPAN> In Europa<BR>
    <SPAN 
  class=auteur>Geert Mak, reizen dr de 20ste ..</SPAN></A> 
  <LI><A title="Lees de tip over Doodsimpel" 
  href="#"><SPAN>16/07</SPAN> Doodsimpel<BR>
    <SPAN 
  class=auteur>Peter James</SPAN></A> </LI></UL></DIV>
<DIV class=k2>
<H2>Zoek in onze catalogus </H2>
<P>Wil je graag van thuis uit snuffelen in het volledige aanbod aan boeken en 
CD’s van de Peerse bibliotheek? Via deze website heb je rechtstreeks toegang tot 
de <A href="#">digitale catalogus</A>.</P>
</DIV>
<DIV class=k3>
<H2>Blijf op de hoogte</H2>
<P>Blijf op de hoogte van de laatste <A title="Nieuws RSS feed" 
href="#">nieuws berichten</A>, nieuwe <A 
title="Nieuwe aanwinsten RSS feed" 
href="#">aanwinsten</A>, recente <A 
title="Recente leestips RSS feed" 
href="#">leestips</A> en de <A 
title="Reacties op leestips RSS feed" 
href="#">reacties</A> daarop, door je 
te abonneren op onze RSS feeds. Niet meteen duidelijk welke voordelen <A 
title="Wat is RSS?" href="#">RSS</A> precies 
biedt?</P>
</DIV><BR class=clear></DIV></DIV>
<DIV id=copy>
<DIV class=container>Juul Stinissen bibliotheek 2006 l Ontwikkeld door <A 
class=logo title="Pixelpanic webdesign en website ontwikkeling" 
href="#">Pixelpanic</A></DIV>
</DIV>
<SCRIPT type=text/javascript>
<!-- 
var sc_project=1953987; 
var sc_invisible=1; 
var sc_partition=17; 
var sc_security="635751b0"; 
var sc_remove_link=1; 
//-->
</SCRIPT>

<SCRIPT src="Welkom  Juul Stinissen bibliotheek Peer.files/counter_xhtml.js" 
type=text/javascript></SCRIPT>
<NOSCRIPT>
<DIV class=statcounter><IMG 
src="counter.gif" alt="web hit counter" width="1" height="1" class=statcounter></DIV>
</NOSCRIPT></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -