Webflow大学

未経験者が10倍効率よくWebflowを学習できるように、Webflowの基本操作に関する知識を紹介します。Webflowの見方、ALLタグの存在、CSSパネルの色の意味など、Webflow初心者に必須の知識をまとめています。特に「Linkの色が変わらない」などのよくある質問に対する解決策も提供。専用の動画も公開しています。

Webflow公式21Dコースを日本語化し、動画化しました。このコースではWebflowを使用して1日30分、21日間かけてWebポートフォリオ制作を行います。言語の知識がない方でも取り組める設計にしております。‍

このコースは未経験からWebflowを学ぶためのコース1日目です。Webflowでポートフォリオを作成しながらホームページに必要な機能を覚えていきましょう。今回はプロジェクトを開始し、簡単な見出しを作成していきます。

Webflowでナビゲーション、シンボルを作る方法について解説していきます。「Webflowの始め方を知りたい」「Webデザイナーになりたい」と考えている方やWeb未経験者でも一歩づつ進んでいけるようにWebのことから解説しています。

WebflowのCMSの使い方を解説します。WebflowのCMSとは、共通したデザインのページを簡単に作成できる機能です。ブログや店舗のお知らせ等、定期的な更新をするページの作成に使うことができます。

Webflowをマスターして未経験者からWebデザイナーを目指すコース4日目です。Webflowで超お手軽にコンタクトフォームを作成します。作成だけでなく実践で使えるコンタクトフォームの使い方まで解説します。

Webflowでフッターを作成します。Webサイトの一番下に位置し、サイトマップの役割やお問い合わせ、などを配置するフッター。主に補足・補助程度の役割を持っています。Webflowの使い方を学びながらウェブサイトを作成していきましょう。

スマホが主流になった現代で必ず必要なレスポンシブデザイン。Webflowを使用すれば、直感を頼りに美しいデザインを作成できます。ここまで作成したHPを元にWebflowでのレスポンシブデザインの作成方法を学んで行きましょう。

WebflowCMSを使用して1ページ作業量で4ページを一気に作成するマジックパートその2です。未経験者を対象にWebflowの使い方を解説します。Webflow CMSの使い方を完全無料で学ぶことができるのが当サイトです。

Webflow CMSプロジェクトページの作成を2回に分けて解説します。Webflowの使い方を完全無料で解説。21日間のステップで、未経験からウェブデザイナーとして活躍できるように解説していきます。

CMSページのレスポンシブデザインを作成します。6日目にレスポンシブデザインを作成した時と同様にMargin、Paddingの調整が主な作業です。WebflowのCMSはひとつのページを編集すれば、全てに反映され、手間いらずですよ。

Webflowでのお問い合わせページの作り方を解説。Webflowを使えば、コードの知識不要でオリジナルのお問い合わせフォームを作成可能。しかも超短時間で簡単に作成できます。Web制作未経験者でも簡単にお問い合わせを作れるようになりますよ。

WebflowにてreCAPTCHAの導入方法を解説します。不正アクセス対策に必要なreCAPTCHA。Googleが提供しているものを使用するので無料で導入できます。セキュリティー強化のため、導入をオススメします。

WebflowでSEOの設定方法を解説します。またSNSでのリンクシェアの設定方法も解説。WebflowはSEO設定も簡単できます。未経験者を対象に解説をしているので「SEOとは」から解説しています。

Webflowを使ってウェブのイメージをガラッと変える方法を解説します。デザインの仕事は完成してから「やっぱこっちいい」と変更を依頼されることもしばしば。今回は全体的に明るいイメージに変更していきます。

Webflowを使ったアニメーションの付け方を解説。コンティニューアニメーション・グロウホバーエフェクトについて解説します。実際にアニメーションをつけてどのように動くのか確認していきましょう。

Webflowを使ったアニメーションの付け方を解説します。最初はWebflowのアニメーション機能の基礎から解説。①ではタイムアニメーションを設定して次回②で完成させます。アニメーションの付け方の基礎から学ぶことができますよ。

Webflowで404ページを作成します。単純にエラーを知らせるだけでは華がないので、今回はマウスを追いかけるアニメーションを作成して、ユーザーを少しでも逃さないように工夫します。