今回は画面のレイアウトを決めましょう。
UIの設計ですね。
あまり煩雑すぎると使う人からブーイングが発生します。
なので、今回はシンプルに必要最小限のレイアウトとします。
また今回は機能重視のWEBサービスを目標とする為、
CSS、Javascript、HTMLで複雑なことは行いません。
シンプルにわかり易くをモットーとします。
文字では説明が難しいため図を用います。
【検索画面】
図1
①AMAZON商品検索機能
【一覧画面】
図2
①AMAZON商品検索機能
②AMAZON商品一覧表示機能
③詳細画面を表示する。
【詳細画面】
図3
①AMAZON商品詳細表示機能
②AMAZON商品画像サイズ変更機能
上記の機能実装さえ守ってもらえれば、
どの様なレイアウトにしてもかまいませんが、
まだPHPやHTMLに慣れてないうちは
上記のレイアウトを真似して下さい。
最初はとにかく最後まで作る!というのが重要です。