menu

Divブロックの説明(webflow)

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

Divブロックは、サイト構築の際に使用する最も基本的で汎用性の高い要素です。
セクション、コンテナ、ボタンはすべて、特定のプロパティを持つDivブロックです。
サンプルでは、配置したDivブロックの幅を50%(PC以外は70%)に設定。ベースに白を引いて半調に。
その中に文章と写真を配置。ラインはDivブロックを高さ1pxで表現。

div_block_img02

▽サンプル
live-preview

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

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

columns_img01カラムの説明(webflow)

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

関連記事

  1. webflow013-01

    フィルタの設定(webflow)

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

  2. webflow017-01

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

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

  3. filmora-pho014-01

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

    トランジション「ベーシック編6(終) 」(Filmora) from yasuo kishiok…

  4. keynote-animation01

    インとアウトのアニメーション(Keynote Animation…

    【Keynote】をプレゼンテーション用としての利用以外に、ネット上などで掲載をするための動画作…

  5. photoshop-art005

    Photoshop Art 005

  6. filmora-pho010-01

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

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

  7. filmora038-01

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

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

  8. filmora-pho008-01

    動画を分割表示させてドラマ仕立てに(Filmora)

    動画を分割表示させてドラマ仕立てに(Filmora); from yasuo kishioka …

PAGE TOP