Webサイト制作では、HTMLとCSSを使ってコーディングします。

コーディングの基本はHTMLとCSS

皆さんが目指している“コーダー”という職業は、Webプランナーが定義し、WebデザイナーやWebライターがグラフィックとして形にしたWebサイトをパソコンに表示させる役割を担います。

 

仲間の仕事とパソコンを繋ぐ翻訳者のようなポジションです。
コーダーが行う翻訳作業を“コーディング”と言い、コーディングの際に用いる言語が「HTML」や「CSS」に該当します。

 

HTMLとCSSとは?

 

つまり、コーダーを目指すならば、コーディングに用いるHTMLとCSSの学習が欠かせません。
とはいえ、そもそもHTMLとCSSと言われても「一体何者だ?」という話です。
学習を始める前に、まずはそれぞれの特徴と役割を順番に確認していきましょう。

 

HTMLとは

HTML(Hyper Text Markup Language)」は、文章を記述する言語です。正式名称の後半の単語に注目すると分かるように“マークアップ言語”とも呼ばれています。
マークアップ言語はプログラミング言語とは異なる存在ですが、Webサイトの制作やアプリケーションを開発する際には不可欠な言語です。

 

役割

HTMLの役割は「要素の配置」です。
Webページを作った経験がある人はご存じの通り、手が加えられていないWebサイトは真っ白なページで、まるで何も描かれていない絵画のキャンパスを彷彿とさせます。

 

画像を配置するにも、テキストを配置するにも、置かれるべき位置を決めて正確に表示されるようなルールが必要です。
そして、HTMLの記述にはルール取り決める役割があります。

  • このテキストは見出し
  • このテキストは本文
  • この画像は本文の上

そのような整列のルールを作るのがHTMLの役割です。

 

CSSとは

CSS(Cascading Style Sheets)」とは、Webページ全体の体裁を整えるための言語です。
単一で記述することはなく、CSS言語で作成したスタイルシートを適用させるためのHTMLとセットになって活用されています。

 

役割

 

CSSの役割は「ページの装飾」です。文章や画像の役割を明確にするHTMLとは異なり、CSSで行われた記述は、HTMLで配置された文章のサイズやフォントの調整、画像の幅や高さを設定します。

 

HTMLで画面を構築し、CSSで調整を行う

 

HTMLだけを用いても、文字のサイズを変更し背景の色を変えることは可能です。
しかし、装飾まで指定するとHTML本来の“配置”という役割がぶれてしまいます。
そのため、装飾に特化したCSSの活用が求められるのです。

 

HTMLとCSSはセットでの学習が不可欠

HTMLとCSSは役割が異なる言語です。
どちらが欠けても視認性が悪く、ユーザーに優しくないサイトが完成してしまいます。

 

コーディングを武器にコーダーを目指すのならば、ぜひとも併せて学習することで、相乗効果を期待したいですね。

ページの先頭へ戻る