PREMIUM
第6回
CSS入門 -サイトの段組-
2015年9月7日 60min
スライド資料
授業の概要
こんな人にオススメ
基本的なcssのレイアウト手法を学びたい方・サイト全体のデザインをcssで組みたい方・自分でwebページを作りたい方
チャプター
-
自己紹介＆アジェンダ
01:06 -
サイトの土台となるレイアウト
03:35 -
ボックスモデルを理解する
02:05 -
ボックスモデルを理解する: navの中のulの中のliの中のaの構造
04:10 -
2カラム固定幅のデザイン
02:47 -
2カラム固定幅のデザイン: 【実践】エディターを⽴ち上げてhtmlのテンプレを作ろう
02:13 -
2カラム固定幅のデザイン: 【実践】bodyタグの中にheaderタグ、articleタグ、asideタグ、 footerタグを⼊れよう
01:35 -
2カラム固定幅のデザイン: 【実践】header内にh1とp、article内にh2とp、aside内にnavの中に⼊れたulをコピペしよう
02:56 -
2カラム固定幅のデザイン: 【実践】ブラウザ感の差異を無くしてからcssを書いていこう
03:27 -
2カラム固定幅のデザイン: 【実践】⼤外のdivの横幅を、流用する4回⽬で作ったnavの横幅にあわせ背景色を指定しよう
04:57 -
2カラム固定幅のデザイン: 【実践】articleとaside合わせて親要素のdiv幅になるように 幅を指定しよう
05:40 -
2カラム固定幅のデザイン: 【実践】コース4限目で書いたnav部分のcssを加えてみよう
02:29 -
2カラム固定幅のデザイン: 【実践】新しく加えたcssの全てnavからのルートに指定しよう
07:35
-
Ｑ：firefoxやChromeの開発ツールが充実してからWEB制作を始めましたが、昔は大変だったのでしょうか？
00:49 -
Ｑ：Webデザインに必要なCSSの基礎が固められるお勧めの本はありますか？
02:04 -
Ｑ：子孫セレクタでulを書かなかったですが、今後仕様変更があると思われる場合は、略さないで書いた方がいいですか？
00:56 -
Ｑ：先生はBEMを使用されますか？
01:38 -
Ｑ：paddingの見てくれについて
01:07 -
Ｑ：articleとasideの幅について、「左右が綺麗に見える割合のこつ」とかありますか？
00:57 -
Ｑ：wrapperについて
00:44 -
Ｑ：articleとasideの高さを常にnavの下段とfoterの上段に位置する状態に保つ方法はありますか？
01:10 -
Ｑ：liのaは<p>で囲むとSEO的に良いと、schooの授業でみたのですが、やはりpで囲む方が良いでしょうか。