ホームページ作成講座−入門編−第1講
これからホームページ(HPと省略する事が多い)を作ろうとしている人や、作ったばかりでよく分からない人のためのホームページ作成講座です。 面白くするために、ポケモンキャラクターたちの会話の中で説明する形式を採用しています。時間がない方や読むのが面倒くさい方は、解説や一番最後の「まとめ」だけをお読みください。 できるだけ分かりやすく説明していますので、最初から最後まで順にしっかり読んでいけば、必ずホームページが作れるようになるはずです。 明日には、あなたの世界がグンと広がっているかもしれません。
ホームページを作るのに必要なもの?
![]() |
よし・・・アップロード完了! ぐふふふふ・・・ |
![]() |
アップロード?なんだそりゃ 最近タケシおかしいぞ ニヤニヤしちゃって 熱でもあるんじゃないか? |
![]() |
ああ これか? 今 オレ 「お姉さん発見サイト すいか100%」ってのをやってるんだ |
![]() | ・・・い いろんな意味で理解できません; |
![]() |
サトシもホームページ作ってみたらどうだ? これまでのポケモンリーグの記録とか載せたら けっこう人気が出て おまえのファンとか出来たりしてな |
![]() |
お オレのファン?!!! やるやるやるやるやるやるやるやる!!! オレ そのホームベースってのやるぜ! |
![]() | ホームベースじゃなくて ホームページだよ |
![]() |
ああ・・・ それそれ ホームページって インターネットで見られるヤツのことだよな? |
![]() | そう よく知ってるじゃないか |
![]() |
へへ 歩く資料集と呼んでくれ で ホームページって誰でも作れるものなのか? |
![]() | おぅ! しかも無料で作れるんだ |
![]() |
でも作るのには 色々必要なんじゃなかったっけ・・・ ホ 「ホームページビルダー」とか・・・? |
![]() |
確かに 専用ソフトがあると楽に作れるんだが 必ずしも必要っていうわけではないんだ Windowsに標準で付いている「メモ帳」で十分なんだ ここの管理人も「メモ帳」を愛用しているらしいぞ |
ホームページは作りたいけれど、お金がかかったりしたら嫌ですよね。でも、大丈夫。無料で作ることができます。必要なソフトウェアは特にありません。Windowsには最初から「メモ帳」というソフトがついています。これで十分作れます。 「ホームページビルダー」や「Word」等があればより簡単に作れますが、この講座では「メモ帳」で作る事にします。「メモ帳」のようなソフトウェアを「テキストエディタ」といいます。覚えておきましょう。
![]() | そうなのか! |
![]() | でも HTMLと言うコンピューターの言葉を少し覚えないといけないんだがな |
![]() |
HTML?! 聞いたことあるような・・・ なんか難しそうだな・・・ |
![]() |
大丈夫 実はコツさえ掴めばとても簡単なんだ オレのネット友達には オレより年下のくせに 1日10000以上のアクセスを誇っているサイトもあるぞ |
ホームページは「HTML文書」という「テキストファイル」で出来ています。「テキストファイル」は人間が読める程度の文字で書かれたファイルで、コンピュータ用に暗号化されたファイルは「バイナリファイル」といいます。 HTMLファイルには「html」または「htm」という拡張子を付けます。拡張子とは「test.txt」の「txt」に当たる部分を指し、.(ドット)は含みません。 日本語や英語など、私たちが話す言語には様々な種類があるのと同じように、コンピュータにも様々な言語があります。コンピュータ言語には「マークアップ言語」や「プログラミング言語」があり、簡単に言うと、前者はデザインなどを設定するための言語で、後者はコンピュータに処理を命令するための言語です。HTMLもコンピュータ言語の1つで、「マークアップ言語」となります。 HTMLは「タグ」という標識を使って文書中に各種の機能を組み込むWebページ用記述言語で、SGMLという「マークアップ言語」から発展したものです。「タグ」は半角の < と > とで囲んで文書中に入力します。 通常「タグ」は<big>〜</big>のように「開始タグ」と「終了タグ」で囲みますが、中には<br>のように「単独タグ」もあります。「タグ」は半角であれば、小文字でも大文字でも、何なら混ぜても構いませんが、私は小文字を好んで使っています。 <strong>〜太い〜</strong>とすると、〜太い〜のように、太い文字になります。 strong や br 、 html 等を「タグ名」といい、「HTML文書」は<html> </html>で囲まれたものをいいます。
![]() |
くそぉぉぉぉ! オレも負けてられねぇぜ!! 早速作ろうぜ! |
![]() | さすがサトシ 気が早いな |
![]() | 何事もチャレンジャー精神が大切だぜ! |
まとめ
- ホームページは無料で作れる
- 作成ソフトはWindows標準の「メモ帳」があれば十分
- 「メモ帳」のようなソフトウェアを「テキストエディタ」という
- ホームページは拡張子「htm」「html」を持つ「HTML文書」という「テキストファイル」で出来ている
- 「HTML文書」は「HTML」という「マークアップ言語」で構成されている
- HTMLは「タグ」という標識を使って書く
- 「タグ」は半角の < と > とで囲んだものをいう。




