40代50代60代のパソコン活用術~これであなたも脱初心者!!~

PC初心者さんから中級者さんに『パソコンでできること』『ネットでできること』『便利・役立つ・楽しい・お得情報』をお届けします。  また、10代20代30代のPC初心者さんにも楽しんでいただける内容になっております。

【超初心者用】初めてのホームぺージ(サイト)作成②【CSS】

      2016/11/12

16101012【HTML】の動画を見終わったら、【CSS】を見ましょう。
【CSS】は、サイトのデザインを指定する言語です。

記述の仕方が若干違うだけで、【HTML】とそんなに違いはありません。

【CSS】を理解しよう

1610113今回も、まずは【ドットインストール】で基本をマスターしましょう。
CSS入門【ドットインストール】

【CSS入門】は、全23回です。
ちょっと説明が速いですが、何回か視聴すればわかってきます。

【HTML】の時と同じで、まずはさらっと見ましょう。
そして、操作をしながら学習します。

あまり真剣にやらないでくださいねー。
同じ操作をやって、同じ結果になればそれでOKです。
決して、全部覚えようなんて思わないでください、99%挫折しますので(笑)

また、わからないことは、自分で調べる癖をつけましょう。
【yahoo】や【Google】で検索すれば、たいていの問題は解決します。
じつは、この検索スキルが、独学には一番重要です。

 

【CSS3】を学ぼう

1610121【CSS入門】を見終わったら、次は【CSS3入門】を学習しましょう。
といっても、この二つは、ほとんど同じです。

新しい機能が加わったと、思ってもらえばOKです。
CSS3入門【ドットインストール】

【CSS3入門】は【CSS入門】よりも、さらにサラッとでいいです(笑)
「こんな機能が増えたのねー」くらいで十分です。

最初は、
【第4回】透明度の指定方法
【第9回】図形を角を丸める方法
【第14回】影の適用方法
くらいで十分かと思います。

 

【CSSレイアウト】を勉強しよう

1610122次は【CSSレイアウト】です。
サイトの枠組み(レイアウト)を作る勉強です。

ここは、意外と重要です。
どんな仕組みで、サイトが出来ているか理解しましょう。

何回も言っていますが、出来なくても大丈夫です。
なんとなく理解できれば十分です!!

【第3回】の【Develper Tools】は、
【HTML】【CSS】を確認するのに、非常に便利です。
かっこいいサイトを見つけたら【Develper Tools】でどんどんチェックしてみてください!!

 

【CSSで吹き出しを作ろう】をチェック

1610123【CSS】最後は【CSSで吹き出しを作ろう】です。
これは、まだ見なくてもいいかもしれません。

「もっといろいろ知りたい!!」という方のみ、見てください。
「もう、おなかいっぱい!!」という方は、決して見ないでください(笑)

もっと、余裕が出てきてから学習することをおススメします。

 

最後に

いかがでしたか。
【CSS】の仕組みは、理解できたでしょうか。

【HTML】でも紹介しましたが、この本も合わせて学習すれば完璧です。

正直にいうと、【HTML】【CSS】がわからなくても、ブログ(サイト)の開設は可能です(汗)
ただ、いろいろやっていくうちに必ず【HTML】と【CSS】が必要になります。

なので、一番最初に勉強したほうがいいと思い、紹介させていただきました。

以上、【超初心者用】初めてのホームぺージ(サイト)作成②【CSS】でした。



 - サイト作成 , , ,