menu

セクションの説明(webflow)

webflowを使用してのサイト制作を進めながら学習したことを書いていきます。
今回は「セクション(Section)」について説明します。

セクション(Section)はレイアウトを組んでいく際に
一番最初にベースに100%の幅で配置します。

webflow018-02

セクションの中にコンテナ(Container)を入れることによって、
ブラウザの中央にコンテンツが揃うようになります。

☆セクションの高さアレンジ
デフォルトでのセクションの高さは自動的に広がりますが
高さ設定:minの欄に「100VH」と入力するとサンプルのように
セクションの高さをブラウザ天地100%で設定することができます。
※「50VH」と入力すると天地50%で掲載されます。

webflow018-03

▽サンプル
live-preview

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

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

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

container_img01コンテナの説明(webflow)

関連記事

  1. photoshop-art006

    古ぼけた写真(Photoshop)

  2. webflow004-01

    Div Blockの使用(webflow)

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

  3. text-and-particle

    テキストとパーティクル(After Effects)

    text-and-particle from yasuo kishioka on Vimeo.…

  4. container_img01

    コンテナの説明(webflow)

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

  5. filmora-pho016-04

    ファッションコレクション/トランジション18種(Filmora)…

    ファッションコレクション/トランジション18種(Filmor; from yasuo kishi…

  6. transitions_img01

    トランジションの設定(webflow)

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

  7. photoshop-gallery001

    Photoshop Gallery 001

  8. webflow015-01

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

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

Adobe Muse

Adobe Museならスピードアップ&コストダウン

My Portfolio

kishioka-design.myportfolio.com
PAGE TOP