ホームページの基本用語

■HTMLとは

HTMLは(Hyper text makeup language)の略で、ホームページ作成に使われる言語です。＜＞に囲まれたタグと呼ばれる命令を使って記述します。基本の骨格は以下の通り

headとheadの間にはタイトルとかエンコードの種類、スタイルシートなどを書き込みます。 bodyとbodyの間には本文を書き込むという感じですね。 DHTMLとはCSSやJavascriptを組み込むことで表現力が増したもの。拡張子はhtml。くわしいことはのちほど。

■CSSとは

CSSは(Cascading style sheets)の略で、HTMLのbodyにはさまれた本文を装飾する規格のことです。文字に色をつけたりとか、文字を大きくしたりするために使います。別にこれを使わなくてもHPを公開することはできますが、使ったほうがはるかに見栄えが良くなりますね。拡張子はcss。

■Javascriptとは

JavascriptはHTML中に組み込むことができるスクリプト言語です。これを使うことにより文字が左から右に動くような動的なページにすることができます。拡張子はjs。

■CGIとは

CGIは(Common gateway interface)の略で、その多くはperlという言語で記述します。CGIの特徴は、HTML、CSS、Javascriptのようにサーバーにあるデータをブラウザで実行するのではなく、サーバーにあるデータをサーバーで実行することにあります。よってサーバーが CGIに対応していなければ実行することはできません。CGIは主に掲示板、チャットなどに汎用されています。拡張子はcgi。

■JavaとActiveX

JavaはJavascriptとはまったく別物です。ブラウザ上で実行できるという点は両者に共通していますが、Javaはコンパイル(機械語に変換されること)されたプログラムをサーバー又はブラウザ上で実行するのに対して、Javascriptはブラウザ上でソースを読み取り実行されるという点が異なります。つまり、Javascriptは非実行型のプログラムであり、Javaはアプリケーションとして動くということですね。ただ、Javaは実行に際してJava仮想マシンというものが必要になります。これは、さまざまなOSごとにプログラムを解釈するために必要で、windowsの人はwindows用Java仮想マシンを Macの人はMac用Java仮想マシンをそれぞれ用意する必要があります。Javaで開発されたプログラムのうちブラウザ上で実行されるものを Javaアプレット、サーバー上で実行されるものをJavaサーブレットと呼びます。iアプリはJavaの代表例です。 ActiveXも同様にプログラムを作成できますがwindows専用となっていて、もともとOSに必要な機能が備わっているので仮想マシンを用意する必要はありません。

■XMLとXHTMLとは

XMLは自分の目的に応じてタグを定義できるという特徴があります。ただし、データをどのような外見で表示するかという情報は含まれず、データの意味と構造を表現することしかできません。XHTMLはXMLをベースとしたもので、タグはHTMLと同じですがルールがXMLにのっとって記述されています。たとえば、HTMLでは大文字小文字両方使えますが、 XHTMLでは小文字しか使えません。XMLをベースとしたものにはXHTMLのほかにもVML(図形データ)、SVG(画像データ)、CML(化学式)、MathML (数式)などいろいろあります。

■付け足し

これまで述べた中で、文字に色をつけるにはCSSを使うといいましたが、ぶっちゃけCSSを使わずして色をつけることは可能です。fontでくくればよいのです。ただ、HTMLの規格がどんどん新しくなってきていて、それに伴いブラウザのバージョンもアップされています。古いブラウザではスタイルシートに未対応であったりして、互換性を保つためにfontなどの従来の形式のものが残されているに過ぎません。今主流のHTML4.01ではスタイルシートを使うことを推奨していますので、できれば従来の形式のものは使わないほうが良いでしょう。ただCSSが主流になってきたことでHTMLの難易度が上昇したように思えます。まぁそれなりのものを作るにはそれ相応の難しさがあるんでしょうが従来のに比べると初心者がとっつきにくくなったというのは確かでしょう。にしてもHSPよりは簡単です。C++はこんなもんじゃないです。自分でHTMLを記述するのがイヤという人は、HPビルダーや最近主流のウェブログ(ブログ)を利用してみるのも一つの手ですね。

ホームページの作り方（HP作成法）を解説

STEP1

STEP2

STEP3

STEP4

STEP5

STEP6