mtde.info

Movable Type Developers Express

テンプレートの題材について

2008年2月23日 12:44 | Writer: apstar | 記事本文

テンプレートの作成は、完成された出来合いのXHTML+CSSを用い、それをMovable Type 4 で使用できるテンプレートモジュールにするという形で進めます。

今回は、説明用に作成したXHTML+CSS題材を用います（なお、このサイトでは、この手順で作成したテンプレートを用いています）。

ソース

今回は、メインコンテンツとサイドバーを2本含むサンプルを用います。以下は、雛形となるXHTMLファイルのコードです。コンテナ階層がわかりやすいよう、インデントをつけてあります。

<?xml version="1.0" encoding="UTF-8"?><!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" xml:lang="ja" lang="ja" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Sample</title>
</head>

<body>

   <div id="headcontent">
      <h1>This Is a Sample</h1>
      <p id="sitedescription">This In a Sample XHTML Pages.</p>
   </div>

   <div id="maincontainer">

      <div id="maincontent">
         <p>メインコンテンツ</p>
      </div>

      <div id="subcontent">
         <p>サイドバー1</p>
      </div>

      <div id="extracontent">
         <p>サイドバー2</p>
      </div>

   </div>

   <div id="footcontent">
      <address>アドレス</address>
   </div>

</body>
</html>

テンプレートの作成例

2008 mtde.info