ホームページで副収入

ホームページの作り方







ホームページで副収入といっても
自分のホームページを持っていなかったら話になりませんよね。

ここでは簡単なホームページの作り方をご説明いたします。

ホームページを既に持っている人はこちらへどうぞ♪

■簡単ホームページの作り方■

一般的なのはホームページビルダーなどのホームページ作成用ソフトで作ることです。 はじめての方でもすぐに作れるように、各種テンプレートやウィザードが用意されています。
また、ワードなどワープロソフトにもホームページ作成機能がついていますのでそれを利用して作成することもできます。

ここでは、そういったホームページ作成用のソフトを持っていないけど
今すぐ作ってみたいという方のために Windows に標準装備のメモ帳(notepad.exe)での作成方法を説明いたします。

まず Windows のアクセサリーにあるメモ帳かワードパッド(wordpad.exe)で以下のように入力して (コピー&ペーストでもOKです♪)
test .html という名前をつけてデスクトップに保存してみてください。

<HTML>
<HEAD>
<TITLE>My HomePage</TITLE>
</HEAD>
<BODY>
はじめまして♪
</BODY>
</HTML>

これらはHTML(Hyper Text Markup Language)という言語で記述された「タグ」と呼ばれるコマンドの集まりです。

今保存したデスクトップ上の test .html をダブルクリックしてみてください。

こんな感じで表示されたでしょうか?

これでも立派なホームページです。

<HTML> から </HTML> に囲まれた部分がホームページとなります。
多くのタグは開始を表す < > と 終了を表す</ > とのセットになっています。

インターネット上で見るホームページは全てこのタグでできています。
ホームページ作成用ソフトはこれらのタグを自動で作ってくれるソフトのことです。

今書いたタグの意味は
 <HTML>ホームページであることを指定します
 <HEAD>ホームページに関する情報を指定します
 <TITLE>タイトルの始まりを指定します
 My HomePage タイトルです
 </TITLE>タイトルを終了します
 </HEAD>ホームページに関する情報を終了します
 <BODY>本文の始まりを指定します
 はじめまして♪ 本文です
 </BODY>本文を終了します
 </HTML>ホームページを終了します

他にも数々のタグが用意されています。



背景に色をつけたい場合は <BODY BGCOLOR="#00FFFF">

文字に色をつけたい場合は <FONT COLOR="#0000FF">
文字を大きくしたい場合は <FONT size=+5>
両方同時に指定する場合は <FONT COLOR="#0000FF" size=+5>

<HTML>
<HEAD>
<TITLE>My HomePage</TITLE>
</HEAD>
<BODY BGCOLOR="#00FFFF">
<FONT COLOR="#0000FF" size=+5>
はじめまして♪
</FONT>
</BODY>
</HTML>

こんな感じになります♪

背景に画像をつけたい場合は BACKGROUND を指定します。

<BODY BACKGROUND=blue6b.gif>

こんな感じ♪

ここでちょっと気になる色の指定の方法ですが
あらかじめ決められた「カラー名」での指定と
「16進数」での指定方法があります。

カラー名での例
blackblack green green
gray gray lime lime
silver silver tear tear
white white aqua aqua
maroon maroon navy navy
red red blue blue
olive olive purple purple
yellow yellow fuchsiafuchsia


16進数での例
黒:#000000
灰:#808080
白:#FFFFFF
赤:#FF0000
黄:#FFFF00
緑:#00FF00
水:#00FFFF
青:#0000FF
紫:#FF00FF
橙色:#FF5500 橙色
蛍光黄緑:#00FF11 蛍光黄緑

<FONT COLOR="fuchsia">はじめまして♪</FONT>
  とすればはじめまして♪ となります。

ここでは簡単なホームページを作るのに必要なタグをご紹介いたします。

これだけ知っていれば、かなりのホームページが作れますよ♪


アイコン 続き >> 簡単タグ(文字/段落編)
トップ アイコン


b-click



ライン

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送