webデザイナー学習記録帳

webデザインやwebに関する学んだことの学習記録帳です

サイト制作仕様書からコーディング

スクーにあるwebサイトの作成の動画を順に演習していっています

  1. ワイヤーフレーム作成 - webデザイナー学習記録帳
  2. ワイヤーフレームにピクセル数を書き込む - webデザイナー学習記録帳
  3. ワイヤーフレームにクラス名などを書き込む - webデザイナー学習記録帳

さらに、シーリズは変わりますが、

↓こちらの動画が続きです

Webデザインを始めたい方に贈る、「HTMLとCSSって何」【概要理解とツール導入】 田中 晶子 先生 - 無料動画学習|schoo(スクー)

 

ワイヤーフレームが完成したらDW(ドリームウィーバー)でコーディングしていくわけですが、その前に

 

ワイヤーフレームの時の動画で作ったサイト制作仕様書がクラス名などが

足されていたので、私も足しました↓

f:id:lovedeluxe5914smh:20151028174249p:plain

 

このようなシンプルなサイトでも、コーディング時に困らないように

かなり細かく指示を書いていかなくてはなりません。

 

今は、まだ真似ですが

私がコーダーだったらどうやったら、コーディングしやすいかななど

思ったりしました

そして、ピクセル記入の方も何箇所か変更されているようだったので

これも、真似てみました

f:id:lovedeluxe5914smh:20151028193339p:plain