メモ帳でホームページを作って見ましょう。

ホームページ作成超入門講座、メモ帳でホームページを作って見ましょう

メモ帳を利用してホームページを作って見ましょう。

その前にこの作業をお願いします。
保存拡張子を指定する設定。
※通常メモ帳で保存する不データーは
「～.txt」と自動的になってしまいますので、自動的に拡張子をつけないようにしないとメモ帳でHPデーターとして保存することが出来ません。

作ったデーターを契約しているプロバイダーに転送することにより、インターネットに公開することが出来ます。

メモ帳の出し方

「スタート」ボタンをクリック「プログラム」をクリック（XPの場合は全てのプログラム）「アクセサリー」をクリック「メモ帳」をクリックするとメモ帳が出てきます。

今回は練習のなので私と同じように作って見てください。

メモ帳に左の通り書いてください。
※日本語文字は書き換えても大丈夫です。

解説
全開も説明させて頂きましたが
基本タグ
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
上記の物は必ず必要になるホームページの基本タグです。
<BR>は改行タグですね。

<A HREF="">（開始タグ）
</A>（終了タグ）
上記のタグはリンクタグです、余談ですが個人のホームページスペースにリンクを張るときは相対パスと言いまして、ファイル名だけでOKです。
↓例
<A HREF="index2.html">
二ページ目
</A>
他のホームページなどにリンクするときは絶対パスを指定します。
↓例
<A HREF="http://www.ratan.dyn.dns/">
あかかげまる
</A>

まず１ページ目を保存します。

メモ帳の上メニューに「ファイル」と言うメニューが有りますのでクリックして下さい
出てきたメニューの「名前をつけて保存を」をクリックします。

すると名前をつけて保存と言うメニューが表示されますので、マイドキュメントと言うフォルダーに　index.html　と言うファイル名を付けて保存してください。

確認してみましょう

マイドキュメントフォルダーを開くと左図のようなファイルが一つ出来ています。
ダブルクリックして上手く表示されているか見てください。

↓と同じように表示されれば成功です。

では二ページ目を作りましょう。

ちょっと二ページ目は根気が要ります。
(^^;

このページも日本語の部分は好きなように変更していただいてもOKです。

※他のタグを触ると上手く表示できなくなりますのでご注意下さい。

今回もタグの基礎を集中的に覚えて欲しいので開始タグを終了タグなどは確認しながら作って見ると良いと思います。

タグの解説。

<center>（開始タグ）
</center>（終了タグ）
上のタグはホームページの中央に表示させたい場合に使います。

<HR>タグを入力すると↓の水平線が入ります。（終了タグは有りません）

<TABLE>（表、開始タグ）
<TR>（表行、開始タグ）
<TD>（表列、開始タグ）
</TD>（表列、終了タグ）
</TR>（表行、終了タグ）
</TABLE>（表、終了タグ）
上記は表のタグです。列と行のタグもしっかり確認しておきましょう。

<A HREF="mailto:">（開始タグ）
</A>（終了タグ）
上記タグはメールトゥータグです。
mailto:　の後ろにメールアドレスを入力するとクリックしたときメール送信メニューが表示されます。

<A HREF="mailto:ここは変更してoｋです">
メール送信
</A>

最後にグーグルの検索ボックスを付けて見ましょう。
から

まで
をそのままコピーして貼り付けするだけでOKです。
グーグルの検索ボックスはここからコピーしてください。

でわ保存しましょう。

二ページ目を保存しましょう

メモ帳の「ファイル」をクリックして「名前をつけて保存」をクリックします。

名前をつけて保存メニューが出ますので
　index2.html　として保存してください。

完成したサンプルはこちらです

いかがでしょうか？上手く出来ました？
では基本タグをユーザー自身で変更や拡張して色々作って見る
練習をしてみてくださいね。
上手くおかない場合はトップページの掲示板にでもご質問してください。

トップに戻る　前のページに戻る　ホームページ作成勉強部屋に戻る

スポンサードリンク

Subscribe in a reader