ほしいものリストをデザイン重視で公開する

商品展示パターン

　商品画像とアフィリエイトリンクはウェブサービスに登録することで使用許諾が下ります。 ウェブサービスについては www.amazon.co.jp で確認してください。

縦に順番に表示するのはアマゾンでページを作るのと同じなので、 ここでは１５の商品を一度に見れるように３行５列の表形式に並べて展示してみます。

ポップさを出すため、ウォーホルのキャンベルスープ風に商品画像を同じサイズで並べてることにします。 １つの商品画像の大きさは横幅１００ピクセル高さ９０ピクセルとします。 Gifラベラーで作れるボタンの最大サイズを考慮するとこの大きさになります。

商品全体を１００ｘ９０ピクセルの中で表示することはできないのでポイントになる部分を見せるようにします。