レストランサイトの作成

要件定義

レストランサイトの作成

ページ構成：シングルページ

ページ内容

• メインビジュアル（3枚の画像をスライド）
• ナビゲーションメニュー（sp時はハンバーガーメニュー）
• ロゴ（svg）
• ニュース記事の更新（ajaxを使って外部データを読み込む）
• 動画の埋め込み(mp-4形式)
• モーダルウィンドウの埋め込み（Lightboxプラグインを使用）
• SNSの埋め込み（TwitterAPIを使ってタイムラインを埋め込む）
• GoogleMapの埋め込み
• cssでのスムーススクロール

用意する物

メインビジュアル画像ｘ3枚（サイズ：1920x1080）cssでトリミング
モーダル用の画像x3枚（サイズ：1000x750）
動画データｘ１個（2.9MB以下）
オリジナルロゴデータｘ1個（svg）

使用するプラグイン

• Hamburgers by Jonathan Suh

jonsuh.com

• bxslider

bxslider.com

• Lightbox

lokeshdhakar.com