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. filmora-pho025-04

    ビジネスコレクション/テキスト29種(Filmora)

    ビジネスコレクション/テキスト29種(Filmora); from yasuo kishioka…

  2. webflow011-01

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

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

  3. whiteboard-nimated01

    Whiteboard Animated/サンプル01(Adobe…

    以前、「Whiteboard Animated Elements Library」というコンテンツを…

  4. webflow004-01

    Div Blockの使用(webflow)

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

  5. webflow017-01

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

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

  6. filmora-pho012-01

    トランジション「ベーシック編4」(Filmora)

    トランジション「ベーシック編4」(Filmora); from yasuo kishioka o…

  7. webflow009-01

    タブの使用(webflow)

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

  8. filmora-pho007-01

    海外映画・ドラマ風のカラーグレーディング(Filmora)

    海外映画・ドラマ風のカラーグレーディング; from yasuo kishioka on Vim…

PAGE TOP