キャリアバイトコラム - インターン・インターンシップ情報キャリアバイト

エンジニア

目指せ、文系エンジニア!文系大学生にもわかりやすいIT・WEBの基礎知識【WEBサイトを支える技術編】

  • このエントリーをはてなブックマークに追加
目指せ、文系エンジニア!文系大学生にもわかりやすいIT・WEBの基礎知識【WEBサイトを支える技術編】 文系大学生でもわかるIT・WEBの基本知識シリーズ第三弾!
IT・WEB業界に就職する学生が多い一方で、学生が意外と知らないIT・WEBの基本知識を、文系大学生でもわかりやすいようにお伝えします。

今回は、WEBサイトを支える技術について、学んでいきます。

WEBサイトを支える技術


1387520301-2B1mpuAsQ3
WEBサイトはどのように作られているのか、HTML、CSS、JavaScriptという三つの有名な"コンピュータ言語"から、勉強していきましょう。

コンピュータ言語とは


コンピュータ技術において用いられることばのこと。HTMLやJavascript、C言語など、一見してすべてプログラミング言語と思われがちですが、厳密にいうと異なります
1387523398-r9VkWMhfxQ

上記以外にも、多くのコンピュータ言語がありますが、HTML, CSS, JavaScriptを分けると、「ソフトウェアの動作を書くことば」と「情報を表現することば」の二種類に分かれます。それぞれについて、詳しく見ていきましょう。

情報を表現することば


・HTML(=Hyper Text Markup Language)



基本的には、WEB上に文字・文書(画像も含む)を表示させるためのことば。バージョンが更新されており、最新版はHTML5。

・CSS(=Cascading Style Sheets)



文章のフォント・色など、見栄えを表現するためのことば。現在、CSSはバージョンがレベル4まで公開されているものの、CSS3が使われている。

なお、こうした「文章の構造(段落など)や見栄え(フォントサイズなど)に関する指定を文章とともにテキストファイルに書くことば」をマークアップ言語といいます。

ソフトウェアの動作を書くことば


・JavaScript



サイト内の画像や時計など、動的な(変化のある)動作や、その制御を行えることば。
こちらの記事(外部リンク)でJavaScriptを使ったサイトがまとめられています。

まとめ


つまり、WEBサイトは、HTMLで文書や画像などのコンテンツを表現し、それらの色・サイズなどの装飾をCSSで決め、JavaScriptで変化のある動作・制御を表現されることで作られています。。

なお、プログラミング言語はもちろん、WEBサイトにもさまざまな形で作られており、これ以外にもWEBサイトを支える技術・作り方は存在します。

そうした多様な言語は、解説部分に埋め込んだ動画の元サイト「ドットインストール」を中心に簡単に勉強できます!
冬休みや年末年始を使って、是非勉強してみてください。

ドットインストール

[関連コラム]
プログラムを勉強したい人、興味のある人必見!無料で学べるプログラミング学習サイト!!

WEBサイトを支える技術


1387520301-2B1mpuAsQ3
WEBサイトはどのように作られているのか、HTML、CSS、JavaScriptという三つの有名な"コンピュータ言語"から、勉強していきましょう。

コンピュータ言語とは


コンピュータ技術において用いられることばのこと。HTMLやJavascript、C言語など、一見してすべてプログラミング言語と思われがちですが、厳密にいうと異なります
1387523398-r9VkWMhfxQ

上記以外にも、多くのコンピュータ言語がありますが、HTML, CSS, JavaScriptを分けると、「ソフトウェアの動作を書くことば」と「情報を表現することば」の二種類に分かれます。それぞれについて、詳しく見ていきましょう。

情報を表現することば


・HTML(=Hyper Text Markup Language)



基本的には、WEB上に文字・文書(画像も含む)を表示させるためのことば。バージョンが更新されており、最新版はHTML5。

・CSS(=Cascading Style Sheets)



文章のフォント・色など、見栄えを表現するためのことば。現在、CSSはバージョンがレベル4まで公開されているものの、CSS3が使われている。

なお、こうした「文章の構造(段落など)や見栄え(フォントサイズなど)に関する指定を文章とともにテキストファイルに書くことば」をマークアップ言語といいます。

ソフトウェアの動作を書くことば


・JavaScript



サイト内の画像や時計など、動的な(変化のある)動作や、その制御を行えることば。
こちらの記事(外部リンク)でJavaScriptを使ったサイトがまとめられています。

まとめ


つまり、WEBサイトは、HTMLで文書や画像などのコンテンツを表現し、それらの色・サイズなどの装飾をCSSで決め、JavaScriptで変化のある動作・制御を表現されることで作られています。。

なお、プログラミング言語はもちろん、WEBサイトにもさまざまな形で作られており、これ以外にもWEBサイトを支える技術・作り方は存在します。

そうした多様な言語は、解説部分に埋め込んだ動画の元サイト「ドットインストール」を中心に簡単に勉強できます!
冬休みや年末年始を使って、是非勉強してみてください。

ドットインストール

[関連コラム]
プログラムを勉強したい人、興味のある人必見!無料で学べるプログラミング学習サイト!!
  • このエントリーをはてなブックマークに追加

関連するおすすめ記事

【比較】関東と関西、インターンシップの違いは?
インターンについて

【比較】関東と関西、インターンシップの違いは?

【例文あり】インターンシップ/就職活動のお礼状の書き方
お礼状、メール

【例文あり】インターンシップ/就職活動のお礼状の書き方

地方からでもOK!首都圏インターンに参加する方法とは
インターンについて

地方からでもOK!首都圏インターンに参加する方法とは

自己紹介は自己PRではない!話す内容のポイントとは
自己紹介

自己紹介は自己PRではない!話す内容のポイントとは

効果的に伝えよう!STAR法を使った自己PR
自己PR

効果的に伝えよう!STAR法を使った自己PR

就活に有利!?長期インターンの実態とは
インターンについて

就活に有利!?長期インターンの実態とは

知りたいことなどを入力してください

新着インターンシップ

東京都
税理士法人、実は面白い仕事たくさんありますよ!

EY税理士法人 

NEW!

【グローバルにおいて、大学生が働きたい会社ランキング上位】 EY税理士法人は、EYメンバーファームとして、国際税務、M・・・

東京都

アウモ株式会社(グリー100%子会社)

NEW!

おでかけメディア『aumo』のコンテンツ制作&編集スタッフを大募集!! 最新の旅行スポットやグルメ情報をWebメディア・・・

東京都

株式会社講談社

NEW!

【会社】 変化と革新が続く出版界。100年の歴史を持つ講談社ですが、デジタルへの挑戦は業界随一と自負しています。もっと・・・

東京都
私たちと一緒に会社を盛り上げていきましょう!

株式会社じょぶれい(コンサルティング業務)

NEW!

▼このインターンの魅力  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ 家電量販店・携帯ショップ・モールなどで、店員さんに相談して解決できた・・・

東京都
社内は風通しが良く、メンバーの仲もいいです!

株式会社じょぶれい(プロモーション業務)

NEW!

▼どんなインターン  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ 家電量販店、携帯ショップ、モールなどで抽選会やビンゴ大会をいたことはありませ・・・