レベル
ビギナー
7レッスン
0日間
様々なデザインに応用可能なHTML＆CSSテクニックを確認
～ランディングページ(LP)制作講座、最終課題解説～
コーダーに必要なテクニックをコンパクトに集結
ランディングページ制作講座の課題は、レスポンシブなページのコーディングです。一見シンプルに見えますが、実際にリリースされているWebページでもよく使われているHTML&CSSテクニックが盛り込まれたデザインになっています。
コーディングの方法も一つではありません。
解説で紹介されているパターンや、紹介されているCSSプロパティ等を参考に制作してみださい。そうすることで、幅広いデザインに、より効率よく対応できる、あなただけのコーディング思考が見についていきます。
レッスン内容
-
1
ランディングページ(LP)コーディング講座課題の解説です。実習のファイルから使えるところをコピペしつつ、ヘッダーを作りましょう。
-
2
ランディングページ(LP)コーディング講座課題、PC幅レイアウトでのファーストビュー作成方法を解説します。
-
3
ランディングページ(LP)コーディング講座課題、PC幅レイアウトの「イベント・ニューオープン」セクション作成方法を解説します。
-
4
ランディングページ(LP)コーディング講座課題、PC幅レイアウトの「注目の動物」セクション作成方法を解説します。
-
5
ランディングページ(LP)コーディング講座課題、PC幅レイアウトの「ズーロッパについて」セクション作成方法を解説します。
-
6
ランディングページ(LP)コーディング講座課題、タブレット幅向けの調整を解説します。
-
7
ランディングページ(LP)コーディング講座課題、スマートフォン幅向けの調整を解説します。
もっと見る
【課題解説】ランディングページ(LP)コーディング講座を 無料で始めましょう！
無料申し込み期限
4月21日まで
募集
人数
100名 （残りわずか）
