本日の学習テーマは、「なぜＨＴＭＬ，ＣＳＳをつかうのか」です。
私がウェブサイトのコーディングをしているとき常々思うことがあります。それは、
「Adobe Illustratorを使えばずっと簡単にできるなのに.....」
です。
まだ、私がコーディングに慣れていないだけだからかもしれないのですが、ＨＴＭＬ，ＣＳＳでデザインを再現するのはとても面倒なことだと感じています。
ではなぜ、ＷＥＢは面倒なコーディングによってつくられているのでしょうか。今回は私がＳＴＵＤＩＯつくばで今まで勉強してきて感じた、「ＷＥＢサイトにおけるＣＳＳのメリット」を紹介していこうと思います。
ＨＴＭＬ，ＣＳＳを使うメリット
１レスポンシブデザインに対応させることができる
レスポンシブデザインに対応させることができる
ＷＥＢサイトはスマートフォンやＰＣ、ゲーム機などの様々なサイズの画面を通して閲覧されるものです。だから何で見てもデザインが崩れず、見やすくつくる必要があります。ＣＳＳでは「横幅に対して○○％の幅」だとか、「PCではこのデザイン、スマートフォンではこのデザイン」といった、閲覧している状況に合わせたデザインになるような指定をすることができます。
２アニメーションをさせることができる
アニメーションをさせることができる
アニメーションをさせることができる
アニメーションをさせることができる
アニメーションをさせることができる
ＣＳＳでは要素にアニメーションを指定することができるので、動きでみる人の視線を誘導する「楽しくてみやすいデザイン」を作ることができます。
３マイクロインタラクションをさせることができる
マイクロインタラクションさせることができる
(マウスカーソルをのせてください)
「マイクロインタラクション」とはボタンをクリックしたときのアニメーションなど、ユーザーの行動に対しておこるアクションのことを言います。ＣＳＳでは「マウスが上にのった時のスタイル」を設定したり、JavaScriptと組み合わせて「ボタンを押した時のアニメーション」を作ったりできます。
４同じスタイルを使いまわすことができる
同じスタイルを使いまわすことができる
クラスをつけてＣＳＳを適用させるだけでで、一度作ったデザインをもう一度使うことができます。PHPやJavaScriptで要素が追加されるときなど、自動でスタイルを適用させていくことができます。
まとめ
今回は、ＷＥＢサイトがなぜＨＴＭＬ，ＣＳＳを使ってコーディングされるのかということについて考えました。私も最初は「ＨＴＭＬ，ＣＳＳなんで面倒なだけだ」なんてことを思うこともありましたが、こうして考えてみると、ＨＴＭＬ，ＣＳＳというのが、情報を伝えるデザインのために必要な機能をたくさん備えた、すごい言語であるというのが実感できます。ＷＥＢ制作においてＨＴＭＬ，ＣＳＳのすごさをできるだけ引き出せるように、これからもＳＴＵＤＩＯつくばで勉強していきたいと思います。
ご興味ある方や詳細を聞きたい方は、下記の来校予約や資料請求よりお問い合わせください
お客様のご予定に合わせて開催
まずは、じっくり検討！