テンプレート素材を使って簡単ホームページ作り




    では、早速テンプレート(ホームページの形がすでに出来ている)を使って
   ホームページを作りましょう
   この方法だとタグがあまり解らない超初心者でもあっという間にホームページが
   出来ますよ(⌒^⌒)b

   そんなのがあるんなら早く教えてよぉ〜〜!(>_<)
                     ・・・って・・m(¬0¬)m アー ゴメン ゴメン

                           ほんじゃ!早速行きますでぇ〜〜〜!(○`ε´○)ぶぅ〜

  

    Web Essence ←ここで素材を提供してくれてますので、ここを参考にしていきます


    

【 本番スタート 】

Web Essenceで素材を選んで来よう!★

  @どこの素材屋さんでも始めに規約を読んでマナーを守りましょう


 
 AWeb Essenceサイトに入ったら左の図の
  テンプレート素材をクリックします




 
 B次にどちらか好きなほうを選びますが・・
  今回は「
HTML TEMPLATE」の方で選びます
  「SET TEMPLATE」の方もやり方は同じです


 

 C好きなテンプレートが見つかったら
  その画像をクリックしてみましょう
  さっきの画像が大きく見えるようになりましたね v(=∩_∩=)
  下の方に「
ダウンロード」がありますのでこれをクリックします


 


 Dクリックしたら保存場所をデスクトップにして
  ダウンロードを開始します


    

 ←Eデスクトップにこのような画像が出来ましたね
   この絵のものは解凍が必要なソフトです
 (  ゜  ▽  ゜  ;)アッ!

※↑この画像はFの処理が終わればいらなくなるのでゴミ箱に捨てましょう

  ☆ 解凍ソフトがない人は・・ ☆

      ここでダウンロードしましょう
    
Lhaplus(解凍・圧縮ソフト)はデスクトップに常備しておきましょう
   解凍が必要なファイルでもドラッグなしで解凍してくれるので
   これからもダウンロードファイルには必要なものですよ
   ダウンロードがわからない人ははここで詳しく説明していますので参考にしてね




 

 F解凍ソフトがダウンロードできたらEの画像をクリックしましょう
   そうすると左のような解凍が始まります
   解凍が終了するとデスクトップに新しいフォルダが出来ましたね

   
 \( 〇 ⌒   ▽   ⌒ 〇 )/わぁい♪


 

  G新しいフォルダをクリックしましょう
   すでに「images(img と同じく画像を保存してある)」と
   いくつかの「HTML ドキュメント」がありますよねぇ
   
「index.html」をクリックすると、さっきWeb Essenceサイトで選んだ画像が
   出てきましたね
   この「index.html」テキストをメモ帳を開いて、ドラッグしてみてください
   ドラッグの方法が
わからん…(^・^;)って言う人はトップページを作る
   もう一度参照してね

   H 「TeraPad(メモ帳)」を使っている人はタグ以外の黒字部分の MENUやTOP PAGE・日本語で書かれている部分
   などなど・・・・を書き換えていくだけなんですねぇ
   
超簡単!ラクラク・・でしょ!(⌒^⌒)bうふっ

   I 他の「html」テキストは「material.html」or「001.html」・・・などになってる(選んだ素材によって違う)と思いますが
     今まで勉強してきたプロフィールやリンクページと同じように使います
     ページを増やすのは 
コピー → 貼り付け(詳しくはプロフィールページを作る参照)
  

 ☆ タグ説明 ☆
     @<TITLE>〜</TITLE> =  この中の文字は自分のタイトルに変える

     A<td><img src="images/spacer.gif" width="1" height="24" alt="" border="0"></td>
      <td bgcolor="#fee3ea" align="center" width="20%"><a href="001.html"><b>ABOUT</b></a></td>
                     = 001.html はリンクするページのhtml名
                       ABOUT これはそのページのタイトル名に変更する

     B<td><img src="images/spacer.gif" width="1" height="24" alt="" border="0"></td>
      <td bgcolor="#fee3ea" align="center" width="20%"><a href="004.html"><b>BBS</b></a></td>
                     = このようなBBS(掲示板のこと)やDIARY(日記のこと)などをレンタルで
                       借りている時は・・
                       004.html はリンクするページのホームページアドレスに変更する
                          (http://www.・・・・)
                       BBS この部分はそのままにしておく


     テンプレート素材は他でも配布しているので、自分のホームページのテーマに合ったものを探してね
     こんなので大体のホームページの作り方がわかったかなぁ???  (;^_^A
     後は自分のセンスでレイアウトしてね。尚、「まだここがわかんないよぉ〜〜〜!(×_×)」っていう人も
     「こんなホームページ作ったでぇ〜〜!V(^O^”)V ブイブイ♪」っていう人も
     掲示板に知らせてくれるとうれしいです。ふぁいと♪q(^-^q)チャp(^-^)qチャ(p^-^)pチャ!フレー



   戻る