作成日:2021/04/12 更新日:2022/01/27
#1 ブラウザとGmailの設定
ブラウザをダンロードしましょう
ホームページを表示させるアプリケーションの「ブラウザ」。Safariやインターネットエクスプローラーがありますが、 Webサイトを作るのに適しているブラウザをダウンロードしてみましょう。ブラウザ
ChromeやFirefox などいくつかブラウザがあります。ここではChromeを使って説明します。Chromeダウンロードサイトへ Firefoxダウンロードサイトへ
Googleアカウントを作ってGmailを作る
Googleアカウントを作る


パスワードは忘れないように気をつけましょう!






9. 右上のボタンをクリックし、でてきたGmailをクリックします

10. 次へをクリック

11. お好みですが、最小で良いかと思います

小テスト
スマートフォンから、自分のGmail宛に画像を送って、パソコンのデスクトップにダウンロードしてみましょう。#2 WixでWebサイトを作ってみる
WixというWebサイト作成サービスを使ってみよう
まずは簡単にホームページを作れるサービスを使ってWebサイトを作ってみましょう。ホームページのデザインや機能をクリックだけで編集し、自分だけのWebサイトを簡単に作れます
Wix 登録サイトへ移動する
1. 右上の[ログイン/新規登録]ボタンをクリック
2. Googleアカウントでログインするので[Googleで続行]をクリック

3. 別ウィンドウがでてくるので、#1で作ったGoogleアカウントを選択する
4. 右下の[スキップ]をクリックする
5. 右側の[テンプレートを選択]をクリックします
6. テンプレートを選択しましょう。いろんなジャンルから選んでみましょう
※テンプレートは一度設定したら変更できません。新しいサイトを作成すると別のテンプレートを作成できます
7. 例では、オンラインショップのテンプレートを使ってみます
8. 使いたいテンプレートを選んでマウスオーバーしてください。[表示]をクリックします
9. デザインが気に入ったら[編集]ボタンをクリックします
10. 画面に編集ツールがでてきます。じぶんのホームページになるように編集していきましょう。



3. 別ウィンドウがでてくるので、#1で作ったGoogleアカウントを選択する



※テンプレートは一度設定したら変更できません。新しいサイトを作成すると別のテンプレートを作成できます




Webサイトのテンプレートの編集
まずは編集前のデータを保存して、公開してみよう





テンプレートはあらかじめ画像や文字が入っていますが、自分の好きなように変更してみましょう。
編集して、公開されたサイトを確認してみよう
編集するときにはいくつかポイントがあります。- いらない機能を削除する
- 画像やテキストや書体を変更する
- ほしい機能を追加する
- 複雑な編集やモバイル表示をやってみよう
いらない機能(要素)を削除する
画像やテキストや書体を変更する
ほしい機能(要素)を追加する

1. カレンダーを選択し[設定]をクリックし、GOOGLE CALENDERの[Connect]をクリック

2. Googleカレンダーのアカウントを選択します

3. Googleカレンダーの許可を取ります

4. 動悸させるアカウントを選択し保存します

5. 閉経職などを変えてみましょう

6. Googleカレンダーの内容が表示されます
複雑な編集やモバイル表示をやってみよう
知っている人だけがWebサイトにアクセスできるようにしましょう
このままだと、Webアドレスを知っている人はだれでもアクセスできてしまいます。まだ公開前だったりテスト用のサイトの場合「アクセス制限」を設定してパスワードを入力しないとアクセスできないように変更しましょう。

公開ボタンを押してWebサイトにアクセスしてみましょう

カンタンにWebサイトを作ることができて便利ですが、オリジナリティをもたせ多機能なサイトを作る場合は毎月有料になります。
また、html+cssコーディングという技術をみにつける必要がありますが、自分でデザインしたWebサイトを作ることもできます。
作りたいWebサイトに合わせて使いわけしましょう。