読者です 読者をやめる 読者になる 読者になる

ハロートレーニングWebデザインの勉強 Webデザイン フェリカテクニカルアカデミーWebサイト制作科

ページ構築のワークフロー

素材の準備

ビルボード(キービジュアル)

f:id:web-0127:20170417182733p:plain

f:id:web-0127:20170417183036p:plain

見出し画像の加工

  • テーマカラーの変更により色彩を変更する場合は「色相・彩度」を利用します
  • h1 
  • h3 
  • h3 
  • h4 
  • h4 


h3の幅を変更する

  • 「カンバスサイズ」で幅を変更します

f:id:web-0127:20170417234138p:plain


f:id:web-0127:20170417234325p:plain

を左の模様を右にコピーして重ねていきます。

f:id:web-0127:20170417234428p:plain


マークアップの選択

  1. HTML5の新要素使ってマークアップ
  2. アウトラインのツリー構造がシンプルなので、div用でグループ化をする

どちらの方法で記述しても問題ありません。
必ず「HTML5 Outliner」で、ツリー構造をチェックしましょう。

グループ化例
  • #container(980px) + #footer(100%:指定なし)
  • #container内、#header + #nav + #content
  • #header(padding: 20px) + #content(padding: 20px)