menu

基本要素の設置(webflow)

サイト制作を進めながら学習したことを書いていきます。
今回は基本要素設置の紹介になります。

◎Layout/[Section]をドラッグして、ナビゲーションの下に配置する。
・[Section]を選択した状態で、Selector:に任意の名称を設定する。

webflow003-02
webflow003-03

◎Layout/[Container]を[Section]の中に配置する。

webflow003-04
webflow003-05

◎Layout/[Columns]を[Container]の中に配置する。

webflow003-06
webflow003-07
webflow003-08

◎[Container]や[Columns]の配置位置などを調整します。

webflow003-09
webflow003-10

◎この作業をワンセットとしてコンテンツの制作を行い、
積んでいく形でレイアウトを進めています。

▽サンプル
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

audio-visualizer-set01音楽とマウスでビジュアルを操作(Adobe Muse CC)

webflow004-01Div Blockの使用(webflow)

関連記事

  1. webflow009-01

    タブの使用(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はの使用方法を…

  2. webflow017-01

    フレックスアイテムの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスア…

  3. filmora-pho028-01

    8つのカメラシェイクエフェクト(Filmora)

    〜Filmoraで動画編集〜8つのカメラシェイクエフェクト(Filmora) from yasu…

  4. filmora033-01

    旅の素敵な動画を飾る27種類のエレメント(Filmora)

    旅の素敵な動画を飾る27種類のエレメント(Filmora) from yasuo kishiok…

  5. filmora-pho015-01

    ファッションコレクション/タイトル30種(Filmora)

    ファッションコレクション/タイトル30種(Filmora); from yasuo kishio…

  6. Filmora031-01-01

    26種類のフレームオーバーレイ(前半)(Filmora)

    26種類のフレームオーバーレイ(前半)(Filmora) from yasuo kishioka…

  7. webflow011-01

    ブレークポイントで画像のサイズを変更する(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はブレークポイ…

  8. filmora-pho021-01

    教育コレクション/オーバーレイ5種(Filmora)

    教育コレクション/オーバーレイ5種(Filmora); from yasuo kishioka …

PAGE TOP