Try!
架空の台湾観光案内サイトのデザイン見本（Figmaデータ）を読み取り、チームとしてWebサイトを構築する演習となります。
- 制作するサイト
- 架空の台湾観光案内サイト
- ファイル・変数の命名規則
- 半角英数字・キャメル型で作成※全角文字・半角カナ・全半角スペースは使用しないこと
- 使用言語
- HTML・CSS・JavaScript※jQuery・BootStrapの使用は自由。※その他のライブラリなどを使用したい場合、チーム内及び講師に要相談
- 文字コード
- UTF-8
- リソース格納先
- CSSディレクトリ名:styles
- 画像ディレクトリ名:images
- JSディレクトリ名:scripts
- title要素
- トップページ：「サイト名」のみ下層ページ：サイト名｜ページ名
- 必須meta要素
- 文字コード指定ビューポート指定
- 対応ブラウザ
- PC:Chrome最新版
- モバイル:※Chromeのデベロッパーツール「iPhoneX」で確認
- ブレイクポイント
- 設定必須768pxを基準とし、その他はグループ・個人で適宜設定
- トップページ
- PC ローディング（共通）、ギャラリーコンテンツ（スライダー）SP ローディング（共通）、ドロワー（共通）、ギャラリーコンテンツ（スライダー）
- taipei
- PC ローディング（共通）、夜市モーダルSP ローディング（共通）、ドロワー（共通）、夜市モーダル
- taichu
- PC ローディング（共通）、MuseumモーダルSP ローディング（共通）、ドロワー（共通）、Museumモーダル
- tainan
- PC ローディング（共通）、グルメモーダルSP ローディング（共通）、ドロワー（共通）、グルメモーダル
- その他指定
- デザインカンプから読み取る
