最初に
ホームページで情報発信しましょう。
会社や学校の紹介をしたい、趣味の知識や経験を見てもらいたいと思ったら、多くの人がホームページを作ろうと考えます。情報発信の手段には掲示板、SNS、ブログ等がありますが、多くの人に見てもらうにはホームページが最適です。豊富な表現で訴求ができますし、名刺代わりにもなります。
これからホームページを作ろうという方に、新たにホームページに係わるようになった方の参考になればと、本サイトを立ち上げました。ホームページの作成をプロや身近の方に依頼しても、更新作業は自分たちでする所も多いようです。更新作業にも、ホームページの最低限の知識は必要です。
表現の豊かなページを作ろうと、最初からFlash、java Script、CGI、PHP、WordPress等々と欲張らないでください。本サイトは、ホームページの基本をメモ帳使用で学び、実際のページはホームページ・ビルダーで作ります。扱うのはHTMLとCSSだけですが、それでもけっこう大変です。
本サイトは私の防忘録でもあります。使わないと忘れてしまいます。HTMLやCSSはすべてテキストエディタで作るのが王道でしょうが、わたしのような初心者にとって、オーサリングソフトは便利です。Windows7環境下でホームページ・ビルダーVer.18使用の「マニュアル」（のつもり）です。
参考に時間割を作成しました。勉強にさける時間は人それぞれです。一日で読破が無理なら、次は一週間、一ヶ月、一年と期間を延長してください。後から「なんだ、このことだったのか」かと合点がいくこともあろうかと思います。何から始めたらいいか分からない、そんな方の参考になれば幸いです。
※上図は練習用に作るホームページの１例です
ホームページの仕組み
ホームページのデータは、インターネット上に点在するWｅｂサーバというホームページ公開専用のコンピュータの中に保存されています。世界中にあるWebサーバはインターネットを通して互いに接続されています。私たちはプロバイダを介して、Webサーバに保管されたデータを見ています。
※Webとは「クモの糸」の意です
ホームページを閲覧するには、WebブラウザでURLを指定します。URLを指定するとブラウザがインターネット上のWebサーバを探して、目的のホームページをコンピュータの画面上に表示します。
ホームページのソース
私たちがいつも見ているホームページは、カラフルな文字やイラスト、写真等できていますが、実体は文字（HTML)だけで書かれたシンプルなソースです。試しにInternet Exporerでお好きなホームページを開き、[メニューバー]→[表示]→[ソース]をクリックしてHTMLソースを見てください。
※HTMLはHyperText Markup Languageの略です。Webページから別のWebページにリンクを貼ったり、ページ内に画像等のデータファイルをリンクで埋めこんだり、目印を付けるの意です。
ビルダーでは下図のように「ページ/ソース」タブを選択すると、「ページ編集」画面と、「HTMLソース編集」画面が一度に表示されます。編集内容がどうHTMLに反映するのか見ながら編集作業が行えます。逆にHTMLからの変更は「ページ編集画面」をクリックすると「編集画面」に反映されます。
※古いVer.では「ページ編集」と「プレビュー」タブの二種類しか用意されていませんでした
ホームページを作る
「習うより慣れろ」はホームページ作りにも当てはまります。Windows付属のメモ帳に簡単なHTMLタグを打ってホームページ作りを始め、テンプレートを利用してホームページが作れるようになればと思います。下はテンプレート使用例として作りました。段組までできれば十分だと思います。
感謝
サイト開設するにあたり、多くのホームページと本を参考にさせていただきました。感謝いたします。・Webサイト
ホームページ・ビルダー16ではじめてのWebページ
ねのみみネット情報局 やさしいホームページのはじめ方
パソコンあれこれ - ホームページ・ビルダーを使う
・Book
はじめての簡単/ホームページビルダー１８（秀和システム）
これからはじめるHTML&スタイルシートの本（技術評論社）
HTML&スタイルシートトレーニングブック（株式会社ソーテック）
お断り
本サイトでは最初に書くべき、権利関係（著作権、肖像権など）や「引用やリンクに関する議論」について触れていません。「他の人」の権利を侵害したり、不快にさせないよう、配慮が求められます。
◎免責事項
本サイトは記載内容に全責任を負うものではありません。参考として見ていただければと思います
◎商標または商標登録
ホームページ・ビルダーは、株式会社ジャストシステムの登録商標です
◎著作権について
本サイトの画像やイラスト等はご自由にお使いください。リンクもご自由にお貼りください
