今回の目的は完全無料でホームページを作成すること。
ドメインもサーバー代、HTMLテンプレートも無料にこだわりました。
お金は使いたくない、でもホームページを作成して見たい、わがままなあなたへの情報です。
ブログを作成しても多少はHTML知識は必要になるので、初歩的な知識を学んだり練習するには最適です。
完全無料でHTMLサイト
準備するするのはGoogleアカウントとフォルダの2つ
HTMLで作成するけどイメージはしたの画像イメージでなんとなく理解できれば良い
blog-Perfect-free-01
フォルダを作成してその中に入れる、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)から、ファイル フォルダーへ
blog-Perfect-free-02
blog-Perfect-free-03
Googleドライブマイドライブに新しいフォルダが作成されます。
blog-Perfect-free-04
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をインストールすると編集できるみたいです。
- Google ドライブ
- 新規追加
- その他
- アプリを追加
- Editeyを検索
- インストールしてください。
- HTMLでクリック
- アプリを開く
- Editey（インストールしたアプレケーション）
- 画面が変わり新しいタブへ
編集できるindex.htmlです。
タイトル、メニュー、カテゴリー名などを編集して行けば良い。
画像はtpi_096フォルダ、imagesに入っています。
メイン画像があるHTML
画像とカテゴリー（BB）に変更
今回はここで編集をストップです。次回のお楽しみ。
編集したい方はマニュアルもあります活用してください。
STEP1.実際にサイトを作ってみよう(準備編) - 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレート・レスポンシブWordPressテーマが完全無料 https://f-tpl.com/make-homepage1/
まとめ
完全無料で持てるサイトの作成方法でした。
HTMLのサイトは必要ないかもしれません、
しかし一度は触れて見ることをおすすめします、
理解が深まりブログのトラブルや修正に役立ちます。
