超初心者でも簡単にムーバブルタイプでホームページを作成する方法第三回

2009年3月5日

超初心者でも簡単にムーバブルタイプでホームページを作成する方法　第三回

手順２．５

まずは、再構築ボタンを押して、再構築します。

ＭＴインストール直後は、Ｗｅｂサイトを構築するフォルダが作られていません。

再構築後、ホームページを格納するフォルダができているはずなので、そのなかにＷｅｂサイトで利用する画像をFTPソフトで画像をフォルダにアップロードする。

手順３

ＨＴＭＬヘッダーを作る

おおむね、これだけ知っていればいいだろう。的なタグを寄せ集めてヘッダーを作成しました。
まずはご覧下さい。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=<$mt:PublishCharset$>” />
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<link rel=”EditURI” type=”application/rsd+xml” title=”RSD” href=”<$mt:Link template=”rsd”$>” />
<link rel=”alternate” type=”application/atom+xml” title=”Recent Entries” href=”<$mt:Link template=”feed_recent”$>” />

<MTIf name=”page” eq=”home”>
<meta name=”keywords” content=”Facebook” />
<meta name=”description” content=”Facebookです” />
<title>Facebookのページ</title>
<link href=”<mt:BlogUrl />home.css” rel=”stylesheet” type=”text/css” />
<link rel=”alternate stylesheet” type=”text/css” href=”<mt:BlogUrl />home.css” title=”standard” />
<link rel=”alternate stylesheet” type=”text/css” href=”<mt:BlogUrl />home-small.css” title=”small” />
<link rel=”alternate stylesheet” type=”text/css” href=”<mt:BlogUrl />home-big.css” title=”big” />

<MTElseIf name=”page” eq=”other”>
<meta name=”keywords” content=”<$MTPageKeywords$>” />
<meta name=”description” content=”<$MTPageExcerpt$>” />
<title>Facebook｜<$MTPageTitle$></title>
</MTIf>

<MTIf name=”page” eq=”home”>
<link href=”<mt:BlogUrl />home.css” rel=”stylesheet” type=”text/css” />
<MTElseIf name=”page” eq=”other”>
<MTPageTags>
<MTPageIfTagged tag=”column”><link href=”<mt:BlogUrl />second.css” rel=”stylesheet” type=”text/css” /></MTPageIfTagged>
<MTPageIfTagged tag=”nocolumn”><link href=”<mt:BlogUrl />second02.css” rel=”stylesheet” type=”text/css” /></MTPageIfTagged>
</MTPageTags>
</MTIf>

</head>
<body>
<div id=”head”>
<h1><a href=”<mt:BlogUrl />”><img src=”<mt:BlogUrl />img-common/home.gif” alt=”” width=”300″ height=”28″ /></a></h1>

<p><img src=”<mt:BlogUrl />img-common/moji-title.gif” alt=”文字サイズを変更できます” width=”161″ height=”27″ /><a href=”javascript:void(0);” onclick=”setActiveStyleSheet(‘big’); return false;”><img src=”<mt:BlogUrl />img-common/moji-big.jpg” alt=”文字を大サイズにします” width=”23″ height=”27″ /></a><a href=”javascript:void(0);” onclick=”setActiveStyleSheet(‘standard’); return false;”><img src=”<mt:BlogUrl />img-common/moji-mid.jpg” alt=”文字を中サイズにします” width=”18″ height=”27″ /></a><a href=”javascript:void(0);” onclick=”setActiveStyleSheet(‘small’); return false;”><img src=”<mt:BlogUrl />img-common/moji-small.jpg” alt=”文字を小サイズにします” width=”20″ height=”27″ /></a></p>

<ul id=”globalnavi”>
<li><a href=”<mt:BlogUrl />”><img src=”<mt:BlogUrl />img-common/01-off.jpg” alt=”ホームへ戻る” width=”133″ height=”77″/></a></li>
<li><a href=”<mt:BlogUrl />koe.html”><img src=”<mt:BlogUrl />img-common/02-off.jpg” alt=”お客様の声” width=”133″ height=”77″/></a></li>
<li><a href=”<mt:BlogUrl />map.html”><img src=”<mt:BlogUrl />img-common/03-off.jpg” alt=”周辺地図” width=”131″ height=”77″/></a></li>
<li><a href=”<mt:BlogUrl />boshu.html”><img src=”<mt:BlogUrl />img-common/04-off.jpg” alt=”職員募集” width=”132″ height=”77″/></a></li>
<li><a href=”<mt:BlogUrl />vo.html”><img src=”<mt:BlogUrl />img-common/05-off.jpg” alt=”ボランティア募集” width=”133″ height=”77″/></a></li>
<li><a href=”<mt:BlogUrl />shiteki.html”><img src=”<mt:BlogUrl />img-common/06-off.jpg” alt=”ご指摘ご要望” width=”138″ height=”77″ border=”0″/></a></li>
</ul>
</div>

解説は、次回にします

shimada.keisuke