shunshunmamaのブログ

一歳児の育児をしながら職業訓練に通ってWEBデザインを勉強中

ウェブデザイン支援訓練5日目・6日目

6月16日(水)

昨日の夜は、1歳の息子の夜泣きでなかなか寝付けず、完全寝不足状態。しかも今日は支援訓練の日当番。日直だからと行って大したことはしないけど、お国に出す日誌を書いたり、終了後に掃除機をかけたりというタスクあり。本日は梨農園の仮サイトを作っていくという授業。なんとか最後まで集中して受講できたものの、終了後は胃痛がひどく、復習できずに就寝・・・そんな日もきっとあるさ!

 

<本日の学び>

  • CSSを記述していくときは、全体の設定から記述していくと合理的(全体の文字の大きさとか)
  • 見出しの大きさは全体の大きさ(デフォルトは16px)の1.6倍(黄金比)にするとバランスが良い。(それでも小さいときは更に1.6掛ける)
  • CSSをHTMLに読み込ませるときは、反映されているか必ず最初に確認してからCSSの記述を始める。
  • divタグはブロック要素に使い、spanタグはインライン要素に使う。2つともタグには意味がほぼないが、CSSを当てる為に作る。

 

6月17(木)

昨晩はしっかり寝れて胃痛も治って回復!相変わらず授業についていくのが精一杯!今日で仮サイトが一つ完成。といっても言われた通りに記述しただけで、あんまりわかってない部分も多い。あと、今までキーボードの右側にあるshiftやcommand使ってなくて、左ばっかり使ってたけど効率悪いので、これからは意識して使っていこうと思う!

<本日の学び>

  • 表の作成方法(table,tr,th,tdタグ使用)
  • 1行だけの文字を真ん中にしたいときはline-heightを使う。(2行のときは無効)
  • section(区分)タグは、一番はじめに見出しがある時に使える。divタグはどこでも使える。