Webデザインとビジネス力を磨く!体験型Webデザインスクール・オンラインサロン

CSS復習 3回目 グローバルナビゲーションが苦手な方必読!ボックスモデル・displayプロパティ(2018.09)

CSSの復習を目的にした勉強会 3回目です。

今回はボックスモデルとdisplayプロパティの解説をしました。

ボックスモデルはボックスを並べる場合の横幅の計算方法がポイントとなります。

また、

displayプロパティはこのプロパティがもつ仕様を確認しながら、リンク領域との関係の理解度を深めることで、グローバルナビを作る場合に役立てるような内容でレクチャーしていきました。

ここまでのCSS復習3回分を理解できれば、モデルとしてきたカフェサイトのコーディングが完成できると思います。

サンプル動画(準備中)

参加者の声

  • これまでに行われた3回の勉強会の動画を復習した上で、カフェサイトのコーディングに取り組んでみました。
    それを終えてから、別のLPのコーディングにチャレンジしてみたのですが、福本先生の一連の勉強会を復習したおかげで、今までよりも簡単に作ることができました。
  • レスポンシブ対応とjQueryの実装までで5日かかりましたが、今までと違い、理解した上でコードを書くことができた!という実感がありました。
    jQueryも先生の『matchHeight.js』の説明のおかげで、どういう仕組みで動いているのか、なんとなく分かるようになりました。
    9/22の4回目の勉強会の内容も復習しました。
    私のトンチンカンな質問まで収録されていて恥ずかしかったのですが、逆にその恥ずかしさと自分の変な声が印象に残り、脳に定着した気がします(笑)
    まだまだスキル的には未熟ですが、なんとか自立できるように、『勉強すること』が目的ではなく『収入を得る』ことが目的なので、そちらに向けて頑張っていきたいと思っています。
    (就職ではなく、先生のようなフリーランスとして!!
  • 今現在何から手をつけて良いのか分からない状態なのですが、昨日から福本先生のWordPress講座の復習を始めました。
    (先生の講座は分かりやすいので、自信に繋がります!!)
    それが終わったら、もう一度Webデザイン講座も復習する予定です。
    PhotoshopやIllustratorの操作が非常に苦手なので、WordPress講座よりも難しいです。
    今後もいろいろな企画を楽しみにしています。
    勉強会、どうもありがとうございました!!
  • かゆいところまで丁寧に説明され、恐れ入る内容です。
    丁寧さは人柄がそうさせるのだと推測し又尊敬の念でいっぱいです。
    感想を書かないわけには行かないとの思いで投稿させてもらいました。
    このような教本がさらに、世間に普及されることを願ってやみません。頑張ってください。
    ご努力が正当に評価されることを祈念いたします。

関連記事

受講者の声

「動き出せない
あなたの背中を押します!」

組織に依存しない自由な働き方を
手に入れるためのオンラインスクール・オンラインサロンです。

スクール最新情報、フクモト学長の活動はメルマガで配信中~。