まずは簡単なホームページを!
いきなり何十ページもある手の込んだホームページを作るのは大変です。
まずは、このような簡単なホームページを一時間程度で作ってみましょう!
ホームページ作りには、ある程度のHTML(ホームページ用のプログラム言語)の知識が必要となってきます。必要最低限の知識を解説しながら一緒にホームページを作っていきます。
ちょっと準備を
作り始める前にちょっとWindowsの設定を変更します。拡張子を見れるようにします。
マイコンピューターまたはマイドキュメントを開いてください。
『ツール』⇒『フォルダ オプション』を選択。
『表示』⇒『登録されている拡張子は表示しない』のチェックを外す。
よく分からない方はこちらへ
|
 |
それでは、作り始めましょう!
それでは、まずエディター(メモ帳等)を開きましょう!
それから、新しくホームページ用のフォルダを作ります。場所はどこでも構いません。
例)デスクトップで右クリック⇒新規作成⇒フォルダ
※フォルダ名は半角の英数文字にしましょう。例)homepage
 |
新しく作ったフォルダに、画像用のフォルダをつくります。
右クリック⇒新規作成⇒フォルダ
次に『index.html』というファイルを作ります。
右クリック⇒新規作成⇒テキストドキュメント
テキストドキュメントの名前を『index.html』に変更します。
名前の変更はファイルを右クリック⇒名前の変更でできます。 |
次にメモ帳を開きます。(Windowsのスタート⇒全てのプログラム⇒アクセサリ)
メモ帳に『index.html』をドラッグ&ドロップします。
もしくは、メモ帳から『index.html』を開きます。
 |
ドラッグ&ドロップすることで
無題のファイルがindex.htmlファイルになります。
|
それでは、メモ帳に以下のように打ち込んでみましょう!
<HTML>
<HEAD>
<TITLE>初めてのホームページ</TITLE>
</HEAD>
<BODY>
<P>
初めてのホームページです。<br>
頑張っていきましょう♪
</P>
</BODY>
</HTML> |
| ワンポイントメモ |
<HTML></HTML>: ホームページの宣言
<HEAD></HEAD>: ホームページの情報を間に入れる
<BODY></BODY>: 表示される部分(本文)
↑ホームページ作成時に必ず必要な部分
<P></P>: 段落
<br>: 改行
|
できたらメモ帳を上書き保存しましょう。(ファイル⇒上書き保存)
上書き保存できたら『index.html』をダブルクリックしてみましょう!
 |
このように表示されているはずです。
もし、メモ帳が開かれてしまったら、
右クリック⇒プログラムから開く⇒Internet Explorer
で開いてみてください。
|
次はタイトル画像を貼ったり、背景を変えたり、リンクをつけたりしてみましょう!
|