貴方のホームページ(ブログ)にも、無料ホームページ診断ツールを設置しませんか? *

ホームページ作成講座(初心者編)

ホームページ基礎知識講座「第1章 HTML入門」

ホームページ基礎知識

1章; HTML入門
2章; HTMLの基本
3章; リンクについて
4章; 文章の整形
5章; ファイル転送
6章; 画像について

基礎知識「中級編」

基礎知識「上級編」

HTML リファレンス

 ・基本構成編
 ・リンク編
 ・フォント編
 ・テキスト編
 ・画像編
 ・リスト編
 ・テーブル編
 ・フレーム編
 ・フォーム編
 ・拡張タグ編
 ・カラー編

相互リンクについて

お勧めレンタルサーバー
Click Here! *

■お勧め独自ドメインプラン
違うURLサイト複数製作可

相互リンクでSEO!
やきぶたサーチSEO
アクセスアップ無料情報
ホームページ作成講座
アクセスアップSEO
格安レンタルサーバー
 L 無料レンタルサーバー
チャ−シューメンズ倶楽部
アクセスアップ同好会
ページランクマスター上位
無料ブログ比較&サンプル

ホームページを作る前に知っておくべき事(ホームページ作成・初心者向け)

■ WWW・インターネットについて

ホームページを作る前にまず、WWW(World Wide Web)とはどういうものかについて知っておく必要があります。

WWWとは、文章を本のように順番に読むのではなく、 あちらこちらへ飛び回りながら自分の興味のある、 読みたいものだけを拾い読みしていくハイパーテキストと言う概念に基づき、 いままで電子テキストをネットワーク上で配布するために使われていた SGML(後述)の精神を受け継ぎ、そしてテキストだけではなく 画像や音声などを扱えるようにした1989年にスイスにある CERN(ヨーロッパ素粒子物理学研究所)が開発したインターネット上の情報システムです。

インターネット(Internet)とは1970年代に米国防省高等研究開発局(DAPA) が始めたアーパネット(ARPANET)を源流とする企業や学術施設・商用ネットワーク(プロバイダInternet Service Provider:ISP)などを相互に結んだ世界最大の「ネットワークのネットワーク」のことをいいます。

誤解されがちなことですが「インターネット」という 単一のネットワークは存在しません。TCP/IPという 共通の言語によって様々なネットワーク間のコミュニケーションが 可能になったものがインターネットなのです。

そのようなインターネットに接続し、表示用のソフトウェアである ブラウザを使って表示されるWWWサーバ上で情報ページの中心と なっているページのことをホームページと言います。そのページを 記述するための言語はHTML言語と呼ばれます。

■ HTMLとは

HTMLとはSGML(Simple Generalized Markup Language)という 言語から派生した言語です。 SGMLとはマークアップ(写植工やタイピストにテキスト がどのように印刷されるか、またはレイアウトされるかを 指示するためにつけた注釈のこと)された電子テキスト記述するための 国際規格のことで、情報を損失せずに且つ一つの ハードウェア・ソフトウェアに依存することなく あらゆる環境で同じように表示することが出来るように開発されたものです。

実際には、SGMLでは文章の特定の部分に関して「以下は段落である」あるいは「ここで箇条書きは終わり」と言ったように文章中におけるその部分の役割・構造を伝えます。そのようなSGMLからの流れをHTMLは引き継いでいるのです。

それでは具体的にHTMLはどのように文章における構造を指定するのかというと、テキストファイルに、そのページでどう表示されるべきかを記述する(マークアップする) 「タグ」と呼ばれるものを使って指定します。

「タグ」とは、「<」と「>」という記号で囲まれたコードのことです。そのようにしてHTMLタグを付け加えると、表示用ソフトウェア (Netscape NavigatorやInternet Exploreなどのブラウザと呼ばれるソフト)が、その構造指定を解釈して、ネットワークを介して、あるいはローカルで(自分のコンピュータで)そのファイルを表示してくれ、見ることが出来ます。ほとんどのHTMLタグは一般的に次のように記述します。

<タグ名> 表現したい文字列 </タグ名>
繰り返しになりますが、タグはそれぞれのタグで囲まれるプレーンなテキスト部分(上の例では「表現したい文字列」の部分)に論理的な意味、文中での役割をコンピュータに教えてあげ、そしてブラウザはそのタグが示した文中での役割をを読み取ってHTMLファイルを画面上に構成します。HTMLファイルは、World Wide Webで見ることができる文書だと思ってください。HTMLの長所をまとめると以下のようになります。

・HTMLファイル自体はテキストだけからなるので、ファイルサイズが小さくネットワーク上ですばやく転送できる
・表示装置に依存しない、つまりコンピュータがなんであってもブラウザがあればHTMLドキュメントを表示できる
・覚えるべきコマンドの数が少なく、習得しやすい

■ HTMLを覚える前に考えるべき事

Webを使ってどんなことを表現したいか、どういう人に見てもらいたいか等を おぼろげながらも考えておいてから学んでいく方が、ただやみくもに HTMLの書き方を覚えて行くより効率良く学ぶことができますし、 またそういう目標設定をしてから作るという習慣を付けておけば、 先々実際に自分でホームページを作っていくときにも効率よく、 内容の濃いホームページを作っていくことができます。 HTMLの書き方をマスターしたらデザインやレイアウトなどさらにもっと進んだ計画を立てていけるようになりますが、現時点では、ホームページを作る目的を考えておく程度でもかまいません。この先のページをご覧になりながら少しずつステップアップしていきましょう。

1GBの大容量 無料ホームページ(商用利用、アフィリエイト可能)  ◎広告収入GETも可能!無料ホームページ作成サービス(携帯・PC対応)

ホームページ・ビルダー12 通常版  ◎ホームページ・ビルダー10 プレミアムパック  ◎ホームページ・ビルダー10初心者おすすめ解説本

初心者におすすめ格安レンタルサーバー ロリポップ(200MB、263円から)   ◎ブログの為の格安レンタルサーバー(月額208円 / 500M 〜)


ホームページ作成講座 TOP

ホームページ作成無料ホームページ スペースホームページ デザインテンプレート1ホームページ デザインテンプレート2