GORIRAも学んだＨＴＭＬ講座

ＨＴＭＬとは・・・ホームページを書くための規則の集まりで、Ｈｙｐｅｒｔｅｘｔ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅの略語。
　　　　　　　　　直訳すると「ハイパーテキストのマーク付け用言語」となります。

・まず、ＨＰを作る上で必要なソフトおよびテキストブック
　　１．メモ帳などのテキストエディタ
　　２．ＷＷＷブラウザ（Ｉｎｔｅｒｎｅｔ　ＥｘｐｌｏｒｅｒやＮｅｔｓｃａｐｅ　Ｎａｖｉｇａｔｏｒなどのソフト。
　　※両方ともほとんどのＷｉｎｄｏｗｓマシンに付属でインストールされています。

・作成までの手順（ここでは、「メモ帳」と「Ｉｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒ」を使用した場合の説明です。）
　　１．ｗｉｎｄｏｗｓを起動させて、画面左下の「スタート」から「プログラム」をクリックし、「アクセサリ」の中にある「メモ帳」をクリックして
　　　　「メモ帳」を起動させます。
　　２．起動させた「メモ帳」にＨＴＭＬタグを入力していく訳です。
　　　　※ＨＴＭＬタグは＜＞およびアルファベットともに必ず、半角入力して下さい。
　　３．入力後、ファイルをハードディスクに保存します。
　　　　・デスクトップまたはハードディスクに作成するＨＰに関するファイルを保存するためのフォルダ作成します。
　　　　・ファイルメニューから「名前を付けて保存」を選びます。
　　　　・作成したフォルダの中にファイルにファイル名をつけて保存します。
　　　　　※ファイル名の最後には拡張子「.html」とつけて下さい
　　　　　　[例]tosou.html
　　　　・そのホームページで使う画像なども必ず、そのhtmlファイルが保存されているのと同じフォルダに保存しないと表示されません
　　４．ファイルの保存が終わったら先ほど保存したＨＴＭＬファイルをダブルクリックして下さい。
　　　　自動的にＷＷＷブラウザが起動して作成したホームページを表示します。

・次に、作ったhtmlファイルや画像などのファイルを自分のＨＰがあるサーバーに転送してみましょう。
　　ファイルを転送するのにはＦＴＰソフトを使います。
　　ＦＴＰとはファイル転送の機能を持つプロトコル（データ通信時のときの約束事のこと）サーバーに接続するときのコマンド名でもあります。
　　私は「ＦＦＦＴＰ」というソフトを使っているのでそのソフトでの説明をします。
　　「ＦＦＦＴＰ」のダウンロード先はこちら
　　ダウンロード先の際とへ行ったら左側にメニューがあるのでそこから「ＦＦＦＴＰ」の欄をクリックしてください。
　　ＦＦＦＴＰは実行ファイル形式（自己解凍ファイル－ダブルクリックすれば自動的に回答が行われるので解凍ソフト等は必要ありません）になっていますのでダウンロードを行ったらそのファイルをダブルクリックして実行しましょう。
・次にＦＦＦＴＰを起動します。
　　スタートメニューから起動してください。
　　初めて起動するとメールアドレスを入力するウインドウが表示されますのでそこに自分のメールアドレスを入力してください。
　　ホスト一覧のウインドウが表示されます。ここで接続するホストを選択します。右側のメニューから新規ホストを選択して下さい。
　　ホストの設定のウインドウが表示されます。
　　ここにプロバイダ等から通知された設定を入れます。
　　　ホストの設定名・・・ここは自由に決めて構いません。
　　　ホスト名（アドレス）・・・プロバイダから通知された中の「ＦＴＰサーバー名」等の部分を入力します。
　　　ユーザー名・・・プロバイダから通知された中の「アカウント名」「ID」等の部分を入力します。
　　　パスワード・・・プロバイダから通知された中の「パスワード」を入力します。
　　「ＯＫ」をクリックして閉じると先ほどのホスト一覧の中に「ホストの設定名」に入力した名前が表示されています。
　　次に接続します。
　　今作成した所を選択して接続をクリックします
　　「ファイル一覧の取得は終了しました」と表示され、ＦＦＦＴＰの右側のファイル欄にも表示が出れば成功です。
　　次にアップロードします。
　　左側の欄からアップロードしたいファイルを選び上部のアイコンからアップロードをクリックしてください
　　※（注）puclic-htmlhtdocswwwと言うフォルダがある場合は、そこを選んでフォルダを開いてからアップロードしてください
　　くわしい使用法はこちらを参照してください

・タグ打ち講座
タグは＜＞およびアルファベットともに必ず、半角入力して下さい。
　　ｈｔｍｌファイルを作るときの基本タグ
　　　　　<html>
　　　　　<head>
　　　　　<title>ページのタイトル名</title>
　　　　　</head>
　　　　　<body>ＨＰの本文</body>
　　　　　</html>

　　文字の装飾
　　　　　太文字にする　　　文字　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　こうなります→文字
　　　　　斜文字にする　　　<Ｉ>文字</Ｉ>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　こうなります→文字
　　　　　アンダーライン　　　文字　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　こうなります→文字
　　　　　文字の大きさ　　　 文字　　（３が標準で３にすると）　　　　　　こうなります→文字
　　　　　文字の色　　　　　　　REDにすると　　　　　　　　　こうなります→文字
　　　　　　　　　　　　　　　　　　　FF0000 　　　　　　　　　　こうなります→文字

　　背景に画像を貼る
　　　　　　　　　　　　　　　　　<BODY BACKGROUND="ファイル名">

※今回はここまで。
※次回もタグ打ちをします。

トップへ

CLICK HERE!!