最短3時間でWebサイト公開！予算＆時間が無くてもSTUDIOでそれっぽいサイトを作る実践講座【プロの手元を覗けます】
STUDIOの特徴、BOXレイアウトの扱い方、アニメーションの実装、テンプレートの効果的な使い方、新しいセクションの作り方、余白の整え方、グラデーションの設定、ページ内リンクの設定、レスポンシブ対応に必要な基礎知識、レスポンシブ対応の手順
4.18 (109 reviews)
738
students
3.5 hours
content
Mar 2025
last update
$19.99
regular price
What you will learn
STUDIOがなぜ革新的なノーコードツールか
機能面、デザイン面でのSTUDIOの特徴
STUIDOでどんなWebサイトが作れるかを紹介
STDUIOに登録して、新しいプロジェクトを作る手順
BOXレイアウトの扱い方
レスポンシブレイアウトとは
リアルタイムでデザインが反映されるライブプレビューの使い方
画像とテキストをふわっと表示するアニメーションの実装
マウスオーバーするとボタンが大きくなる強調のアニメーションを設定する手順
STUDIO公式が用意しているテンプレートを利用する方法
テンプレートのテキストを変更しながらそれっぽくする
テキストの折り返しを防ぐために、画像とのバランスを調整する
ボックス内で要素を中央に配置する
CTA（Call To Action）を作成する
テンプレートには無い、オリジナルのセクションを作成する
要素の余白（paddingとmargin）を整えて、見栄えを良くする
BOXを横並びにして、列を作る
横幅はピクセルではなく、パーセントで設定する
テンプレートの画像を変更する
テンプレートのアニメーションを調整する
グラデーションを設定する手順
アンカーリンク（ページ内リンク）を設定する
STUDIOでレスポンシブ対応を進める際に必要な事前知識
デバイスごとの表示を確認しながら、レスポンシブを設定する手順
Screenshots
Related Topics
5116170
udemy ID
1/27/2023
course created date
4/1/2023
course indexed date
Bot
course submited by