初心者の為のテンプレートの使い方。

最近、「テンプレートの使い方がわからない」というメールをたくさんいただくようになりましたので、初心者の為のテンプレートの使い方を書きます。

動画バージョンはこちらからどうぞ。

テンプレートがなぜ便利なのか?それは、途中まで作ってるからです。
テンプレートを使わない場合、レイアウトを1から作ることになりますので作業的に、テンプレートを使う方が楽になるのです。では具体的にテンプレートの使い方にうつりましょう。


ダウンロードしてファイルを開く。
まずはテンプレートをダウンロードしましょう。
解凍ソフトを使って解凍すると以下のファイルが現れます。

上記ファイルの説明
■[image]   画像イメージが入ってます。空の写真など。
■index.html メインのHTMLファイルです。ここを変更します。
■style.css  スタイルシートです。基本的に変更しません。


index.htmlファイルを変更する。
テンプレートを利用する際、自分用にカスタマイズする必要があります。
カスタマイズするファイルは主に「index.html」ファイルです。
これを、Dreamweaver などのWEB作成ソフトを持ってる人は、それで開きます。

持ってない方は、メモ帳を使いましょう。
Windows の方は、プログラム一覧→アクセサリ→メモ帳にあります。
以下がメモ帳で開いた所です。

これで、index.html内のHTMLタグを見ることができました。
あとは、このタグに変更を加えるだけでホームページレイアウトを変更することができます。


メニューを変更する。
さあ、メニューを変更してみましょう!メモ帳で開いた状態で下の方へスクロールすると、

<td width="167"><a href="#">What new</a></td>

というタグがあると思います。ここをまず変更してみましょう。

<td width="167"><a href="http://www.AAAAA.jp/taro.html">太郎のプロフィール</a></td>
http://www.AAAAA.jp/taro.html・・・・・リンク先のURL
太郎のプロフィール・・・・・・・・・・・・・・・リンクタイトル

このように変更して上書き保存をします。
次に確認の為に、インターネットエクスプローラーでindex.htmlを開いてみましょう!

上記のようになったと思います。このように、メニューは変更します。


TOPICSを変更する。
つぎは、TOPICSを変更してみましょう。
タグの中に、
「正統派デザインのテンプレートです。画像もセットになっています。
上の空写真・メニューアイコンは、素材集で配布しているものです。」
という文章があると思います。
これを自由に変更しましょう。

タグ内の文章を変更すると、自分のホームページがスグに出来上がります。
変更して上書きしたら、ブラウザで随時確認しましょう。


ホームページスペースを確保する!
次に必要なのがホームページスペースですね。
ネットマニアでは以前からロリポップをお勧めしています。
ここでは、10日間無料試用期間のあるロリポップを使ってみましょう。

10日間使って嫌だったら、退会すればお金はかかりません。サーバー状況も文句ナシですので初心者の方でも簡単に使いこなせると思います。
また、10日間使ってよかったと思ったら、入会しても月々250円のみしかいりません。

まずはこのリンクからロリポップホームページに行きます。

ホームページに行ったら、申し込みフォームより申し込みをします。
ドメインがない方はサブドメインプランを利用します。
契約期間は6ヶ月~12ヶ月が料金的にもお勧めです。

申し込みが終わると次のようなメールが来ます。

この度は、ロリポップ!レンタルサーバーにお申し込みいただき、誠にありがとうございます。
セットアップが完了いたしましたので、アカウント情報をお送りします。
◎以下の内容でセットアップいたしました。
===========================================
【サブドメイン】       http://AAAAAA.lolipop.jp
【メールアドレス】     AAAAAA@lolipop.jp
【FTPホスト】       ftp000.lolipop.jp
【FTPユーザー】     lolipop.jp-da0000000
【FTPパスワード】    12345

このメールは申し込み後スグに来ます。アカウントが有効になるまで30分程度かかりますが、今申し込めば1時間後には自分のホームページが持てるのです。

ホームページスペースにアップロードしましょう!
ホームページスペースを確保できたら次はアップロードします。
アップロードソフトは、FFFTPを利用します。
以下よりダウンロードして下さい。フリーソフトです。

FFFTPダウンロード(VECTOR)


ダウンロード後、設定をしたら「新規ホスト」を押して設定をしましょう。
その後、先ほどロリポップから送られてきたメールを元に基本情報を入力します。
ローカルの初期フォルダは、先ほどのテンプレートが入ったフォルダを選択します。

これで設定はOK!設定が終わったら、「OK」を押してから「接続」ボタンを押します。

接続を押すと、以下のような画面になります。

ローカル(左側)にあるテンプレートファイルを全て選択して上矢印ボタンを押します。

アップロードが成功すると、右側にファイルが表示されます。
これでホームページスペースにファイルをアップロードすることができました。


URLにアクセスしてみましょう!
アップロードが成功したら、実際にURLにアクセスしてみます。
ファイルがちゃんと表示されたらOK。
あとは、ファイルを更新するたび、アップロードを繰り返せばあなたのホームページが運営できます。


使い方

最近のエントリー