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. div_block_img01

    Divブロックの説明(webflow)

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

  2. photoshop-art005

    Photoshop Art 005

  3. xd001

    バージョン13.0になって、ようやく取り組む(Adobe XD)…

    世の中に登場したから中々、具体的な使い道が見つからず取り組んでいなかったのですが、先日のAdob…

  4. keynote-animation03-04

    Keynote Animation Sample03(Keyno…

    企業などの解説動画作成に【Keynote】が使用されるケースが増えているということなので、30秒…

  5. text-and-particle

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

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

  6. filmora-pho005-01

    テキスト「サブタイトル編」(Filmora)

    テキスト「サブタイトル編」(Filmora); from yasuo kishioka on V…

  7. filmora036-01

    旅の素敵な動画を飾る28種類のタイトル(後編)(Filmora)…

    旅の素敵な動画を飾る28種類のタイトル(後編)(Filmora) from KISHIOKA.D…

  8. dimension003

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

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

PAGE TOP