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. webflow015-01

    フレックスボックスの設定(webflow)

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

  2. filmora-pho006-01

    テキスト「エンディング編」(Filmora)

    テキスト「エンディング編」(Filmora); from yasuo kishioka on V…

  3. filmora-pho013-01

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

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

  4. okakishi-chaya_img01

    架空のサイトを制作開始(webflow)

    前回まで、制作方法を紹介するようなページを掲載してきましたが中々、これが飽いてきまして(笑)、や…

  5. filmora038-01

    旅の素敵な動画を飾る4種類のフィルター(Filmora)

    旅の素敵な動画を飾る4種類のフィルター(Filmora) from KISHIOKA.DESIG…

  6. webflow006-01

    ListとList Itemの使用(webflow)

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

  7. filmora-pho002-01

    テキスト「オープニング編」(Filmora)

    テキスト「オープニング編」(Filmora); from yasuo kishioka on V…

  8. webflow010-01

    ライトボックスの使用(webflow)

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

PAGE TOP