ホームページの作り方とお勧めフリーソフト


Webサイトってどうやって作るの？

WebページはHTML又はXHTMLという言語で書かれています。 まずは試しにXHTMLを見てみましょう。

このページの適当なところ(画像以外)を右クリック→「ソースを表示」を選びます。 そうするとなんだかアルファベットと日本語がごちゃ混ぜになった文字列が表示されているかと思います。 これがXHTMLです。(HTMLも似たようなもんです。)
注)もし見れない場合や日本語が文字化けをしている場合はここは読み飛ばしてＯＫです。次ページでしっかりサンプルソース付きで説明します。


どうやって書いたらいいのか、こんな難しいのは無理という人でも、この先を読んでいけば大丈夫です。 このページと次のページを読み終わる頃には、簡単なWebページが作れるようになっています。


なお、この先XHTMLについて説明していきます。 今Webページ作成はHTMLからXHTMLに移行しつつあるので、これからやろうという人はXHTMLを書けるようになっておいた方がいいかなぁと思いXHTMLを説明することにしました。
どうしてもHTMLがいい！という人は、そういう本やサイトが沢山あるので、自分で探してみて下さいね。


ソフト紹介

この先、Webページを作るために使っていくソフトを紹介しておきましょう。


エディタ
これはさっき見た「ソース」を書くために使います。
一番身近なエディタというとWindowsに標準でついている「メモ帳」。 あれでもいいんです。
ただ、メモ帳はちょっと機能が少ないのでフリーソフト(無料で使える)エディタ「Tera Pad」をお勧めします。

ちなみに「ネトゲブックマーク」もTera Padを使って作っています。 普段から使っている別のエディタがある人は、もちろんそれでOKです。
画像作成
これはWindowsについている「ペイント」があればまずはOKです。ペイントは、画面左下の「スタート」→「すべてのプログラム」→「アクセサリ」→「ペイント」で使えます。
ロゴを作ったり、バナーを作ったり、ゲーム画像を切り取ってページに載せる時に使ったりします。

以上2つでOKです。他にも自分の使い慣れたソフトがある人は、合わせて使ってみましょう。


作業フォルダを作ろう

この先、ちょこちょこ色んなページを作っていきます。 それらのページを保存する為の作業フォルダをあらかじめ作っておきましょう。 なお、作業フォルダの名前はアルファベットで付けておくことをお勧めします。
今後作るページ、画像はその作業フォルダ内に保存しましょうね。 実際のWebサイトも1箇所にまとめて作るので、その練習だと思いましょう。


あと1つ注意が。
Webページファイル(XHTMLファイル)、画像(JPEGファイル等)、フォルダの名前は必ず「半角アルファベットか半角数字」にしましょう。
日本語と全角アルファベット、全角数字、全角記号は駄目です。
半角記号は大丈夫なものもあるんですが、使ってはいけないものもあるので、分からないうちはファイル名・フォルダ名に記号は使わない方がいいでしょう。


簡単なページを作ろう！

まず手始めに、文章だけの簡単なページを作ってみましょう。
詳細は次ページXHTMLの基礎の基礎へ。