基礎知識

基礎知識 第13回「Webサイトの構成を知ろう」

2019年6月21日

Webサイトってどんなプログラムを組んでいるんだろう?

 

Webサイトのレイアウトの部分は、HTMLやCSSなど外見に携わる言語で作られています。

では、Webサイトの構成について解説していきます。

Nanayaku

 

目次

Webサイトは何で構成されているのか

Webサイト(ユーザーが操作するページ、ブログやニュースサイトなど)は、「構成」「見た目」「動き」の3つの要素から成り立っています。

 

HTML

HTMLはマークアップ言語で、ホームページの文章に意味や役割を付ける事が出来ます。

Webサイトの「構成」を担当しています。

また、HTMLは目が不自由な人にも分かるよう開発されたもので、何を伝えたいかちゃんと考えた上で構成しなければなりません。

↓HTMLについて非常に丁寧に説明してあるので是非参考にしてみて下さい。

【HTML入門】#01. HTMLの基本を学ぼう!

↓左がユーザーから見た状態で、右がHTMLの状態です。

メモ

大見出し

見出し

○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○。

○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○大事な部分○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○

 <h1>大見出し</h1>

<h2>見出し</h2>

<p>○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○。</p>

<p>○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○

<strong>大事な部分</strong>

○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○</p>

 

CSS

CSSはHTMLと同じマークアップ言語です。

CSSの役割は、文字を装飾(色や大きさの変更)など、「見た目」を担当しています。

他にもレイアウト(配置・配列)も変更できます。

 

JavaScript

JavaScriptとは、スクリプト言語に分類されるプログラミング言語です。

HTMLとCSS(マークアップ言語)は厳密には、プログラミング言語ではないので注意しましょう。

JavaScriptは、「動き」を担当しています。

例えば、広告や見出しにアニメーションをつけたり、スクロールしたら画面が変わるなどです。

JavaScriptはユーザーが使い易いようにと使用されているため、必ず使わなければならないものではありません。

HTML・CSSを土台にして、JavaScriptは役割をはたせるため、HTML・CSSをちゃんと理解しておく必要があります。

JavaScriptとは?初心者向けに概要や使い方をわかりやすく解説

専門知識いらず!スクリプト言語とは?言語の種類やオススメを解説

 

まとめ

HTML・・・Webサイトの枠組みの役割

CSS・・・Webサイトの装飾(レイアウト)の役割

JavaScript・・・Webサイトに動きをつける役割

 

最後に

へー、WebサイトはHTMLやCSSで構成されているんですね。

 

そうですね。

では、次回はHTMLについて解説しますよ。

Nanayaku

 

よし、もっと勉強してエンジニアになるぞー!

 

今は情報が集めやすいので、独学でもエンジニアを目指せますが、プログラミングスクールに通うほうが良いです。

実際に私もプログラミングスクールに通ってエンジニアになりました。

興味がある方は、こちらの記事をご覧ください。

【不安解消】食肉工場の会社員がtech boostの無料説明会を受けた感想

Nanayaku

 

 

-基礎知識
-,

© 2024 Nanayaku blog Powered by AFFINGER5