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. okakishi-chaya_img01

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

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

  2. filmora037-01

    旅の素敵な動画を飾る10種類のトランジション(Filmora)

    旅の素敵な動画を飾る10種類のトランジション(Filmora) from KISHIOKA.DE…

  3. webflow017-01

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

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

  4. dimension003

    チョコレートのパッケージを作る(Adobe Dimension …

    Adobe Dimension CCを使って、チョコレートのパッケージを作りました。パッケージの…

  5. webflow002-01

    スライドショーの設置(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はスライドショー設置の紹介になります。…

  6. webflow011-01

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

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

  7. filmora038-01

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

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

  8. photoshop-gallery002

    Photoshop Gallery 002

PAGE TOP