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

ホームページ作り方を初心者に無料で解説!

 
トップページ はじめに 講座の効果 作成実績 受講者の声 パーツテンプレート ホームぺージ講座 スマホサイト講座 よく使う用語集
 
 

STEP1 無料ホームページ制作講座 ~ ホームページを作る前に ~

開講説明: 無料ホームページ制作講座の内容と流れについて 初めての方は★★★

無料ホームページ制作講座の内容と流れについて、まずご説明させていただきます!


  無料ホームページ作り方 動画の内容を文章でも解説! ~ 初心者のためのホームページ作成完全マニュアル入門書 ~

  無料ホームページ制作講座の動画を文章化したマニュアルです。
  動画と文章を同時に確認することで、さらにホームページの作り方を覚えやすくなりますよ!


無料のサンプルサイトをダウンロード! ホームページ制作講座で使用するサンプルサイトのダウンロード方法 Check!
 

無料ホームページ制作講座で使用している、サンプルサイト を無料でダウンロードできます。これがあると、無料ホームページ制作講座の内容がさらに分かりやすくなります!


 
第1回: ホームページを公開するまでの流れ ~ ホームページの仕組み ~

ホームページを作ってから実際に公開するまでの流れをご説明します!
これを見れば、ホームページの仕組みを理解することができます。


  無料ホームページ作り方 秀丸エディタのインストール方法と設定方法、便利な使い方について

  秀丸エディタは便利な機能がたくさんついている、高機能ソフトです!


  ・ 秀丸を使った文字の検索方法と置き換え方法  ・ 秀丸を使ったキーボードの記録方法
   この機能は、必ず覚えておきましょう!     私はこの機能をとてもよく使っています。

 
  無料ホームページ作り方 【無料ソフト】 TeraPad のインストール方法と設定方法、便利な使い方について

  TeraPad なら無料。使い方も秀丸とほとんど同じであるため、とてもおすすめなソフトです!


  無料ホームページ作り方 作業を早く正確に行える辞書ツールの使い方について

  あまり知られていない辞書ツール、、、でも 辞書ツールを使うと作業を早く正確に行えます!


★ 作業を高速化! ショートカットキーの便利な使い方と活用事例

 
 無料ホームページ作り方 カーソルの移動方法   無料ホームページ作り方 文字の選択方法   無料ホームページ作り方 文字のコピーや切り取り、貼り付け方法など
 
 無料ホームページ作り方 ファイルの保存方法   無料ホームページ作り方 画面の切り替え方法   無料ホームページ作り方 ファイルを扱うショットカットキー
 
 無料ホームページ作り方 Internet Explorerを使ったショートカットキー   無料ホームページ作り方 HTMLファイルを更新する際
 

 

STEP1-1 実践! 実際にホームページを作ってみよう!

第2回: ホームページで最初に作成するヘッダーについて (アクセスを取るSEO対策)

ホームページのヘッダーは、アクセスを取るためにとても大切な情報となります。


第3回: ホームページの本文とテーブルの書き方 ~ 見やすいホームページの作り方 ~

ホームページの外枠をテーブルで囲って、お客様が見やすいホームページを作りましょう!


★ ホームページで最も大切なテーブルを徹底攻略! ~ テーブルの活用事例 ~

 
  table を使って枠を作る方法    枠の横幅や縦幅、文字との間隔を指定する方法
 
  線の太さと色を変更する方法    table を使ったときの枠の場所を決める方法
 
  背景の色と画像を使用する方法    ホームページ制作に使える table の活用事例
 

 
第4回: タイトルバーの作り方とスタイルシート、画像処理について

ホームページで使用する画像の編集に欠かせないのは、無料の画像編集ソフトである「JTrim」!
また、ここで、ホームページの見栄えを良くするための技術もお伝えします!


  無料ホームページ作り方 スタイルシート講座!ホームページの見栄えを良くする必須の技術

  スタイルシートは、ホームページのデザイン性を向上させることができます。
  とても便利なので、ぜひ使い方や書き方を覚えていきましょうね。


★ 画像処理の便利なソフトと使い方 (JTrim)

 
 無料ホームページ作り方 JTrim のインストール方法     無料ホームページ作り方 JTrim を使った画像作成と文字の入力方法
 
 無料ホームページ作り方 JTrim を使った画像の加工方法     無料ホームページ作り方 JTrim を使った画像の色の変更方法
 
 無料ホームページ作り方 ホームページ制作で実際に使える具体的な画像処理のやり方 (ホームページの例)
 

 
第5回: コンテンツバーの役割と作り方 ~ 使いやすいホームページにしよう! ~

コンテンツバーをちょっと工夫するだけで、今後の更新も簡単になります(笑)
また、リンクの作り方や文字の大きさを変更する方法についてもお伝えしていきます!


  無料ホームページ作り方 【よく使うタグ】ホームページの文字の色やサイズを変更する方法と、段落を作成する方法

  ホームページでよく使う、文字の色や大きさを変えるタグをここで確認しておきましょう!


  無料ホームページ作り方 【よく使うタグ】ホームページのリンクと画像を表示させる方法

  ホームページで画像を使用するときは、 ちょっとした注意点があります。 それは、、、


★ ホームページの色の指定方法(配色)について

 
  ホームページの色の指定方法(配色)について    配色表 (カラーネーム)
 
  赤の配色(red)    色の配色(blue)    黄色の配色(yellow)
 
  緑の配色(green)    オレンジの配色(orange)    水色の配色(aqua)
 
  ピンク色の配色(pink)    灰色の配色(gray)
 

 

STEP1-2 ホームページのサイドバーを作成しよう!

第6回: メインコンテンツとサイドバーを分ける方法 ~ フレームの使い方 ~

サイドバーを作るには ちょっとしたコツがあります。 そのコツとは、、、


第7回: サイドバーに掲載する情報について

サイドバーは どのページからでも見れる重要なコンテンツです。 掲載すべき情報はこちらです!


 

STEP1-3 ホームページで一番大切なトップページを作成していこう!

第8回: メインコンテンツの作り方と写真をアップする方法

メインコンテンツはこのように作成しておくと、 今後の更新が簡単になります!


第9回: トップページに情報をアップしていく方法

トップページは ホームページでは最も重要なページになります。 その書き方をご説明します。


第10回: ホームページの一番下に掲載する情報について ~ フッタについて ~

ホームページには 著作権表記を書くようにします。 その書き方とは、、、


 

STEP1-4 いろいろな種類のページを作っていこう!

第11回: ページ数を増やしていく方法 ~ 他のページを作成する方法 ~

ページ数を増やすことが最もアクセスを取る秘訣になります。簡単に増やしていく方法とは、、、


第12回: 料金表などをうまく表示させる方法

ホームページは自分以外の人が見るために作成するものです。
枠を使ってホームページを作成しましょう!


第13回: お問い合わせフォームを作成する方法

お問い合わせフォームがあると、依頼をもらえる可能性が高くなりますよ!


 

STEP2 ホームページの住所であるドメインを取得しよう!

第14回: ドメインとは ~ ドメインの選び方について ~

少し分かりづらい ドメインって何だろう?
どのようなドメイン名が良いかということを含めてお伝えします!


  無料ホームページ作り方 【おすすめ業者】 ムームードメインでのドメイン取得手順

  ムームードメインは料金がとても安く、ドメインの管理がしやすい業者です!


 

STEP3 あなたにピッタリのお得なレンタルサーバを選ぼう!

第15回: レンタルサーバとは ~ 知って得するレンタルサーバの選び方 ~ ★★★★

レンタルサーバーを選ぶには、いくつかのポイントがあります。
これを知らないと損をしてしまいます。。


  無料ホームページ作り方 【おすすめ業者】 ロリポップでレンタルサーバを借りる手順

  ロリポップは初心者の方にピッタリなレンタルサーバです。
  ショッピングカートなどの豊富な機能付き!


  無料ホームページ作り方 【おすすめ業者】 さくらのレンタルサーバでレンタルサーバを借りる手順

  複数のホームページを管理されたい方はやっぱり さくら。 料金を大幅に安くできます!!


  無料ホームページ作り方 ホームページのファイルをアップする方法 ~ FFFTPソフトの設定方法 ~

  これができればホームページは完成! ファイルをアップする方法についてお伝えします!


 

閉講説明: ホームページの今後の活用方法について

動画を再生する

第1回目~第15 回目の講座 、本当におつかれ様でした。
ここまでの知識があれば、もう十分にホームページを作って公開できるようになります。 そこで、ホームページの今後の活用方法について、ご説明をさせていただきます。




STEP4 ホームページをビジネスとして活用する方法 ~ 収入を得る ~

第16回: ホームページをビジネスとして活用する方法 ~ はじめに ~

ホームページをビジネスとして活用する方法について、ご説明していきます。
まずはこちらをご覧ください!


第17回: ホームページを使って収入を得るための具体的な方法

広告、アフィリエイト、情報販売、ホームページ制作、、、
ホームページで収入を得る方法をお伝えします!


第18回: ブログで稼ぐことはできるの? ~ ほとんどの方が失敗してしまう原因 ~

ほとんどの方が失敗してしまうことです。 ブログを使われている方は読まないでください(笑)


 

STEP5 広告配信講座 ~ 広告収入を得る方法 ~

第19回: ホームページで広告収入を得るクリック課金型広告について

ホームページを公開したらまずはこれ。利益をあげやすい広告ビジネスについてお伝えします!


  無料ホームページ作り方 【広告収入を得る】 Google Adsense の登録方法

  Google Adsense の登録にはちょっとした注意点もあります、、、


  無料ホームページ作り方 【広告収入を得る】 Google Adsense の使い方

  ちょっと迷ってしまう Google Adsense の使い方について、ご説明します!


 

STEP6 アフィリエイト講座 ~ 商品を紹介して収入を得る方法 ~

第20回: アフィリエイトとは ~ 商品を紹介して収入を得よう! ~

ホームページを使ったサイドビジネスといったらアフィリエイト。
ここでアフィリエイトの仕組みも確認しよう!


第21回: アフィリエイトの始め方 ~ アフィリエイトで収入を得るために ~

アフィリエイトを始めるには2つのことが必要になります。 それは、、、


第22回: 稼げるアフィリエイトサービスプロバイダーの選び方

これによって 得られる収入が大きく変わってきます!アフィリエイトをされる方は必見です!!


★ 稼げるアフィリエイトサービスプロバイダー 一覧

 
  買っていただきやすい商品をたくさん扱っているA8ネット
 
  利益になりやすい商品をたくさん扱っているアクセストレード
 
  数多くの有名店・有名ブランドの商品を扱っているリンクシェア
 
  最も利益を取りやすいアフィリエイトサービスプロバイダーの infotop(インフォトップ)
 

第23回: ホームページを使ったアフィリエイトで毎月5万円のお小遣いを得る方法

初心者の方が、ホームページを使ったアフィリエイトで、月5万円を稼ぐ方法をご紹介します!


 

【特集】ホームページを検索エンジンの上位に表示させる方法

ホームページを検索エンジンの上位に表示させる方法(仮)

ホームページを検索エンジンの上位に表示させることができれば、確実に訪問者が増えます!
検索エンジンの上位にホームページを表示させる方法をお伝えします。


ホームページを Yahoo! や Google などの検索エンジンに一括登録する方法

ホームページを検索エンジンに一括登録する方法をお伝えします!
なお、現在は、「Google Search Console」に登録すれば十分ですよ。



 

困ったときの対処方法

ファイル名に .htmlなどの拡張子が表示されていない場合の対処方法

ホームページを作成・更新するには、 拡張子が表示されていた方が作業がしやすくなります。


HTMLファイルを修正したときに作成される .BAK ファイルの対処方法

.BAKファイルが作成されないようにするための設定方法をご説明します!


HTMLファイル編集時に表示されるアクティブコンテンツのバーの対処方法

HTMLファイル編集時に、 アクティブコンテンツのバーが表示されないようにする設定方法です。


HTMLファイルを右クリックして開くとワードが起動するときの対処方法

パソコンの設定によって、ワードやFrontPageなどのソフトが起動されることがあります。


サイドバーに掲載した情報が途中で消えてしまったときの対処方法

情報を追加していると、サイドバーが途中で消えてしまうときがあります。


サイドバーが圧迫されてしまったときの対処方法

サイドバーが圧迫されて、横幅が狭くなってしまったときの対処方法をお伝えします。


PHPファイルをダブルクリックしても開けないときの対処方法

お問い合わせフォームで使用しているPHPファイルが開けないときの対処方法です。


画像が表示されない(「×」と表示されている)ときの対処方法

画像が表示できない原因として、考えられるのはこの3つです。


動画と使用されているパソコンの画面が異なるときの対処方法  ★★★

使用している環境によって、動画とパソコンの画面が異なる場合はあります。


ダウンロードしたファイルを開く方法 ~ 解凍ソフトの使い方 ~

拡張子が 「lzh」 になっているファイルは、 解凍ソフトで解凍しないと、
中身を見ることができません。


「更新ボタン」の場所が分からないときの対処方法

お使いのブラウザによって、「更新ボタン」の場所が異なります。



Mac(マック)ユーザーの方へ ~ Mac のパソコンを使っている方 ~

Mac で、ダウンロードしたファイルを開く方法 ~ 解凍ソフトの使い方 ~

Mac で圧縮ファイルが開けない場合は、こちらの手順で解凍ソフトをインストールしてください。


Mac で、HTMLファイルを開く方法【miの使い方】

Mac では、「TeraPad」 は使えません。
その代わりに、フリーのテキストエディタ「mi」を使います。


Mac で、ファイルをサーバにアップロードする方法【FileZillaの使い方】

Macでファイルをサーバにアップロードするためには、「FileZilla」を使います。


 

 新しい情報は、 「会員制サイドビジネス講座 ~ ファーストクラス ~」
 会員制サイトに、随時 掲載しています。



^