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

    『Webflow』始めました。(webflow)

    Muse CCの開発が終了した事もあり、将来的なことを考えて別の制作方法を探していたところ『Webf…

  2. filmora036-01

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

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

  3. filmora-pho004-01

    テキスト「テロップ編」(Filmora)

    テキスト「テロップ編」(Filmora); from yasuo kishioka on Vim…

  4. webflow004-01

    Div Blockの使用(webflow)

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

  5. filmora037-01

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

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

  6. webflow007-01

    地図の設置(webflow)

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

  7. filmora-pho016-04

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

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

  8. filmora-pho005-01

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

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

PAGE TOP