でもやっぱりＨＴＭＬ(html)とかＣＳＳ(css)って難しいんだろうな～、というあなたの先入観をココで解消していただきます。あなたのパソコンで３分くらいで出来ると思います。
早速ホームページを作ってみましょう！
まずファイルを入れるフォルダを作ります。パソコンのデスクトップ画面で、空いている所どこでもいいので、「右クリック」→「新規作成」→「フォルダ」です。名前はそのままで「新規フォルダ」でも良いですし、好きな名前でも結構です。
フォルダは作れましたか？ 次はそのフォルダの中にファイルを作りましょう。
作ったフォルダを左クリックで開きますと、まだ何もありません。空いている所どこでもいいので、「右クリック」→「新規作成」→「テキストファイル」（もしくはメモ帳、もしくはNotePad）です。
ファイル名はそのまま「新規テキストファイル」で結構です。
左クリックでファイルを開いてください。まだ何もありません。
開いたフォルダにソースコードをコピー＆ペーストしていただきますが
コレ→
http://hobby-life.org/hori-page/manual/kopipe.pdfをクリックしてしてください。
↓こんな画面が出ます。
この「ＮＯ.１のコピペ」の枠の中のデータを全てコピペしてください。
もし選択できない（コピーできない）場合は、画面を右クリックして「手のひらツール」から「選択ツール」に切り替えてください。
大丈夫とは思うのですが、念のため「コピペ」を説明します。
「コピー＆ペースト」のりゃくですが、日本語で言うなら「複写と貼り付け」です。
まずはコピーの方法から…
コピーしたい内容の始点を「左クリックで押したまま」→「終点で放す」→色が変わった選択範囲を「右クリック」→「コピー」
これで今あなたのパソコンは、先ほどのコピーした内容を記憶して持っています。
そして貼り付けしたい場所を「右クリック」→「貼り付け」で先ほどのコピーした内容が別の場所に貼り付けられました。
するとこうなります↓。なりましたら●●を消して自分の名前を入れてください。
ファイルに名前を付けて保存します。
ファイル名はコレ↓をコピペしてください。index.htmlです。
index.html
先ほどと同じフォルダ内に、もう一枚同じ要領でファイルを作ります。
ファイル名はそのまま「新規テキストファイル」で結構です。
左クリックでファイルを開いてください。まだ何もありません。
先ほども使いました、コピペ用サイトの２ページ目がコレ↓です。同じようにこれも 全てコピペしてください。（上）をコピーしてその下に（下）をコピペしてください。（長かったので二つに割っただけです）。
コピペできましたら、先ほどと同じように名前を付けて保存します。
今回のファイル名はコレ↓をコピペしてください。style.cssです。
style.css
以上でファイルの作成は完了です。
では最初に作ったindexファイルを左クリックで開いてみてください。
インターネットエクスプローラーでこんなページが開いたでしょうか？
とっても簡単ですね。あとはサーバーのドメインにアップロードすれば、世界中の人が見れます。システムとしてはこんなにシンプルなんですね。もちろん今回、各パーツの配置・大きさ・書体・色などは私が設定しておいたものです。ただ、作業としては片手間で10分かからずに作ったものです。
今回のファイルは、あなたが作られたモノですのでプレゼントいたします。このマニュアルを購入されなくても、ここまでレポートにお付き合いしてくださったお礼です。多少知識がある方なら、そのまま作り込んで使えるサイトができるでしょう。
もちろんマニュアルでは、単純にコピペしていただくわけではありません。一つ一つ意味を解説し、応用例を実践し、ホームページの作り方をしっかり身に付けていただきます。
あなたは、このマニュアルを修得したならば
ホームページビルダーやドリームウィーバーなどの
有料作成ソフトが無くとも!!
こんなホームページが自由自在に作れます!!
そして、ホームページデザイナーとして
インフォプレナー（情報起業家）として
アフィリエイター（紹介販売者）として
多彩なインターネットビジネスを展開するのです!!
私はホームページデザイナーであり情報起業家でもあります。ホームページ作成技術が身に付くと、こんなビジネスも出来ます。
上のホームページは、私が所有する犬のしつけ教材を販売するホームページです。教材もホームページも私がゼロベースから全て作りました。
（↓日本最大の情報教材ＡＳＰインフォトップ「犬」で検索した24時間売り上げランキング結果）
おかげさまで売り上げも順調に伸びてきまして、犬関連教材での30日間売上ランキングも３位まで上がってきました。24時間ランキングでは、たまにＴＶチャンピオンや世界第３位の方を抜いて、売上ランキング２位に入ることもあります。
私はプロのドッグトレーナーではなく、知名度もまったくありませんが、教材と販売ホームページをしっかり作り込んだら、比例して売り上げが伸びてきました！。
さすがにＴＶチャンピオンや世界第三位の方々にはそうたやすく追い付けませんが、自分で商材も販売ホームページも作ったわけですから利益率はとても高いです。ゆえにこのサイトだけでも毎月お小遣い以上の収入が入ってきています。
もちろん商材そのモノも、しっかり良いモノを作りましたが、ネットユーザーというのは販売ホームページを見て購入を決めるわけです。さらに言えばホームページを開いた瞬間、「面白そうなサイトだな、見てみたい」と思ったかどうかが全てです。
どんなに内容が良くても、ホームページを開いた瞬間、個性や世界観が無く見出しもつまらなかったら、ネットユーザーはそのまますぐ去ってしまうのです。
先ほど紹介した私が作ったホームページですが、ある狙ったキーワードでインターネット検索した結果です。
ヤフー、グーグルともに、一千五百万のサイトの中から常に２位～５位表示されるまでになりました。新規ドメイン（アドレス）を取得してからまだ半年も経っていません。
もちろんＳＥＯ（検索エンジン対策）に、お金は一切かけていません。
そして半年過ぎたあたりから
Yahoo!JAPANで見事１位を継続しています。
正しいサイト構成、正しいＨＴＭＬ・ＣＳＳの文法、キーワードの設定強調、地道なバックリンクの取得により無料でココまで出来ました。
私はホームページ制作を仕事にしているわけですが、よくこんな案件をいただきます・・・。
「ホームページの年齢も古いし、バックリンクも相当数あるのに検索順位がまったく上がらないのですが・・・。」
ＳＥＯを考えずソフトで作られたホームページは大抵そんな感じです。キーワード設定などをするためのタグ（記号）がメチャクチャ、ＨＴＭＬの構成も文法もメチャクチャで複雑、ページの見た目だけを整えた作り・・・。これでは検索エンジンに嫌われてしまいます。
≪お客様の声♪≫ 佐伯 様 ３０代 女性の方より
このマニュアルでは画像をたくさん使って説明してくださっており、実際に表示されるページとＨＴＭＬやＣＳＳを見比べながら理解していけるので大変勉強になりました。
以前に自力でホームページを作ろうとした時には挫折したのですが、このマニュアルでは本当の基礎中の基礎から説明を始めてくださっていて自分がわかったつもりでいただけだったことに気付かされました。初心者でもここまで理解できて実際に作れるようになれるとは！という驚きと嬉しさでいっぱいです。
他にホームページ作成について役立った点は、一つの説明点においていくつもの応用例を挙げてくださっていたので頭の中でのシュミレーションがとてもしやすく実際に作成する上でとても良かったです。ホームページ作成のための書籍が様々出されていますが、必要な無料ソフトがそのままダウンロードできることなんかを考えると実際的で良いものだと感じました。
ただ単に、テキストにコピペしてアップロードしてくださいという物とは全く違い、これを理解すれば自分の思ったようなページができるようになると思います。私も早く頭に描いたものをＰＣ上に再現できるように熟達したいと強く思うようになりました。そして技術サポートがあるので大変心強いです。
≪お客様の声♪≫ 三宅 様 ５０代 男性の方より
堀川さん、三宅と申します。マニュアルの感想を送ります。
独学で趣味的にホームページを作っていますが、このマニュアルを読んで
「なるほど、このようにすればいいのかと」と思うことばかりです。
高価な専用ソフトをそろえることなく、パソコンに入っているソフトや
無料ソフトだけで、見栄えのするホームページが作れることは目からウロコです。
たった２行のものから始まって、「ここをこう変えよう」「ここにこれを追加しよう」と
順を追っての解説も図を多く使ってあり、わかりやすいです。
コピー＆ペーストでファイルを作っていけるので、文字の入力に時間がかからないし、
入力間違いがないというのもありがたいです。
他の人に興味を持って読んでいただけるホームページを作っていきたいと思っています。
５０歳代後半の私でもこれからの勉強と経験次第では、ホームページ作成を仕事として
やっていけるのではないかとの意を強くしました。
初心者にも理解できるマニュアルを作っていただき、ありがとうございます。
※他の「お客様の声♪」は、ページの後半でご紹介しております。
あなたは下のいずれかにＹＥＳと応えるでしょう･･･
- ホームページを自分で作ってみたい
- ホームページに関係する仕事をしたい
- ＷＥＢデザイナーになりたい
- 良い副業を探している
- 通信教育や専門学校で学ぶには費用がかかり過ぎる
- 普段外注だが外注費を削減したい
- 外注で作ったけど追加や変更は自分でしたい
そして同時に、こうも思っているでしょう･･･
- 高いソフトが必要なんだろうな～
- デザインのセンスなんてないよな～
- ＨＴＭＬとかＣＳＳって難しいんだろうな～
- パソコン初心者なんかに無理だろうな～
- 技術が身に付くまで何年もかかるんだろうな～
- もう若くないから無理かな～
では、それらの疑問を一つ一つ解消していきましょう！
ホームページのデータファイルを作るために必要な費用は･･････答えは"ゼロ円"です。
データを管理するレンタルサーバーとドメイン（ホームページアドレス）の維持費に年間数千円程度かかりますが、「有料ソフトが無いと作れない」という先入観は間違いです。
ソフトが無くても作れる技術がＨＴＭＬ(html)であり、ＣＳＳ(css)です。画像の作成や加工もエクセルやフリー(無料)ソフトで十分できます。
そして、「高価なソフトがあれば良いホームページが作れる」、と思っている方がいらっしゃいますがそれも間違いです。色合わせ、画像の配置、文字の大きさ、行間隔、文字間隔、各パーツの構成、検索エンジン対策などなど･･････それらをソフトが考えてくれますか？（笑い）。残念ながら考えてくれません（笑い）。
それらは、あなたの実力で解決しなければいけません。しかし反対に言うと身に付いてしまえば、高価なソフトが無くても技術が勝るのです。これは非常に強力な武器です。
身に付けば、この世にインターネットが存在する限り継続的かつ貴重な技術となるのです。ソフトに頼ってホームページを作成してきた人は、細かい作りこみや調整が出来ません。（仕事では発注元の要求する仕様や構成に対応できません）。
だから同じホームページ作成業者でも、ソフトでしか作れない人達はある特定のブラウザ（インターネットを見るためのソフト）で構成の崩れなどトラブルが発生しても直せず、ＣＳＳができる業者に修正を依頼するという、お粗末な結果になるのです。
オフィシャルサイトhoripage@（ホリページ＠）
http://hobby-life.org/hori-page/
Ｅメール
hhv4812hhv1973rc@theia.ocn.ne.jp
自己紹介も含めて解説いたします。
私は「ホームページ作成horipage＠」の堀川春広と申します。現役のウェブデザイナー兼
インフォプレナー（情報起業家）です。
長年サラリーマンをした後、独立してこの世界に飛び込みました。とは申しましても勤めていた会社ではインターネットやホームページとはまったく無縁の仕事で、パソコンといえばネットをたまに見たり、エクセルやワードがなんとなく使える程度でした。そんなレベルでしたから簡単に収入が得られるわけがありませんでした。
しかもホームページ作成スキルを修得するための環境がよくありませんでした。
私はある通信教育システムで学んでいたのですが、ＨＴＭＬやＣＳＳのほかにエクセルやワードなども学べる総合教育だったので費用は10万円以上と、結構高額でした。しかし、そのわりに内容が乏しく、ホームページのサンプルといえば旅行体験記のようなシンプルなものがたった一つあるだけでした。具体的なページの作りこみやリンクメニューの作り方など、プロとして必要なスキルを学べるものでは到底ありませんでした。
結局は書店で解説本を買ったり、ネット上で調べるしかありませんでした。ただし無料や安い情報というのは、現実的な詳細なものではなかったり、本だと紙面なのでコピペもできず一文字一文字わけも分からず時間をかけ打ち込んでるだけで、結局機能しなかったり散々でした。
そして３ヵ月後、苦労しながらもなんとか自分のサイトを作り、仕事もできそうな感じだったので、ある案件の求人に応募しました。その仕事はテンプレート作成の仕事でした。テンプレートとはいわゆる「ひな形」で、購入者が内容の文章を打ち込めばいいだけの、ホームページの基盤のようなものです。
その案件の報酬が10万円で、わりの良い仕事だったため、採用者一名の枠に応募者が数十名いました。「応募者も多いし僕みたいなレベルじゃダメだろうなぁ～」と思っていたところ「堀川さんにお願いしたい」と電話をいただき「えー？！」と思わず口に出てしまいました。「ありがとうございます」と早速作業にかかり正味作業時間は４日間で終わりました。デザインもＯＫいただき、修正やエラーは一点もありませんでした。
「たまたま運がよかったんだなぁ～」と思っていると、また同じような案件があり応募しました。そして応募締め切りの日が過ぎ、「やっぱりダメだったか～」と思った矢先「堀川さんにお願いしたい」と電話をいただきました。「えー？！」そして確信しました･･･
応募の際、必ずホームページ作成の実績を見てもらう（大半の発注者にとってあなたの学歴や資格は意味のないモノです）のですが、見ると当然その人のレベルが分かります。（ソースというプログラムコードの打ち込みを見る）。またコードを直接打ち込んでいるか、ソフトを使っているかも分かります。発注元は私の実力を見て採用してくれたのですね。２回連続の採用で、まぐれではなかったと確信できました。２回目の案件も10万円で４日間くらいで終わりました。
（実際に作った一部はコレ↓です。まっさらなファイルにゼロから全て私が作りました。）
（10万円の仕事でした。何パターンか作りサイドバー左右仕様それぞれ色を５色ずつ。）
誰でも最初から上手く出来る人なんていません。私も最初は案件に応募しても「あなたのデザインレベルじゃね～」と断わられ良い仕事は回ってきませんでした。辛かったですがあきらめず自分のサイトで練習し良くしていきました。
この仕事に運はほとんど関係ありません。毎日の積み重ねが重要です。やればやっただけ実力になりデザインセンスや技術レベルが向上します。毎日そう感じます。そしてそのスキルはインターネットが存在する限り、継続的かつ貴重な財産となるのです。
私はこのレベルになるまでに数ヶ月かかりましたが、内容の乏しい通信教育と書店で買った本から独学で学びました。一方、あなたにはコピペ（コピーアンドペースト）できるマニュアルがあります。しかもホームページを作っていく過程で、問題が出たら私が無料修正と解説をするサポート付きです。一週間くらいあれば私と同じレベルのスキルは、身に付くのではないでしょうか。
２００８年から始まった世界的なバブル崩壊の影響を受け、日本の経済環境は悪化し長引く気配です。しかし一方、この業界に目を向けてみますと成長の勢いは止まっていないようです。今まで広告媒体といえば紙面が多かったわけですが、コストが安く集客力のあるホームページに変わる流れは益々加速するでしょう。また企業の社内情報のやり取りや管理にもインターネット（ホームページ）が利用されることが多くなりました。
そして、それらのホームページを作るのは････････そう･･･あなたです!!
また本業だけでは収入が厳しく、在宅で手軽にできる副業を模索している人が多いようで、それゆえか大手の企業ですら副業を認めているところもあると聞きます。
あなたはＳＯＨＯワーカーというものをご存知でしょうか？
私もその一人ですが会社や組織に属さない、いわゆる個人事業主です。会社や組織で経費といえばやはり人件費が多くをしめます。社員を雇えば、毎月の給料・ボーナス、年金や保険などの社会保障。そして社員が一定レベルになるまで教育費もかかります。しかし仕事単位で個人事業主に発注すれば、その仕事の報酬のみで他に費用はかからないのです。そしてホームページ作成だけであれば、わざわざ会社に出社しなくても在宅の仕事ができるのです。打ち合わせや発注・納品などのやり取りも、メールやスカイプ（ネット回線を利用した無料電話やチャット）で十分です。企業は今後益々、コストが安くできるＳＯＨＯワーカーをビジネスパートナーに選ぶことでしょう。
ですので専業にならずとも、空いた時間で仕事ができるので自宅での副業としてもピッタリでしょう。
あなたは、パソコンのワードやエクセルを多少使ったことはあるでしょうか？ 一昔前から、エクセル・ワードは出来て当たり前と言われてきました。
しかし、この２つは考えてみますとあくまでソフトなのです。マイクロソフト社が作った、計算したり・図形を作ったり・文章を書いたりするためのソフトにすぎません。マイクロソフト社がサービスを止めたり、商品を変えたりすれば、また新しいモノを覚えなければいけません。
一方、ホームページ作成に用いるＨＴＭＬ(html)やＣＳＳ(css)というモノは、ソフトやツールではなく世界共通のプログラム言語そのものなのです。
そのプログラムを直接ファイルに打ち込むのでソフトは必要ないのです。
そしてインターネットという世界が存在する限り、それは継続的かつ貴重な技術になります。しかも集中して学べるなら、良い教材があれば一週間程度で身に付いてしまいます。
人間は、まっさらな状態で小さく生まれ、大きく育ちます。昆虫や魚は、遺伝情報にインプットされた通りの行動パターンで生き、死んでいくだけですが我々哺乳類は違います。確かに遺伝情報や本能も持って生まれますが、基本的にはまっさらな状態で生まれ、新しい世界を学び順応していきます。生涯に渡り新しい世界に興味を持ち、成長していくことを喜びに感じるという本能が人間にはあるようです。一方、人間には慎重さもあり、知らないことや経験したことがないものは敬遠したり、躊躇することもあります。失敗を恐れてしまうわけです。
たしかに、失敗は損失につながります。例えば製造業の場合、材料を製品化する工程で失敗すればその材料はムダになり、破棄するか修正するにも時間や費用がかかります。またサービス業も同じです。お客様の気分を慨してしまったら取り返しがつきません。そのお客様はもう来てくれないか、あるいは関係修復に時間や費用がかかる場合もあるでしょう。
しかし！ パソコンは？というと失敗しても２回クリックすれば元に戻せます!!（笑い）。「編集」→「元に戻す」で直ってしまいます!!（笑い）。それは半分ジョウダンですが、現実的なネットビジネスにおいても、他のビジネスに比べるとリスクは小さいほうです。ネット環境があるパソコン一台でいいわけです。しいて言えば、レンタルサーバーとドメインの維持費で年間に数千円程度です。それでビジネスができるわけです。
始めたばかりのモノというのは、当然最初から上手くできるはずはなく、ツライことも多いでしょう。しかし少しでも上達してくると、それはお金では買えない素晴らしい喜びであり、今後の活力になります。人生にとってこれほど素晴らしいことはない、と最近よく感じています。
このホームページ作成スキル、ＨＴＭＬ(html)やＣＳＳ(css)を身に付けることによって、ビジネスの幅が大いに広がります。
例えば現在すでに在宅の仕事を始められ、ＳＯＨＯワーカーになられている方もいらっしゃるでしょう。ただ、記事書きやデータ入力などの簡単な仕事は、気軽にできる反面、時間がかかったわりに報酬が安くむなしい思いをされているのではないでしょうか。しかし、ＨＴＭＬ(html)やＣＳＳ(css)となれば誰でも容易にできる仕事ではない（身に付いてしまえば楽ですが）代わりに、報酬（所得）もワンランク変わるわけです。
また自分でホームページを作れるということは、自分のネットショップが持て、商品を売ることが出来るということです。
あなたはアフィリエイトというモノをご存知でしょうか？
ネットショッピングというと、楽天とかヤフーが有名ですが、それらと無料で契約できます。あなたが作ったホームページで楽天の商品を掲載し、そこからクリックされて商品が売れた場合、あなたに何割かの報酬が入ります。それがアフィリエイトというシステムです。現実的にそのビジネスだけで毎月数百万円以上稼いでいる人達がたくさんいます。
その他には、情報販売ビジネスがあります。例えばあなたが何か得意な分野があったとします。料理でもゴルフでもゲームでも何でも結構です。成功マニュアルを作りＰＤＦファイルにして、ネットショップで売れるわけです。ＡＳＰという、決済を代行し商品ダウンロードの管理をしてくれる企業があります。売れた場合だけ、数パーセントを手数料として支払うだけなので、サーバーとドメインで数千円かかる以外は初期費用は”ゼロ円”です。商材と魅力あるサイトを作ってしまえば、あとは自動で売れて入金されるのです。そんなビジネスもあります。
そしてホームページ作成を、外注に出されている方もいらっしゃいますが、安くはありません。
まず新規で作るのに最低３万円はかかるのと、サイトは作ったら必ず追加や変更がたくさん出てきます。なんだかんだで最終的には少なくても５万円、かかれば10万円とか20万円かかっている場合もあるでしょう。しかし自分でやれば”ゼロ円”です。外注費用がかかっていない分、それは利益になっているわけです。そしてサイトが２つ３つ増えれば２倍、３倍になるわけです。しかも経験すればするほど上達し自分のサイトが良くなっていきます。
決してしてはいけないこと･･････それは自分の能力を悲観し限界を作ってしまうこと!!
あきらめたら何も始まりません!!
あなたは書店で本を買う時、目次や内容を少し読んでみて「欲しい」と思ったら購入されると思います。同じようにこのホームページの作り方マニュアルを見ていただきます。私が以前購入した通信教育プログラムは、教材の中身を見せず、内容が乏しいわりに高額な費用を取っていました。とても後悔しました。あなたにはそうなってほしくないので納得してご購入いただきたいと思います。
一般の教材の欠点! このマニュアルの利点!
- 現実的な運営に必要な、一連の解説が乏しい
ホームページを作り、運営するには様々なことを理解していなければいけません。ただ作ればいいわけではなく、レンタルサーバーやドメインを取得したり、アップロードも必要です。検索エンジン対策もしなければいけません。一般の教材は一連の解説が乏しく、そのまま学んだだけでは現実的に運営できません。
このホームページの作り方マニュアル本では、現実的な運営ができるように最後まで解説しています。また上手くできなければ、私が技術サポートで直接フォローいたします。
- 内容の現実性が乏しい
理論や理屈も大切ですが、そればかりで現実的な解説がなければ、実際に作って運営できません。そんな教材が多すぎます。このホームページの作り方マニュアルは基本や理論だけでなく、私が実際に作成して運営しているサイトや業務で実際に作ったサイトを、パーツサンプルとして解説しています。ソースコードをコピペしてそのまま使えます。（画像が必要なパターンは作っていただきます）。
またプログラム記号やコードの解説だけでなく、画像の作り方までトータルで解説しています。ブツ切りの理論だけの部分解説ではありません。もちろん上手くできなければ、私が技術サポートで直接フォローいたします。
- サンプルが少ない
私が10万円以上の費用を払って参加した教育プログラムはヒドイものでした。サンプルといえば旅行体験記のようなシンプルなサイトが一つあっただけで、あとは理屈ばかりでした。
このホームページの作り方マニュアル本では画像も含めた
パーツサンプルがなんと１８０点以上!!
その内ソースをコピペできるものが５０点以上!!です。
思う存分活用してください。
- 紙面はコピペできない
当然ながら、書店で購入する本はコピペできません。一文字一文字時間をかけ打ち込んだのに、理論ばかりで現実的に機能しなかった経験もあります。あなたには無駄な時間と精神的苦痛を味合わせたくありません。
このマニュアルはパソコン画面で見れるＰＤＦにいたしましたので、ソースコードや記号などコピペしてお使いください。またＰＤＦの利点として、画面の大きさを無段階で調整できますので拡大・縮小をお好みでご覧下さい。
他にもたくさん利点がありますのと、今回特別なプレゼントもたくさん盛り込んでいますが、また最後にご紹介いたします。
立ち読みしていただきます!
ではココからは立ち読みをしていただきます。重要な本質にせまる部分は公開できませんが、このホームページの作り方マニュアルの雰囲気は伝わると思います。（マニュアルの部分部分しか掲載していないのですが、それでも長いですので、そのおつもりでご覧下さい）。
ホームページの仕組みとは
私達はホームページを見るとき、サーバーからデータをダウンロード（落とし込み）して見ます。
反対に作ったデータをネットユーザーに見てもらうためには、サーバーへアップロード（書き込み）
しなければいけません。ファイルにデータを作り、アップロードする。これが私達の作業になります。
というような基本からお話しています。
ＨＴＭＬの基本
ＨＴＭＬ（html）というと「難しい」、「さっぱり分からない」という先入観があるかもしれませんが、心配ご無用です。実際に運営しているサイトを例に細かく解説しています。もちろんコピペの案内もありますので 活用できます。もし上手くいかなくても私が直接サポートしますのでご安心ください。
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだココは基本編で、サンプルや解説も更に続いていますがキリが無いので次へ。
ＣＳＳの基本
ＣＳＳ（css）というと「難しい」、「さっぱり分からない」という先入観があるかもしれませんが、心配ご無用です。実際に運営しているサイトを例に細かく解説しています。もちろんコピペの案内もありますので 活用できます。もし上手くいかなくても私が直接サポートしますのでご安心ください。
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだココは基本編で、サンプルや解説も更に続いていますがキリが無いので次へ。
画像とＣＳＳを使ったレイアウト
ＣＳＳと画像の作り方を学ぶとデザインは無限です。あなたが、誰も見たことが無いすごいデザインを発見するかもしれません。
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだサンプルや解説も更に続いていますが、キリが無いので次へ。
写真や作成した画像の掲載方法
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだサンプルや解説も更に続いていますが、キリが無いので次へ。
文字や文章の表現
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだサンプルや解説も更に続いていますが、キリが無いので次へ。
table（テーブル）の基本から応用
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだサンプルや解説も更に続いていますが、キリが無いので次へ。
リンクの種類・設置・装飾と応用
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだサンプルや解説も更に続いていますが、キリが無いので次へ。
動画の掲載
最近ホームページ上に動画が掲載されているのが当たり前になってきました。安いデジカメでも結構良い動画が撮れるようになりましたし、携帯でも撮れるからでしょう。私も自サイトで活用しています。商品やサービスに「動き」や「音」がある場合は必須のコンテンツになるでしょう。
レンタルサーバー・ドメイン取得と設定
一般の教材はこういった現実のホームページ運営に必要な解説が乏しいです。思わぬ落とし穴があったり、知らないとまったく先に進まないこともよくあります。このホームページの作り方マニュアルでは実際に運営できるまで丁寧に解説してあります。もし上手くいかなくても私が直接サポートしますのでご安心ください。
アップロード方法、アドレス・複数サイトの作り方
一般の教材はこういった現実のホームページ運営に必要な解説が乏しいです。思わぬ落とし穴があったり、知らないとまったく先に進まないこともよくあります。このホームページの作り方マニュアルでは実際に運営できるまで丁寧に解説してあります。もし上手くいかなくても私が直接サポートしますのでご安心ください。
いかがでしょうか？雰囲気は伝わりますでしょうか？ まだまだ解説が更に続いていますが、キリが無いので次へ。
パーツサンプル１８０点以上、コピペ５０点以上
私が以前購入した教育プログラムは、高額なわりにサンプルや応用例がほんの数個で、とても仕事に役立つものではありませんでした。あなたにはそんな思いをさせたくありません。そのまま使える・カスタマイズできるサンプルをたくさん掲載しました。大いに活用してください･･････と言いたいところですが、考えてみますとこのホームページの作り方マニュアルを修得したあなたは、ＨＴＭＬとＣＳＳがしっかり身に付いているわけですから、
好きなデザインを好きな数だけ作れるわけです!（笑い）
強力フリーソフト２点を手にしていただきます
強力なフリー（無料）ソフトを手に入れていただきます。
まずコーディング（ファイルに文字や記号を打ち込む作業）用のソフトですが、①を見てください。ＨＴＭＬ・ＣＳＳの用語や記号を全て覚える必要はありません。このソフトは頭文字を一文字入れただけで、その文字に関する用語を全て選択肢として表示してくれます。ですのであなたは何となく覚えていればいいのです。そして選択肢から選んでEnterを押すだけですから、長い単語を打ち込む必要もないのです。とても楽ですし、打ち間違いもありません。初心者の段階では強力な味方ですが、何度か同じ単語を使っているうちに覚えてしまいますが･･･（笑い）
次に②を見てください。セールスレターなど１ページが長くなると、例えば内容の一部を修正や追加・削除したい場合ＨＴＭＬファイルのどこに記述してあるか、探すのに大変苦労することがあります。そんな時はインターネット画面の文章の一部を「検索窓」にコピペすると、図のように指示が出るのでその通りにすると目的のＨＴＭＬの所まで飛んでくれます。
そして③ですが勝手に文法をチェックしてくれ、どの行の何が間違っているのか指摘してくれます。例えば記述が間違っていても大半のブラウザで問題なく表示されると、作成者は間違いに気付きません。ただしＳＥＯ（検索エンジン対策）的には、それは不利になってしまいます。ですので上手く表示されない時のお助け役だけでなく、ＳＥＯにも一役かっているわけです。
もう一つ画像作成・加工用のソフトです。フリーソフトもネット上で入手できるものはたくさんあるのですが、このソフトの良い所は背景透過gif画像が作れるところです。背景透過とは例えばハートマークや球体のマークを表示させたいとき、ページの背景が白や単色ならいいですが、複色や写真の場合→
←こんな感じになってしまいます。（画像を作った時の背景色が表示されてしまう）。そうならないように、目的の図以外の背景を透過にしたい場合に活用できるのです。→こんな感じで
。 有料ソフトでフォトショップやイラストレーター、ファイアーワークスなどのpngという形式があり、こちらも透過が作れるのですがアルファ透過と言われるもので、インターネットエクスプローラー６がこれに対応しておらず、透明にならないで灰色で表示されてしまいます。ですので主要ブラウザ全てに対応しているgif透過を作れるソフトを今回選びました。もちろん加工だけでなく、図形や文字の作成をしたり影やグラデーションなどの装飾もできます。大いに活用してください。
実はさらに!
したいと思います!
すでにお話したモノも含まれますが、今回のホームページの作り方マニュアル本には強力な助っ人を仕込んであります。きっとあなたのお役に立てることでしょう･･･
一般的に古いサイト（アドレスの年齢が古い）は検索上位表示される傾向があります。しかし私の所有する上図のサイトは、まだアドレスの年齢が半年にも満たないのですが、あるキーワードで検索すると13,200,000件の中から常に２位～５位表示されるまでになりました。もちろんレンタルサーバーとドメイン（アドレス）取得以外のお金は一切かけていません。正しい記述方法で・キーワードをしっかり設定強調し・コンテンツ（内容）を充実させ・地道にバックリンク（他者にリンクしてもらう）を増やした結果です。無料でここまで出来るのです。
それにはＨＴＭＬやＣＳＳの修得が欠かせません。見た目だけを重視して「文字も画像ばかり」、「記述方法の間違いに気付いていない」では、いつまで経っても上位表示されず誰も訪問してくれません。
また有料広告でも同じです。「入札単価を高くすれば上位表示されるでしょ」という声が聞こえてきそうですが、実はグーグルアドワーズなどのコンテンツマッチでは、広告キーワードの設定だけでなく、ホームページの作り方が大きく影響してきます。先ほどもお話した「正しい記述方法で・キーワードをしっかり設定強調し・コンテンツ（内容）を充実させ・地道にバックリンク」です。
ＳＥＯ対策の業者も存在しますが、高額な費用を取っているわりにスパム（不正行為）判定され、順位が上がるどころか落ちてしまうケースもあります。「ＳＥＯ対策用のソフト」も同じことが言えます。また「ＳＥＯ対策万全のテンプレート」と称した「ひな形」を購入しても同じことです。ＨＴＭＬやＣＳＳを理解していないとテンプレートも使いこなせず、思わぬ落とし穴に落ちている場合もあります。
以上からハッキリ言えることは、ホームページを作り・運営していくためには、ＨＴＭＬとＣＳＳの修得が全ての基盤になるということです。一時的な小手先の情報に振り回されてはいけません。グーグルやヤフーは、あなたのサイトが「ネットユーザーにとって有益かどうか」を最重要視するわけです。そのためにコンテンツを充実し、検索エンジンに分かりやすい正しい記述方法でサイトを作る。そして良質なバックリンクを得る。これが大切です。
ホームページを所有すると欲しくなるのがメールフォームです。訪問者からすると、チョットした注文や問い合わせをするのに便利です。フォームメーラーなどの企業が無料で提供しているフォームもありますが、関係の無い広告が入ったりドメインがそのページだけ変わったりと、良い印象が残りません。またデザインにも制限があります。もちろん有料版なら広告は無いですが当然お金がかかります。
ですので、あなたには無料でデザイン自由なサンキューページ付きメールフォームをプレゼントします。私が実際使っているモノそっくりコピペしていただきます。項目とメルアドを変えればそのまま使えますし、デザインを修得したあなたは自由自在に装飾できます。（※ＰＨＰ対応のサーバーが必要です）。
在宅ワーカーとして、「どこから」「どのように」仕事を獲得すれば良いのか解説しています。もちろん面倒な手続きや費用がかからない方法です。また重要なビジネスマナーなども学んでいただきます。
あなたがホームページを作り始めると、必ず上手くいかないことが出てきます。「文字の装飾が機能しない」、「画像を入れたらレイアウトが崩れた」、「リンクできない」、「アップロードされない」などなど。本来なら修正業務として、簡単なものでも３千円程度は通常いただいています。しかし今回は、このマニュアルの発売記念特別サービスとして今だけ限定でご購入いただいたあなただけに無料サポートをお付けします。私があなたに代わって修正します。アドバイスします。一つのホームページを作り上げるまで半年間、回数は無制限です。あなたは安心して、このマニュアルで学んでください。
≪お客様の声♪≫ 河野 様 ５０代 女性の方より
パソコン歴10年にもなるのに、まだホームページを作れないオバサンが「ホームページ作成スキルを身に付ける≪コピペができる≫マニュアル」を読んで見ました。
マニュアルを読み進めると、懇切丁寧に説明が始まりました。パソコン用語羅列の硬い文章かと思いきや、パソコンの画面の図が盛りだくさんで、文章も明快、口語調の楽しいもので、ぐんぐん引き込まれました。そろそろ飽きてきたなと思う頃、「眠くなりそうな話が続きますが、がんばってください。」という言葉が飛び出し、読み手の気持ちがわかるのね！？と感動すら覚えました。
そして、何といっても驚きなのが、ホームページを作るために必要なテキストがマニュアルにずらっと書いてあって、それをそのままコピーして、説明どおりに作ったファイルに貼り付けると、あっという間にホームページの1部が出来上がっちゃうこと。テキストの意味はわからなくても、とりあえずできちゃう。その上、1行ずつ丁寧にその意味を説明してくれて、ちょっと修正するとページの文字の色が変わったりするのを体験できます。
このホームページの作り方マニュアルがあれば、自由自在にページを作ることが出来ることが分かり大満足です。
≪お客様の声♪≫ 松尾 様 ３０代 男性の方より
このホームページの作り方マニュアルで良いところは、まずとても見やすく読みやすかったです。
HTMLとCSSが並べて記述してありますので、両方を確認しながら効率良く学ぶことができ、スクロールしながら進んだり戻ったりしているうちに頭が混乱してきたというこれまでの悩みも削減することができました。
記述としては、堀川さんご自身の言葉で表現されているため、堅苦しい教科書ツールを読むというよりは、マンツーマンで対話しながら進めているような感覚で、とても好感を持つことができました。
ツールの中で、無料でダウンロードできる便利ツールを実際に使用しながらの展開にも、重宝さを感じました。
テクニックだけでなく、業界に対応するための記述のノウハウも明記されています。実践にすぐ役立ち、他社のツールでは習得することのできない情報も組み込んであり、得をした気分になりました。
普通は学習を進めるにあたって最終的にどのように活かすことができるのかが最も不安なところですが、アップロードする方法や、そのアップロードしたHPをベースに企業にアプローチするまでが丁寧に綴ってあり、とても参考になりました。
≪お客様の声♪≫ 吉岡 様 ２０代 女性の方より
堀川さん、吉岡です。今までホームページ作成どころかパソコンが詳しくない私でも、
このホームページの作り方マニュアルを見て自分の趣味のホームページを作ることが出来ました。
とても判りやすい内容・構成になっていて、またホームページのデザインなども詳しく載っていてとても参考になりました。
しかも良くインターネットで見かける、お洒落でカッコいいホームページに見劣りしないレベルが作れるようになりました。
後半はさらにレベルアップ出来る内容が掲載されているみたいなので、これからもとても楽しみです。
本当に購入して良かったと思っております。それではまたご連絡させていただきます。
≪お客様の声♪≫ 千葉 様 ３０代 男性の方より
目からうろこが落ちました！
私は今まで簡単なHTML程度は理解していたつもりでした。
それでもホームページビルダーの簡単に作成できるモードで作っていたので、
できあがったホームページのソースを見てみたらあまりにも複雑で
ホームページビルダーの簡単作成モードでしか修正が出来ない状態だったのです。
そんな状態ですのでCSSなんて名前は知っていても自分で使うなんて夢のまた夢といった感じでした。
他にも検索エンジン対策も何にもやっていなかったので自分のホームページに全然人が来ないのは人気がないからだと思っていました。
タイトルとかメタタグとかも何も意識していなかったのでこのホームページの作り方マニュアルを見て初めて重要性がわかりました。
このマニュアルならソースとかをコピーするだけで簡単にホームページが作れるのですぐに実践してみました。
便利な無料ツールまで紹介されていてこれから自分のホームページを改造する予定です。
見やすいホームページの構造まで丁寧な図解入りで記載されているので本当にわかりやすいマニュアルです。
どんどん実践してレベルアップしたいと思います。
≪お客様の声♪≫ 安達 様 ３０代 女性の方より
このたびはとても丁寧なマニュアル、ありがとうございました。
私は２０才の頃からネットを始めましたが、もっぱら「見る」ばかりで、自分でホームページ作成など夢のまた夢でした。
近頃はやりのブログ。趣味が手芸なので、型紙などを紹介するブログサイトを目指しましたが・・・。
よくある無料で作成できるサイトで、一度だけブログにチャレンジしたことがあります。しかし結果は、いかにも既製品な感じ。
ですので愛着もわくはずもなくすぐにやめてしまいました。
このマニュアルはページが多くてびっくりしましたが、中身を見るとまたびっくり。
順を追って丁寧に説明してあるのでとてもわかりやすかったです。一般的なマニュアル本だと、本当にむずかしい言葉ばかりで、チンプンカンプン？でした。
参考になるサイトのアドレスも載っているので、なおさら親切ですね。
これからはこのマニュアルを参考にして素敵なホームページ作って行きたいです！
≪お客様の声♪≫ 小泉 様 ２０代 男性の方より
私は色々な説明書やマニュアルを読んでいて、何をしたらどうなるのかが良く分からず、
ストレスを感じる事が良くあるのですが、このマニュアルは文章だけではなく、
豊富な画像を使いながらの説明になっていたので、次にどうしたら良いのか、
実際に実行してみたらどうなるのかが分かり易いと感じました。
また、色々なホームページで見かける表現方法が紹介されていたりして、
マジックのタネを知っているような感覚で嬉しくなりました。
今度は自分が使う側になりたいですね。
私はこのマニュアルを読み終え、改めてオリジナルのホームページを作成中です。
まだ１画面程の単純なものですが、マニュアルには本格的な技術も紹介されているので、
これから作りこんでいって、注目を集められるようなホームページにしたいと思います。
≪お客様の声♪≫ 西村 様 ４０代 女性の方より
過去に、私は市販のアプリケーションソフトを使って、自分のホームページを作ってみたことはあります。
ところがデザインなどなど全体的に納得できる出来ではなく、いまだ公開にまでたどりついていません。
今回このマニュアルに出合って、読みながら試してみるとサクサクと作ることができ、自分でもびっくりしました。
特にスタイルシートを使って、背景やフレームについて色々工夫できる仕組みがとてもわかりやすく、
デザインもこんなに自由度があるんだと、驚きの発見で胸が躍りました。
また、フリーソフトの利用方法も紹介されていて、お金をかけずにホームページが作れることを知り、びっくり！！
カッコいい自作ホームページ開設の夢がかなうのも間近です。
≪お客様の声♪≫ 関 様 ２０代 男性の方より
ホームページ作成マニュアルを読ませて頂きました。
手始めに、1ページ目から指示通りにホームページを作成してみると、コピーアンドペーストでHTMLファイル、CSSファイルを作成出来る為、サクサクと作業が進められ、よくわからないなぁと思う箇所には、必ず説明書きがされており、大変読みやすく、全く躊躇無くホームページを作成する事に成功しました。
HTMLファイルやCSSファイルの解説ではタグについてわかりやすくオリジナルの説明や図解が記述されており、とても勉強になりました。又、ホームページを作成するにあたり、使用するツールの取得方法、使用方法等も細かく指示されており、どれを使用するか悩む手間が省け、ほとんど時間をかけずに作業を行う事ができました。
これから更に自身のホームページを構築してゆくにあたり、教科書的な存在として重宝してゆきそうです。
「立ち読み」していただきましたので、このマニュアルの雰囲気は分かっていただけたと思いますが、最後に目次をご覧いただき全体像をつかんでください。
