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

その他

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

 

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

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

★★★2024年4月 ネットショップ最新セール情報!!★★★

■毎日オトク♪ Amazon 日替わりタイムセール情報↓↓↓
LINKAmazon 日替わりタイムセール 情報一覧

■楽天が、GW直前お買い物マラソン(ポイント最大45倍!!)を開催中!!↓↓↓
LINK楽天お買い物マラソン(4/27(土)9:59まで)

■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が必要になります。

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

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

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