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

エンジニア

目指せ、文系エンジニア!文系大学生にもわかりやすい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サイトを支える技術・作り方は存在します。

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

ドットインストール

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

関連するおすすめ記事

インターンシップとは?インターンの意味や種類、アルバイトとの違いなどを解説
インターンについて

インターンシップとは?インターンの意味や種類、アルバイトとの違い...

キャリアバイト使いこなしてる?履歴書を完成させよう!
履歴書

キャリアバイト使いこなしてる?履歴書を完成させよう!

インターンでも知っておきたいプロジェクトマネジメントの極意3点
企画/マーケティング

インターンでも知っておきたいプロジェクトマネジメントの極意3点

これを見れば一発で分かる!業界の基本知識
企業、業界、職種分析

これを見れば一発で分かる!業界の基本知識

インターンシップとは?インターンの定義や基本事項など、これだけはおさえよう!
インターンについて

インターンシップとは?インターンの定義や基本事項など、これだけは...

史上初の快挙!現役東大生が「CEDEC AWARD」最優秀賞受賞。ユビキタスエンターテインメントで働く伏見遼平さんにインタビュー!
エンジニア

史上初の快挙!現役東大生が「CEDEC AWARD」最優秀賞受賞。ユビキタス...

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

新着インターンシップ

東京都
21世紀の新しい学びを一緒に創造していきましょう!

シュハリ株式会社

NEW!

【挑戦者求む】デジタル教育の企画・開発・運営、AI/ロボット開発、データ分析(テキスト・画像・動画)に主体的に関わりたい・・・

東京都
当社代表の今城。「挑戦したい人・成長したい人、大歓迎です!一緒にサービスを作っていきましょう!」

notari株式会社

NEW!

notari株式会社は、日本初のInstagram専門分析ツール「Aista(アイスタ)」開発・運営を行っています。 ・・・

茨城県
毎年、社員全員で研修旅行に行っています。

株式会社ヤギグローバルジャパン

NEW!

【自動車販売業界のリーディングカンパニーです!】 株式会社ヤギグローバルジャパンは、パイオニア・カロッツェリアと共同開・・・

東京都
多くのインターン生が活躍しています!

株式会社エブリー

NEW!

株式会社エブリーは、2015年9月に設立し、テレビCMでもお馴染みの『DELISH KITCHEN』をはじめとする4つの・・・

東京都
オフィス内にある「パ・リーグデジタルメディアセンター」での業務です。

パシフィックリーグマーケティング株式会社

NEW!

「巨人・大鵬・卵焼き」と言われたかつての時代とは状況が異なり、昨今は娯楽の多様化が進み、人口減少によるマーケットの縮小傾・・・