誰でもわかる Wix Studio入門
この講座では、Wix Studioを使用して、初心者からプロフェッショナルまで、誰でも簡単に魅力的なウェブサイトを作成できる方法を基礎から実践まで徹底的に学習します。講座は2つの充実したブロックに分かれており、前半はWix Studioの各機能を解説するリファレンス、後半は実際のウェブサイト制作を通じて学ぶインタラクティブなチュートリアルで構成されています。また、リファレンス、チュートリアルのどちらからでも学習し始められるようになっています。
この講座は、ウェブサイト制作の経験がない方から、スキルアップを目指すノンデザイナー、さらにはプロのウェブデザイナーまで、幅広い層に対応しています。最先端のウェブサイト制作ノウハウがわかりやすく解説されているため、どんなレベルの受講者でも、内容をしっかり理解し、技術を習得することができます。
前半:リファレンス
操作画面のインターフェイスから、セクションの設置、スタックの活用、テキストのサイジング、CSSグリッドの使いこなしまで、Wix Studioでウェブサイトを制作するために必要な機能を網羅。各機能の使い方を詳細に解説したリファレンスビデオとして提供され、いつでも必要に応じて参照できます。これにより、個別の機能を学びながら、自分のペースで進められます。
後半:チュートリアル
実際のウェブサイト制作を通じて、Wix Studioの機能をマスターします。基本的なレイアウト作成から、アニメーションやインタラクションの追加、ブログ機能の搭載、多言語対応サイトの設定まで、実践的なスキルを一気に高めることができます。さらに、レスポンシブデザインのコツやウェブサイトの公開方法までも網羅しており、学習の最終段階では自信を持って自分の作品をパブリッシュすることができます。
コースの内容
- サンプルファイル
- 01 Chapter 1. Wix Studioの概要 (9:42)
- 02 Chapter 2. レスポンシブWebデザイン (10:38)
- 03 Chapter 3. Wix Studioのはじめかた (9:36)
- 04 Chapter 4. ダッシュボードとWebサイトの基本的な設定 (6:52)
- 05 Chapter 5. サイトスタイルの設定 (15:36)
- 06 Chapter 6. Wix Studioエディタの基本概要 6-1 キャンバスとレスポンシブWebデザイン (4:43)
- 07 Chapter 6. Wix Studioエディタの基本概要 6-2 メインメニューとメインパネル (6:52)
- 08 Chapter 6. Wix Studioエディタの基本概要 6-3 要素設定パネル (4:19)
- 09 Chapter 6. Wix Studioエディタの基本概要 6-4 ショートカットとメモリ (6:06)
- 10 Chapter 7. セクションの設置 7-1 白紙セクションの基礎 前編 (8:54)
- 11 Chapter 7. セクションの設置 7-2 白紙セクションの基礎 後編 (19:47)
- 12 Chapter 7. セクションの設置 7-3 白紙セクションの応用 (6:41)
- 13 Chapter 7. セクションの設置 7-4 既成セクションの活用 (4:54)
- 14 Chapter 8. テキストのサイジング 8-1 テキストの4つのレスポンシブ動作 (7:45)
- 15 Chapter 8. テキストのサイジング 8-2 テキストのシームレスなレスポンシブデザイン (8:45)
- 16 Chapter 8. テキストのサイジング 8-3 画像のサイジング (14:15)
- 17 Chapter 9. 高度なサイズ変更の活用 (14:42)
- 18 Chapter 10. グローバルセクションの利用 (11:45)
- 19 Chapter 11. 要素の位置調整とドッキングの活用 11-1 ドッキングとマージン (8:21)
- 20 Chapter 11. 要素の位置調整とドッキングの活用 11-2 パディング (7:35)
- 21 Chapter 11. 要素の位置調整とドッキングの活用 11-3 枠線、角、影 (3:07)
- 22 Chapter 12. スタック (17:24)
- 23 Chapter 13. セクショングリッドで迅速なレイアウト (12:04)
- 24 Chapter 14. CSSグリッドレイアウトの応用 (10:55)
- 25 Chapter 15. リピーターを用いた一貫したレイアウトの複製 (13:26)
- 26 Chapter 16. レスポンシブデザインのカスケーディング 16-1 レスポンシブデザインのカスケーディングの仕組み (6:53)
- 27 Chapter 16. レスポンシブデザインのカスケーディング 16-2 全ブレイクポイントで使用と変更を削除 (8:23)
- 28 Chapter 16. レスポンシブデザインのカスケーディング 16-3 要素デザインをコピー (7:19)
- 29 Chapter 16. レスポンシブデザインのカスケーディング 16-4 表示/非表示 (7:02)
- 30 Chapter 17. ブレイクポイントの編集 (5:04)
- 31 Chapter 18. レスポンシブAIの応用 (8:41)
- 32 Chapter 19. スティッキーとピン留めの活用 (13:46)
- 33 Chapter 20. アニメーションとインタラクション 20-1 セクションの背景エフェクト (8:55)
- 34 Chapter 20. アニメーションとインタラクション 20-2 アニメーションとエフェクト (9:52)
- 35 Chapter 21. テキストテーマ 21-1 テキストマスクの利用 (3:48)
- 36 Chapter 21. テキストテーマ 21-2 マーキー (4:20)
- 37 Chapter 22. CSSのカスタム編集 (10:02)
- 38 Chapter 23. フォームの設置 (7:49)
- 39 Chapter 24. Wix アプリの搭載と設定 24-1 ブログ機能の搭載 (11:22)
- 40 Chapter 24. Wix アプリの搭載と設定 24-2 多言語化サイト (10:01)
- 41 Chapter 25. CMSで動的コンテンツの設置 (10:27)
- 02 Chapter 27. 【Wix Studioチュートリアル】サイトスタイルとデザインガイドライン (20:35)
- 01 Chapter 26. 【Wix Studioチュートリアル】サイト制作の準備 (8:43)
- 03 Chapter 28. 【Wix Studioチュートリアル】ページとセクション (13:59)
- 04 Chapter 29. 【Wix Studioチュートリアル】ヘッダーとロゴ (17:39)
- 05 Chapter 30. 【Wix Studioチュートリアル】キービジュアル (16:40)
- 06 Chapter 31. 【Wix Studioチュートリアル】レスポンシブウェブデザイン (16:44)
- 07 Chapter 32. 【Wix Studioチュートリアル】画像とテキストのサイジング (23:05)
- 08 Chapter 33. 【Wix Studioチュートリアル】キャッチコピーの設置 (6:38)
- 09 Chapter 34. 【Wix Studioチュートリアル】マージンとドッキング (6:13)
- 10 Chapter 35. 【Wix Studioチュートリアル】セクショングリッドとCSSグリッドレイアウト (12:16)
- 11 Chapter 36. 【Wix Studioチュートリアル】フレックスボックスとリピーター (12:36)
- 12 Chapter 37. 【Wix Studioチュートリアル】レスポンシブAI (15:45)
- 13 Chapter 38. 【Wix Studioチュートリアル】スティッキーとピン留め (21:04)
- 14 Chapter 39. 【Wix Studioチュートリアル】アニメーションとインタラクション (7:09)
- 15 Chapter 40. 【Wix Studioチュートリアル】プロギャラリー (10:58)
- 16 Chapter 41. 【Wix Studioチュートリアル】グローバルナビゲーション (9:42)
- 17 Chapter 42. 【Wix Studioチュートリアル】ブログ機能の搭載 (12:27)
- 18 Chapter 43. 【Wix Studioチュートリアル】ライトボックス (12:29)
- 19 Chapter 44. 【Wix Studioチュートリアル】フッター (11:22)
- 20 Chapter 45. 【Wix Studioチュートリアル】ページの最適化 (6:13)
- 21 Chapter 46. 【Wix Studioチュートリアル】マルチリンガル (5:51)
- 22 Chapter 47. 【Wix Studioチュートリアル】公開する準備 (12:45)