LESSON
詳細
レッスンの詳細
デザイン
作るサイトのデザイン
カフェのホームページのコーディングをしよう!
中級
2980
税込
購入に進む
こんな方におすすめ
CSS設計を意識したコーディングを学びたい
基礎学習は終えて実践的な練習がしたい
プロの制作フローを学びたい
SCSSを使った書き方を学びたい (解説はSCSSを使わない前提でします)
自分に何が足りないか確かめたい
制作するページ
トップ
コンセプト
メニュー
ショップリスト
ブログ(一覧)
ブログ(個別)
404
前提知識・注意事項
静的なページだけで投稿などの機能面は作りません
HTML・CSSの入門レベルを学習済みの方が対象です
解説はコーディングに関するポイントとなる点のみです
解説はSCSSを使わない前提でします(配布するサンプルコードにはSCSSあり)
配布素材
サンプルコード(SCSSもあり)
デザイン(Figma/XD)
※ 配布素材は約174MBあります。
このレッスンの目次
🚀 はじめに
🛠 サイト内共通の設定を準備
🧩 コンポーネントの作成
🔁 共通部分の作成
📄 トップページの作成
📄 コンセプトページの作成
📄 メニューページの作成
📄 ショップリストページの作成
📄 ブログ(一覧)の作成
📄 ブログ(個別)の作成
📄 404ページの作成
🚨 注意点と本来やるべきこと
🙏 まとめ
【 他の教材一覧 】
ポートフォリオ掲載可!デザインのみ配布!
※ ダウンロードには登録が必要です
無料
0
税込
注意事項を見る
ダウンロードする
無料
サービスサイトのトップページを作ろう!
無料
0
税込
デザインを見る
詳細を見る
無料
インテリアショップのHPのコーディングをしよう!
初級
980
税込
デザインを見る
詳細を見る
シャンプーのECサイトをコーディングをしよう!
中級
1980
税込
デザインを見る
詳細を見る
写真家のプロフィールサイトのコーディングをしよう!
中級
1980
税込
デザインを見る
詳細を見る
小説の執筆ツールのLPのコーディングをしよう!
中級
1980
税込
デザインを見る
詳細を見る
模写修行メディアのコーディングをしよう!
中級
2980
税込
デザインを見る
詳細を見る
現役エンジニアによるメンタリングサービス
※ 模写修行開発メンバー中心に運営しているサービスです。
詳しくみる