HP作成講座〜ネットで稼ぐ!マネーの鷹.com
ネットで稼ぐ!マネーの鷹.com
HP作成マニュアル
HP作成ミニ知識とお役立てサイト

無料素材

HP作成講座
無料ホームページ HP作成アイテム
無料カウンター ブロードバンド
無料アクセス解析 レンタルサーバ
HP作成講座
◆はじめに◆
 ホームページ作成に当たっては、まず最初に選ぶべき道が2通りあります。ひとつはタグをおぼえて打ち込んでいく。もうひとつは、HPビルダーやドリームウェーバーなどの、ソフト使って作成する方法。
 どちらがお薦めとは言えません。タグがいいと言う人もいればソフトを使った方が簡単という人もいます。私の場合は最初にタグをおぼえて後からソフトを使うようになりました。
タグは、決して難しくありません。ただ表を作ったり難解な作業になってくると、編集しにくいのは確かです。ソフトのいいところはプレビューした画面を見ながら作れるところです。またHPビルダーは、アフィリエイトには向かないという声もありますが私が知っている人では。HPビルダーを使って、月に百万を円以上を稼いでいる人もいます。ソフトはあまり関係ないようです、それよりも内容にこりましょう。
◆STEP1◆タイトルを決める!
 
 そんなの当たり前、思われる方も多いと思いますが、実はこのタイトルが一番検索エンジンで、ひっかかる要素を秘めています。タイトルを決めるということは、それに見なった内容を決めなければなりません。ここではアフィリエイトで稼ぐといるという、大きなテーマをもとに作成しいます。一番分かりやすいのは、一本の柱を立てて、その柱に、枝をつけていく、そういう風に考えれば作りやすいと思います。
私は、物書きをやっていますが、小説を書いているというスタイルと、このホームページ作りはよく似ています。
◆STEP2◆ツリーを作る!
 タイトルとテーマを決めたら、ツリーを作ってみるのが、一番わかりやすいと思います。実際に、紙やパソコンに書いてみてもいいし、頭の中で大まかなイメージをしながら作っても構いません。
HP作成の構図

 当サイトではこういうイメージで作りました。いろんな枝がありますが、どれも、ネットで稼ぐ、ホームページで稼ぐには、欠かせない材料です。柱となっている部分はもちろん、『稼ぐ』です。

 また、枝は多いほど、見る人に興味を持たせます。ただ、あまりテーマにそぐわないものばかり付けると、何が言いたいのか分からなくなってくるので注意しましょう。
◆STEP3◆HPを作る!
 いよいよ後は作り込むだけです。実際にいろんなサイトを見て、まねをしながら作るのが、1番効率的で早いです。もちろん、自分のオリジナリティーは忘れずに!
ソフトを使うなり、タグを使うなり、皆さんのスタイルで作りこんでください。

◆注意点◆
1.アフィリエトをするにはフレームを扱うべからず。
2.タイトルには工夫をするべし。
3.ここでしかない情報、というものを作る。
◆タグミニ知識◆
実践・ダグの超早わかり講座!

 タグと言われるだけでビビってしまう、そんな方は多いと思います。私も知るまではそうでした。しかし知ってしまうと、なんだこんなもんかと思ってしまうほど、タグの原理は簡単です。知ってしまうと、これは何にでも言えることですけどね。
 まあ、コンピューター音痴の私にも分からんですから皆さんにも必ず分かります。論より証拠、手っ取り早く実際にやってみましょう。
<html>
<head>
<title>マネーの鷹.com</title>
</head>
<body>
マネーの鷹.comは素晴らしい(笑)
</body>
</html>

 あなたのコンピューターからメモ帳を開いて、前のオレンジの部分に書いてある文字を、コピーペーストして保存する時に適当なフォルダ名を作ってindex.html とタイトルを打ち込んで、保存してください。これね、超簡単なHPのできあがりです。このオレンジの部分の文字を、ソースといいます。
 では、ブラウザを立ち上げてindex.htmlを開いてみてください。

 マネーの鷹.comは素晴らしい(笑)

 ブラウザには、上の文字しかされていません。では各文字の意味を解説します。

<html> 
 これはホームページですよ、というふうに思っていただいて結構です。
<head>  
 ヘッド、タイトルを、はさむ文字と思ってください。さらにいろんな文字を、ここで打ち込む場合があります。メタタグやキーワードを、打ち込んだりします。
<title>マネーの鷹.com</title> 
 タイトルです。この<title>と</title>は間には何を書いても構いません。
</head>
<body> 
 ボディーですここから下の文字や画像実際のホームページには表示されません
マネーの鷹.comは素晴らしい
</body>
</html>
では次にこの文字を赤にしてみましょう。

<html>
<head>
<title>マネーの鷹.com</title>
</head>
<body>
<FONT color="red">マネーの鷹.comは素晴らしい</FONT>
</body>
</html>
 これで同じように保存してみてください、今度は文字の部分が赤で表示されています。要するにに、タグにというものの原理は

<命令コマンド>○○○○○</命令コマンド>

 となっています。/スラッシュと読みます、これが命令がここまでで終わりですよと言う意味です。この簡単な原義の、どんどん高度に複雑にして言っているわけです。いろんな命令コマンドを覚えていきましょう。そうすればタグでホームページを作ることは案外簡単です。
 私の場合は、ホームページビルダーを使っています。ソフトのいいところは実際の画面を確認しながら編集できるところです。ただタグをの原理を分かっていて、損はありません。さらに気に入ったホームページなどを、自分のパソコンに保存してソースを見てみるのもひとつの勉強の手です。タグの原理も分かってきますし、ぜひやってみてください。
 ホームページ編集をスピーディーにやるのならば、やはりソフトは欠かせません。
ネットで稼ぐ!マネーの鷹.com
サイトマップ
リンク集

》コンテンツ《
》》マネ鷹《《
マネ鷹の理念
アフィリエイターの道
》》稼ぐ情報《《
ネットで稼ぐ・HP編
ネットで稼ぐ・ネット編
転職・就職情報
》》HP制作情報《《
HP制作アイテム・知識
》》アクセスアップ《《
各種アイテム
SEO対策
検索エンジン登録
》》◆《《
オンラインショップ
世界最強の称号
Amazonのオウギワシ
◆AMAZON・RANKING
BOOKs・ランキング
CD・ランキング
DVD・ランキング
エレクトロニクス
 CD・DVD・本、各ジャンルのベストセラーがすぐ分かる!
Amazonのオウギワシ
激安・格安情報を見逃すな!
》》情報の鷹《《
エレクトロニクスの鷹
◆格安パソコン
◆激安中古パソコン
◆激安・格安家電
レディスの鷹
◆ブランドアクセサリー
◆ダイエット
◆エステ
◆激安・香水販売
◆化粧品
メンズの鷹
◆メンズアクセサリー
◆男のカープランド
◆メンズコスメ
食ったか?
◆グルメガイド
◆健康食品
◆コーヒー・通販
◆ケーキ屋
酒場の鷹
◆格安ワイン
◆洋酒
◆日本酒
クルマの鷹
◆車専門誌・カー用品
◆新車・中古車売買
◆自動車・無料査定
◆事故車買収
◆自動車保険・車検
金融の鷹
◆お金を借りたい
ギャンブルの鷹
◆競馬予想会社
芸術の鷹
◆世界の名画
◆楽器の格安通販

HP作成講座〜ネットで稼ぐ!マネーの鷹.com