初めての方にも分かりやすくホームページ作成方法を解説します♪
ホームページ作成講座
ホームページ作成講座 >> ホームページのいろは >> さっそく作ってみよう!
さっそく作ってみよう!
まずは簡単なホームページを!

いきなり何十ページもある手の込んだホームページを作るのは大変です。
まずは、このような簡単なホームページを一時間程度で作ってみましょう!

ホームページ作りには、ある程度の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

で開いてみてください。

次はタイトル画像を貼ったり、背景を変えたり、リンクをつけたりしてみましょう!

next >> さっそく作ってみよう(その2)
back >> ホームページ作成講座
ホームページ作成のいろは
ホームページ開設までの流れ
エディタを用意
レンタルサーバーを用意
転送用ソフトを用意
ホームページを作る

さっそく作ってみよう
さっそく作ってみよう(その1)
さっそく作ってみよう(その2)
さっそく作ってみよう(最後)

ホームページを公開しよう
ホームページを公開しよう!

お奨め!ホームページビルダー
お奨め!ホームページビルダー

サイト情報 | お問い合わせ | リンク
Copyright(C)2005 ホームページ作成講座 All right reserved
当サイトはリンクフリーです。