画面HTMLを作る前に、システムの仕様を確認し、どのような画面構成にするか検討します。
この段階でしっかり仕様を検討しておくことが大事です。 どういう画面遷移にすれば使いやすいのか？、作業が正しく行えるのか？どんな情報が必要なのか。
何度も検討し、作業に矛盾がないようにしないと、プログラマに渡した後に矛盾が発生するなんてことも・・・。
プログラマに仕様書類を渡してから機能に不足や間違いがあると、システム部がグダグダになることが多くなります（後からつじつまを合わせるために、無理やりな仕様にすることになったり、納期が間に合わなくなったり、後々他者が手を入れれなくなるようなプログラムになったり・・・けっこう無残なものです）。

ここで作るのは、遷移図・サイトマップ（画面マップ）・画面構成図の3つです。これらはあくまで1例ですので、皆様のやり方にあわせて、どんどん突き詰めて下さい。
作成の順序としては、大きな仕様から小さな仕様へと作りこんでいきます。「遷移図」⇒「サイトマップ（画面マップ）」⇒「画面構成図」⇒「その他各所詳細」・・・・。
※システムの仕様によっては、もっとたくさん書類が必要になりますが、ここでは基本的な部分だけ紹介します。