初心者中の初心者のHPづくり①〜CSSってなんなの編〜

【大阪王将】【水餃子】15個入りX6【冷凍食品】安心の国内産
オススメです

初心者中の初心者のHPづくり①〜CSSってなんなの編〜

約1年前、前の職場で超ヒマだった私は思いました。

「暇だしCSSやってみるか」

私とCSSの出会いは私が中学生の頃。
一目見た瞬間、

「使ったら楽とか言ってるけど意味わかんないし無理」

すぐに諦めました。だってhtmlでHP作れてるし!
(中学生の頃からつい最近まで、クソみたいなhtml知識しかありませんでした)

そして現在、1年も勉強してないのにWEBデザインのお仕事(見習い)をしています。 ふしぎ〜!
今回は私が中学生の頃~約1年前まで存在意義がわからなかったCSSのことを超ざっくりと説明していきます。
念を押しますが、初心者です。 タイトルの「初心者」とは読んでいる方ではなく、私のことです。

中学時代の私と、本当に初心者の方に、CSSってそんな難しくないよ!というのが伝われば嬉しいです。
と、同時に「こいつほんとに全然わかってないんだ・・・」ということが弊社にバレます。

あ、htmlを知らない人は、まず少しだけでもhtmlに触ってから見たほうがわかりやすいと思います。

 

CSSってそもそも何?

CSSとは「Cascading Style Sheets」(カスケーディング・スタイル・シート)の略です。
英語の意味はググればでます。
こいつはhtmlを装飾するためにいる言語です。
レイアウト、フォントサイズ、色、なんかもう色々できます
ゲームで例えると、「わざマシン」とか「装備品」とか「効果魔法」みたいなもんです。

でも正直、htmlでも大体できる。

レベル上げれば覚える技なのに、わざわざ「わざマシン」を使いませんよね。
じゃあCSSの存在意義は?

 

別にhtmlでよくない?

いいんじゃない?だってHPできてるし。 すごい機能とかいらないなら必要ないでしょ。

と、割と最近まで本気で思ってたんですが、CSSの方が圧倒的に楽!

~CSSを使ったほうがいい理由~
①htmファイルlに装飾のためのタグを書かないでいいので、あんまりごちゃごちゃしない
②後から色やサイズなどを変更したいときに、CSS1ファイルで一気に変更できる
③CSSで装飾すれば、効果を全ページに適用できる!!

これが本当に楽でして、テキストの色を全ページ変えたい!
ってなったときとか、一気に変更できるんですよ!!
あとは、
「htmlはテキストを書くためのものだからここに直接タグを書き込むとロボットが~~SEOが~~くぁwせdrf~~」
みたいなのもあります。
ググれば出ます。
検索で上にでなくてもいい感じの個人サイトを作るくらいならそういうのは気にしないでいいと思います。

今回はこれにて終了です。 短いですね。

CSS実装編もやろうかと思ったんですがちょっと長くなりそうなので、また次回に。
こんな感じの雑な記事で、最終的には実際に簡単なHPを作るレベルまでいければと思ってます。
わかりにくい説明で申し訳ないです。

以下、この記事を書くことになった経緯ですくコ:彡

 

この記事を書くことになった経緯(蛇足)

上司さん「記事を書いて欲しいんだよね。初心者目線でのウェブデザインのこととか、CSSとかJavaScriptのこととか」
私「なるほど」
上司さん「みんな基本業務時間外に書いてるから、まあ・・・ね?アルバイトだけど時給でないけど
私「なるほど」

上司さんの為になる記事はこちらです!

関連記事

コメントは利用できません。

ピックアップ記事

  1. トレースして拡張
  2. 2014/9/17

    M&A
  3. 2014/5/30

    誕生日と予告
  4. 2013/9/12

    説得

ピックアップ記事

  1. 2016-7-8

    【朗報】コーヒー嫌いでもおいしく飲める!苦くないコーヒー3選!

    紅茶派のガンボです。コーヒーは苦いし、後味が気持ち悪くてすきではありません、 が!たま〜〜〜〜に飲み…

ピックアップ記事

  1. 2016-9-28

    アレンジ豊富!自宅で簡単おいしい!ジュースのような日本酒サングリア♪美肌効果も◎

    果物の季節がやってきました! 昨年ブームになった日本酒サングリア。 今年も梨だけでなく様々なフル…

ピックアップ記事

  1. 2016-5-11

    自分が思いついたサービスは他の誰かも考えている

    こんばんにちは。日時過ごしていると、こんなサービスあればいいのに。なんてことをよく考えることがある。…
ページ上部へ戻る
Top