トップページに戻る 剣道人口増やしたいロゴ



剣道教室や剣道場のホームページを作ろう



格安に剣道教室のホームページを作成したい場合は、とんぼ堂 楽天市場店まで。
なんと5,250円〜作成していただけます。

  
剣道イラストお役立ちサイト リンク集
とんぼ堂   日本剣道振興協会  



ここでは初心者向けの簡単なホームページの作り方を、少し紹介しています。私はホームページ作成ソフトの使い方がよく分かりませんので、ホームページ作成ソフトを利用しなくて簡単なホームページを作成する方法になります。ここで基本的な部分を習得してもらえると嬉しいです。
また、予めご了承いただきたいのですが、私はホームページ作成の専門家ではありません。


1. ホームページを作成する前の準備
Windowsを準備してください。
対象OSを絞り込みたいと思います。

Internet Explorerがインストールされていますか。
FireFoxなども可能ですが、対象ブラウザーを絞り込みたいと思います。

マイドキュメント内にhomepageというフォルダを作成してください。
これから作成するホームページのデータは全てそのフォルダ内に保存します。

先程作成したhomepageフォルダの中にimageというフォルダを作成してください。
これからホームページで使用する写真やイラストなどは全てそのフォルダ内に保存します。

     



2. トップページをダウンロードしよう
トップページのテンプレートを準備したのでダウンロードしてください。
ダウンロードは こちら から。 ("こちら"の上で右クリックをして、"対象をファイルに保存"を選択)

ダウンロードした"index.htm"をhomepageフォルダの中に保存してください。
imageフォルダの中には入れないで下さい。




3. トップページを編集してみよう(基本的なHTML編)
HTMLファイルの編集にはワードパッド(WordPad)を使います。
index.htmを選択して、右クリックをして、"プログラムから開く"を選択して、"WordPad"を選択します。そうすると、index.htmのHTML文が表示されます。このHTML文を編集するとトップページを編集できます。

ダウンロードした"index.htm"は編集しやすくなっています。
<!--この左の部分を入力--> という文章が書き込まれていますが、指定の部分を変更して"上書き保存"するだけで表示されている文字が変わります。

メニュー1から8はクリックした時に表示したい項目名(今後作成予定)を書きます。
例えば、トップページ、剣道教室紹介、指導者紹介、稽古時間・場所、稽古内容、仲間募集、今月の予定、リンクなどが良いのではないでしょうか。色んな剣道教室や剣道場のホームページを見て参考にしてください。
ここで注意点は、トップページというメニューは必ず最初(メニュー1の部分)に入れてください。今後作成する全てのページからトップページに戻りやすくするようにする事は、ホームページを作成する上では必須です。

頻繁に使用するタグです。
文章の改行 <BR>
<BR>を入れるだけで改行になります。
文字を太字にする <B>太字にしたい文章</B>
<B>から太字が始まり、</B>で太字は終わりですという意味です。
文字サイズを変更する <FONT SIZE=1>文字サイズを変更したい文章</FONT>
1の部分を3や4に変更するとサイズが大きくなります。
文字の色を変更する <FONT COLOR=RED>文字の色を変更したい文章</FONT>
REDの部分をBLUEやGREENに変更すると色が変わります。微妙な色の場合は、下記にリンクしている"色見本のページ"をご覧いただき、REDやGREENなどではなく、#006600とか#FF3300とか#で始まる色をご利用ください。
文字の色とサイズを同時に変更する <FONT COLOR=RED SIZE=1>文字の色とサイズを同時に変更したい文章</FONT>
COLORとSIZEの間を半角のスペースを空けることにより、同時に変更することができます。
センタリングする <CENTER>センタリングしたい文章</CENTER>
CENTERを使えば囲っている部分を全てセンタリングできます。

HTMLの編集の参考になるサイトへのリンク
HTML手打ちで作るホームページ講座
色見本のページ

注意点
1. <>自体また<>内の英語や数字は全て半角になります。全角文字を使うと正しく表示されません。
2. <FONT>などで、文字の変更を指定した場合は、必ず"/"が含まれる</FONT>などで終わらせてください。
3. HTML文では半角スペースは認識されにくいので、文章と文章の間を空けたい場合は、全角スペースを入れてください。

   



4. 写真やイラストを使用しよう
ホームページに使用したい写真やイラストをhomepageフォルダの中のimageフォルダの中に保存して下さい。
写真やイラストはこれからこのimageフォルダに全て保存します。

気に入ったイラストをダウンロードします。
当ページの一番上にある剣道イラストお役立ちサイトにあるイラストをダウンロードする方法は、欲しいイラストの上で、マウスの右側ボタンを1回だけクリックします。そして、「名前を付けて画像を保存」を選択します。選択すると、そのイラストの保存する場所を聞いてくるので、imageフォルダに保存して下さい。
イラストを使用する時には、それぞれのサイトの方に使用するという事をきちんと伝えて下さい。

写真やイラストのファイル形式は、種類が決まっています。
ホームページで使用する写真やイラストのファイルは、JPEGファイル、GIFファイル、PNGファイルの3種類がほとんどです。BMPファイルはWindows以外では表示されないので、使用するのはやめましょう。

写真やイラストを表示するためのタグは簡単です。
<img src="homepage/image/ファイル名.jpg"> JPEGファイルの場合
<img src="homepage/image/ファイル名.gif"> GIFファイルの場合
<img src="homepage/image/ファイル名.png"> PNGファイルの場合
これらのタグを、写真やイラストを表示させたい部分(HTMLの中)に入れて下さい。

 



5. 背景(壁紙)を作ってみよう
背景(壁紙)の画像ファイルをダウンロードします。
例えば、とんぼ堂さんの壁紙のページをご覧下さい。欲しい壁紙を選択すると、一面にその壁紙が表示されます。その壁紙の上でどこでも良いので、マウスの右側ボタンを1回だけクリックします。そして、「名前を付けて背景を保存」を選択します。選択すると、そのイラストの保存する場所を聞いてくるので、imageフォルダに保存して下さい。
他にも無料の壁紙はたくさんあります。YahooやGoogleなどで、壁紙 無料 と入力して検索してみて下さい。

ダウンロードした壁紙のファイル名を bg.gif に変更します。
テンプレートのHTMLを使用した場合、imageフォルダにダウンロードしたファイルを bg.gif に変更しなければ、きちんと表示されません。
ファイル名を変更する方法は、imageフォルダを開いて、ファイル名の上でマウスの右側ボタンを1回だけクリックします。そして、「名前の変更」を選択します。選択するとファイル名を自由に変更できます。

   



6. 他のページをダウンロードしよう
メニュー2から8までのテンプレートをダウンロードしてください。
メニュー2のダウンロードは こちら から。
メニュー3のダウンロードは こちら から。
メニュー4のダウンロードは こちら から。
メニュー5のダウンロードは こちら から。
メニュー6のダウンロードは こちら から。
メニュー7のダウンロードは こちら から。
メニュー8のダウンロードは こちら から。

ダウンロードしたメニュー2から8までのファイルをhomepageフォルダの中に保存してください。
imageフォルダの中には入れないで下さい。

   



7. リンクを貼ろう
他のサイトにリンクを貼る場合は、このHTML文を使用します。
<A HREF="http://www.kendo.or.jp/" TARGET=NEW>全日本剣道連盟</A>
例として、全日本剣道連盟にリンクを貼っています。「全日本剣道連盟」というところは、自由に編集可能です。
TARGET=NEWは、新しいブラウザーを立ち上げるという事です。自分のサイトから他の人のサイトを紹介する時には、新しいブラウザーを立ち上げるようにしないと、自分のサイトに戻って来れなくなる可能性がある為です。

自分のサイトにリンクを貼る場合は、このHTML文を使用します。
<A HREF="menu10.htm">なんとかのページへ</A>
「なんとかのページへ」というところは、自由に編集可能です。

ロゴやアイコンから他のサイトにリンクを貼る場合は、このHTML文を使用します。
<A HREF="http://www.geocities.jp/kendojinko"><img src="image/kendojinko.jpg" BORDER=0 ></A>
BORDER=0というのは、枠を消すということです。imageフォルダに使用するロゴやアイコンを保存しておいて下さい。




8. URLを取得しよう
ホームページを公開するためには、URLを取得しなければなりません。
ここでは、無料でURLを取得できるサービスを紹介します。サービスを提供している会社によって、自分のホームページのURLが変わってきます。また無料なのは広告が出るためです。広告を出ないようにする為には、毎月、料金を払う必要があります。
URLを取得するというのは、正確に言うと違いますが、分かりやすく表現するためです。

下記の会社は、無料でURLを取得できます。下記以外でも無料のサービスはたくさんありますが、この3つの中から選択すれば間違いないと思います。登録まで行って下さい。
Yahoo! GeoCities
忍者ツールズ

独自ドメインを安く使用したい場合、ロリポップ!のレンタルサーバーが良いと思います。
当サイトはロリポップ!を使用しています。



9. 作成したホームページをサーバーに転送するソフトをダウンロードしよう
取得したURLでホームページを見れるようにするためには、作成したホームページをサーバーに転送しなければなりません。下記ホームページから無料で利用できる転送ソフトを入手します。
「FFFTP」FTPクライアント

Download ffftp-1.82a.exe (2004年11月、現在古いけど安定したバージョン)をクリックします。
クリックしたらポップアップで、保存と実行というボタンが出てきます。実行ボタンを押すとインストールを開始します。

インストールが終わるとFFFTPを起動して各種設定をします。
「接続」メニューから「ホストの設定」を選択して、「新規ホスト」をクリック
ホストの設定名 は任意のホームページの名前(自分が分かれば何でも良い)
ホスト名、ユーザー名、パスワード はURLを取得した時に保存していると思いますので、それらを入力。
ローカルの初期フォルダ は、マイドキュメント内のhomepageフォルダを選択。

   



10. 作成したホームページをサーバーに転送しよう
FFFTPを立ち上げます。
FFFTPを立ち上げて、接続ボタンを押します。そうすると、マイドキュメント内のhomepageフォルダが左、サーバーの状態が右に表示されます。

サーバーに転送します。
サーバーに転送するのは、ミラーリングアップロードボタンを使います。(赤と緑の矢印が重なっていて上を向いているボタン)
このボタンはマイドキュメント内のhomepageフォルダとサーバーの差分だけをサーバーに転送してくれるボタンです。例えば、menu1.htmだけ編集していたら、そのファイルだけをサーバーに転送してくれます。

   






トップページに戻る