第2回｜STUDIO・完全ノーコードでここまでできる！本格的なLP（ランディングページ）をゼロから一緒に作ってみよう｜2024年5月仕様アップデート対応

実践編「本格的なLPをゼロから一緒に作ってみよう」ということで、こちらのサイト（ https://studians-parker.studio.site ）の制作手順を大公開しているシリーズの第2回です！

前回は、LPのデザインや機能についての説明をしましたので、今回からは制作に入ります。スクロールしても追従するヘッダーを作っていきます。

複雑な構造ではなく、比較的作りやすいと思いますのでぜひチャレンジしてみてください！

----------
●目次

00:00 オープニング
01:52 構造の説明
02:36 制作
30:54 レスポンシブ設定
36:08 完成・確認
----------

●素材のダウンロードはこちらから
https://studians.jp/manual/lp

●参考動画
動画内で使用している各機能については下記の動画で詳しく解説しています。
ぜひ一緒にご覧ください。

○相対位置・固定位置について
   • ノーコード・STUDIOでのボックス配置（相対位置・絶対位置・固定位置）つ...  

○画像ボックスのbox・imgモードの違いについて
   • 2023年8月仕様アップデート対応｜ノーコード・STUDIOでの画像挿入方...  

○ボックスの単位について
   • ノーコード・STUDIOのサイズ単位について基礎からわかりやすく徹底解説！...  

○ボックスの配置・方向について
   • ノーコード・STUDIOのボックスの並び（方向・配置）について基礎からわか...  

○サブフォント・フォントファミリーについて
   • ノーコード・STUDIOのサブフォント機能を使ってテキストボックス内のひら...  

○ホバーのアニメーションについて
   • 2023年8月仕様アップデート対応｜ノーコード・STUDIOでのホバーアニ...  

○ギャップについて
   • ノーコード・STUDIOでのギャップを使った余白設定方法について基礎からわ...  

●前回企画「本格的なコーポレートサイトをゼロから一緒に作ってみよう」はこちら
   • 本格的なコーポレートサイトをゼロから一緒に作ってみよう