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

その他

※当サイトはアフィリエイト広告を利用しています。

 

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

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

2024年11月 大手通販サイト 最新売上ランキング&セール情報!!

■毎日オトク♪ Amazon 日替わりタイムセール開催中!!
LINKAmazon 日替わりタイムセール 

■【年末恒例】楽天 ブラックフライデー2024 開催中!!
期間は 11/21(木)20:00~11/27(水)01:59まで!!

LINK楽天ブラックフライデー2024

■Yahooショッピング 最新売上ランキング!!
LINKYahooショッピング 売上ランキング

【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やCSSがわからなくてもブログの開設は可能です。
ただ、いろいろやっていくうちに、必ずHTMLとCSSが必要になります。
なので、一番最初に勉強したほうがいいと思い紹介させていただきました。

ユーキャン パソコン講座:誰もが知っている大手通信講座
Udemy 通信講座:進研ゼミでお馴染みのベネッセと業務提携している企業
Schoo(スクー):社会人向けオンライン動画学習サービス

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

タイトルとURLをコピーしました