• 私は２００５年４月に、現在も使用しているメーカーのデスクトップＰＣを購入しました。
    約半年間、３〜４冊のＰＣ関連の雑誌で素人なりに研究をして、
    １５万円の予算で、当時としてはベストの性能のものを選んだつもりですが、
    ＨＰを始めるのに、ハードディスクの２５０ＧＢは無用の長物でした。
    それ程ハードディスクの容量にこだわらなくても、ＨＰは充分作る事は出来ます。

  • はっきり言って、今だに私はＰＣに関して素人ですが、
    とにかく”とりあえずやってみる！”をモットーに今日まで取り組んできました。
    皆さんも、怖がらずにどんどん興味をもってクリックして、
    間違いに気づいたら、すぐ"戻る"ボタンをクリックする勇気を持ちましょう。

  • ＨＰを始めるにはまず、ＨＴＭＬを知る必要があります。
    簡単に出来るブログも、実はＨＴＭＬが主に使われていて、タイトルや文章を記入すると、
    自動的に、ページが出来るような仕組みになっているのです。
    有名な”ホームページビルダー”が同様のソフトになります。

    • 私は、一からＨＰを造りたいと思ってましたので、ソフトには目もくれず本屋さんに走り、
    まず ”超図解 無料で簡単!ホームページ&ブログ作成入門 ” エクスメディア社を購入。
    続けて、”これ一冊でわかるＨＴＭＬ＋スタイルシート”新星出版社を購入しました。

    この２冊を参考に、試行錯誤の上出来上がったのが、フレームタイプのＨＰでした。
    これは、画面を印刷するとバラバラになること、
    ページとして認識しないＯＳがあるということを、
    次に求めた ”オールカラー 最新実用HTMLタグ辞典 ” 技術評論社で知りました。
    それで、
    大幅にページを造り直し、現在のような” ガーデニングの輪”が出来上がりました。
    所詮、自己満足の世界ですが・・・
    これは、ＨＴＭＬ文書の中の＜table＞タグで、表を活用したページになります。

    それでは、ＨＴＭＬ文書を勉強するために、今見ているページのＨＴＭＬを見てみましょう！
    これからは、右上の”Ｘボタン”をフル活用して勉強することになります。

    • 画面左上の左から３つ目の”表示”をクリックして下さい。すると、プルダウンメニューが表れます。
    • その下から３行目の”ソース”をクリックして下さい。
    • すると、このページを構成しているＨＴＭＬ文書が表れます。

    １行目が
    ＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"・・・・・・・＞です。
    これはＨＴＭＬ文書の種類（バージョン）を指定するものです。

    そして２行目に
    ＜html lang="ja"＞
    でここからＨＴＭＬ文書が始まり、使用する文書は”日本語”ですよと示します。
    ほとんどのタグが、＜/html＞というように「/」をつけて締めくくります。

    次が＜head＞
    このタグの部分でこのホームページの文書のルールを決めます。

    そして
    ＜meta http-equiv="Content-type" content="text/html;charset="Shift_JIS"＞
    が使用する文字コードを示します。
    そして以下の＜meta・・・・>でスタイルシートやスクリプトの言語を指定したり、
    キーワードや内容の紹介、制作者名等を知らせます。

    次が＜title＞ホームページを造ろう＜/title＞
    見ての通り、このページのタイトルです。

    そして、
    従来は、＜style type"text/css"＞でスタイルシートを定義し、
    文字の大きさや色、ページの色、マウスをあてた時の文字の色、
    画面のどの位置にページや画像を置くかなど様々な情報を設定していたのですが、
    今は、別のページ"pagebase.css"でその情報を一括して設定する様になりました。
    ＜link rel="stylesheet" href="pagebase.css" type="text/css"＞がその表示となります。
    最後に、＜/head＞タグで文書に関する情報をしめくくります。

    そして＜body＞タグで、
    肝心のプラウザに表示される、本文の部分が始まります。
    先程説明した、＜table＞タグはCSSの導入によりほとんど使われなくなりました。

    それでは、
    このソースのＨＴＭＬ文書をコピーして、貴方のＰＣで練習してみましょう。

    Windowsをご利用の場合、

    の様な警告文が出る事があります。その時は、許可するをクリックして下さい。

    • このソースの左上２番目の編集をクリックし、一番下の全て選択をクリックします。
    • するとＨＴＭＬ文書の１行目から最後の行までがブルーになり、
      マウスをドラッグさせた時と同じ状態になります。
    • 再び左上の２番目”編集”をクリック。
    • 一番上の”コピー”をクリック。
    • そのまま左下のwindowsマークのスタートボタンをクリック、
    • ”全てのプログラム”をクリック、
    • アクセサリーの中のメモ帳をクリックして開いて、
    • 画面にポインターの”ｌ”が点滅したら、
    • 再び”編集”をクリック、
    • ”貼り付け”をクリックすると"メモ帳"にコピーが完了します。
    • 自分のページとして、タイトル部分を適当に編集してみて下さい。
    • 編集が終ったら、左上の”ファイル”をクリック、
    • "名前をつけて保存"をクリックして、マイドキュメントに保存します。
    • どんなページになっているかダブルクリックして確認してください。
    • 後は、色んな部分を書き替え、忘れずに都度"上書き保存″をして下さい。

    後は、色々練習をしているうちに法則が分ってくると思いますので、
    先程も紹介した本の中から一番自分に合ったものを求めて、
    ぜひ、ホームページ造りに排戦していただきたいと思います。

    但し、先程の"HTMLソース"のコピーの行為は
    他のＨＰでは、著作権を侵害する犯罪に成りますので、くれぐれも、なさらないよう忠告しておきます。
    私のこのＨＰだけで出来ることですので十分ご注意、ご了承下さい。

    少しは参考になりましたでしょうか？
○このページの一番上へ