今あなたがご覧になっている「まさに このページ」を作るところをご説明して、あなたにHTMLの無料ホームページ作成を体験していただきます


本物のHTMLを体験してみませんか?



HTMLの体験サイトにようこそ。

あなたはすぐにでも、どうしたらかっこいい
webサイトが作れるのだろうかと、わくわく
しながらHTMLの記事を探しておられたのでは
ないでしょうか?

私自身も、かつてそうやって勉強方法を探しました。

しかし、多くのサイトがHTML言語のいろはの
「い」から完璧な知識を説明しているので、
どのくらい勉強したら「かっこいいwebサイト」
ができるのか見当もつきません。

むしろ「自分には難しすぎるのかな?」って
感じてしまうくらいです。

簡単な「こんにちは!」というメッセージを表示
させることを体験しても、「自分のwebサイトが
開設できそう」な気分に全然ならないからです

これから、今ご覧のwebサイトを作るところを
ご説明してゆきますので、ひとつひとつ試して
技術をものにして下さい。

このページを含めて、たった3ページでマスターできます!!


難しいと感じてたwebサイト作成が、きっと
あなたにも身近に思えるはずです。


本を真剣に読む外人女性の横顔の画像

「本物の知識を学び、体験しよう!」



無料テンプレートでHTMLをはじめるための もくじ



○このサイトで学ぶHTMLはどんなこと?



○はじめに準備するものと準備の方法


  1.無料テキストエディタ(TeraPad)
  2.無料ホームページテンプレート
  3.無料画像処理ソフト







このサイトで学ぶHTMLはどんなこと?


このサイトでは、HTMLタグがどんなものがあり、
どう入力すればいいのかということを順に学ぶことはして
いませんが、「まさに このページ」の無料テンプレートを実際に
更新する作業を通して、ホームページ作りがどのような手順でできるのか、
実際に体験していただくことで「自分でもできそうだ」という実感を
手に入れていただけるのではないかと考えています。

1ページ目では準備していただく無料ツールのご紹介

2ページ目では、よく使うHTMLタグの使い方をご説明

3ページ目では、画像とリンク設定の仕方を中心にご説明しています

この3ページを順に体験するとサイトを公開しても恥ずかしくない
くらいの技術がマスターできると考えています

いくら活用しても無料ですので、どうぞ存分にご活用ください!!


赤字が2ページ目でご説明している内容
  →2ページ目:本物のHTMLテンプレート加工を体験する

青字が3ページ目でご説明している内容です
  →3ページ目:HTMLのリンクと画像の使い方をマスターする






techacademy公式ページへのリンク



はじめに準備するものと準備の方法




  1. 無料テキストエディタ(TeraPad)
  2. 無料ホームページテンプレート
  3. 無料画像処理ソフト


新たに準備するものはこの3つだけです。
ダウンロードの場所などは追ってお伝えします。

※パソコンとか、インターネットソフト(Google Chrome,
 Internet Explorerなどのウェブブラウザ)については、
 すでに持っておられるものとして話を進めていますので、
 新たに準備するものだけをあげました。



1.無料テキストエディタ(TeraPad)



テキストエディタとは?
コンピュータで文字情報(テキスト)のみのファイル、 すなわちテキストファイルを作成、編集、保存するためのソフトウェア (プログラム)です。 文字情報の入力、削除、コピー、貼り付け、検索、 置換、整形などの機能を備えています。今回はwebサイトを作るHTML言語 を操作するのに使います。

※Wikipediaのコメントを引用しました

要はこういう難しそうな文字情報を
処理するソフトです。↓↓


terapadの処理画面を写した画像



一見難しそうですが、慣れてくると意外と
簡単に処理できます


ご紹介するテキストエディタは、有名な
「TeraPad」というソフトです。

命令文と文章部分の文字の色分けを自動で
してくれるので、とてもわかりやすいです。

私も何かとよく使ってお世話になっています。


terapadのショートカットアイコンを写した画像


  まずは、無料ダウンロードします。
  無料ダウンロードはこちらから→ Vector ソフトを探す!




2.無料ホームページテンプレート




今回例として使う無料テンプレートは
Cool Web Windowさんという無料テンプレート
を配布しておられるサイトからお借りしますが、
Cool Web Windowさんは2019年8月10日にサイトを
閉鎖されてしまいましたので、こちらから直接ダウンロード
できるようにしました。


coolwebwindowkのトップ画面の画像


このテンプレートを例に、使い方を説明します。


これも無料ダウンロードします
テンプレートのダウンロードはこちらから!!


ファイルをダウンロードしたら、zipファイルを
解凍して、わかりやすい場所に以下のファイルを
保管してください。


↓↓保管後のファイルの様子。6つのファイルとフォルダがあります
ダウンロードしたテンプレートを場所を保管した画像



3.無料画像処理ソフト




ご紹介するのは、下の2つの無料ソフトです。
私がいつも使っているソフトです


jtrimのショートカット画像  PhotoScapeのショートカット画像

  • 普通の画像処理は軽くて使いやすい「JTrim」
  • 文字入れは多機能な「PhotoScape」

画像処理ソフトについては、先日記事を
書きましたので、そちらをご参照ください。

ダウンロードをする場所もリンクが貼って
あります


リンク先から無料ダウンロードしてください。
画像の加工を覚えると、サイト作成の幅がグンと広がります


白黒写真がたくさん詰まった画像







   画像の使い方を知ると
   世界が広がります
















準備ができたらいよいよHTMLファイルを動かします


次のステップはこちら! → HTMLテンプレートを加工してみる!






>>お店や診療所など店舗のホームページをお考えの方は必見!!


店舗紹介のホームページ作成を検討されている方は、コストパフォーマンスに優れ、デザイン性が高く、メンテナンスも簡単!店舗のホームページ作りに強いサービス「グーペ(goope)」を、ぜひ選択肢の一つに入れて考えてください。

 

→ ホームページ作成サービス「グーペ」グーペ公式サイトへのリンク


実際にグーペを使って作成した、グーペのレビューページも用意しました。割安感があるにもかかわらず「さすが有料のサービスは違うな」と感じる出来栄えでした。ぜひご確認ください!!

 

→ グーペを実際に使い使用感を記事にしました

Category

管理人deep

管理人deep

管理人の「deep」です。
よろしくおねがいします。

3児の父、現役サラリーマン アフィリエイーターです。

今から4年前、HTMLによるサイト作成に多くの時間を投入しましたが、あえなく挫折。

2年後に再びホームページ作成に取組み、今では毎日600人もの人が集まるサイトを作ることができました。

この経験を生かして、これからホームページを作ろうとお考えの人たちに、できれば最短距離でサイト公開して欲しいと考えています。

運営サイトの「ホームページの作り方」では、サイト作成のポイントやコツをわかりやすくご説明してますので、きっと「稼ぐホームページ」が作れるようになりますよ



私がおすすめするソフト

SIRIUS

SIRIUSのイメージイラスト

HTMLでサイトを作成するソフトで、私がこれまで一番よく使ってきたソフトです。

直感的な操作で簡単に高品質なサイトを作れるのが最大の特徴です。

操作性が良いのでwebサイト作成のストレスがとても少ないのが特徴です。

入力が必要な項目はポイントが押さえてあり、SEOにも強いという特徴がありますので、上位検索を目指して稼ごうとお考えの方にはおすすめのソフトです

バージョンアップで追加料金が発生したことはないので安心して使うことができるのも魅力です。

サポートフォーラムも充実しており、わからないこともフォーラムでで解決できます。

私が実際にSIRIUSを使って作成したホームページをぜひご確認ください


シリウス(SIRIUS)でホームページを実際に作成した使用感を記事にしました

私がおすすめするソフト

自分で更新できる最短ホームページテンプレート

自分で更新できる最短ホームページテンプレートの商品イメージ画像

どうしてもHTMLをマスターして、一生ものの知識を身につけたいとお考えのあなたにぜひおすすめします!

この商品は「ソフト」ではなく、HTMLのテンプレートを直接加工してwebサイトを作ります。

最大の特徴は「動画解説」です。解説の大部分が動画で、難解なHTMLが簡単にマスターできます。

購入して試してみましたが、あまりにスイスイできてしまったので驚きました

私が「自分で更新できる最短ホームページテンプレート」で作成したレビューページをぜひご覧ください


自分で更新できる最短ホームページテンプレート 特典付きレビュー

私がおすすめするソフト

賢威7.1、8

賢威8のイメージ画像

wordpressでホームページを作ってみようかな?とお考えのあなたには断然おすすめのソフトです。

wordpressのデザイン性の高いページが作れるほか、カスタマイズもできるので、上級者まで対応できます。

テンプレートは基本無償バージョンアップ。追加費用がかからない安心感がいいです。

特に初心者の方には「SEOマニュアル」と「サポートフォーラム」がついているのが心強いです。

マニュアルは正統派のSEOが解説してあり、正しく実践することで、検索エンジンの上位表示を目指すことができます

サポートフォーラムはわからないことにぶつかったときに頼りになります。たいていの疑問はここで解決できます。

フォーラム利用は賢威購入者なら無料でできます

私が「賢威」で作成したレビューページをぜひご覧ください


賢威7を実際に使い、webサイトを作った感想を書きます

私がおすすめするソフト

グーペ

グーペー公式ページへのリンク画像

お店のホームページに強みを持つホームページサービスです。

テンプレートも豊富で、定型のフォームに入力していくと、デザイン性の高いきれいなお店のホームページが出来上がります。

忙しいお店の経営の合間に更新をすることができるよう、シンプルに作りこみがされています。

初心者でホームページのことがよくわからない方でも、ワードやブログの感覚で入力が可能です。

めんどくさいドメインの契約、サーバー設定は不要。

更新はスマホでもできてかんたん!副管理者を置くことでスタッフの方が更新することも可能です

お店のホームページをご検討されている方は、ぜひ選択肢の一つに入れてください。

グーペー(Goope)でも実際にホームページを作りました。ぜひ参考にしてください。


グーペを実際に使い使用感を記事にしました

ホームページ作成ソフトの選び方

パソコンの前でこちらに向かってOKサインをする若い女性の画像

ホームページ作成ソフト選びにこちらのページもぜひ参考にしてください

google検索でも上位表示されているページです

ホームページ作成ソフト 簡単で便利なおすすめソフトの選び方

ホームページ作成ソフト徹底比較!使いやすいソフトはどれ?

比較して考える若い女性

あなたの探しているソフトはどんなソフトですか?ホームページ作成ソフトにはそれぞれのソフトの特徴があります。

SIRIUS・賢威8・グーペ(Goope)・jimdo・wixなど人気主要8商品を徹底比較!実際にソフトを使って作成したwebサイトでソフトの特徴も詳細にご説明します

ホームページ作成ソフトを徹底比較!使いやすいソフトはどれ?

ページのトップへ戻る