実践型ホームページ作成教材

ホームページを作りながら、
自分で作れる力を身につける。

テンプレートとパーツを使い、動画を見ながら自分のホームページを完成させます。実際に作る中で、HTMLとCSSの基本も身につきます。

解説動画・マニュアル・メールサポート付き

実際のテンプレートで作成したホームページを表示するパソコンとスマートフォン
  • 4万人以上が体験したことを表すアイコン 4万人以上が体験
  • 動画を見ながら作成できることを表すアイコン 動画を見ながら作成
  • 30日間実践後の返金保証を表すアイコン 30日間実践後の
    返金保証
この商品の特徴

完成するのは、
ホームページだけではありません。

この商品では、テンプレートを完成品としてそのまま使うのではなく、
文章や写真を入れ替え、必要なパーツを組み合わせながら、自分のホームページを作ります。

手を動かすことで、ホームページの仕組みや、自分で修正するための知識と経験も少しずつ身につきます。

ホームページを自分で編集する

実際に作りながら学べる

自分のホームページを題材にして、まずは文章や写真を変更するところから始めます。

動画を見ながらホームページ作成を進める

動画を見ながら理解できる

実際の編集画面を見ながら、どこを変更すると何が変わるのかを確認できます。

ホームページのファイルを自分で管理する

ホームページと知識が手元に残る

完成したHTMLファイルだけでなく、公開後に自分で直すための知識と経験も残ります。

ホームページを完成させることと、自分で作れる力を身につけること。
その両方を目指します。

おすすめできる方

この商品が向いている方

自分のホームページを作りながら、少しずつ知識を身につけたい方に向いています。

  • 自分のホームページを作りながら、HTMLとCSSの基本を学びたい
  • 最初はコピーして貼り付けるところから始めたい
  • ホームページの中身が、どのように作られているのか知りたい
  • 公開後の文章や写真を、自分で修正できるようになりたい
  • 小さなお店、教室、会社、個人活動のホームページを作りたい
  • 分からないところを質問しながら、自分のペースで進めたい
合わない可能性がある方

この商品が向いていない方

ホームページを作ることだけが目的で、作り方を学ぶ必要がない方には、別の方法が合うかもしれません。

  • HTMLやファイルには、できるだけ触れたくない
  • 学習はせず、完成したホームページだけをすぐに受け取りたい
  • ホームページ制作をすべてプロに任せたい
  • 予約、会員、決済などの大きなシステムを作りたい
  • パソコンを使った作業や、くり返し試すことをしたくない

無理におすすめする商品ではありません。
自分で手を動かしながら、作り方を学びたい方のための商品です。

できること

コピーして、貼り付けて、
少しずつ分かる。

最初は文章や写真の入れ替えから始めます。
慣れてきたら、パーツの追加や色の変更などに進み、HTMLとCSSの役割を少しずつ覚えていきます。

HTMLの編集箇所とブラウザに表示されるホームページの対応例
HTMLを少しずつ書き換えながら、表示を確認していきます。

画像をタップすると大きく表示できます。

文章や写真を入れ替える

テンプレートの文字や画像を変更しながら、HTMLファイルの基本的な編集方法を覚えます。

パーツをコピーして追加する

見出し、ボタン、料金表、囲み枠などを貼り付けながら、ページの組み立て方を学びます。

地図や動画を組み込む

地図、YouTube動画、カレンダーなど、ホームページでよく使う内容を追加します。

CSSで色や大きさを変える

背景色、文字の大きさ、横幅などを変更しながら、CSSの役割を学びます。

商品内容

自分で作れる力を身につけるための教材を、
まとめて用意しました。

テンプレートだけをお渡しする商品ではありません。自分のホームページを作り、分からないところを確認しながら進めるための学習内容とサポートがそろっています。

最短ホームページテンプレートに含まれる商品内容の一部
実際の商品に含まれるテンプレートや素材の一部です。

画像をタップすると大きく表示できます。

ホームページテンプレート

ホームページ作成を始めるための土台です。文章や写真、パーツを入れ替えながら使用します。

動画解説

実際の画面を見ながら、編集方法や公開までの手順を確認できます。

コピーして使えるパーツ集

見出し、ボタン、料金表などをコピーして貼り付けながら、HTMLの組み立て方を学べます。

画像素材

写真や装飾素材を使いながら、ホームページの見た目を整えられます。

マニュアル

画像編集、ファイル管理、公開方法など、作業に必要な内容を確認できます。

メンバーサイト

テンプレート、パーツ、動画、マニュアルなどの学習内容をまとめて確認できます。

メールサポート

分からないところで止まったときは、無期限・無制限のメールサポートで質問できます。

返金保証

教材に沿って30日間実践してもホームページを作成できなかった場合、全額返金します。詳細は、特定商取引法に基づく表記をご確認ください。

動画で確認

実際の画面を見ながら、
同じように手を動かせます。

文章だけでは分かりにくい編集方法も、実際の操作画面を見ながら確認できます。
動画を止めたり、くり返し見たりしながら、自分のペースで進められます。

動画で学習の進め方を確認したら、次にテンプレート例や作成の流れをご覧ください。

テンプレート例

テンプレートは、
作り方を学ぶための土台です。

テンプレートは、完成したデザインをそのまま使うためだけのものではありません。文章、写真、色、横幅、パーツなどを自分で変更しながら、ホームページの作り方を学ぶための土台として使用します。

基本セットには、左カラム用19種類、右カラム用19種類、レター用5種類、合計43種類のホームページテンプレートを収録しています。ここでは、その中から左カラム用テンプレートの一部をご紹介しています。

作成の流れ

作成から公開まで、
4つの手順で進めます。

テンプレートを選び、文章や写真を入れ替え、必要なパーツを追加しながら、
自分のホームページを完成させます。

HTMLとCSSを使ってホームページを作成し公開するまでの流れ
クリックだけで完成する仕組みではありません。
ファイルを編集し、表示を確かめながら少しずつ進めます。

画像をタップすると大きく表示できます。

  1. テンプレートを選ぶ

    自分の内容に近いテンプレートを選び、ホームページ作成の土台を用意します。

  2. 文章や写真を入れ替える

    動画を見ながら、文章、写真、見出しなどを変更し、HTMLファイルの編集に慣れていきます。

  3. パーツやデザインを変更する

    ボタン、料金表、地図などを追加し、色や大きさを調整しながらホームページの仕組みを確かめます。

  4. 確認して公開する

    ブラウザで表示を確認し、完成したファイルをレンタルサーバーへアップして公開します。

作成実績

テンプレートから、
自分だけのホームページへ。

同じような土台から始めても、文章、写真、色、パーツ、配置を変更することで、
内容に合ったホームページへ変えられます。

セイコー衣料プレスのホームページ作成実績

企業サイト

セイコー衣料プレス

衣料プレス・物流配送センターの情報を整理した企業サイトです。

サイトを見る
ひろしケアサービスのホームページ作成実績

医療・介護

ひろしケアサービス

介護・ケアサービスの内容を分かりやすく伝えるサイトです。

サイトを見る
トリミング アロハのホームページ作成実績

ペット関連

トリミング アロハ

写真や案内文を活かして、店舗の雰囲気を伝えるペット関連サイトです。

サイトを見る
ダスタリー関東のホームページ作成実績

サービスサイト

ダスタリー関東

サービス内容や問い合わせ導線を整理したホームページです。

サイトを見る
ヒロ・コンサルタント事務所のホームページ作成実績

コンサルティング

ヒロ・コンサルタント事務所

文章量のあるサービス紹介を、見出しとパーツで読みやすく構成しています。

サイトを見る
木理館のホームページ作成実績

飲食店

木理館

施設や活動内容を、写真と説明文で伝える構成です。

サイトを見る
開発者の背景

私自身も、実際に作りながら覚えました。

私自身、最初からHTMLやCSSを理解していたわけではありません。

本を読んでも意味が分からず、思った通りに表示されないことが何度もありました。

それでも、パーツをコピーし、文章や色を変更しながら手を動かすことで、少しずつホームページの仕組みが分かるようになりました。

その経験から、初心者の方も自分のホームページを作りながら学べるように、テンプレート、パーツ集、解説動画、マニュアル、サポートを一つの商品にまとめました。

実践された方の事例

85歳のパソコン初心者の方も、
作りながら少しずつ覚えました。

動画を見ながら何度も手を動かすことで、パソコンやホームページ作成の経験が少なかった方も、
ご自身のホームページを完成させた事例があります。

85歳でホームページ作成に挑戦された西室久一さん

西室久一さんは、85歳のときにこの商品を使ってホームページ作成に挑戦されました。動画をくり返し確認しながら、ご自身が特許を取得した「倒れない家具」を紹介するホームページを作成されました。

西室さんのメッセージ

1929年(昭和4年)の春生まれの85歳、物心ついてからでも、かれこれ80年、その大部分をコンピューターなど考えることも出来なかった時を過ごしてきた。

そんな私が今になってホームページの制作に挑戦したのは、「倒れない家具」の特許を取ったからです。何気なくパソコンに向かっていたとき、石田様の「ホームページ講座」が目に入り、よし、これで行こうと挑戦した。

しかし、ワープロ程度の知識、自分の素質が素質、それに年齢が年齢、すいすいとは行かなかったが、何回も繰り返し行っていくと、だんだん出来るようになってきた。未熟なりにも、何とかそれらしきものが出来て挑戦の楽しさも感じております。

パソコンやホームページの技術面は勿論のこと、私よりもはるかに若い石田様に精神的にも大きく学ばさせて頂きました。まだまだこれからですが僅か乍ら満足感にしたりました。

これからも挑戦を続けたいと思っております。本様にありがとうございました、今後末永くご指導のほどをお願いいたします。

西室さんが作成されたホームページを見る
ご購入者の声

実際に使われた方から、
うれしい声をいただいています。

パソコンやHTMLの知識が少なかった方からも、「動画を見ながら作れた」「自分で更新できるようになった」という声をいただいています。

HTMLを知らない私にも、
ホームページを作れました

タグやHTMLをまったく知らず、パソコンもWordやExcelの一部しか使っていませんでした。それでも、動画を見ながら進めることでホームページを作ることができ、自分で変更するうちに、仕組みも少しずつ分かるようになりました。

約1ヵ月で4つの
ホームページが完成しました

テンプレートと動画解説を使い、約1ヵ月で4つのホームページを完成させました。初心者でも自分で更新や変更ができ、豊富なテンプレートや画像も役立ちました。

動画を見ながら進められ、
迷うところがありませんでした

以前は参考書を見ながら作っても納得できませんでしたが、この教材では実際の動画を見ながら進められたため、作成方法で迷うことがありませんでした。文章や画像を貼り付けて、ホームページを完成させることができました。

※いただいたご感想を、内容を変えない範囲で短くまとめて掲載しています。

※ご感想は個人の体験によるものであり、同じ結果を保証するものではありません。

安心材料

途中で止まらず、
作れる力を身につけるために。

ホームページテンプレートとパーツ集

テンプレート・パーツ集

ホームページの土台と、コピーして使えるパーツを使いながら、手を動かしてページを組み立てます。

動画による操作解説

動画解説

実際の操作画面を見ながら、編集方法やホームページの仕組みを確認できます。

メールによるサポート

メールサポート

作業中に分からないことがあった場合は、無期限・無制限のメールサポートで質問できます。

返金保証

30日間実践後の返金保証

教材に沿って30日間実践してもホームページを作成できなかった場合、全額返金します。詳細は、特定商取引法に基づく表記をご確認ください。

信頼材料のひとつ

NPO法人から
推薦をいただいた実績があります

NPO法人 起業とキャリア支援センター様より、推薦をいただいた実績があります。

この商品は、初心者の方が自分のホームページを作りながら学べるように、テンプレート、パーツ集、解説動画、マニュアル、メールサポートを組み合わせています。

クリックすると拡大して確認できます
方法の違い

ホームページ作成サービスと、
この教材の違い。

どちらが優れているということではなく、目的の違いです。早く公開することを優先するのか、自分のホームページを作りながら知識を身につけるのかで、合う方法が変わります。

便利なサービスを使って作りたい方へ
便利な作成サービス

Wix・Jimdo・WordPress・AIなど

用意された管理画面や機能を使って、ホームページを作成・管理する方法です。

  • 画面上の操作で作りやすい
  • 短い時間で公開しやすい
  • コードをあまり使わずに進めやすい
  • 主に、そのサービスの操作方法を覚える
  • サービスの仕様や提供条件の影響を受ける
こんな方に向いています

HTMLやCSSの仕組みを学ぶことよりも、便利な機能を使って早く公開したい方に向いています。

作りながら学びたい方へ
実践型ホームページ作成教材

最短ホームページテンプレート

テンプレートとパーツを編集しながら、ホームページを完成させる方法です。

  • HTMLファイルを自分の手元で管理できる
  • パーツをコピーして貼り付けながら学べる
  • 文章や写真、色などを自分で変更できる
  • HTMLとCSSの基本が少しずつ分かる
  • 完成後も、自分で修正するための知識と経験が残る
  • 最初は編集方法を少しずつ覚える必要がある
こんな方に向いています

自分のホームページを完成させるだけでなく、自分で作成・修正する力も身につけたい方に向いています。

どちらが正解ということではありません。

手軽さや早さを優先するなら、ホームページ作成サービスが便利です。
テンプレートとパーツを編集しながらページの仕組みを学び、自分で作れる力を身につけたい方には、この商品が向いています。

購入前の確認

ご購入前にご確認ください

この商品は、クリックだけで完成するホームページ作成サービスではありません。
テンプレートのHTMLファイルを編集しながら、自分でホームページを作る商品です。

最初からHTMLやCSSを暗記する必要はありません。動画を見ながら、文章や写真の変更、パーツのコピーと貼り付けなど、必要なところから少しずつ進めます。

手を動かして試すことが、自分で作れる力につながります。作業にはWindowsまたはMacのパソコンを使用します。

料金

ホームページ作成に必要な教材を、
買い切りで利用できます。

基本セットには、PC向けテンプレート43種類と、パーツ集、解説動画、マニュアル、画像素材、メールサポートなどが含まれます。おすすめセットには、さらにスマホサイト用テンプレートとレスポンシブ対応テンプレートが含まれます。

基本セット

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

実践型ホームページ作成教材・基本セット

PC向けテンプレート43種類と、パーツ集、解説動画、マニュアル、画像素材、メールサポートなどが含まれる基本セットです。

14,800
  • PC向けテンプレート43種類
  • 動画解説
  • パーツ集
  • 画像素材
  • フォーム
  • 補助教材
  • サポート
基本セットを購入する

今からホームページを作る場合は、スマホでの見やすさも大切です。
迷った場合は、スマホサイト用・レスポンシブ対応テンプレートも含まれる19,800円のおすすめセットをご確認ください。

レンタルサーバーは月100円から500円くらい、ドメイン代は月200円くらいが目安です。
編集に使うソフトや画像編集ソフトは、無料で使えるものを前提に案内しています。

よくある質問

購入前に気になりやすいこと。

初心者でもできますか?

はい。テンプレートとパーツを使い、動画を見ながらホームページを作ります。最初は文章や写真の入れ替えから始め、少しずつ編集できる範囲を増やしていきます。

HTMLが分からなくても大丈夫ですか?

最初からHTMLを暗記する必要はありません。パーツをコピーして貼り付けたり、文章や色を変更したりしながら、必要な部分から少しずつ学びます。

Macでも使えますか?

はい。テンプレートはパソコンに置くファイルなので、WindowsでもMacでも使えます。Mac用の手順も用意されています。

スマホ対応のホームページは作れますか?

スマホサイト用テンプレートと、画面サイズに合わせて表示が切り替わるレスポンシブデザイン用テンプレートがあります。スマホ対応まで考えるなら、19,800円のおすすめセットが向いています。

商品以外に費用はかかりますか?

公開する場合は、レンタルサーバー代とドメイン代が別途必要です。編集に使うソフトは無料のものを前提にしています。

サポートはありますか?

はい。作業中に分からないところがあった場合は、メールで質問できます。サポート期限は無期限、質問回数も無制限です。

開発者からのメッセージ

ホームページを作れる力は、
誰かの力にもなります

以前、仕事を失った英会話講師の方々が新しく教室を始めたとき、私は「LIFE ENGLISH」のホームページを作って贈りました。

完成したホームページを見た講師の方が、涙を浮かべながら喜んでくれた姿を見て、ホームページを作れる力は、誰かの新しい一歩を支える力にもなると感じました。

この教材が、あなた自身のホームページ作りと、その先につながる力になればうれしく思います。

実際に作成して贈ったLIFE ENGLISHのホームページ
実際に作成して贈った「LIFE ENGLISH」のホームページ

ホームページが完成する。
作れる力も、あとに残る。

この教材で、テンプレートとパーツを使って作業を進めながら、HTMLとCSSの基本を学んでみませんか。完成後には、自分で作成・修正するための知識と経験も手元に残ります。