海外トップデザイナーによるホームページテンプレートの販売.(フラッシュテンプレート,フリーテンプレート,HTMLテンプレート,CSSテンプレート,FLASHテンプレート,WEBテンプレート,ロゴマーク他)

Webデザインテンプレートの「m2*」

使ってみよう♪


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


 無料の圧縮・解凍ソフト +Lhaca(ラカ)使い方
私が購入したtemplate_1437を解凍すると下記のフォルダが入っていました。

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

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

jpeg [jpeg形式]

library [11個のボタンと20個のロゴと3個の窓枠、その他のアイコン]

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 ][そのまま使えるスタイルシートサンプル集]

★テンプレートの編集に推奨されているソフトウェアのご紹介


画像やFLASHの編集については専用ソフトが必要です。
体験版が用意されているソフトもありますので、まずはお試しください。


Adobe Photoshop 【Adobe Photoshop CS5 Extended 体験版

Adobe FLASH 【Adobe Flash Professional CS5 体験版

Adobe Dreamweaver 【Adobe Dreamweaver CS5 体験版

Adobe Fireworks

無料お試し版テンプレート


フリーテンプレート フリーテンプレート

テンプレートメニュー


新着テンプレート 新着テンプレートNew
簡単オンラインショップ オンラインショップ
ビジネス用テンプレート ビジネス用テンプレート
モバイル用テンプレート モバイル用テンプレート
低予算(700円代〜) 低予算(700円代〜)
未配布テンプレート 未配布テンプレート
テンプレート一覧 テンプレート一覧

フラッシュテンプレート



CMSテンプレート



イベントテンプレート



目的別テンプレート










その他のテンプレート