Try!
架空のドーナツショップ「C.C.Donuts」のショッピングサイトのデザイン見本（Figmaデータ）を読み取り、カート機能が付いたWebサイトを構築する演習となります。
- 制作するサイト
- 架空のドーナツショップ「C.C.Donuts」のショッピングサイト
- ファイル・変数の命名規則
- 半角英数字・キャメル型で作成※全角文字・半角カナは使用しないこと
- 使用言語
- HTML・CSS・JavaScript・PHP・SQL※BootStrap・jQuery・Vue.jsの使用は自由
- 文字コード
- UTF-8
- リソース格納先
- CSSディレクトリ名:styles
- 画像ディレクトリ名:images
- JSディレクトリ名:scripts
- アプリケーション関連ディレクトリ名:app
- title要素
- トップページ：「サイト名」のみ下層ページ：サイト名｜ページ名
- 必須meta要素
- 文字コード指定ビューポート指定
- 対応ブラウザ
- PC:Chrome最新版
- モバイル:※Chromeのデベロッパーツール「iPhoneX」で確認
- ブレイクポイント
- 設定必須768pxを基準とし、その他は個人ごとに適宜設定可
- その他指定
- デザインカンプから読み取る
