ヘアサロンサイトを作りましょう
架空のヘアサロンサイトを作成して頂きます。 スマートフォンでも綺麗に表示されるよう、レスポンシブに設定します。
サイトのデザイン確認
完成見本サイトは下記URLから見ることができます。
スマホ幅での表示なども、こちらでご確認をお願いいたします。
https://s3.amazonaws.com/skillhub/bee/index.html
使用する素材について
画像や使用するテキストをまとめてあります。
このページ右にある「素材一覧」よりbee_sozai.zipをクリックしてダウンロードしてください。
次のステップ
見本サイトを見ながら、ヘアサロンサイトをコーディングして下さい。
各セクションのサイズ、設定して頂きたいポイントを「コーディング要点」として次のレッスンで紹介しています。
要点を確認して、制作を始めましょう。
ご提出方法
サイトが完成したら、ブラウザでの表示を見直してください。
- PCブラウザでの表示
- スマホ幅での表示
そして、フォルダごと圧縮して以下のメールアドレスまでお送りください。