使ってみよう♪Webデザインテンプレートのm2*

使ってみよう♪

★うまくダウンロードできたら、解凍ソフトを使って解凍します。

★　無料の圧縮・解凍ソフト　+Lhaca（ラカ）（使い方）

私が購入したtemplate_1437を解凍すると下記のフォルダが入っていました。

●fonts　［６種類のフォントが入っています.フォントはインストールしないと使えません.

●html　［index（エディタ）,index_dream（ドリームウィーバー）,index_front（フロントページ）,index_golive（ゴーライブ）,其々のソフトで編集できるファイルとimagesフォルダ（36個のイメージ）が入っています.］

●jpeg　［jpeg形式］

●library　［11個のボタンと20個のロゴと３個の窓枠、その他のアイコン］

●psd　［psd形式］

★それでは購入したテンプレートを日本語対応にしましょう。

私は、購入したWebデザインテンプレートを編集する時は、ソフトを使わず、HTMLソースをエディタで開いて、直接テキストを編集しています。「表示」⇒「ソース」で開いて、文章を挿入します。簡単なHTMLを理解していれば誰でもできます。
まずhtmlフォルダの中に入っているindexファイルを、エディタでソースを開き、<head>から</head>までの間を見てください。

★　無料エディタ（Win）　TeraPad
★　無料エディタ（Mac）　YooEdit

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Template</title>
<style>
・・・・・省略・・・・・
</style>
</head>

↑の赤字の部分を下記の様に書き換えます。（コピペでもOK！）
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
一度、［ファイル］⇒［上書き保存］します。
次に、［ファイル］⇒［文字コードを変更して読み直し］⇒［日本語（シフトJIS）］を選択します。
文字が変わったらOKです。

次に、赤字の部分を編集し、下記の様に書き換えます。（コピペでもOK！）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="キーワード,キーワード,キーワード,キーワード,キーワード,">
<meta name="description" content="ここに20～30文字程度でホームページの紹介文を書きます。">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="robots" content=index,follow>
<title>タイトル</title>
<style>
・・・・・省略・・・・・
</style>
</head>

<body>
この間に日本語のテキスト（文章）を書きます。
</body>

編集できたら［ファイル］⇒［上書き保存］します。
indexファイルを読み直して、日本語が表示されているか確認します。
［表示］⇒［エンコード］⇒［日本語（シフトJIS）］になっていればOKです。

後は本文を好きに編集してください。其々のスキルに合わせてスタイルシートをいじっても良いです。
【注意】もし失敗した時のことを考えて、テンプレートはコピー保存しておかれることを、おすすめ致します。

★　おすすめサイト　［HTML手打ちで作るホームページ講座］　［とほほのwww入門］
★　即席Webマスター必読本　［プチリファレンスHTML ］ ＋ ［そのまま使えるスタイルシートサンプル集］