Googleアカウントで完全無料サイトができる、ドメイン、サーバーなし

今回の目的は完全無料でホームページを作成すること。

ドメインもサーバー代、HTMLテンプレートも無料にこだわりました。

お金は使いたくない、でもホームページを作成して見たい、わがままなあなたへの情報です。

ブログを作成しても多少はHTML知識は必要になるので、初歩的な知識を学んだり練習するには最適です。

完全無料でHTMLサイト

準備するするのはGoogleアカウントとフォルダの2つ

 

HTMLで作成するけどイメージはしたの画像イメージでなんとなく理解できれば良い

フォルダを作成してその中に入れる、html、css、js、imgファイル。

知っている方は問題ないが、初心者には少し時間がかかる。

と言うか面倒は嫌いなんです、、、

 

どうしましょう、見つけました、無料でHTMLサイトテンプレートを配布してくれるサービスがありました。

 

無料レスポンシブHTMLテンプレートNo.096 - 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレート・レスポンシブWordPressテーマが完全無料 https://f-tpl.com/tpl_096/

商標利用が可能な無料ホームページテンプレートが№96まであるぞ！

マニュアルもあるので初心者でも安心です。

ドメインとサーバー、
ワードプレスでブログを始めたい方は下記参照してください。

今回紹介するHTMLも少し無理っぽいと思ったら、
もっと簡単な方法はスタートボタンで確認。

プレゼント企画

Googleアカウントで完全無料サイト

使うサービスは2つだけ、全部無料

1つ、ドメインサービスはGoogleアカウント

2つ、HTMLテンプレートはホームページテンプレート.comが提供しているテンプレートを使う。

 

種類がありすぎるので、一番上にあったテンプレートをチョイス。

テンプレート詳細から無料ダウンロードします。

 

テンプレートが用意できても、まだ編集はできないので次のステップへ

 

Google ドライブ

サーバーになるGoogle ドライブ

アカウントをもっていない、Gmailはあるけど。

Gmail＝Googleアカウント＝Google ドライブ

Gメールアドレスをもっていれば良いって事です。

 

1つもない方はすぐに作成しましょう。

Gmail - Google のメール https://www.google.com/intl/ja/gmail/about/
Googleアカウントが作成できたらGoogle ドライブを開きましょう。

 

 Google Drive

先ほどデスクトップにダウンロードしたフォルダクリックして

すべて展開します。

 

圧縮 (zip 形式) フォルダー (.zip)から、ファイル フォルダーへ

 

 

 

 

 

 

Googleドライブマイドライブに新しいフォルダが作成されます。

 

 

tpi_096（名前を変更してね）
を右クリックしてリンク取得をクリックします。

ここで注意事項！

赤丸の所をリンクを知っている全員に変更してください。

全員に変更しないと自分のみで誰も知らないので見てくれません。

Google ドライブの設定は終了になります。

 

drv.tw

drv.tw、をコピペしてGoogleで検索。

Googleドライブをクリックしましょう。

 

アカウントをクリックしましょう。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

許可をクリックしましょう。

画面が移動します。（新しいタブ）

 

公開されたサイトの確認

グリーンで表示されたURLがあなたの新しいサイトです。

クリックして本当に出来ているか確認しましょう。

 

 

プロが作成したホームページが完成しています。

素晴らしいですね。

初心者でもあっという間にHTMLでサイトが持てるって最高です。

 

 

サイトのURLを独自ドメインに変更できるんですが、

ここからは、知識不足の方にはおすすめできません。

1，ドメイン代がかかる
2，DNS設定が必要になる（ドメイン・サーバー）

 

今回参照させて頂いたサイトに詳細が書かれています。
どうしても独自ドメインにしたい方は挑戦して見てください。

Google DriveでWEBサイトを開設する方法（独自ドメインでホスティング） https://lpeg.info/webworks/google_drive_hosting.html

 

サイトの編集方法

htmlが赤い枠

編集したいけど動きません、クリックしてもダメ。

ダウンロードして編集をしようとしてもできない。

 

外部内部でも今の現状ではNGなんです。

 

編集できないと意味がないんですけどね。

 

諦めていったん削除しました。

 

でも翌日、またやり直しも結果同じで繰り返しになってしまった。

わからない事はGoogleさんで検索、ありました。

 

GoogleドライブでHTML編集

Google ドライブ内でEditeyをインストールすると編集できるみたいです。

1. Google ドライブ
2. 新規追加
3. その他
4. アプリを追加
5. Editeyを検索
6. インストールしてください。

 

 

1. HTMLでクリック
2. アプリを開く
3. Editey（インストールしたアプレケーション）
4. 画面が変わり新しいタブへ

 

編集できるindex.htmlです。

タイトル、メニュー、カテゴリー名などを編集して行けば良い。

画像はtpi_096フォルダ、imagesに入っています。

 

メイン画像があるHTML

画像とカテゴリー（BB）に変更

今回はここで編集をストップです。次回のお楽しみ。

 

編集したい方はマニュアルもあります活用してください。

STEP1.実際にサイトを作ってみよう(準備編) - 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレート・レスポンシブWordPressテーマが完全無料 https://f-tpl.com/make-homepage1/

 

まとめ

完全無料で持てるサイトの作成方法でした。

HTMLのサイトは必要ないかもしれません、
しかし一度は触れて見ることをおすすめします、
理解が深まりブログのトラブルや修正に役立ちます。