
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秒 |