モバイル幅でwebサイトを作成する

natsu

2023-05-13

必要なテキスト

  • 店舗名

  • タグライン

  • 場所

  • お店の特徴（コンセプト）

  • メインコピー

  • リード文

  • 商品について（こだわりなど）

  • 質問と答え（３つ）

  • 店長・マネージャーのあいさつ

必要な画像素材

  • 商品・サービス画像（9枚）600x400以上（商品名と価格も必要です）

  • メインビジュアル画像（3枚）1920ｘ1080くらい

  • コンセプト部分で使用する画像（1枚）1920ｘ1080くらい

  • 店舗情報部分で使用する画像（1枚）1920ｘ1080くらい

  • 店長のあいさつ部分で使用する画像（イラスト可：1枚）600x400以上

  • ロゴ

  • 回るテキスト画像（授業内で作成）

今ではpcでもspでも最適に表示されるレスポンシブサイトは当たり前で、最近はむしろspでの表示を優先させ、pc時は画面いっぱいの固定背景（多くはbody要素を固定）を置き、モバイル幅の中にコンテンツを入れるようなspファースト、もしくはspオンリーのサイトも見かけます。



ポイント

  • body要素を固定

  • モバイル幅にシャドウを入れる

  • ロゴやメニューボタンなどをコンテンツ枠外に固定表示させる

https://www.beams.co.jp/special/kids_outer/



この記事が気に入ったらサポートをしてみませんか？