WEBに関する必須であったり、覚えてるとどこかで役に立ったりするかもしれない用語などを集めました。100%正確ではありません。スペーサーmargin、paddingセレクタUA(UserAgent)色ブラウザ▼アンドゥ一つ前の状態に戻ること。現在多くのソフトで当たり前に使われている機能。一般的には前の状態に戻ることを言う。稀にアンドゥが[Ctrl+u]のソフトもあったりする。▼リドゥ一つ先へ進むこと。アンドゥとは逆の作業。アンドゥして戻ったが、やっぱりさっきのでいいや。な〜んて時に使ったりします。アンドゥが[Ctrl+u]であった場合、リドゥは[Ctrl+y]が一般的かも。WEB知識TOPへ▼ショートハンドここではCSSの短縮形を指す。CSSでボーダーを指定したいとき。通常だと下記のようにCSSを記述する。#ffffff;}これを短縮形のCSSで記述すると下記のようになる。#ffffff;}上と下では記述方法は異なりますが、同じ値を出力してくれます。注意してほしいのが、短縮形を使用して記述したとき、Legacyブラウザでは解釈できない可能性もあります。以前私もボーダーの指定を短縮形で記述していたのですが、とあるブラウザで表示されなかったことから、面倒ですがノーマルに書いています。それとこれはボーダーに限りません。一つ例を挙げましょう。10px;}これを短縮形にするとこうなります。いう書き方も出来ます。上下のmarginが同じ値、左右のmarginが同じ値。上下と左右の値が違う場合に使用します。5px;}ご理解頂けたでしょうか?例にならってわかりやすく説明するとこうなります。短縮形についてはこれくらいにしておきましょう。すべて説明するにはスペースが足りませんからね。WEB知識TOPへ▼インデントプログラムを組んだことのある人にはお馴染みでしょう。わかりやすく説明するために、下記にインデントなしのソースとインデントありのソースを載せます。説明は要らないでしょう。見ただけでわかるはずです。インデントなし<table><tr><td>入門!Dreamweaver使い方講座</td></tr><tr><td>このサイトではDreamweaverを・・・モゴモゴ。<td>このサイトではDreamweaverを・・・モゴモゴ。</tr></table>ハイ、ご覧の通りです。これは人の好みによりますが、一般的にはインデントありのソースのほうが全体の構造を把握しやすく、部位の変更も容易であると思われます。ヒネった言い方をすると、親子関係ですかね。どこかを変更しようとしたとき、ソースの量が膨大になってくるとインデントなしでは探す気が失せます。本当に不思議なくらいアリ組とナシ組に分かれます。そんなところがちょっと面白かったりも。どこかにインデントありなし占いとかありませんかねぇ。WEB知識TOPへDTD(DOCTYPE宣言)当サイト、入門!Dreamweaver使い方講座の文法ページ参照。DTDW3C略称です。WEB標準を推奨している非営利団体です。WEBの中心地・・・と言うべきかも。入門!Dreamweaver使い方講座の各ページで度々出てきたスペーサー君。この子はWEB標準から生まれたのではなく、製作者たちがこぞってテーブルレイアウトに走った挙句に生まれた産物。ブラウザでどこかのサイトを見たとき、一つの画像があったとする。そのとき、実際はそれは一枚の画像ではなく数枚の画像をテーブルのセルに当てはめ、一つの画像に見えるようにしている。このときテーブルオンリーで画像を当てはめ、セルの幅、高さを指定してもブラウザによって、若しくは環境によってセルが若干ずれてしまい、繋がっているように見えるはずの画像と画像の間に隙間ができてしまう。これを防ぐために1×1の透明なgif画像をつっかえ棒として挿入する。これによって幅、高さはほとんどの場合固定される。このとき使用される小さな透過gifをスペーサーと言う。※PhotoshopなどでスライスしてHTMLとして出力することが出来る。このとき、デフォルトの設定では自動でスペーサーが挿入され、固定されている。WEB知識TOPへmargin、padding本やWEBサイトでもよく説明されているmarginとpadding。このとき図解で説明されているのだが、私にはどうしても逆にわかりづらくてたまらない。結局わからないまま作業していたのだが、気づけば何となくわかるようになっていた。ここでは正しい答えかどうかわからないが、皆さんがわかりやすいように説明します。頭の中に黒板を描いてください。その黒板にチョークで横長の長方形を描いて下さい。次にその長方形の中に何でもいいので文字を描いてください。ストップ!ここから説明に入ります。黒板という大きな枠がありますね。その中に長方形を描きました。黒板と長方形の隙間がありますか?箱の外の余白、それがmarginです。paddingって何でしょう?もう察しがつく人も多いのではないでしょうか?長方形の中に何らかの文字を書きましたね。大部分の方々が余裕をもって中に文字を書いているとして、長方形と文字との間に空白があるものとします。セル内の余白、それがpaddingです。?逆にわかりづらかったでしょうか?わからなかった人は他のサイトも見てみることをお勧めいたします。WEB知識TOPへセレクタセレクタといえば難しそうに聞こえますが、CSSの指定の方法だと思ってください。Dreamweaverの機能に頼って作っているうちは「class」しか使いません。確かにこれだけでも十分なんですけどね。これだけだとソースが汚くなる上に無駄に重くなってしまいます。本当は効率よく管理できるように前もって用意されている方法でCSSを指定すればいいのですが・・・。な〜んてこといっても初心者にはやっぱりハードル高いですからね。最初は「class」で十分でしょう。下記のようなソースがあったとき。〜<body><p>Dreamweaver-css</p></body>〜上の「Dreamweaver-css」と言う文字の色を変えたい!となったとしましょう。HTMLソース内の<p></p>にこんな風に書き加えます。class="accent">Dreamweaver-css</p>HTMLソースの準備が整ったので、今度はCSSです。CSSファイルを作成し、下記のように記述します。#900;}これだけですね。後はこのCSSファイルをHTMLに読み込ませるだけです。「class」は特に制約はないので、ページ内にいくつでも同じ物を使えます。試しに難しいほうも少しだけ紹介してみましょうか。初めのソースのままの状態で、後に「class」を設定したときと同じ効果を別なやり方で得て見ましょう。これについては触れるだけなので解説は無しです。その目的のHTMLファイルに読み込ませるCSSファイルにこう記述します。#900;}こんな感じです。これらはすべて「正しいブラウザ」で表示すると同じ結果をもたらします。古いブラウザか、若しくはIEでない限り全て同じ表示です。何通りもやり方があるのか。これらは得られる効果は同じでもそれぞれ性質が違います。初心者を脱出したければ、その性質の違いを理解し、セレクタの効率良い使用をできるように努力しましょう。CSS」などでググってみてください。WEB知識TOPへUA(UserAgent)ここで言うUAとは、主にブラウザのことです。WEBサイト作成補助などのページを見ていると、たまにUAと言う言葉が出てきます。ブラウザに関しての説明は流石にいらないと思うのでしません。ブラウザWEB知識TOPへ色ここではHTML、XHTMLにおける色の指定の仕方を説明します。ソフトや多くの書籍で利用されている使用方法はハッシュ(#)の後に16進数で指定する方法です。セルの背景の色を黒に指定したいときはこうします。#000000;}これをセルに適用するだけで背景は黒になりますね。「#000000」となっているところは、「#000」とも省略して記述することが出来ます。これは「00」が3つ連続して並んでいますよね。この場合は省略してもよいとされています。わからない方の為にもう一例挙げます。私が製作するときに良く使う好きな色「#990000」。これは省略するとどうなるでしょうか?答えは「#900」。わかりましたか?わからなければお気軽に掲示板にてどうぞ。rgb(000,000,000)}となります。一つあまりオススメできないものですが、こちらも紹介しておきましょう。色の名前で指定する方法です。限られた数ですが、「red」「white」などでも指定することが出来ます。素人の方々は気にしてないようですが、何気なく参考になるWEBサイトを回り、これだ!と思った色の名前がIE独自の色名だったりもします。これは絶対に避けてください。ややこしい色名での指定はするべきではありません。WEB知識TOPへブラウザ環境設定のページにて簡単に説明してありますが、改めてご説明を。代表的なブラウザをいくつか挙げてみましょう。Explorerえ〜ハイ。世界で最も普及しているブラウザです。CSSの対応が不十分です。ユーザーやクリエイターなど、各方面から馬鹿にされないようなMSIE7.0をお願いします。Netscape一時期MSIEとシェアを争っていました。