メール・マガジン 『 インターネットで稼ぐ流儀 』 バック・ナンバー
稼ぐ仕組みをインターネット上に作る支援サイト:Gadget-Project ガジェット・プロジェクト トップ・ページへ
『第56号』
サイト作成 HTML 講座 入門編 -01-・Scroll Ads Factory
[ Gadget-Project ガジェット・プロジェクト ] サイトについて
>> Gadget-Project Secret メンバー募集 <<
Gadget-Project TOP [ Free Downloads フリー・ダウンロード ] のページへ ツール & ノウハウ
  メルマガ・バックナンバー
[ Gadget-Project News ガジェット・プロジェクト・ニュース ] のページへ[ Gadget-Project Help Desk ガジェット・プロジェクト・ヘルプデスク ] へ

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

≪ OLD バックナンバー・リスト TOP NEW ≫
【 インターネットで稼ぐ流儀 】 Gadget-Project メール・マガジン
Gadget-Project.com Top Page へ
[ Gadget-Project WEB SITE ]  TOP | バックナンバー | ツール&ノウハウ
>> Gadget-Project Secret メンバー募集 <<
[ Gadget-Project News ガジェット・プロジェクト・ニュース ] のページへ[ Gadget-Project Help Desk ガジェット・プロジェクト・ヘルプデスク ] へ
【 第56号 】 August 6, 2008

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

- MENU -

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

おはようございます。

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


サイト作成 HTML 講座 入門編』を
始めていきたいと思います。

『 HTML 』と聞いて、
いきなり拒否ってしまいそうになるあなた。

ちょっとちょっと、待って下さい!

あなたがもし、
趣味だけで、ブログを含めたサイトを持つなら、
別にいいんですが、
サイトから何らかの形で収入を得たい、
検索サイトで上位表示したい、

とお考えなら、閉じずにこのまま読み進めて下さい。

覚えておくべきポイントを中心にお話していきますので、
どうか、難しく考えないで、
お付き合い頂ければと思います。

覚えることは最小限度でいいですから、
瀬尾がこんな事言っていたな、程度でいいですから、
是非目を通して下さいね。


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


【 今週の新着情報 】
Scroll Ads Factory スクロール・アズ・ファクトリー
あなたは訪問者の注目を掴み取る広告掲載について、
真剣に考えた事はありますか?
訪問者の注目を集めるには、
動的な広告の方が効果的です。
ですが、一般的には作成が困難です。
でも、諦めないで下さい!
初心者でも簡単に作成・集中管理できる、
動的広告『スクロール広告』のシステムが登場!
さらに、
Scroll Ads Factory スクロール・アズ・ファクトリー
を使えば、
広告の追加・修正に伴う手間さえも、
圧倒的なレベルで軽減されてしまいます!

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


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

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

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

ファイルについて

まず、HTML というのは、
ブラウザで表示するための言語だということだと、
理解して下さい。

コンピューター上で使われるファイル全てには、
拡張子』と呼ばれるものが付いています。

パソコンの初期設定では、
この『拡張子』は、一般的に表示されていませんが、
ファイル名の後に、「 .○○○」という風に、
.(ドット)の後に、
どういう種別のファイルなのかを判別するためのものが、
付加されています。

「ファイル名 + .(ドット) + ○○○」

この「.○○○」の部分を『拡張子』というのですが、
HTML で書かれたファイルは、
.html 」、もしくは、「 .htm 」というようになっています。

この拡張子が付いていると、
パソコンでは、「 HTML ファイル」なんだなということが分かり、
それらは基本的にブラウザと関連付けされていますので、
このファイルがパソコン内にあると、
ブラウザのアイコンで表示され、
それをダブル・クリックすると、
ブラウザが起動し、表示されるわけです。

拡張子は、基本的に「小文字」です。

そして、今後、
あなたがページを作成するにあたっては、
「 .html 」か「 .htm 」か、
どちらかに統一されることをお勧めします。

通常なら、同じファイル名は、
同じ場所には存在できないですが、
ファイル名部分が同じであっても、
「.html 」「 .htm 」と拡張子が違うだけで、
別ファイルと見なされてしまいます。

つまり、
aaa.html と aaa.htm は別ファイルとして、
同じところに存在できるんですね。

紛らわしいだけでなく、
もし、「 .html 」と「 .htm 」を混在させて使用していれば、
とてもややこしいことになります。

例えば、
aaa.html が存在して、
aaa.htm というファイルは存在しないとします。

aaa.html のページにリンクを張ろうとして、
リンクの記載を「 aaa.htm 」と書いてしまえば、
そのファイルは存在しないので、
リンクは表示できないことになってしまいます。

「 .html 」か「 .htm 」か、
どちらかに統一して、
こういった紛らわしさ、ややこしさを避けて下さい。


そして、
ファイル名を付ける際の注意事項なのですが、
日本語のような2バイト文字は使わないようにして下さい。

必ず半角英数字で、ファイル名をつけます。

一般的なパソコン上では存在できても、
サーバー上では、
こういったファイル名は読み込めないからです。


ファイル名で使える記号も、
-(ハイフン)、_(アンダー・スコア)に限られます。

これはなぜかというと、
各種プログラム言語で使われている記号は、
省かないといけないからです。


ファイル名に関しては、
これらに注意していれば大丈夫です。

『タグ』

HTML は、
タグ』と呼ばれる、
< > でくくられたものによって指定していきます。
(実際には、< > は半角ですが、
メール・ソフトやウェブ・メールの仕様によって、
正しく表示できない場合があるかもしれないので、
ここでは全角を使って書き込んでいます。)

この『タグ』には、約束事があって、
開始タグ ”と“ 終了タグ ”がセットになっているんですね。

<HTML> </HTML>
のように、
開始タグ <○○> に対して、
終了タグは、○○の前に /(スラッシュ)が入って、
</○○> となります。

終了タグは、
俗称ですが、「閉じタグ」とも呼ばれることがあります。

「タグを開始したら、必ず閉じる。」

こういうルールです。

そして、○○ & /○○ の前後、括弧の間には、
スペースも何も入っていないことを覚えておいて下さい。

ちょっと雑学

第1回目の今日は、

  • 拡張子』というものがあって、
    HTML ファイルは、「 .html 」と「 .htm 」がある
  • HTML は、『タグ』というもので記載され、
    開始タグ」と「終了タグ」があり、
    必ずセットになっている

という2点だけにしておいて、
少し、雑学を。

「拡張子」に関連したお話をしたいと思います。

パソコンが出だした当時のファイル名の約束事は、
「ファイル名5文字 + 拡張子3文字」
だったんですね。

今から考えるとありえないですね。

こんな文字数では、
あっという間にファイル名が付けられなくなってしまいます。

なので、HTML ファイルの拡張子は、
元々、「 .htm 」だけだったんです。

それが、パソコンの利用が広まり、
ファイル名の文字制限が外れてから、
「 .html 」も使われるようになったんですね。

拡張子に3文字が多いのも、
こういうところから来ているんです。


時々こんな、雑学じみたことも交えながら、
お話していきたいと思います。

今日はここまで。

次回もお楽しみに。。。


このメール・マガジンの ≪ TOP ≫ へ

Scroll Ads Factory スクロール・アズ・ファクトリー のページへ

あなたは訪問者の注目を掴み取る広告掲載について、
真剣に考えた事はありますか?
訪問者の注目を集めるには、
動的な広告の方が効果的です。
ですが、一般的には作成が困難です。
でも、諦めないで下さい!
初心者でも簡単に作成・集中管理できる、
動的広告『スクロール広告』のシステムが登場!
さらに、
Scroll Ads Factory スクロール・アズ・ファクトリー
を使えば、
広告の追加・修正に伴う手間さえも、
圧倒的なレベルで軽減されてしまいます!
Scroll Ads Factory
スクロール・アズ・ファクトリー

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

編集後記

サイト作成 HTML 講座 入門編』ですが、
文章として、少しややこしくなったかもしれません。

ですが、とりあえず読み進めて下さって、
今分からなくっても、
後で読み返して頂いた時に充分参考になる、
保存して頂けるだけの価値のあるものになる様、
そういう点は意識しています。

もしよろしければ、
専用フォルダをお作り下さって、
ご活用頂ければ嬉しいです。

もし、お解りになりにくいところがあるようでしたら、
お気軽にメールを下さい。
お待ちしております。

Gadget-Project 瀬尾 和弘

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

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

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

See You !!

[ Gadget-Project News ガジェット・プロジェクト・ニュース ] のページへ[ Gadget-Project Help Desk ガジェット・プロジェクト・ヘルプデスク ] へ
>> Gadget-Project Secret メンバー募集 <<
[ Gadget-Project WEB SITE ]  TOP | バックナンバー | ツール&ノウハウ
このメール・マガジンの ≪ TOP ≫ へ
【 インターネットで稼ぐ流儀 】
Gadget-Project ガジェット・プロジェクト
 メール・マガジン
■お問い合わせ support HELP DESK
■発行 Gadget-Project ガジェット・プロジェクト
瀬尾 和弘 info@gadget-project.jp
■URL http://gadget-project.jp/
■その他情報 about SITE ・ about US(発行者情報)
プライバシー・ポリシー
■登録 《終了しました》
© 2007 - 2010 Gadget-Project.jp, All Rights Reserved.
≪ OLD バックナンバー・リスト TOP NEW ≫
Gadget-Project TOP [ Free Downloads フリー・ダウンロード ] のページへ ツール & ノウハウ
  メルマガ・バックナンバー
© 2007 - 2011 Gadget-Project, All Rights Reserved.