|
アフィリエイターの道 |
| ◆『マネーの鷹.com』の活用ガイド◆ |
|
|
第二章・HPを作ろう・1 |
◇アフィリエイトをやるための最低限タグ知識
コンピューターが苦手な人は、タグでHPを作りといっただけで「うわ!難しそう!」と引いてしまいますよね。しかし、このタグというのは一度覚えてしまえば、非常に便利で簡単なんです。
|
| 基礎と応用 |
ボディを作るのは一番簡単です。
論より証拠、まずこれから、ソフトボール使わずに、メモ帳からホームページを作るまでご説明します。なおこのコーナーはあくまで簡単なホームページの作成ですので、試行錯誤で気楽にやってみてください。
なお、その前に、一番最初に覚えておくべき基礎知識をひとつ
ソースは半角英小文字・半角英数字しか使わない。
さあ、ではさっそく作ってみましょう!
|
<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>
ボディーです。ここから下の文字や画像が実際のホームページに表示されます。
<body>と</body>の間が実際にホームページに表示されるメニューです。表や文章や画像などいろいろなものがこの<body>と</body>の間に書かれているわけです。この文字のことをソースといいます。
マネーの鷹.comは素晴らしい
</body>
</html>
上の二つのソースをは何の役もしていないようですがこの二つの文字がないと、HPは終了しません。この二つのソースによってホームページが完成するわけです。
/ ←この記号をスラッシュといいます。命令の終わりという意味ですポイントとして覚えましょう。
<命令の記号></命令の記号>
さあ、これでボディーはできました。あとは、この<body>と</body>の間のソースを作っていくことになるわけですが、そのための便利ツールを紹介します。
HTMLタグ簡単作成
このツールを使えば目的に応じて、タグを作ってくれます。ボディーとボディーの間に、このタグ記号どんどん書き込んで、ブラウザーで絶えず確認しながら挑戦していってください。少しずつ記号が分かっていきます。例えばリンクを張る場合のタグは
<a href="リンク先URL">タイトル</a>
となります。あとは実際に使ってみて、各記号htmlソースをメモ帳などにコピーペーストして、用途において実際にHPソース画面に書き込んでいくのが便利ですね。私の場合は、常にメモ帳を開いてブラウザーを立ち上げ、ソースを書き加えては更新をして確認しながらやったものです。(エネルギー入りました(^_^;)
さらにはいろんな指示のソースを単語登録すると便利です。タグで作るほうが、ソフトで作るよりも時間はかかると思います。
|
|