トップページを作成する まずはトップページを作成していきましょう。 用意する物は…メモ帳だけです^^) ここでは簡単な構造のホームページを作成しますが タグと呼ばれる暗号?を覚える必要もあまりありません。 どのように挿入すればいいのか?規則的なものを学べれば十分です。 タグとは<>で囲まれたものを言います。 <P>で始まって</P>と言う感じで/を使う事で終了を意味します。 このタグというものを理解出来れば…この後の講座で十分に満足出来る ホームページが作成出来るはずです。 後は慣れる事で時間も短縮出来るので楽しんで作成してください。 一気に作成しようとすると…疲れますからね^^;) |
| トップページを作成する | |
![]() |
スタートから全てのプログラム→アクセサリ→メモ帳と選択します。 メモ帳が起動したはずです。 |
![]() |
左が基本のタグになります。 とりあえず同じように打ち込んでください。 <HTML>ホームページ用のファイルであることを示すタグです <HEAD>ここでは使いませんが意味のあるタグです。 <TITLE>ページの名前を打ち込みます </TITLE>ページの名前の終了 </HEAD>ここでHEADが終了 <BODY>ここからホームページの文字などを入力します </BODY>ページの作成終了 </HTML>ホームページ用ファイルの終了 となります。 |
![]() |
一度保存してください。 ファイル名はindex.htmとします。 |
![]() |
保存先はデスクトップに作成したフォルダを選択。 名前はindex.htmもしくはindex.htmlにします。 保存したら確認してみましょう。 拡張子.htmのファイルが出来ているはずです。 メモ帳は必要ないので閉じても大丈夫です。 |
![]() |
作成されたファイルをダブルクリックしてください。 ブラウザが起動します。 |
![]() |
白紙のページが出ました。 図のように表示→ソースを選択します。 |
![]() |
メモ帳が起動してソースが表示されました。 テキストで書き込んだタグが表示されています。 TITLEタグ内にかおるの部屋と打ち込みました。 どこに違いが出るのか?見てみましょう。 |
![]() |
ファイル→上書き保存を選択してください。 これで元のファイルに上書きされました。 メモ帳を閉じてください。 |
![]() |
更新を押してみてください。 何も変化ないように見えますが□で囲んだ部分に かおるの部屋という文字が入りました。 <TITLE>タグはページのこの部分に文字を入れるためのものです。 このように編集と表示を繰り返してページを作成していきます。 |
| HOME MEMO BACK NEXT | |
| パソコン初心者講座ぱそおーる | |