料金プランを有効化して学習を始めましょう。

コーポレートサイト制作

コーポレートサイトをFigmaで用意したデザインデータからWebflowで構築する方法を教える講座です。最初から最後までにサイト制作のプロセスが学べます。

講座情報

学習進捗
0
/
X
 
0
%
動画数
時間
4
時間
10
役立つ情報
使用ツール
学習内容
  • Figmaのデザインデータの見方
  • デザインを参考した構築
  • レイアウトとスタイルの再利用(Class使用)
  • レスポンシブ対応
  • 複数ページのサイトの構築方法
  • コンポーネントの使用
  • コンポーネント内のカスタム属性「Class」の使用
  • カスタムエレメントを使用したTableの作成
  • ニュースのCMS設定
  • SNSシェア機能の実装
  • SEOを含むページの設定
  • カスタムドメインの接続

コースについて

こちらの講座ではFigmaで作られたコーポレートサイトのデザインデータを参考にしながらWebflowで実際にWebサイトを構築します。

Figmaデザインの全体像

講座中に以下のステップでサイトを最初から最後までに作成します。

  1. デザインデータからサイトの全体像の理解
  2. 繰り返して使用されるスタイルの事前設定
  3. ページ構築
  4. データから画像データの書き出し
  5. コンポーネントの作成する
  6. レスポンシブ対応
  7. CMSデータの設
  8. アニメーションの追加
  9. ページ設定
  10. カスタムドメインの接続
  11. SEO設定