Webflow大学

Webflowを使用して1日30分、約21日間かけてウェブ制作を行います。ウェブ言語の知識がない方でも取り組めるように初心者向けに解説しています。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ページを作成します。単純にエラーを知らせるだけでは華がないので、今回はマウスを追いかけるアニメーションを作成して、ユーザーを少しでも逃さないように工夫します。