実際に作りながら学べる
自分のホームページを題材にして、まずは文章や写真を変更するところから始めます。
この商品の特徴
完成するのは、
完成するのは、
ホームページだけではありません。
この商品では、テンプレートを完成品としてそのまま使うのではなく、
文章や写真を入れ替え、必要なパーツを組み合わせながら、自分のホームページを作ります。
手を動かすことで、ホームページの仕組みや、自分で修正するための知識と経験も少しずつ身につきます。
動画を見ながら理解できる
実際の編集画面を見ながら、どこを変更すると何が変わるのかを確認できます。
ホームページと知識が手元に残る
完成したHTMLファイルだけでなく、公開後に自分で直すための知識と経験も残ります。
ホームページを完成させることと、自分で作れる力を身につけること。
その両方を目指します。
おすすめできる方
この商品が向いている方
自分のホームページを作りながら、少しずつ知識を身につけたい方に向いています。
- 自分のホームページを作りながら、HTMLとCSSの基本を学びたい
- 最初はコピーして貼り付けるところから始めたい
- ホームページの中身が、どのように作られているのか知りたい
- 公開後の文章や写真を、自分で修正できるようになりたい
- 小さなお店、教室、会社、個人活動のホームページを作りたい
- 分からないところを質問しながら、自分のペースで進めたい
合わない可能性がある方
この商品が向いていない方
ホームページを作ることだけが目的で、作り方を学ぶ必要がない方には、別の方法が合うかもしれません。
- HTMLやファイルには、できるだけ触れたくない
- 学習はせず、完成したホームページだけをすぐに受け取りたい
- ホームページ制作をすべてプロに任せたい
- 予約、会員、決済などの大きなシステムを作りたい
- パソコンを使った作業や、くり返し試すことをしたくない
無理におすすめする商品ではありません。
自分で手を動かしながら、作り方を学びたい方のための商品です。
できること
コピーして、貼り付けて、
コピーして、貼り付けて、
少しずつ分かる。
最初は文章や写真の入れ替えから始めます。
慣れてきたら、パーツの追加や色の変更などに進み、HTMLとCSSの役割を少しずつ覚えていきます。
画像をタップすると大きく表示できます。
文章や写真を入れ替える
テンプレートの文字や画像を変更しながら、HTMLファイルの基本的な編集方法を覚えます。
パーツをコピーして追加する
見出し、ボタン、料金表、囲み枠などを貼り付けながら、ページの組み立て方を学びます。
地図や動画を組み込む
地図、YouTube動画、カレンダーなど、ホームページでよく使う内容を追加します。
CSSで色や大きさを変える
背景色、文字の大きさ、横幅などを変更しながら、CSSの役割を学びます。
商品内容
自分で作れる力を身につけるための教材を、
自分で作れる力を身につけるための教材を、
まとめて用意しました。
テンプレートだけをお渡しする商品ではありません。自分のホームページを作り、分からないところを確認しながら進めるための学習内容とサポートがそろっています。
画像をタップすると大きく表示できます。
ホームページテンプレート
ホームページ作成を始めるための土台です。文章や写真、パーツを入れ替えながら使用します。
動画解説
実際の画面を見ながら、編集方法や公開までの手順を確認できます。
コピーして使えるパーツ集
見出し、ボタン、料金表などをコピーして貼り付けながら、HTMLの組み立て方を学べます。
画像素材
写真や装飾素材を使いながら、ホームページの見た目を整えられます。
マニュアル
画像編集、ファイル管理、公開方法など、作業に必要な内容を確認できます。
メンバーサイト
テンプレート、パーツ、動画、マニュアルなどの学習内容をまとめて確認できます。
メールサポート
分からないところで止まったときは、無期限・無制限のメールサポートで質問できます。
30日間返金保証
30日間、教材の方法に沿って実践しても作成できなかった場合の保証です。詳しい条件は、特定商取引法に基づく表記をご確認ください。
動画で確認
実際の画面を見ながら、
実際の画面を見ながら、
同じように手を動かせます。
文章だけでは分かりにくい編集方法も、実際の操作画面を見ながら確認できます。
動画を止めたり、くり返し見たりしながら、自分のペースで進められます。
動画で学習の進め方を確認したら、次にテンプレート例や作成の流れをご覧ください。
テンプレート例
テンプレートは、
テンプレートは、
作り方を学ぶための土台です。
テンプレートは、完成したデザインをそのまま使うためだけのものではありません。文章、写真、色、横幅、パーツなどを自分で変更しながら、ホームページの作り方を学ぶための土台として使用します。
テンプレート01
テンプレート02
テンプレート03
テンプレート04
テンプレート05
テンプレート06
作成の流れ
作成から公開まで、
作成から公開まで、
4つの手順で進めます。
テンプレートを選び、文章や写真を入れ替え、必要なパーツを追加しながら、
自分のホームページを完成させます。
ファイルを編集し、表示を確かめながら少しずつ進めます。
画像をタップすると大きく表示できます。
テンプレートを選ぶ
自分の内容に近いテンプレートを選び、ホームページ作成の土台を用意します。
文章や写真を入れ替える
動画を見ながら、文章、写真、見出しなどを変更し、HTMLファイルの編集に慣れていきます。
パーツやデザインを変更する
ボタン、料金表、地図などを追加し、色や大きさを調整しながらホームページの仕組みを確かめます。
確認して公開する
ブラウザで表示を確認し、完成したファイルをレンタルサーバーへアップして公開します。
作成実績
テンプレートから、
テンプレートから、
自分だけのホームページへ。
同じような土台から始めても、文章、写真、色、パーツ、配置を変更することで、
内容に合ったホームページへ変えられます。
開発者の背景
私自身も、実際に作りながら覚えました。
私自身、最初からHTMLやCSSを理解していたわけではありません。
本を読んでも意味が分からず、思った通りに表示されないことが何度もありました。
それでも、パーツをコピーし、文章や色を変更しながら手を動かすことで、少しずつホームページの仕組みが分かるようになりました。
その経験から、初心者の方も自分のホームページを作りながら学べるように、テンプレート、パーツ集、解説動画、マニュアル、サポートを一つの商品にまとめました。
実践された方の事例
85歳のパソコン初心者の方も、
85歳のパソコン初心者の方も、
作りながら少しずつ覚えました。
動画を見ながら何度も手を動かすことで、パソコンやホームページ作成の経験が少なかった方も、
ご自身のホームページを完成させた事例があります。
西室久一さんは、85歳のときにこの商品を使ってホームページ作成に挑戦されました。動画をくり返し確認しながら、ご自身が特許を取得した「倒れない家具」を紹介するホームページを作成されました。
西室さんのメッセージ１９２９年（昭和４年）の春生まれの８５歳、物心ついてからでも、かれこれ８０年、その大部分をコンピューターなど考えることも出来なかった時を過ごしてきた。
そんな私が今になってホームページの制作に挑戦したのは、「倒れない家具」の特許を取ったからです。何気なくパソコンに向かっていたとき、石田様の「ホームページ講座」が目に入り、よし、これで行こうと挑戦した。
しかし、ワープロ程度の知識、自分の素質が素質、それに年齢が年齢、すいすいとは行かなかったが、何回も繰り返し行っていくと、だんだん出来るようになってきた。未熟なりにも、何とかそれらしきものが出来て挑戦の楽しさも感じております。
パソコンやホームページの技術面は勿論のこと、私よりもはるかに若い石田様に精神的にも大きく学ばさせて頂きました。まだまだこれからですが僅か乍ら満足感にしたりました。
これからも挑戦を続けたいと思っております。本様にありがとうございました、今後末永くご指導のほどをお願いいたします。
西室さんが作成されたホームページを見る
安心材料
途中で止まらず、
途中で止まらず、
作れる力を身につけるために。
テンプレート・パーツ集
ホームページの土台と、コピーして使えるパーツを使いながら、手を動かしてページを組み立てます。
動画解説
実際の操作画面を見ながら、編集方法やホームページの仕組みを確認できます。
メールサポート
作業中に分からないことがあった場合は、無期限・無制限のメールサポートで質問できます。
返金保証
30日間、教材の方法に沿って実践しても作成できなかった場合の保証です。詳しい条件は、特定商取引法に基づく表記をご確認ください。
信頼材料のひとつ
NPO法人から
NPO法人から
推薦をいただいた実績があります
NPO法人 起業とキャリア支援センター様より、推薦をいただいた実績があります。
この商品は、初心者の方が自分のホームページを作りながら学べるように、テンプレート、パーツ集、解説動画、マニュアル、メールサポートを組み合わせています。
方法の違い
ホームページ作成サービスと、
ホームページ作成サービスと、
この教材の違い。
どちらが優れているということではなく、目的の違いです。早く公開することを優先するのか、自分のホームページを作りながら知識を身につけるのかで、合う方法が変わります。
便利な作成サービス
Wix・Jimdo・WordPress・AIなど
用意された管理画面や機能を使って、ホームページを作成・管理する方法です。
- 画面上の操作で作りやすい
- 短い時間で公開しやすい
- コードをあまり使わずに進めやすい
- 主に、そのサービスの操作方法を覚える
- サービスの仕様や提供条件の影響を受ける
こんな方に向いています
HTMLやCSSの仕組みを学ぶことよりも、便利な機能を使って早く公開したい方に向いています。
実践型ホームページ作成教材
最短ホームページテンプレート
テンプレートとパーツを編集しながら、ホームページを完成させる方法です。
- HTMLファイルを自分の手元で管理できる
- パーツをコピーして貼り付けながら学べる
- 文章や写真、色などを自分で変更できる
- HTMLとCSSの基本が少しずつ分かる
- 完成後も、自分で修正するための知識と経験が残る
- 最初は編集方法を少しずつ覚える必要がある
こんな方に向いています
自分のホームページを完成させるだけでなく、自分で作成・修正する力も身につけたい方に向いています。
購入前の確認
ご購入前にご確認ください
この商品は、クリックだけで完成するホームページ作成サービスではありません。
テンプレートのHTMLファイルを編集しながら、自分でホームページを作る商品です。
最初からHTMLやCSSを暗記する必要はありません。動画を見ながら、文章や写真の変更、パーツのコピーと貼り付けなど、必要なところから少しずつ進めます。
手を動かして試すことが、自分で作れる力につながります。作業にはWindowsまたはMacのパソコンを使用します。
料金
ホームページ作成に必要な教材を、
ホームページ作成に必要な教材を、
買い切りで利用できます。
基本セットには、PC向けテンプレート43種類と、パーツ集、解説動画、マニュアル、画像素材、メールサポートなどが含まれます。おすすめセットには、さらにスマホサイト用テンプレートとレスポンシブ対応テンプレートが含まれます。
迷ったらこちら
ほとんどの方がこちらを選んでいます
【レスポンシブ・スマホ用テンプレート付き】自分で更新できる最短ホームページテンプレート
実践型ホームページ作成教材・おすすめセット
基本セットの内容に加えて、スマホサイト用テンプレートとレスポンシブ対応テンプレートも含まれます。パソコンとスマホの両方に対応したホームページを作りながら学びたい方におすすめです。
19,800円
- 基本セットの内容すべて
- スマホサイト用テンプレート
- レスポンシブ対応テンプレート
- PC向けテンプレート43種類
- 教材・素材一式
- サポート
自分で更新できる最短ホームページテンプレート
実践型ホームページ作成教材・基本セット
PC向けテンプレート43種類と、パーツ集、解説動画、マニュアル、画像素材、メールサポートなどが含まれる基本セットです。
14,800円
- PC向けテンプレート43種類
- 動画解説
- パーツ集
- 画像素材
- フォーム
- 補助教材
- サポート
今からホームページを作る場合は、スマホでの見やすさも大切です。
迷った場合は、スマホサイト用・レスポンシブ対応テンプレートも含まれる19,800円のおすすめセットをご確認ください。
レンタルサーバーは月100円から500円くらい、ドメイン代は月200円くらいが目安です。
編集に使うソフトや画像編集ソフトは、無料で使えるものを前提に案内しています。
よくある質問
購入前に気になりやすいこと。
初心者でもできますか？
はい。テンプレートとパーツを使い、動画を見ながらホームページを作ります。最初は文章や写真の入れ替えから始め、少しずつ編集できる範囲を増やしていきます。
HTMLが分からなくても大丈夫ですか？
最初からHTMLを暗記する必要はありません。パーツをコピーして貼り付けたり、文章や色を変更したりしながら、必要な部分から少しずつ学びます。
Macでも使えますか？
はい。テンプレートはパソコンに置くファイルなので、WindowsでもMacでも使えます。Mac用の手順も用意されています。
スマホ対応のホームページは作れますか？
スマホサイト用テンプレートと、画面サイズに合わせて表示が切り替わるレスポンシブデザイン用テンプレートがあります。スマホ対応まで考えるなら、19,800円のおすすめセットが向いています。
商品以外に費用はかかりますか？
公開する場合は、レンタルサーバー代とドメイン代が別途必要です。編集に使うソフトは無料のものを前提にしています。
サポートはありますか？
はい。作業中に分からないところがあった場合は、メールで質問できます。サポート期限は無期限、質問回数も無制限です。
ホームページが完成する。
作れる力も、あとに残る。
この教材で、テンプレートとパーツを使って作業を進めながら、HTMLとCSSの基本を学んでみませんか。完成後には、自分で作成・修正するための知識と経験も手元に残ります。
