★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【特典画像】 【よくある質問】 【あなたのお手伝い】
 

初心者が簡単に作れるホームページの作り方

 
ホーム はじめに 講座の効果 作成実績 受講者の声 パーツ集 ホームページ基礎講座 スマホサイト講座 よく使う用語集
 
 
  トップページ > ホームページの基礎講座 > 第4回 ホームページの作り方
 

【ホームページの基礎講座】 第4回 ホームページの作り方

第4回目の講座では、ホームページの作り方 についてお伝えします。
ホームページというのは簡単に作ることができるので、ぜひ確認してみてください。




【目次】第4回 ホームページの作り方

 
  • はじめに
  • ホームページの作り方について
  • ホームページを表示させているHTMLという言語について
  • ホームページは、「パーツを組み合わせて作るもの」
  • ホームページを作るためのタグも自然に覚えられる!


はじめに

4回目の講座では、ホームページを実際に作ってみたいと思います。



ホームページの作り方について

ホームページの作り方は、とても簡単です。 まず、デスクトップ上の「スタートメニュー」→「プログラム」→「アクセサリ」→「メモ帳」を起動します。

なお、お使いのパソコンによっては、「メモ帳」の起動方法が若干異なりますが、どのパソコンにも「メモ帳」は必ず入っています。

このメモ帳は、文章を書くためのソフト です。 そして、ホームページも、この「メモ帳」を使って作ることができます。 (メモ帳でもホームページは作れますが、機能の多い「秀丸」か「TeraPad」を使うことをおすすめします)


それでは、実際に、このメモ帳に、ホームページの情報を書き込んできます。

たとえば、 「ホームページ制作講座」 と、メモ帳に入力します。 そして、メモ帳に文章を書き込みましたら、ファイルを保存します。

ファイルの保存方法は、「ファイル」→「名前を付けて保存」と進み、保存する場所は「デスクトップ」を選択して、 ファイル名は、「index.html」という名前で保存します。すると、デスクトップ上に保存した「index.html」が表示されます。


なお、お使いのパソコンによって、「.html」という文字が省略されて、表示されていない場合があります。

このような、「.html」という文字は表示されていた方が良いため、もし表示されていない場合は、「ファイル名に .htmlなどの拡張子が表示されていない場合の対処方法」 という動画がありますので、その動画のとおりに設定を行えば、「.html」という文字を表示させることができます。


そして、この「index.html」ファイルをダブルクリックして開くと、先ほど入力した、「ホームページ制作講座」という文字が表示されます。 これがホームページです。

文章を1行表示させたものだけですが、あとはこの「index.html」ファイルを、レンタルサーバに置けば、世界中のいろいろな人が、このホームページを見ることができるようになります。


このように、ホームページを作ることはとても簡単なのですが、ここでのポイントは、「.html」という文字が後ろについているファイルが、ホームページを表示させるためファイルになる ということです。

前回、ホームページを公開するためには、「ホームページを表示させるためのファイルを作成すること」とお伝えしましたが、「.html」という文字が後ろについているファイルが、 「ホームページを表示させるためファイル」であり、メモ帳のような、文章を書くためのソフトを使って作成するということです。



ホームページを表示させているHTMLという言語について

ただ、現在のように、 「ホームページ制作講座」 という一行の文章だけでは、ホームページとしては、少し寂しいですよね。 色をつけたり、画像を表示させたりして、綺麗なホームページを作りたいですよね。

そして、そのために使用する言語が、「HTML」という言語です。 この「HTML」とは、ホームページを書くための言葉 になります。


たとえば、日本人は日本語を使いますし、アメリカ人は英語を使いますよね。 また、韓国の人は韓国語を使いますし、中国の人は中国語を使います。

これと同じように、ホームページも、ホームページを表示させるための言葉というものがあります。 それが、「HTML」という言葉です。

HTMLとは、「ハイパーテキスト マークアップ ランゲージ」の略なのですが、 ホームページを表示させるためには、このHTMLという独自の言語で書く必要 があります。



ホームページは、「パーツを組み合わせて作るもの」

それでは、このHTMLという言語を見てみましょう。

ホームページ上で、「右クリック」→「ソースを表示」をクリックすると、ホームページを表示させている、HTMLという言語を見ることができます。

ただ、初めてこのHTMLという言語を見る人は、日本人が英語の文章を見るのと同じように、何が書かれているのか、さっぱり分かりませんよね?

私も、最初はこのHTMLを見ても、さっぱり分かりませんでした。 まるで暗号のようですし、どの箇所で、ホームページの何を表示させているのかが、まったく分からなかったです。


そのため、ホームページの作り方を覚えることは、私は本当に大変だったのですが、ホームページの作り方を調べているうちに、私は、あることに気づきました。

それは、ホームページは、「パーツを組み合わせて作るもの」 ということです。


たとえば、商品を掲載するためのパーツや、文章を掲載するためのパーツなどです。 ホームページは、ただこれらのパーツを、組み合わせて作っていることに気づきました。

そして、パーツを組み合わせて作れば、ホームページは簡単に作ることができます。 たとえば、このサイトで公開している パーツ集 をコピーして、先ほどの index.htmlファイルに貼り付けて、ファイルを上書き保存すると、簡単に表示されますよね。

また、たとえば料金表を表示するパーツも、コピーをして、ホームページを表示させるためのファイルである index.htmlファイルに貼り付ければ、簡単に表示されます。


このように、 ホームページはパーツを組み合わせて作るものであり、このようなパーツ集がたくさんあれば、ホームページは本当に簡単に作ることができる というわけです。

実際に、私が今まで作成したホームページは、すべてこのように、パーツを組み合わせて、ホームページを作成しています。

この「動画で覚える無料ホームページ制作講座」のサイトもそうですし、私がお客様にご提供したホームページも、すべてパーツを組み合わせて作成しています。

パーツを組み合わせることで、誰でも簡単に、ビジネスに活用できるホームページを、いくつも作ることができるようになります。



ホームページを作るためのタグも自然に覚えられる!

現在、ホームページを作るときは、ホームページビルダーなどのホームページ作成ソフトを使う人が、まだまだ多い状況です。

ただ、ホームページビルダーなどのホームページ作成ソフトで覚えられることは、ホームページの作り方ではなく、「ホームページ作成ソフトの使い方」 です。 そのため、いつか、「ホームページの作り方」で迷ったり、分からないことが出てきてしまいます。

なぜなら、 ホームページビルダーでできないことは、実現することができない のですし、 思い通りにホームページが表示されないなどのトラブルにも、対応することができません。


しかし、パーツを組み合わせてホームページを作っていれば、ホームページを作るためのタグも自然に覚えられるため、ホームページを作るための力も付きますし、自分自身で、思い通りにホームページを作ることができるようになります。

パーツを組み合わせてホームページを作れば、どのようなホームページでも、自分で作れる能力を身につけることができます。


このホームページの作り方が、 初心者がホームページを作れるようになるために、最も簡単で、早く作れるようになる方法 だと思いますので、 ぜひパーツを組み合わせて、ホームページを作っていくようにしましょう!

次回は、作成したホームページへの訪問者を増やす方法をお伝えします。







【おすすめ外部コンテンツ】
 
会員制サイドビジネス講座
 
私がお金を稼ぐ理由 ~ お金を持ったときのメリット ~
 
インターネットで月20万円の収入を継続して稼ぐ方法
 
初心者用ホームページテンプレート
 

インターネットビジネスのすごさを認識してください
 
無料ホームページ制作講座の受講者の声
 
動画で覚える無料FX講座
 
ホームページが作れる能力は、最高の能力
 



当サイトで使用しているサンプルサイトを無料でダウンロード!

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ。

⇒ 当サイトで使用しているサンプルサイトの無料ダウンロードはこちら



【特典画像100枚】オフィスで働いている女性が人差し指を立てている画像

高品質で、ホームページでとても使いやすい画像100枚を「特典」としてお渡ししています。 人物の画像素材は少ないため、とても貴重な画像素材です。

⇒ オフィスで働いている女性が笑顔で人差し指を立てている画像について



AIやChatGPTを使ってインターネットビジネスを行う講座

これからはAIの時代になります。 私も、AIを使って文章や画像やホームページを作っています。 私が実際に行っているやり方を、分かりやすく解説した講座が、下記の講座です。

⇒ 「AI」や「ChatGPT」を活用してビジネスを行う講座はこちら



 
 
今スタートできるサンプル
サイトを無料ダウンロード
 
サンプルサイトの無料ダウンロード
 
サイドビジネス講座
 
会員制サイドビジネス講座
 
初心者がホームページを自分で作れる能力を身につけて、 そのホームページをビジネスに活用する方法をお伝えする、会員制のサイドビジネス講座です。

この講座は、初心者がインターネットで収入を得られるようになることを目的として、運営しています。
 
 
HPテンプレート
 
自分で更新できる最短ホームページテンプレート
 
初心者が、簡単にホームページを作るための「ホームページテンプレート」です。

テンプレートと、たくさんのパーツ集をコピーして貼り付けるだけで、ホームページが完成する仕組みになっています。

さらに、テンプレートの使い方はすべて動画で解説しています。
 
基礎講座と用語集
 無料ホームページ作り方 ホームページ基礎講座
 無料ホームページ作り方 スマホサイト作成講座
 無料ホームページ作り方 HPでよく使う用語集
 無料ホームページ作り方 HTMLタグの書き方
 無料ホームページ作り方 スタイルシートの書き方
 
ホームページ作成ソフト
 
レンタルサーバ
 
ワードプレス
 
ChatGPTの使い方
 
インターネット副業
 
サイドビジネス・副業の始め方
 
初心者が、インターネットを使ったサイドビジネスで、自宅にいながら収入を得る方法を、すべて動画でお伝えするサイトです。

また、仕事ができるようになるノウハウや、「最高の成長法」などもお伝えしています。
 
 
リンク
 
会社概要
 
特定商取引に基づく表記
 
個人情報保護ポリシー
 
お問い合わせ先
 
 
NPO法人の推薦状
 
NPO法人の推薦状

 
当サイトは、NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。
 
トップページプロフィール特定商取引法取り扱い商品よくある質問あなたのお手伝いお問い合わせ
 
 
Copyright © 動画で覚える無料ホームページ制作講座 All rights reserved.
 
by おすすめ副業ランキングサイト
^