Webflow実践

Webflowを使ったWeb制作を実践しながら学ぶ

このコースのレッスン

  1. 1 背景画像のあるヒーローレイアウトを作る
  2. 2 背景動画のあるヒーローレイアウトを作る
  3. 3 カードの概要
  4. 4 シャドーのあるカード
  5. 5 フォームのチェックボックス
  6. 6 スタイルガイド:色の設定
  7. 7 お問い合わせの確認方法
  8. 8 基本的なヒーローレイアウトを作る
  9. 9 スタイルガイド:ボタンの作成
  10. 10 メール登録フォームのあるCTA
  11. 11 フィチャーセクションの概要
  12. 12 ステップのあるフィーチャセクション
  13. 13 タブのあるフィーチャセクション
  14. 14 フッター概要
  15. 15 リンクのリストのあるフッター
  16. 16 フォームの基本
  17. 17 スタイルガイド:ヘッディング設定
  18. 18 ヒーローセクションの概要
  19. 19 下に画像のあるヒーローレイアウトを作る
  20. 20 HTMLの基本ルール
  21. 21 リンク付きのカード設定
  22. 22 一般的なナビバーの作り方
  23. 23 フォームのラジオボタン
  24. 24 スパム対策reCAPTCHAの設置
  25. 25 リダイレクト先の作成と設定
  26. 26 セレクトフィールドの紹介
  27. 27 シンプルなカードの作り方
  28. 28 シンプルなフィーチャセクション
  29. 29 シンプルなフッターの作り方
  30. 30 スティッキーフィーチャセクション
  31. 31 フォームのテキスト入力欄のスタイリング
  32. 32 スタイルの継承
  33. 33 スタイルガイドの概要
  34. 34 スタイリング
  35. 35 サクセスメッセージとエラーメッセージ
  36. 36 スタイルガイド:その他のタイポグラフィ
  37. 37 Webの基本について

事前に視聴しておきたいコース

Webflow - Web制作実践講座では、これから本格的にWeb制作をしたい方向けに、基本ルールから実際のセックションの具体的な作り方までのスキルを一気に学べます。