現在地: Home » 初級ホームページ作成講座:目次 » HTMLファイルをつくる

HTMLファイルをつくる

無料(X)HTML CSSエディタの紹介

無料で使えるホームページ作成支援ツールです(当サイトも下記ソフトで作成しています)サイト内では説明上「メモ帳」を利用するようにしていますが、実際のホームページ作成には正直無理があります。お薦めなので是非ダウンロードしておきましょう。

テキストエディタを準備します。要はウインドウズでいうところの【メモ帳】の事です。以下の手順に従って作成して下さい。

[スタート]→[プログラム]→[アクセサリ]→[メモ帳]の順でメモ帳を開きます。

メモ帳を開いたら[ファイル]→[名前を付けて保存]をし、ファイル名は【index.html】とします。拡張子は【.html】としていますが、実際にホームページを公開する際のサーバーが【.htm】かも知れませんので、その段階では注意しておいて下さい。大抵は【.html】です。

ファイル名は小文字英数なら任意で構いませんが、実際にホームページを作成する際に玄関口となるトップページは【index】とします。練習がてらここでも【index】とします。

サンプル図

サンプル図

ファイル名は【index.html】

サンプル図

保存後にメモ帳のタイトルが【index.html】になってるか確認

サンプル図

また【hpフォルダ】の中に【index.html】ができたか確認。

サンプル図byte)

CSSファイルをつくる

HTMLファイル作成と同様に、[スタート]→[プログラム]→[アクセサリ]→[メモ帳]の順でメモ帳を開きます。

メモ帳を開いたら[ファイル]→[名前を付けて保存]をし、今度は保存先を先ほど作成しておいた【css】フォルダに指定し、ファイル名は【hp.css】とします。拡張子は【.css】です。ココではファイル名を【hp】としましたが、実際にあなたのホームページを作成する際は、任意の名前で結構です。(半角英数)

サンプル図

サンプル図

以上でステップ【2】準備完了です!続いてステップ【3】へ!

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース