Webflowでレスポンシブなウェブサイトを構築する — LearnFlat

Webflowでレスポンシブなウェブサイトを構築する

コードを一行も書かずに、ブランクのキャンバスから完全に機能するマルチページウェブサイトを作成します。

4.7 (3) ⏱ 2時間30分 📚 25レッスン 🎧 音声版

このコースについて

プロフェッショナルなウェブサイトを作成したいけれど、コーディング方法がわからないですか?Webflowを使えば、強力なサイトを視覚的にデザイン、構築、公開することが可能です。このコースは完全な基礎を提供し、ウェブデザインの基本原則から独自のカスタムウェブサイトの公開までをガイドします。 アイデアを、あらゆるデバイスで見栄えのする、ライブでレスポンシブなウェブサイトに変換する方法を学びます。視覚的で直感的な環境内で、シンプルなランディングページから動的なコンテンツ駆動型サイトまで、あらゆるものを構築するための実践的なスキルを習得します。 学習内容: - コアとなるウェブデザインの概念とWebflowのビジュアルキャンバスを理解する。 - あらゆる画面サイズに適応する、flexboxとgridを使用した完全なレスポンシブレイアウトを構築する。 - タイポグラフィ、色から間隔、配置に至るまでのビジュアルスタイリングを習得する。 - デザインをWebflow CMSに接続して、動的なウェブサイトを作成する。 - サイトに命を吹き込むための基本的なアニメーションとインタラクションを実装する。 - フォーム、基本的なSEO設定、公開ワークフローを使用してサイトを公開準備する。 このコースは、Webflowエディタの基本とコアレイアウトの原則から始まります。そこから、静的ページの構築、コンテンツの構造化、そして最後にCMSを使用した動的機能の追加へと進んでいきます。 このコースは完全な初心者向けに設計されています。始めるのに、コーディング、デザイン、またはWebflowの事前の経験は必要ありません。 ノーコードウェブ開発への旅を今日始めましょう。

得られるもの

  • 📜 修了証
    LinkedInプロフィールに追加
  • 💬 パーソナルAIチューター
    レッスンで詰まった?組み込みチューターにいつでも何でも聞いてみよう。
  • 🎧 音声版付き
    画面なしでもどこでも学べる
  • ♾️ 無期限アクセス
    いつでも再開可能、有効期限なし
  • 📱 スマホでもPCでも
    どこでもどんな端末でも
  • 💸 14日返金保証
    理由を聞きません
  • 短く要点だけ
    2時間30分の実践的な内容

レビュー (3)

Ricardo Chávez EC 認証済み受講者
★ 5 · 12.06.2026

Empecé con un lienzo totalmente en blanco y sin la menor idea de diseño web, y terminé con un sitio de varias páginas que funciona de verdad. Lo que más valoro es cómo explican el panel de Webflow poco a poco, sin abrumarte. Entendí por fin cómo manejar las clases, los contenedores y hacer que todo se vea bien en el móvil. Cada lección construye sobre la anterior, así que nunca me sentí perdida. Lo recomiendo a cualquiera que quiera lanzar su web sin programar.

Сауле Оспанова KZ 認証済み受講者
★ 5 · 10.06.2026

С нуля собрал многостраничный сайт в Webflow, и теперь понимаю, как работают flexbox и адаптивные брейкпоинты без единой строчки кода. Объяснения по-настоящему пошаговые.

Camille Bernard LU
★ 4 · 05.06.2026

Le passage du canevas vide à un site multipage complet est très bien guidé, surtout pour comprendre la structure responsive. J'aurais aimé une section plus poussée sur les interactions animées, mais j'ai vraiment progressé.

レビューを書く

送信後にサインインを求めます — 下書きは保存されます。

他の受講者はこれも

よくある質問

このコースを受けるには何が必要ですか? +

インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。

支払い方法は? +

Stripe経由のカードで。カード情報は当社では保存せず、Stripeが安全に取り扱います。

返金できますか? +

はい — 14日以内なら理由を問わず全額返金。

いつまでアクセスできますか? +

ずっと。購入後はあなたのもの。いつでも見返せます。

修了証はもらえますか? +

はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。

こんな分野の方に
テック デザイン 金融 マーケティング 医療 教育 ホスピタリティ 製造業