６ステップでマスターする 「最新標準」HTML CSSデザイン 3日目

今日も ６ステップでマスターする　「最新標準」HTML CSSデザイン を使用しての学習をしました。

今日やったのは昨日までに作ったトップページをテンプレートとして他のコンテンツページ ( contets.html、about.html、contact.html) の作成。

今日やってて気づいたのはこの本はユーザビリティの向上にかかわるデザイン部分も本文中に散りばめられているということ。
ここは見にくいのでパディングを入れますとか。

それといったんパーツ？のデザインを決めてしまえば他の箇所でコピー&ペーストで使いまわせるということ。
その方がデザインも統一性があって見た目にも奇麗だし。

それと端末ごと(画面サイズごと)によってフォントサイズやフォントの装飾サイズを変える方法を学べたのは嬉しかったです。

あと Fontawesome のウェブフォントを使う時は注意が必要ですね。
この本が書かれた当時とは仕様が変わってるので本の通りにコードを書いても表示されなかったりするので。

今日の学習時間は2時間でした。

今日の学習結果