webサイト作るなら、HTML,CSSを学べばもっと楽しい

fun

webサイト作るなら、HTML,CSSを学べばもっと楽しい

今はwebサイトを作るにも、ツールさえ使えば簡単に誰でも作れる時代です。

webサイトを作成するには本来であれば、HTMLやCSSと言ったものを使って

ゴリゴリとコードを書かないと作れないものでした。

  

しかしWordPressWix、Studioと言ったものがどんどん新しくできて来て

プログラマも驚く様な高機能のサイトまで簡単に作れる様になっています。

 

どんどん便利なツールが新しく生まれてきてはいるのですが、実際に細かい

修正などはまだ簡単にはできない様です。。。

 

web制作やってる身からすると、誰でも何でも作れてしまうと本当は困るのですが、、

 

そこで今回はHTML,CSSを学ぶと、サイト制作が初心者でも簡単に自分の思い通

りにwebサイトを修正できる様になる、ということをご紹介します。

 

HTML,CSSとは

まず簡単にHTML,CSSとは?からご紹介します。

HTML,CSSとは、簡単にいうとwebサイトを構成する設計図の様なものになります。

ブラウザ(google chromeやsafari,Internet explorerなど)がこの設計図を

読み込んで、今見ている画面ができています。

コンピュータが読むことができる言語と思えばわかりやすいかと思います。

 

実際にソースコードというものを、見てみないとわかりにくいのですが、

どんなサイトでもこのHTML,CSSが含まれています。 

  

Wixなどのツールを使ってHTML,CSSといったコードを全く書かずに作ったと

しても、コードを書く手間がツールによって簡略化されているだけで、裏側には

実はコードが存在してます。  

  

HTMLとCSSの違い

HTMLとCSSの違いについて簡単に解説します。 

HTMLはwebサイトの文章や、画像といった要素を作るもの

例をあげると、

一つの大きなブロックを作って、その中に文章と画像を含むブロックを作る、

という様な感じです。簡単にいうと骨組みです。

 

CSSはというと、HTML で作られた骨組みに対して修飾をします。

例をあげると、

ここの部分のブロックの幅はOOpx、高さはOOpx、背景の色は青色、

文字の大きさは、色は、などなど

HTMLによって書かれた、骨組みに対してどんな大きさにするか、どんな色に

するかといったものを全て決めて行きます。

 

HTML,CSSさえわかればwebサイトは作れる

HTML,CSSは設計図の様なものなので、これさえわかればwebサイトは作るこ

とができます。 

 

webサービスとなると急に複雑になって色んな言語を学ぶ必要が出てくるので

すが、普通のwebサイト(静的webサイトという)は問題なく作成できます。

 

例えばWixで無料で作れる様なwebサイトは、簡単に作れることができます。

もしwebサイト制作に少し興味がある、というのであればぜひ一度HTML,CSS

を学んでみましょう。 

 

HTML,CSSでwebサイトをカスタマイズしよう

WordPressWixといったツールにも、HTML,CSSで簡単に編集ができる様に

なっています。

 

WordPressであれば、”追加CSS” というものが用意されていて、そこにCSS

書き込むだけで簡単にCSSを修正することができる様になっています。

  

CSSが少しわかるだけで、”このブロックの幅をもう少し小さく、、、”、

この文字のサイズをもう少し大きく、、”といったちょっとしたことが自分で

簡単に変えられる様になります。

 

Wixなどで作ったサイトはあるけど、”もう少し自分の思い通りに作りたい

という気持ちが少しでもあれば学んでみる価値がきっとあると思います。

 

HTML,CSSを学ぶには

HTML,CSSを学んでみたいという方に、どうすれば学べるかについてですが

まずオススメなのがprogateというアプリです。 

progate

 

progateは初心者向けに作られたプログラミングの学習教材で、かなり高品質な

教材であるにも関わらず、ほとんど無料で利用できます。

  

子供でも安心してできる程わかりやすく、初心者の人は必ず使った方が良い教材

です。スマホにも対応しているので、空いた時間にちょっと触ってみるだけでも

十分に学べます。

 

興味のある人はぜひ一度でいいので試してみましょう。

 

 

本格的に学びたいなら

もしwebサイト制作に興味を持って本格的に学びたいと思うのであれば、

スクールに行って学んでみる、というのもアリです。

 

今は在宅でも学べるスクールもあるので、もし本格的に学びたいというのであれ

ば、効率良く、短期間で学べるのでオススメです。

 

興味がある方はこちらの記事もぜひ読んでみてください。 

  

HTML,CSSの次に 〜動きをつけたいのであればJavaScript〜

少し応用というか全く別の言語になるのですが、もしHTML,CSSをある程度

できる様になった、そしてwebサイトに動きをつける様なこともしてみたい

のであればJavaScriptも学んでみましょう。

 

HTML,CSSに比べると少し難易度が上がるのですが、そこは気にせず好奇心の

思うがままにぜひ学んでみましょう。

そうすれば、もっと自分の思い通りに、そして楽しくwebサイトが作れる様にな

るはずです。

 

 

HTML,CSSについてはこちらの記事でも書いているので、ぜひ

JavaScriptについてはこちらで簡単にですがどんな言語なのか解説しています。

 

sasurai

旅と写真を愛する人。 web制作の仕事をしています。 写真も撮ります。お仕事のお問い合わせはお気軽に。

シェアする

Translate »