![見出し画像](https://assets.st-note.com/production/uploads/images/9534275/rectangle_large_type_2_0c7fc6c5b333e346738bfa250525b0e7.jpeg?width=1200)
WEBサイト コーディング トレーニング① 「サイトの要素とサイズを決める」
1. ラフで大体のレイアウトを決める
作りたいサイトのレイアウトを決めます。
まずは簡単に、落書き帳にラフを。
要素の幅などもメモ書きしちゃう。(詳細に書かなくてOK)
2. ラフをもとにフォトショップで簡単にデザイン。
※コーディングの練習なのでデザインに時間をかけない
要素とサイズをまとめてみる。(実際は手書きでOK)
次回
WEBサイト コーディング トレーニング②
「ベースコーディング」
1. ラフで大体のレイアウトを決める
作りたいサイトのレイアウトを決めます。
まずは簡単に、落書き帳にラフを。
要素の幅などもメモ書きしちゃう。(詳細に書かなくてOK)
2. ラフをもとにフォトショップで簡単にデザイン。
※コーディングの練習なのでデザインに時間をかけない
要素とサイズをまとめてみる。(実際は手書きでOK)
次回
WEBサイト コーディング トレーニング②
「ベースコーディング」