『HTML,CSSとは何か？』
こんにちは、
このブログでは『初心者からWebクリエイターを目指す』をコンセプトに、Webクリエイターになる為に必要な知識(HTML,CSS,WordPress,SEOなど)の学習過程を記事にしていきたいと思います。
私と同じように「Web作成、ホームページ作成を学びたい」「ホームページは持っているけどSEO、アクセス分析を学びたい」といった初心者の方に少しでもサポートになれれば嬉しいのと。私自身学んだ内容をアウトプットしていく事により、理解の質を高める事に繋がればと考えています。
前回は『Webクリエイターとは何か？』についての記事を書きましたが、今回はそのWebクリエイターがWebを制作する上で必要な『HTML,CSS』についての記事を書いていきたいと思います。
ー『HTML,CSSとは何か？』
まず『HTML, CSSとは何か？』を説明する前に、『言語』について説明します。皆さん『C言語』や『Java』など聞いたことはありますでしょうか？俗にいう『プログラミング言語』です。
私たちが日常的に使っている『言語』は『人⇄人』間でのやり取りに使うのに対し、『人⇄コンピュータ』間でのやり取りに使う言語として『プログラミング言語』や『マークアップ言語』などがあります。（※HTML,CSSはマークアップ言語）
『言語の種類』
『人＝人』間でのやり取りでも、
『日本人→日本語」「アメリカ人→英語」「イタリア人→イタリア語」のように、伝える相手によって言語を変えると思います。
『人＝コンピュータ』間のやり取りでも、伝える相手や内容によって『C言語』『Java』『HTML』『CSS』など言語を変える必要があります。
つまり『HTML』『CSS』は、『人⇄コンピュータ』間のやり取りで、『Webページを作成、装飾するための言語』という事になります。
日本語や英語を使う時に『文法』や『単語』を覚えるように、『プログラミング言語』や『マークアップ言語』を使うためには『文法』や『単語』を覚える必要があります。
また、それらの言語を伝える作業を『コーディング』と言います。
『HTMLとは？』
先ほども書いたように『HTML』は『マークアップ言語』と言われる言語です。『HTML』は『タグ』と言われるものを使い、Webページ上に「テキスト」や「画像」などをマーク（配置）していく為の言語です。（このためマークアップ言語と呼ばれる）
『CSSとは？』
『CSS』とは、『HTML』でWebページ上にマーク（配置）した「テキスト」や「画像」などに対して「サイズを変えたり」「色を変えたり」「位置を変えたり」など装飾していく為の言語です。（このためスタイルシートと呼ばれる）
今回は、『HTML, CSSとは何か？』についての記事でした。次回は『コーディング』していく為の『Web作成するにあたっての環境構築』について書いていきたいと思います。
『初心者からWebクリエイターを目指す』
『初心者からWebクリエイターを目指す』
はじめまして、
このブログでは『初心者からWebクリエイターを目指す』をコンセプトに、Webクリエイターになる為に必要な知識(HTML,CSS,WordPress,SEOなど)の学習過程を記事にしていきたいと思います。
私と同じように「Web作成、ホームページ作成を学びたい」「ホームページは持っているけどSEO、アクセス分析を学びたい」といった初心者の方に少しでもサポートになれれば嬉しいのと。私自身学んだ内容をアウトプットしていく事により、理解の質を高める事に繋がればと考えています。
一番初めとなる今回は、『Webクリエイターとは何か？』について書いていきます。
ー『Webクリエイター』とは何か？
最近「プログラマー」「Webデザイナー」「Webクリエイター」というキーワードを耳にする機会が多くなったと思いますが、皆さんどのような職業かご存知でしょうか？
私自身も、「どのような違いがあるのか」「どのような仕事をしているのか」具体的なイメージはあったのですが、正確には理解していなかったので調べてみました
「プログラマー」
プログラマーについて検索するとマイナビのページにとても分かりやすい内容で書かれていたので、その中から抜粋して記載させて頂きます。
ー「プログラマー」とは、コンピューターを動かす「プログラム言語」を用いて、さまざまなシステムやソフトウェアを作る仕事です。 プログラマーが作成するシステムやソフトウェアは、さまざまな場所で使われています。ー下記サイトより引用
「Webデザイナー」
次にWebデザイナーですが、こちらはWikipediaから抜粋して記載させて頂きます。
ーウェブデザイナー (web designer) とは、ウェブ（World Wide Web）に関係するデザイナーである。本来、「デザイン」という語は「設計」という語と同一の語であり、ウェブに関係する設計をする者。ー下記サイトより引用
つまり、Web制作を行うにあたり『設計、デザイン』をする者という事です。また他の記事で書くと思うのですが、Web制作はその制作工程を分業して行ってる事が多いらしいです。
大まかな流れでいうと、
設計（サイトマップ・フレームワーク）→デザイン→開発（コーディング）→テスト・チェック
Webデザイナーとは、多くの場合「サイトの配色や画像などの配置などWebサイトの見た目の部分をデザインする人」をいうようです。（デザインだけでなく、コーディングなどのシステム構築まで行う場合も少なくないようです）
他にも分かりやすく説明してあるサイトがあったので、下記にリンク記載しておきます。
「Webクリエイター」
次にWebクリエイターです。先ほど「Webデザイナー」について説明しましたが、いったいどのように違うのでしょうか？「Webデザイナー」と「Webクリエイター」の違いについて調べた所、次のような事が分かりました。
Webデザイナーは先ほど説明したように、「サイトの配色や画像などの配置なWebサイトの見た目の部分をデザインする人」をいうのに対して、Webクリエイターは「サイトのデザイン、HTMLやCSSなどを使ったコーディング、ライターとして文章を書く、更にはSEO対策などWeb制作全般を行う人」をいうようです。
こちらも分かるやすく書いてるサイトがあったので、下記にリンクを載せさせて頂きます。
