STEP1 無料ホームページ制作講座 ～ ホームページを作る前に ～ 開講説明： 無料ホームページ制作講座の内容と流れについて 初めての方は★★★無料ホームページ制作講座の内容と流れについて、まずご説明させていただきます！  動画の内容を文章でも解説！ ～ 初心者のためのホームページ作成完全マニュアル入門書 ～ 無料ホームページ制作講座の動画を文章化したマニュアルです。動画と文章を同時に確認することで、さらにホームページの作り方を覚えやすくなりますよ！  ホームページ制作講座で使用するサンプルサイトのダウンロード方法 Check!無料ホームページ制作講座で使用している、サンプルサイト を無料でダウンロードできます。これがあると、無料ホームページ制作講座の内容がさらに分かりやすくなります！ 第１回： ホームページを公開するまでの流れ ～ ホームページの仕組み ～ホームページを作ってから実際に公開するまでの流れをご説明します！ これを見れば、ホームページの仕組みを理解することができます。 秀丸エディタのインストール方法と設定方法、便利な使い方について 秀丸エディタは便利な機能がたくさんついている、高機能ソフトです！・ 秀丸を使った文字の検索方法と置き換え方法 ・ 秀丸を使ったキーボードの記録方法 この機能は、必ず覚えておきましょう！ 私はこの機能をとてもよく使っています。 【無料ソフト】 TeraPad のインストール方法と設定方法、便利な使い方について TeraPad なら無料。使い方も秀丸とほとんど同じであるため、とてもおすすめなソフトです！ 作業を早く正確に行える辞書ツールの使い方についてあまり知られていない辞書ツール、、、でも 辞書ツールを使うと作業を早く正確に行えます！ |
| ★ 作業を高速化！ ショートカットキーの便利な使い方と活用事例 カーソルの移動方法 文字の選択方法 文字のコピーや切り取り、貼り付け方法など ファイルの保存方法 画面の切り替え方法 ファイルを扱うショットカットキー Internet Explorerを使ったショートカットキー HTMLファイルを更新する際 |
| STEP1-1 実践！ 実際にホームページを作ってみよう！ 第２回： ホームページで最初に作成するヘッダーについて （アクセスを取るSEO対策） ホームページのヘッダーは、アクセスを取るためにとても大切な情報となります。 第３回： ホームページの本文とテーブルの書き方 ～ 見やすいホームページの作り方 ～ホームページの外枠をテーブルで囲って、お客様が見やすいホームページを作りましょう！ |
| ★ ホームページで最も大切なテーブルを徹底攻略！ ～ テーブルの活用事例 ～ table を使って枠を作る方法 枠の横幅や縦幅、文字との間隔を指定する方法 線の太さと色を変更する方法 table を使ったときの枠の場所を決める方法 背景の色と画像を使用する方法 ホームページ制作に使える table の活用事例 |
| 第４回： タイトルバーの作り方とスタイルシート、画像処理について ホームページで使用する画像の編集に欠かせないのは、無料の画像編集ソフトである「JTrim」！ また、ここで、ホームページの見栄えを良くするための技術もお伝えします！ スタイルシート講座！ホームページの見栄えを良くする必須の技術スタイルシートは、ホームページのデザイン性を向上させることができます。 とても便利なので、ぜひ使い方や書き方を覚えていきましょうね。 |
| ★ 画像処理の便利なソフトと使い方 （JTrim） JTrim のインストール方法 JTrim を使った画像作成と文字の入力方法 JTrim を使った画像の加工方法 JTrim を使った画像の色の変更方法 ホームページ制作で実際に使える具体的な画像処理のやり方 （ホームページの例） |
| 第５回： コンテンツバーの役割と作り方 ～ 使いやすいホームページにしよう！ ～ コンテンツバーをちょっと工夫するだけで、今後の更新も簡単になります（笑） また、リンクの作り方や文字の大きさを変更する方法についてもお伝えしていきます！ 【よく使うタグ】ホームページの文字の色やサイズを変更する方法と、段落を作成する方法 ホームページでよく使う、文字の色や大きさを変えるタグをここで確認しておきましょう！ 【よく使うタグ】ホームページのリンクと画像を表示させる方法 ホームページで画像を使用するときは、 ちょっとした注意点があります。 それは、、、 |
| ★ ホームページの色の指定方法（配色）について ホームページの色の指定方法（配色）について 配色表 （カラーネーム） 赤の配色（red） 色の配色（blue） 黄色の配色（yellow） 緑の配色（green） オレンジの配色（orange） 水色の配色（aqua） ピンク色の配色（pink） 灰色の配色（gray） |
| STEP1-2 ホームページのサイドバーを作成しよう！ 第６回： メインコンテンツとサイドバーを分ける方法 ～ フレームの使い方 ～ サイドバーを作るには ちょっとしたコツがあります。 そのコツとは、、、 第７回： サイドバーに掲載する情報についてサイドバーは どのページからでも見れる重要なコンテンツです。 掲載すべき情報はこちらです！ |
| STEP1-3 ホームページで一番大切なトップページを作成していこう！ 第８回： メインコンテンツの作り方と写真をアップする方法 メインコンテンツはこのように作成しておくと、 今後の更新が簡単になります！ 第９回： トップページに情報をアップしていく方法トップページは ホームページでは最も重要なページになります。 その書き方をご説明します。 第１０回： ホームページの一番下に掲載する情報について ～ フッタについて ～ホームページには 著作権表記を書くようにします。 その書き方とは、、、 |
| STEP1-4 いろいろな種類のページを作っていこう！ 第１１回： ページ数を増やしていく方法 ～ 他のページを作成する方法 ～ ページ数を増やすことが最もアクセスを取る秘訣になります。簡単に増やしていく方法とは、、、 第１２回： 料金表などをうまく表示させる方法ホームページは自分以外の人が見るために作成するものです。 枠を使ってホームページを作成しましょう！ 第１３回： お問い合わせフォームを作成する方法お問い合わせフォームがあると、依頼をもらえる可能性が高くなりますよ！ |
| STEP2 ホームページの住所であるドメインを取得しよう！ 第１４回： ドメインとは ～ ドメインの選び方について ～ 少し分かりづらい ドメインって何だろう？ どのようなドメイン名が良いかということを含めてお伝えします！ 【おすすめ業者】 ムームードメインでのドメイン取得手順 ムームードメインは料金がとても安く、ドメインの管理がしやすい業者です！ |
| STEP3 あなたにピッタリのお得なレンタルサーバを選ぼう！ 第１５回： レンタルサーバとは ～ 知って得するレンタルサーバの選び方 ～ ★★★★ レンタルサーバーを選ぶには、いくつかのポイントがあります。 これを知らないと損をしてしまいます。。 【おすすめ業者】 ロリポップでレンタルサーバを借りる手順 ロリポップは初心者の方にピッタリなレンタルサーバです。ショッピングカートなどの豊富な機能付き！ 【おすすめ業者】 さくらのレンタルサーバでレンタルサーバを借りる手順 複数のホームページを管理されたい方はやっぱり さくら。 料金を大幅に安くできます！！ ホームページのファイルをアップする方法 ～ FFFTPソフトの設定方法 ～ これができればホームページは完成！ ファイルをアップする方法についてお伝えします！ |
| ■ 閉講説明： ホームページの今後の活用方法について | |
| 第１回目～第１５ 回目の講座 、本当におつかれ様でした。 ここまでの知識があれば、もう十分にホームページを作って公開できるようになります。 そこで、ホームページの今後の活用方法について、ご説明をさせていただきます。 | |
| STEP4 ホームページをビジネスとして活用する方法 ～ 収入を得る ～ 第１６回： ホームページをビジネスとして活用する方法 ～ はじめに ～ ホームページをビジネスとして活用する方法について、ご説明していきます。 まずはこちらをご覧ください！ 第１７回： ホームページを使って収入を得るための具体的な方法広告、アフィリエイト、情報販売、ホームページ制作、、、 ホームページで収入を得る方法をお伝えします！ 第１８回： ブログで稼ぐことはできるの？ ～ ほとんどの方が失敗してしまう原因 ～ほとんどの方が失敗してしまうことです。 ブログを使われている方は読まないでください（笑） |
| STEP5 広告配信講座 ～ 広告収入を得る方法 ～ 第１９回： ホームページで広告収入を得るクリック課金型広告について ホームページを公開したらまずはこれ。利益をあげやすい広告ビジネスについてお伝えします！ 【広告収入を得る】 Google Adsense の登録方法 Google Adsense の登録にはちょっとした注意点もあります、、、 【広告収入を得る】 Google Adsense の使い方 ちょっと迷ってしまう Google Adsense の使い方について、ご説明します！ |
| STEP6 アフィリエイト講座 ～ 商品を紹介して収入を得る方法 ～ 第２０回： アフィリエイトとは ～ 商品を紹介して収入を得よう！ ～ ホームページを使ったサイドビジネスといったらアフィリエイト。 ここでアフィリエイトの仕組みも確認しよう！ 第２１回： アフィリエイトの始め方 ～ アフィリエイトで収入を得るために ～アフィリエイトを始めるには２つのことが必要になります。 それは、、、 第２２回： 稼げるアフィリエイトサービスプロバイダーの選び方これによって 得られる収入が大きく変わってきます！アフィリエイトをされる方は必見です！！ |
| ★ 稼げるアフィリエイトサービスプロバイダー 一覧 買っていただきやすい商品をたくさん扱っているA8ネット 利益になりやすい商品をたくさん扱っているアクセストレード 数多くの有名店・有名ブランドの商品を扱っているリンクシェア 最も利益を取りやすいアフィリエイトサービスプロバイダーの infotop（インフォトップ） |
| 第２３回： ホームページを使ったアフィリエイトで毎月５万円のお小遣いを得る方法初心者の方が、ホームページを使ったアフィリエイトで、月５万円を稼ぐ方法をご紹介します！ |
| 【特集】ホームページを検索エンジンの上位に表示させる方法 ホームページを検索エンジンの上位に表示させる方法（仮） ホームページを検索エンジンの上位に表示させることができれば、確実に訪問者が増えます！ 検索エンジンの上位にホームページを表示させる方法をお伝えします。 ホームページを Yahoo! や Google などの検索エンジンに一括登録する方法ホームページを検索エンジンに一括登録する方法をお伝えします！ なお、現在は、「Google Search Console」に登録すれば十分ですよ。 |
| 困ったときの対処方法 ファイル名に .htmlなどの拡張子が表示されていない場合の対処方法 ホームページを作成・更新するには、 拡張子が表示されていた方が作業がしやすくなります。 ＨＴＭＬファイルを修正したときに作成される .BAK ファイルの対処方法.ＢＡＫファイルが作成されないようにするための設定方法をご説明します！ ＨＴＭＬファイル編集時に表示されるアクティブコンテンツのバーの対処方法HTMLファイル編集時に、 アクティブコンテンツのバーが表示されないようにする設定方法です。 ＨＴＭＬファイルを右クリックして開くとワードが起動するときの対処方法パソコンの設定によって、ワードやFrontPageなどのソフトが起動されることがあります。 サイドバーに掲載した情報が途中で消えてしまったときの対処方法情報を追加していると、サイドバーが途中で消えてしまうときがあります。 サイドバーが圧迫されてしまったときの対処方法サイドバーが圧迫されて、横幅が狭くなってしまったときの対処方法をお伝えします。 PHPファイルをダブルクリックしても開けないときの対処方法お問い合わせフォームで使用しているPHPファイルが開けないときの対処方法です。 画像が表示されない（「×」と表示されている）ときの対処方法画像が表示できない原因として、考えられるのはこの３つです。 動画と使用されているパソコンの画面が異なるときの対処方法 ★★★使用している環境によって、動画とパソコンの画面が異なる場合はあります。 ダウンロードしたファイルを開く方法 ～ 解凍ソフトの使い方 ～拡張子が 「lzh」 になっているファイルは、 解凍ソフトで解凍しないと、 中身を見ることができません。 「更新ボタン」の場所が分からないときの対処方法お使いのブラウザによって、「更新ボタン」の場所が異なります。 |
| Mac（マック）ユーザーの方へ ～ Mac のパソコンを使っている方 ～ Mac で、ダウンロードしたファイルを開く方法 ～ 解凍ソフトの使い方 ～ Mac で圧縮ファイルが開けない場合は、こちらの手順で解凍ソフトをインストールしてください。 Mac で、HTMLファイルを開く方法【miの使い方】Mac では、「TeraPad」 は使えません。 その代わりに、フリーのテキストエディタ「mi」を使います。 Mac で、ファイルをサーバにアップロードする方法【FileZillaの使い方】Macでファイルをサーバにアップロードするためには、「FileZilla」を使います。 |
※ 新しい情報は 「会員制サイドビジネス講座 ～ ファーストクラス ～」 の会員制サイトに、随時 掲載しています。