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

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

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

  2. keynote-animation03-04

    Keynote Animation Sample03(Keyno…

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

  3. filmora-pho016-04

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

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

  4. filmora-pho003-01

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

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

  5. filmora-pho025-04

    ビジネスコレクション/テキスト29種(Filmora)

    ビジネスコレクション/テキスト29種(Filmora); from yasuo kishioka…

  6. webflow013-01

    フィルタの設定(webflow)

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

  7. webflow007-01

    地図の設置(webflow)

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

  8. webflow005-01

    Link Blockの使用(webflow)

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

Adobe Muse

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

My Portfolio

kishioka-design.myportfolio.com
PAGE TOP