• HTML
  • CSS

カフェサイトのコーディング

このステップでは、カフェのサイトのコーディングを通して、基礎学習で学んだ内容を生かしながら、コーディングの流れを学ぶことができます。

¥ 1,980 (税込)

  • 概要
  • デザイン
  • こんな方におすすめ

    • HTML, CSSの基礎を学んだ方
    • 学んだ知識がどこまで通用するか試してみたい
  • このSTEPで学べること

    • XDからの画像の書き出し方法
    • レスポンシブ対応
    • 背景画像の設定方法
    • ホバー時の動き
    • 擬似要素の使い方
    • 「Flexbox」の使い方
    • 「dl, dt, dd」タグの使い方
  • 補足事項

    • デザインデータはXDで作成しています。
    • 購入後、メールが送られてきますので、そちらよりデザインをダウンロードしていただきます。
    • 現時点でコーディングの解説はございません。
    • ポートフォリオへの掲載・フィードバックにはオプションの購入が必要になります。
  • 仕様

    • ページ数x1(TOP)
    • 希望納期 1週間
    • CSS設計は指定なし
    • 画像は2倍書き出し
    • ブレイクポイント 1ヶ所
      ・SP ~1023px
      ・PC 1024px~
    • 対応ブラウザ
      ・Google Chrome:最新版
      ・Microsoft Edge:最新版
      ・Firefox:最新版
      ・Safari:最新版
  • テストサーバーにUPする際の注意事項(重要)

    • 練習用の架空サイトですが、必ずBasic認証の設定をお願いします。
      ※テストアップのBasic認証は実務的にも必須です。
      ※スムーズにできるよう慣れておいて下さい。
    • 架空サイトですので、検索エンジンにインデックスされないよう「noindex」の記述も併せてお願いします。
      ※noindexの設定もこの機会に慣れておいて下さい。
PC用デザイン
SP用デザイン
PC用デザイン
SP用デザイン