どんな講座？
STUDIOの特徴、BOXレイアウトの扱い方、アニメーションの実装、テンプレートの効果的な使い方、新しいセクションの作り方、余白の整え方、グラデーションの設定、ページ内リンクの設定、レスポンシブ対応に必要な基礎知識、レスポンシブ対応の手順
このコースを受講する基本情報
- 提供：前田塁 （ルイス前田）
- 価格：有料コース
- 勉強時間：3.5時間
- 言語：日本語
- 掲載サイト：Udemy
学習内容
- STUDIOがなぜ革新的なノーコードツールか
- 機能面、デザイン面でのSTUDIOの特徴
- STUIDOでどんなWebサイトが作れるかを紹介
- STDUIOに登録して、新しいプロジェクトを作る手順
- BOXレイアウトの扱い方
- レスポンシブレイアウトとは
- リアルタイムでデザインが反映されるライブプレビューの使い方
- 画像とテキストをふわっと表示するアニメーションの実装
- マウスオーバーするとボタンが大きくなる強調のアニメーションを設定する手順
- STUDIO公式が用意しているテンプレートを利用する方法
- テンプレートのテキストを変更しながらそれっぽくする
- テキストの折り返しを防ぐために、画像とのバランスを調整する
- ボックス内で要素を中央に配置する
- CTA（Call To Action）を作成する
- テンプレートには無い、オリジナルのセクションを作成する
- 要素の余白（paddingとmargin）を整えて、見栄えを良くする
- BOXを横並びにして、列を作る
- 横幅はピクセルではなく、パーセントで設定する
- テンプレートの画像を変更する
- テンプレートのアニメーションを調整する
- グラデーションを設定する手順
- アンカーリンク（ページ内リンク）を設定する
- STUDIOでレスポンシブ対応を進める際に必要な事前知識
- デバイスごとの表示を確認しながら、レスポンシブを設定する手順
- Show more
受講者の評判・レビュー
まだレビューがありません。