bb_line_koushiki

bb_line_koushiki

登録してくれたお友達に 特典 があるよ!

プレゼント1、完全無料でブログができる方法

プレゼント2,期間工情報や生活にかかせないお得が、、、
bb_info_line

bb_info_line

QRコード恐竜が可愛い

カメラで読み込んで見てね!

恐竜QRを表示させる方法

動画の中に新しい機能が!

2021年東京オリンピック開会式予定まであと何日?

New video marketing

 

google-account-completely-free-site-g
google-account-completely-free-site-g
スポンサーリンク

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

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

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

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

完全無料でHTMLサイト

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

 

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

blog-Perfect-free-01

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

 

Googleドライブを開いてフォルダをアップロードします。

 

 

 

blog-Perfect-free-03

blog-Perfect-free-03

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

 

blog-Perfect-free-04

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をインストールすると編集できるみたいです。

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

 

BB公式登録キャンペーン

3つのプレゼント

限定特典

お得がもらえる

だけもれなく全員

BB公式LINE 限定

期間工募集中!
激アツ 情報

期間工最新情報、激アツ
トヨタ期間工が募集再開を始めた!

 

入社祝い金10

 

初回更新手当10

 

経験者手当:最高10

 

年収例425以上可能

 

詳細は別記事で紹介している

 

募集、予約面接会場マップ、
他メーカー情報:
当サイトオリジナル

 

期間工、募集企業名 特典
トヨタ自動社 特別手当 20
豊田自動織機
トヨタ自動車九州 選考会交通費支給
スバル、群馬製作所 選考参加費 5
ホンダ、埼玉製作所 入社一時金最大 20
ホンダ、鈴鹿製作所
日産自動車 入社祝い金合計 :いわき工場 30

追浜工場:入社祝い金5

日産車体 入社祝い金総額 30
日産自動車九州 入社特典最大 50
日産車体九州 入社祝い金 50
ダイハツ九州 入社祝い金 25
いすゞ自動車 栃木
スズキ
入社祝い金 10
マツダ 広島
マツダ 防府
スポンサーリンク
おすすめの記事