
Copy Link
この講座では、Wix Studioを使用して、初心者からプロフェッショナルまで、誰でも簡単に魅力的なウェブサイトを作成できる方法を基礎から実践まで徹底的に学習します。
講座は2つの充実したブロックに分かれており、前半はWix Studioの各機能を解説するリファレンス、後半は実際のウェブサイト制作を通じて学ぶインタラクティブなチュートリアルで構成されています。
また、リファレンス、チュートリアルのどちらからでも学習し始められるようになっています。
最先端のウェブサイト制作ノウハウがわかりやすく解説されているため、どんなレベルの受講者でも、内容をしっかり理解し、技術を習得することができます。
様々なオンライン講座の企画制作を15年以上担当し、累計1000を超えるコンテンツの制作や販売をする日本最大級のオンライン講座提供会社。主にIT、開発、ソフトウェア、ビジネス知識、日本語や英語の語学学習などの動画教材に関わる。自社スタジオと編集環境があり、シナリオ・ナレーション・映像収録・編集まで全ての工程を自社完結させ、高いクオリティで安定したコンテンツを提供。専門家の監修体制にも注力し、ソフトウェアの講座では、AdobeTVの日本語版制作を担当する高い実績もある。
Section 1:ダウンロード資料 | ||||
1 | 配布データ | 1:00 | ||
Section 2:Wix Studioの概要 | ||||
2 | Wix Studioの概要 | Preview | 9:42 | |
Section 3:レスポンシブWebデザイン | ||||
3 | レスポンシブWebデザイン | 10:38 | ||
Section 4:Wix Studioのはじめかた | ||||
4 | Wix Studioのはじめかた | 9:36 | ||
Section 5:ダッシュボードとWebサイトの基本的な設定 | ||||
5 | ダッシュボードとWebサイトの基本的な設定 | 6:52 | ||
Section 6:サイトスタイルの設定 | ||||
6 | サイトスタイルの設定 | 15:36 | ||
Section 7:Wix Studioエディタの基本概要 | ||||
7 | キャンバスとレスポンシブWebデザイン | 4:43 | ||
8 | メインメニューとメインパネル | 6:52 | ||
9 | 要素設定パネル | 4:19 | ||
10 | ショートカットとメモリ | 6:06 | ||
Section 8:セクションの設置 | ||||
11 | 白紙セクションの基礎 前編 | 8:53 | ||
12 | 白紙セクションの基礎 後編 | 19:47 | ||
13 | 白紙セクションの応用 | 6:41 | ||
14 | 既成セクションの活用 | 4:54 | ||
Section 9:サイジング | ||||
15 | テキストの4つのレスポンシブ動作 | 7:44 | ||
16 | テキストのシームレスなレスポンシブデザイン | 8:45 | ||
17 | 画像のサイジング | 14:14 | ||
Section 10:高度なサイズ変更の活用 | ||||
18 | 高度なサイズ変更の活用 | 14:42 | ||
Section 11:グローバルセクションの利用 | ||||
19 | グローバルセクションの利用 | 11:45 | ||
Section 12:要素の位置調整とドッキングの活用 | ||||
20 | ドッキングとマージン | 8:21 | ||
21 | パディング | 7:35 | ||
22 | 枠線、角、影 | 3:07 | ||
Section 13:スタック | ||||
23 | スタック | 17:24 | ||
Section 14:セクショングリッドで迅速なレイアウト | ||||
24 | セクショングリッドで迅速なレイアウト | 12:04 | ||
Section 15:CSSグリッドレイアウトの応用 | ||||
25 | CSSグリッドレイアウトの応用 | 10:55 | ||
Section 16:リピーターを用いた一貫したレイアウトの複製 | ||||
26 | リピーターを用いた一貫したレイアウトの複製 | 13:25 | ||
Section 17:レスポンシブデザインのカスケーディング | ||||
27 | レスポンシブデザインのカスケーディングの仕組み | 6:53 | ||
28 | 全ブレイクポイントで使用と変更を削除 | 8:23 | ||
29 | 要素デザインをコピー | 7:18 | ||
30 | 表示/非表示 | 7:02 | ||
Section 18:ブレイクポイントの編集 | ||||
31 | ブレイクポイントの編集 | 5:04 | ||
Section 19:レスポンシブAIの応用 | ||||
32 | レスポンシブAIの応用 | 8:41 | ||
Section 20:スティッキーとピン留めの活用 | ||||
33 | スティッキーとピン留めの活用 | 13:45 | ||
Section 21:アニメーションとインタラクション | ||||
34 | セクションの背景エフェクト | 8:55 | ||
35 | アニメーションとエフェクト | 9:52 | ||
Section 22:テキストテーマ | ||||
36 | テキストマスクの利用 | 3:47 | ||
37 | マーキー | 4:19 | ||
Section 23:CSSのカスタム編集 | ||||
38 | CSSのカスタム編集 | 10:02 | ||
Section 24:フォームの設置 | ||||
39 | フォームの設置 | 7:49 | ||
Section 25:Wix アプリの搭載と設定 | ||||
40 | ブログ機能の搭載 | 11:22 | ||
41 | 多言語化サイト | 10:01 | ||
Section 26:CMSで動的コンテンツの設置 | ||||
42 | CMSで動的コンテンツの設置 | 10:27 | ||
Section 27:Win Studioチュートリアル | ||||
43 | サイト制作の準備 | 8:43 | ||
44 | サイトスタイルとデザインガイドライン | 20:35 | ||
45 | ページとセクション | 13:59 | ||
46 | ヘッダーとロゴ | 17:39 | ||
47 | キービジュアル | 16:39 | ||
48 | レスポンシブウェブデザイン | 16:44 | ||
49 | 画像とテキストのサイジング | 23:05 | ||
50 | キャッチコピーの設置 | 6:38 | ||
51 | マージンとドッキング | 6:13 | ||
52 | セクショングリッドとCSSグリッドレイアウト | 12:16 | ||
53 | フレックスボックスとリピーター | 12:36 | ||
54 | レスポンシブAI | 15:45 | ||
55 | スティッキーとピン留め | 21:04 | ||
56 | アニメーションとインタラクション | 7:09 | ||
57 | プロギャラリー | 10:58 | ||
58 | グローバルナビゲーション | 9:42 | ||
59 | ブログ機能の搭載 | 12:27 | ||
60 | ライトボックス | 12:29 | ||
61 | フッター | 11:22 | ||
62 | ページの最適化 | 6:13 | ||
63 | マルチリンガル | 5:51 | ||
64 | 公開する準備 | 12:45 |