インターネットで稼ぐ流儀　『第５７号』

【 インターネットで稼ぐ流儀 】

- MENU -

1. 前記
2. [ サイト作成 HTML 講座　入門編 -02- ]
3. 編集後記

おはようございます。


Gadget-Project ガジェット・プロジェクト の瀬尾です。


ほとんどの方はお盆休みでしょうが、
そんなことはお構いなしの発行です。（笑）

私は休みません。


まずはとりあえず、
いつもの新着情報から。


【 今週の新着情報 】
Underground Marketing Strategies - Vol. #01
アンダーグラウンド・マーケティング・ストラテジーズ
もし、あなたがマーケティングに苦心しているなら、
この実証済みの戦略を50個まとめたこのマニュアルを、
ぜひとも手に入れるべきです。
このマニュアルで明らかにされる情報を、
知っているのと知らないのでは、
これからのマーケティング展開で、
大きな差が出るのは確実です。
全30巻からなるモンスター戦略本の第１巻目が、
ついにリリースです！！
あなたの収入を爆発させる、
50の隠し続けられたマーケティング戦略

このメルマガでは、
インターネットで稼ぐための、
サイトの作り方、SEO の考え方、
アフィリエイト、アドセンス、情報起業、リセールライト、
等についてお話していきます。

更に、精神的なことの話や、脳の話など、
あらゆる面でサポートできればと思っています。

どうぞ、末永いお付き合いをよろしくお願い致します。

前回の復習

• 『拡張子』というものがあって、
  HTML ファイルは、「 .html 」と「 .htm 」がある
• 『拡張子』は、基本的に小文字
• ファイル名を付ける際、
  日本語のような２バイト文字は使わず、
  必ず半角英数字でファイル名を付ける
• ファイル名を付ける際に使える記号は、
  -（ハイフン）、_（アンダー・スコア）等、
  極限られたものになる
• HTML は、『タグ』というもので記載され、
  「開始タグ」と「終了タグ」があり、
  必ずセットになっている

サイト作成 HTML 講座　入門編 -02-

HTML の基本的構造

HTML ファイルの中身の基本的構造がどうなっているかというと、

＜HTML＞
　＜HEAD＞
　＜/HEAD＞

　＜BODY＞
　＜/BODY＞
＜/HTML＞

という風になっています。

『 HEAD 部』には、そのページの基本情報を記述します。

『 BODY 部』は、実際にブラウザで表示させる内容を記述します。


タグの記述を見て下さい。

まず、＜HTML＞　とありますね。

「この文書は HTML ですよ」という、
『宣言』から始まります。

そして、宣言した後に、
『 HEAD 部』の記述をしていきます。

＜HEAD＞　から始めて、
そのページの基本情報を記述していきます。

それが終わったら　＜/HEAD＞　で閉じます。

そうしたら、
『 BODY 部』の記述をしていきます。

＜BODY＞　から始めて、
実際にブラウザで表示させる内容を記述していきます。

それが終わったら　＜/BODY＞　で閉じます。

これで、
HTML の記述が終わりなので、
＜/HTML＞　で閉じているんですね。

ここまで、いいですね。
難しくはないと思います。


今、仮に、
index.html というファイルを作り、
その中身の記述を、

＜HTML＞
　＜HEAD＞
　＜/HEAD＞

　＜BODY＞
こんにちは！
　＜/BODY＞
＜/HTML＞

とだけ記述して保存した後、
このファイルをダブル・クリックすれば、
ブラウザが立ち上がって、
「こんにちは！」とだけ、
黒字で中庸な文字のサイズで表示されます。

たったこれだけのことで、きちんと表示されるわけです。

＜テキスト・エディタ＞

＜ブラウザ＞

テキスト・エディタ

タグの書かれた HTML ファイルや、
その他プログラミング言語等によって記述されたものを、
『プログラミング・ソース』
と言います。

単に、『ソース』とも言います。

それら『ソース』を編集するのに、
メモ帳では、機能的に余りにも貧弱です。
メモ帳はあくまでメモ帳であって、
こういう用途に使うものではありません。

そこで、ソース編集には、
『テキスト・エディタ』なるものを使用します。

有料のものもありますが、
ここは一つ、無料でレベルの高いソフトを使用しましょう。

お薦めするのが、『 TeraPad 』というソフトです。
（上記テキスト・エディタの画像は、この TeraPad のものです。）

Windows 用のソフトです。
こちらから、ダウンロードして下さい。
TeraPad

（ Mac 利用の方はごめんなさい。
こちらのページから探してみて下さい。
Vector　＞　Mac 用　＞　テキストエディタ
無料で利用できるソース編集用テキスト・エディタでは、
『 mi 』というのが人気のようです。）


ソース編集用テキスト・エディタは、
プログラミング言語ごとに設定したカラーで表示されるので、
かなり見やすくなるんですね。
（上記テキスト・エディタ画像では、
「こんにちは！」の部分は黒ですが、
HTML のタグは、ブルーの表示になっています。）

それに、
アンドゥ（元に戻す）・リドゥ（やり直す）機能もあったりしますから、
かなり便利です。

使用に際しては、基本設定で、
行番号やルーラー表示しておくのがポイントです。
（上記、テキスト・エディタ画像参照）


今日はここまで。

次号もお楽しみに。。。

最新情報をお伝えしていきます。
『 Gadget-Project Newsletter 』

編集後記

皆と差が付くのが、こういう一般的に休みの時だったりします。

休みを取ったとしても、頭は休めないのがポイントといえるでしょう。

頭を休めると、次に本格的に始動できるまで、
結構な時間が掛かってしまいます。

それに、こういう休みをきっかけにして、
継続してやっていたことが、続かなくなってくるものです。

こういうところも、私は気を付けています。

Gadget-Project　瀬尾　和弘

ご意見・ご感想、何でも結構です！
お気軽にメール下さいね！

お待ちしております。
info@gadget-project.jp

ということで、
次回もお楽しみに！！

See You !!