カッコイイＷＥＢデザインに憧れている人たちの為の、ＷＥＢデザイナーの成り方講座。

ＷＥＢデザイナーに必要スキルについて　その１

ＷＥＢデザイナーになりたいのですが、どのようなスキルから習得すればよいか・・という人は多いと思います。

そこで、このページでは、そんなＷＥＢデザインするのにおいて、必要なスキルのご紹介をしていきたいと思っています。

ＨＴＭＬ

これは、最低限、ある程度の仕組みを分かっていないといけないものでもありますね。

ＨＴＭＬとは、”Ｈｙｐｅｒ　Ｔｅｘｔ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ"（ハイパーテキスト・マークアップ・ランゲージ）と呼ばれるもので、ホームページを作るための一種のプログラム言語的なものと理解していただければ良いかも知れません（こうした表現は乱暴かもしれませんが・・。）

ほとんど（全てといっても良いくらい）のＷＥＢサイトは、このＨＴＭＬでコーディングされたものばかりで、
いくらＦｌａｓｈオンリーのページといえど、必ずＨＴＭＬ言語が使われています。

このＨＴＭＬは、他のＪａｖａなどの言語に比べても憶えやすい特徴があって、少し勉強すれば、ある程度のＷＥＢサイトを形にすることもできます。

ＨＴＭＬの基本は、「タグ」と呼ばれる英字の記号で、その基本を以下に示しておきます。

<p>文章がココに入ります</p>

上記の様に、”文章がココに入ります”という単語が、"<p>～</p>"という記号に囲まれています。

記号で内容の文を囲むことで、ＨＴＭＬの動作が、”ブラウザ”という、ＷＥＢブラウザを通して、表現されていくのです。

このＨＴＭＬは、上記で書いたとおり、全てのＷＥＢサイトに書かれるものなので、これが理解できていないと、ＷＥＢデザインが全くできなかったりするので、他に興味があるかたもいるかもしれませんが、これは特に憶えておくようにしましょう。

このＨＴＭＬに関しては、インターネット上に多数の初心者向けサイトや、書店でもＨＴＭＬ集などが売られているので、気軽にチャレンジすることができますので、これからという人は、ぜひがんばってください。

ＣＳＳ

ＣＳＳとは、Cascading Style Sheets（カスケーディング・スタイル。シート）というもので、
おおまかに説明すると、”ＨＴＭＬを装飾することができる”という言語です。
このＣＳＳは、ＨＴＭＬとともに、ＷＥＢデザインの核ともなる言語になります。

ＨＴＭＬの項では説明しませんでしたが、ＨＴＭＬファイルというのは、「文書ファイル」として位置づけられているもので、元々は「装飾」ができるという概念はありませんでしたが、そこで、装飾を目的にしたＣＳＳがＷ３Ｃによって勧告され、「基本的な文書構造を形作るのがＨＴＭＬ」・「ＨＴＭＬに色々な効果を与え、装飾するのがＣＳＳ」と、目的が全く異なる２つの種類の言語が一つに合わさったものが、現在のＷＥＢサイトの基礎的な部分になってきています。

”WEBデザイン”の核の一つの”装飾”という部分では、絶対に重要となる部分です。

その基本は、以下の通り。

ＨＴＭＬ

<p class="hoge">ココに文章が入ります</p>

CSS

.hoge{font-style:italic;}

ＨＴＭＬには、基本的に「クラス名」と呼ばれる、名札のような役割をする目印がつけられます。
上記の場合なら、「hoge」というクラス名が付いています。
ＣＳＳでは、その「クラス名」である「hoge」に、”font-style:italic”という記号がつけられているのですが、
この”font-style:italic”というのは、「文字の装飾の種類」：「italic（斜体にせよ）」という意味の記号ですので、
その「hoge」の「クラス名」が付く場所には、斜めの文字の装飾が加わるということになります。

これがCSSの基本なのですが、CSSは大変置くが深く、WEBデザインにおいても重要な役割を果たします。

これは難しいともいえますが、ぜひHTMLと一緒に憶えることをおすすめします。

＞＞ＷＥＢデザイナーの必要スキルについて　その２へ

recommend

葬儀屋の比較

2017/8/17 更新

このページのトップへ。