Webflow実践

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

学べること

・Web制作の基本ルール

・スタイルガイドの重要性と作り方

・サイトでよく使われるレイアウトの作り方（たくさん！）

コースの詳細

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

Lessons

Webの基本について

‍

スタイリング

‍

スタイルの継承

‍

HTMLの基本ルール

‍

スタイルガイドの概要

‍

スタイルガイド：ヘッディング設定

‍

スタイルガイド：その他のタイポグラフィ

‍

スタイルガイド：ボタンの作成

‍

スタイルガイド：色の設定

‍

ヒーローセクションの概要

‍

基本的なヒーローレイアウトを作る

‍

背景画像のあるヒーローレイアウトを作る

‍

背景動画のあるヒーローレイアウトを作る

‍

下に画像のあるヒーローレイアウトを作る

‍

カードの概要

‍

シンプルなカードの作り方

‍

シャドーのあるカード

‍

リンク付きのカード設定

‍

フィチャーセクションの概要

‍

シンプルなフィーチャセクション

‍

ステップのあるフィーチャセクション

‍

タブのあるフィーチャセクション

‍

スティッキーフィーチャセクション

‍

一般的なナビバーの作り方

‍

フッター概要

‍

シンプルなフッターの作り方

‍

リンクのリストのあるフッター

‍

メール登録フォームのあるCTA

‍

フォームの基本

‍

フォームのテキスト入力欄のスタイリング

‍

フォームのチェックボックス

‍

フォームのラジオボタン

‍

セレクトフィールドの紹介

スパム対策reCAPTCHAの設置

お問い合わせの確認方法

サクセスメッセージとエラーメッセージ

リダイレクト先の作成と設定