課題説明

コース内容
1. ヒアリング・要件定義・リサーチ・ライティング・サイトマップ
この講座で学べることの要約
0/8
5. デザイン添削
0/1
6. デザイン添削
0/1
8. コーディング振り返り・質問
0/2
9. LPコーディング1回目
0/1
10. LPコーディング2回目
0/1
12. WordPress実践
13. ポートフォリオ制作
14. 営業・提案・見積もり作成
15. 保守・運用
jQueryコード集
0/1
保護中: WEB制作

LUMINA BEAUTYのデザインカンプを模写コーディングしてみましょう!
次回レッスンまでにデザインデータを見ながらできればレスポンシブまでコーディングしてみましう。
わからない点は質問OKです。
また、私がコーディングしたデータもあるので参考にしてみてください。

質問する際の注意点については以下の通りです!
まずは自分で調べたり、どうにか解決するようにしてみてください。
それでもわからなかった時は以下内容で質問ください!
やりたいこと:
調べた方法:検索ワードやみたページのURL
現状:スクリーンショットやコードなど現状がわかるように詳しく説明して下さい


やりたいこと:Googleマップの埋め込み
調べた方法:『サイトにGoogleマップを埋め込む方法』
https://groworks.jp/blog/4389
現状:埋め込むことまではできたが、PCにレスポンシブにした際に大きさをうまく変えられない

コーディングファイル添付

検索ワード:『google map html 埋め込み レスポンシブ』
サイト:https://www.e-webseisaku.com/column/web/7700/

 

 

デザインデータ:
https://www.figma.com/design/UzxPEOVlEwudJJgFn3Jhws/plume_%E8%AC%9B%E7%BE%A9%E7%94%A8?node-id=0-1&t=HucPRXRP6qyrDbnj-1

コーディングファイル:cording_file_plume.zip
zipファイルになっているので解凍して使用してください。
コーディングに必要なファイルが一式入っています。

模写コーディングの完全データ:coding_file_plume.zip
私がコーディングしたデータが入っているので学習にお役立てください。

演習ファイル
lumina_beauty_plume.zip
サイズ: 3.96 MB
coding_file_plume.zip
サイズ: 8.43 KB