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

エンジニア

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

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

ドットインストール

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

関連するおすすめ記事

自分のこと知ってる!?就活生にオススメの『本当の自分』を見つける3つの方法!
自己分析

自分のこと知ってる!?就活生にオススメの『本当の自分』を見つける3...

学生こそ行くべき!?サムライアイランドエキスポにインターン生が行ってみた。
体験談

学生こそ行くべき!?サムライアイランドエキスポにインターン生が行...

「忘れた!」時の救世主!証明写真機検索サイトまとめ【全国版】
持ち物、アイテム

「忘れた!」時の救世主!証明写真機検索サイトまとめ【全国版】

覚えておいて損はなし! 証明写真をきれいに撮るポイント
履歴書

覚えておいて損はなし! 証明写真をきれいに撮るポイント

インターン先で結果を出すためにできる5つのこと
心構え、行動

インターン先で結果を出すためにできる5つのこと

インターンで身に付く!?成功している社会人が持つ5つの能力
インターンについて

インターンで身に付く!?成功している社会人が持つ5つの能力

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

新着インターンシップ

東京都
世界中の様々な分野で女の子を輝かせるサービスを生み出すべく、社員一丸となって奮闘しています!

株式会社アウローラ

NEW!

私たちのミッションは、     "女の子の世界を変える"こと! 創立以来、約150%の成長を続けている株式会社ア・・・

東京都
CMでお馴染みの“キレイモ”が皆さんをお待ちしております♪

株式会社ヴィエリス

NEW!

私たちは「KIREIMO」ブランドを中心に、女性が今よりもっとキレイになるために 「わたしを磨く時間」の提供を行ってお・・・

東京都
安心のNTTデータグループでのお仕事!皆さんからのご応募お待ちしております!

株式会社NTTデータスマートソーシング

NEW!

弊社が運営するコンタクトセンターでは、 電話・Eメール・FAX・SNSなどの「顧客接点」を幅広くサポート。 豊・・・

東京都
社員の仲の良さが売りです!!

株式会社FACTBASE

NEW!

~仮想通貨のビックデータを整理し尽くし、新たな価値を生み出す情報コンテンツを創る〜 仮想通貨の普及により金融の仕組みが・・・

東京都
よりよいサービスを展開するために、積極的に意見が言えるフラットな環境です!経営陣との距離の近さも皆さんを成長させる秘訣です!

株式会社GameWith

NEW!

《創業5期目で東証マザーズ上場》 株式会社GameWithは六本木ヒルズ森タワーに本社を置く、2013年に創業した・・・