毎回毎回レイアウトを作るのも面白いが、そろそろ作業効率の事を考えてテンプレートを作り始めよう。まずはスタンダードな2カラムレイアウトから！
metaタグから〜
< title >title< /title >
< meta http-equiv="Content-Style-Type" content="text/css" >
< meta http-equiv="Content-Script-Type" content="text/javascript" / >
< meta name="description" content="description" / >
< meta name="keywords" content="keywords" / >
< meta name="robots" content="all" / >
< meta name="revisit-after" content="7 days" / >
< meta http-equiv="Pragma" content="no-cache" / >
< meta http-equiv="Cache-Control" content="no-cache" / >
< meta http-equiv="imagetoolbar" content="no" / >
< link rel="stylesheet" type="text/css" href="" media="screen" >
< link rel="stylesheet" type="text/css" href="" media="print" >
< script type="text/javascript" language="javascript" src="" >< /script >
< style type="text/css" >
html{
overflow-y:scroll;}
body , ul , li , p{
margin:0px;
padding:0px;}
body{
text-align:center;
font-size:0.8em;
font-family: Verdana, Arial, sans-serif;}
a{outline : 0 ;}
li{list-style-type:none;}
#container{margin:0 auto;
width:800px;
background-color:#3399CC;
text-align:left;}
#head{width:800px;
background-color:#00CCCC;}
#contents{width:800px;}
#left{width:560px;
background-color:#FFCC99;
float:left;}
.left-inner{padding:20px 10px;}
#right{background-color:#CCCC99;
margin-left:560px;}
.right-inner{padding:20px;}
#foot{width:800px;
clear:both;
background-color:#9999CC;}
< /style >
< /head >
< /head >
< body >
< a name="pagetop" id="pagetop" >< /a >
< div id="container" >
< div id="head" >
2カラム＋フッターテンプレートhead
< /div >< !--//head-- >
< div id="contents" >
< div id="left" >
< div class="left-inner" >
2カラム＋フッターテンプレートleft-inner
< /div >< !--//left-inner-- >
< /div >< !--//left-- >
< div id="right" >
< div class="right-inner" >
2カラム＋フッターテンプレートright-inner
< /div >< !--//right-inner-- >
< /div >< !--//right-- >
< /div >< !--//contents-- >
< div id="foot" >
2カラム＋フッターテンプレートfooter
< /div >< !--//foot-- >
< /div >< !--//container-- >
< /body >
< /html >
