【WEBデザイン入門】プログラミング不要!Wixで本格的なWEBサイトを作ろう!サイト作成・公開・SEO対策まで。
3.9 (40 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
178 students enrolled

【WEBデザイン入門】プログラミング不要!Wixで本格的なWEBサイトを作ろう!サイト作成・公開・SEO対策まで。

無料のWEB作成サービスWixを使用して本格的なWEBサイトを作成しましょう!HTMLやCSSなどのコードは一切不要です。ページ作成・画像やリンクの設置・フォームの作成などWEBサイトには欠かせないスキルを身につけます。SEO対策まで学習。
3.9 (40 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
178 students enrolled
Created by 渡部 学
Last updated 2/2019
Japanese
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 無料WEBサイト作成サービス「Wix」を使用することでプログラミング不要で、WEBサイトを制作するスキルを学習します
  • 制作したWEBサイトを公開する方法・モバイル最適化・SEO対策・独自ドメインの設定まで学習できます
  • twitter・Instagram・youtube・ブログなど各種サービスとの連携したサイトを作成できます
Requirements
  • インターネットに接続されているパソコン
  • Wixを操作できるブラウザ(Google Chrome推奨)
  • 基本的なパソコン操作
Description

無料のWEB作成サービスWixを使用して本格的なWEBサイトを作成しましょう!HTMLやCSSなどのコードは一切不要です。

ソフトも必要なく、全てWEBブラウザ上で作成・公開することができます。

ページ作成・画像ギャラリーやリンクの設置・お問い合わせフォームの作成など、Wixを使用すれば簡単に作成することができます。

公開した際に検索にヒットするためのSEO対策の設定・Googleへのサイト提出もWix内で行えます。また、独自ドメインの取得や接続方法まで学ぶことができます。

コードが書けなくても、直感的な操作でWEBサイトを作成できるWixでサイトを作成する方法を学習しましょう!


① WIxを始めよう!

  • Wixでの制作事例のご紹介とアカウント作成

  • 多様なテンプレートから選ぶ


② トップページを作ろう!

  • ヘッダーを作成してロゴ画像を挿入

  • 作品画像ギャラリーを作成

  • アイキャッチとなるスライドショーを作成

  • ヘッダーとフッターの調整


③ 各種ページを作成しよう!

  • 画像の挿入・テキストの追加

  • Twitter・instagramなどにリンクしているSNSボタンを設置

  • お問い合わせフォームの作成

  • メッセージを受け取るメールアドレスの設定

  • アクセスページにGoogleマップを埋め込む


④ 作品紹介ページを作成しよう!

  • 作品をリストにまとめる

  • 画像にリンクを設定する

  • 画像ギャラリーの設定


⑤ スマホ用にモバイル最適化をしよう!

  • 各ページをスマホで見やすいレイアウトに調整

  • メニュー表示の設定


⑥ Wixプレミアムプランで独自ドメインを接続しよう!

  • プレミアムプランの内容

  • 独自ドメインの取得方法・接続方法

  • 独自ドメイン接続後の各種設定


⑦ SEO対策をしよう!

  • WixでのSEO対策の設定

  • Googleへサイトを提出する方法


⑧便利な各種機能の紹介

  • Instagram連携

  • Wixブログ開設

  • アンカーリンクの設定

  • 動画の埋め込み

Who this course is for:
  • プログラミングをしないで簡単にWEBサイトを制作したい方
  • ご自身のポートフォリオサイト・ビジネスサイトを制作したい方
Course content
Expand all 57 lectures 03:38:49
+ トップページを作ろう
8 lectures 35:47
ギャラリーに画像を追加しよう
08:11
画像の名前の一括編集
04:47
アイキャッチとなるスライドを作成しよう
04:47
ヘッダーとフッターを調整しよう
08:13
+ 自己紹介ページを作成しよう
3 lectures 12:48
Aboutページを編集しよう
04:34
SNSボタンを設置しよう
07:38
+ お問い合わせページを作成しよう
4 lectures 13:55
お問い合わせフォームを作成しよう
06:38
フォームのデザインを編集しよう
05:19
メールアドレスの設定について
01:07
+ アクセス紹介ページを作成しよう
3 lectures 11:42
アクセスページを作成しよう
09:31
メール・電話のリンク設定をしよう
01:34
+ 作品紹介ページを作成しよう
8 lectures 33:46
Worksページを追加しよう
12:11
補足:ページ構成について
00:46
新規ページ作成とリンクの設定
04:57
演習:WEBデザインページを作成しよう
01:39
演習答え1
06:18
演習答え2
01:08
worksページを完成させよう
06:00
+ メニューバーのデザインを変更しよう
3 lectures 07:25
メニューのデザインを設定しよう
05:38
ページ遷移を確認しよう
01:16
+ スマホ用にモバイル最適化をしよう
9 lectures 33:02
モバイル版のビューを設定しよう
07:24
モバイル版のビューの設定をしよう 2
03:50
works詳細ページをモバイル最適化しよう
01:27
演習:モバイル最適化ページを作成しよう
00:50
演習答え
04:25
全ページをモバイル最適化しよう
05:51
メニューボタンの設定をしよう
05:40
補足:ユーザーネームを変更しよう
03:03
+ 独自ドメイン・ファビコン設定などプレミアムプランの機能を学習しよう
4 lectures 14:37
プレミアムプランを購入してドメインを接続しよう
01:38
プレミアムプランを購入した後の設定をしよう
07:25
外部ドメインの接続方法
01:19