モバイル幅でwebサイトを作成する
必要なテキスト
- 店舗名
- タグライン
- 場所
- お店の特徴（コンセプト）
- メインコピー
- リード文
- 商品について（こだわりなど）
- 質問と答え（３つ）
- 店長・マネージャーのあいさつ
必要な画像素材
- 商品・サービス画像（9枚）600x400以上（商品名と価格も必要です）
- メインビジュアル画像（3枚）1920ｘ1080くらい
- コンセプト部分で使用する画像（1枚）1920ｘ1080くらい
- 店舗情報部分で使用する画像（1枚）1920ｘ1080くらい
- 店長のあいさつ部分で使用する画像（イラスト可：1枚）600x400以上
- ロゴ
- 回るテキスト画像（授業内で作成）
今ではpcでもspでも最適に表示されるレスポンシブサイトは当たり前で、最近はむしろspでの表示を優先させ、pc時は画面いっぱいの固定背景（多くはbody要素を固定）を置き、モバイル幅の中にコンテンツを入れるようなspファースト、もしくはspオンリーのサイトも見かけます。
ポイント
- body要素を固定
- モバイル幅にシャドウを入れる
- ロゴやメニューボタンなどをコンテンツ枠外に固定表示させる
