チュートリアル記事

初級

4 分

レスポンシブwebデザインの基本

Adobe Dreamweaverでコードの記述を始める前に、モバイル、タブレット、デスクトップすべてのブラウザーに対応したコンテンツをデザインする様々なテクニックを学びます。

Dreamweaverでコードの記述を始める前に、モバイル、タブレット、デスクトップなど、様々なデバイスで表示するコンテンツをデザインする際の基本的なテクニックを学びます。

  1. Dreamweaverを使用する前に、まずはAdobe Photoshopでモックアップデザインを作成します。

  2. 様々な画面サイズに適応するデザインを使用します。

  3. 様々なウィンドウサイズでメニューと画像がどのように表示されるかに注意してデザインを作成します。


2021年6月23日

Dreamweaver でこれらのチュートリアルをお試しください

モダンでレスポンシブな web ページをデザイン