Webページのメインとなるコンテンツ部分の作成方法を解説しました。典型的なレイアウトをシンプルにコーディングします。
-
- 1. Flexboxによるレイアウトの基礎
- 2. 【課題】Flexboxレイアウト1
- 3. 【課題解説】Flexboxレイアウト1
- 4. 【課題】Flexboxレイアウト2
- 5. 【課題解説】Flexboxレイアウト2
- 6. ワイヤーデザインからコーディング
- 7. 【課題】実際のページを作成してみる
- 8. 【課題解説1】デザインからHTMLを作る方法を解説
- 9. 【課題解説2】HTMLを完成させる
- 10. 【課題解説3】CSSを設定する
- 11. flexboxをもっと知ろう！詳細解説しました
- 12. デザイン画からWebページを設計する
- 13. Webページのヘッダーコーディング
- 14. Webページのヒーロー？
- 15. Webページの中身を作成する
- 16. Webサイトをレスポンシブに！
- 17. SEOに強くなる！セマンティック
- 18. スティッキーフッターの作成
- 19. おわりに