WEBサイト作成

無料ではじめるWEBサイト作成入門

WEBサイトをつくろう！

パソコンとインターネット環境さえあれば、
誰でもWEBサイトをつくって公開することができます。

ソフトもサーバも0円で環境が手に入ります。

ブログも便利ですが自分のサイトをつくってみませんか？

用語の解説

ブラウザ

普段YahooやいろんなWEBサイトを見て回るときに
利用しているソフトのことを指します。

例：InternetExplorer (IE), FireFox のようなソフトが利用されています。

エクスプローラ

普段Windowsでフォルダ間を移動したり、
ファイルの一覧を表示しているソフトを指します。

テキストエディタ

文書を編集するためのソフトです。

例：メモ帳、秀丸、Terapadなど

下準備

Windowsの設定

初歩的なテキストエディタのつかいかた

Windowsの設定・準備

適当なフォルダを開く。

拡張子を表示

拡張子はファイルの種類を表す文字列です。
ファイル名の末尾に ドット(.)のあとに付いています。

例： readme.txt, 草原壁紙.bmp ワームウィルス.exe の.*** の部分

Windowsの初期設定では、
拡張子が表示されない設定になっているので、
表示できるように設定を変更します。

フォルダオプション

1. 上部ツールバーの「ツール」→「フォルダオプション」→「表示」を選択
2. 「登録されている拡張子は表示しない」のチェックを外す→ＯＫ

テキストエディタ

メモ帳の起動

メモ帳の起動 1

「スタート」→「すべてのプログラム」→「アクセサリ」→「メモ帳」 をクリック

メモ帳の起動 2

適当なフォルダで「右クリック」

メニューから「新規作成」→「テキスト ドキュメント」をクリック

メモ帳で文書を保存

「ファイル」→「名前をつけて保存」を実行。

「index.html」という名前で保存。

ファイル名の注意

WEB上に公開するためにファイル名にはいくつかの制限がつきます

• 半角英数字で小文字のみを使う
• 使える記号はアンダーバー(_)、ハイフン(-)、ドット(.)程度
• スペースは使わない
• 日本語のファイル名は使わない
• 全角文字は使わない

ファイル名の例

• ○ top.html
• ○ index.htm (拡張子は.htmでも良い)
• ○ test.html
• × 日本語.html
• × ＡＢＣ.html (←全角英字)
• × Test test.html (←スペースがある)
• × test (←拡張子がない)
• × test.txt (←拡張子がテキスト)

HTMLを書く

別ページでHTMLの書き方について解説しています。

HTML講座

HTMLタグ講座

WEBページを公開する

自分のパソコン内にファイルを置いておくだけでは
WEBサイトを外部へ公開することはできません。

レンタルサーバを使って
ファイルの置き場所と外部からアクセスできるURLを手に入れましょう。

レンタルサーバー比較ページ