＜＜もくじ＞＞

ホームページ作成に入る前の準備

１.アイデアを練ろう
２.画像を準備しよう
３.ソフトを揃えよう
４.Internet Assistant for Wordのインストール

サンプルのＨＴＭＬを研究しよう！

５.ブラウザでサンプルのページとソースを保存しましょう。
６.HTMLファイルの構造を知り、参考とするため印刷しておきましょう。

Takapenが準備したSumple.htmとボタン類をプレゼント！

７.ブラウザでSumple.htmを表示してみましょう。
８.Sumple.htmと使用自由のボタン類をダウンロードしましょう。

HTMLタグ（Ａ〜Ｚ順）解説----準備中につきしばらくお待ちください。

HTMLサンプルと使用自由のボタン類のダウンロードサービス

ホームページ作成に入る前の準備

アイデアを練ろう

コンテンツは人柄です！ ・自分の興味あること、長続きしそうなことを、ひとつ選ぼう。 ・ホームページの更新を続けていれば、興味の変化や技術の向上で、コンテンツも豊かになります。 肩の力をぬこうね！ ・最初からすごい内容や、テクニックのものをつくろうなんて思わない。いずれ、いろんなことができるようになりますよ！ ・どうしてもだめなら、やめちゃえばいいのだから。 親身になってくれる先輩をつくろう！ ・わからない時や困った時、Ｎｅｔの仲間は本当にていねいに教えてくれます。気に入ったページ・作者があったら、メールでもだして親しくなりましょう。

１２

画像を準備しよう

画像の多用はページが重くなります。 効果的に使いましょう。 写真やイラストはJpeg形式で保存。ボタンやベタＣＧはGif形式で保存。 画像データを小さくする処理は、 １）サイズ変更（縮小・トリミング） ２）色数を減らす（減色） ３）圧縮率を高める の順で。最初は気にしなくてもいし、市販の素材集を使ってもいいかもね。 ＜写真＞デジカメやスキャナーで ＜イラスト＞紙に書いてスキャナーで ＜ＣＧ＞ペイントツールで ＜ボタン・タイトル＞ペイントツール Windows95付属のペイントではBMP形式しか保存できないので、いずれかのペイントソフトが必要です。

２３

ソフトを揃えよう

必要なソフト エディタ　MS Word95 　　　　　Internet Assistant for Word95 　　　　　（Word97にはAssistant機能が最初からアドオンされています。 　　　　　　インストールの必要はありません） 　　　　　メモ帳（Windows95付属） ブラウザ　Internet Explore 3.0X ペイント　ペイントブラシ（Windows95付属） ＦＴＰ　　Ws-FTP（フリー） あると便利なソフト エディタ　Home Site1.2（フリー） 　　　　　Hiper Edit（シェア） ペイント　Paint Shop Pro（市販シェア） 　　　　　Windows Drow（市販） 　　　　　Gix Pro（シェア） ＦＴＰ　　Cute FTP（シェア）

３４

Internet Assistant for Wordのインストール（Word97の場合は必要なし）

Internet Assistant for Wordをインストールしましょう！ Word95のアドオンとして働きます。HTMLファイル（拡張子が.htmか.html）を開くと、ツールバーが変わって、HTMLエディターになります。 もしも、ツールバーに変化がなかったら、ファイル−＞テンプレートのダイアログで、文章に使用するテンプレートに、自分がWord(Office)をインストールしているディスクから「 X:\MSOffice\Template\HTML.DOT」を選んで、OKをクリックしましょう。

４５

サンプルとなるＨＴＭＬを研究しよう！

ブラウザでサンプルとなりそうなページとそのソースを保存しましょう。

ブラウザでサンプルとなりそうなページを保存しておきます。(.html,or,.htm) 1)メニューのファイル−＞名前をつけて保存を選び、ダイアログボックスで、任意のフォルダに（htmlとでも名前をつけたフォルダをつくっておいてください）、保存します。 2)サンプルとなりそうな画像は、画像の上で右クリックし、出てきたダイアログボックスで、名前をつけて画像を保存を選び、上と同じ任意のフォルダにひとつづつ保存しておきます。 3)ブラウザの、表示＞ソース表示で、HTMLコードを表示させ、HTMLコードを表示しているエディターのファイル＞名前をつけて保存で、保存しておきましょう。

５６

HTMLファイルの構造を知り、参考とするため印刷しておきましょう。

Internet Assistant for Wordで書くとしても、将来、思いどおりのページの表現にするには、多少のHTMLタグの知識と、Textエディターなどでの修正も必要です。 最初はよくわからなくても、眺めて勉強しましょう。じき、すこしづつわかるようになります。 1)ブラウザの、ファイル＞印刷コマンドで、実際の見え方を印刷しておきます。 2)ブラウザの、表示＞ソース表示で、HTMLコードを表示させ、印刷しておきます。（必要なら、HTMLコードを表示しているエディターのファイル＞名前をつけて保存で、保存しておきましょう）

６７

Takapenが準備したSumple.htmとボタン類をプレゼント！

ブラウザでSumple.htmを表示してみましょう。

ブラウザでここをクリックして、Sumple.htmを見てみましょう。 1)ブラウザの、ファイル＞印刷コマンドで、実際の見え方を印刷しておきます。 2)ブラウザの、表示＞ソース表示で、HTMLコードを表示させ、印刷しておきます。（必要なら、HTMLコードを表示しているエディターのファイル＞名前をつけて保存で、保存しておきましょう）

７８

Sumple.htmと使用自由のボタン類をダウンロードしましょう。

Sumple.htmと使用自由のボタン類をパックしました。 ここをクリックして、LHA圧縮ファイルの、button.lzhをダウンロードしましょう。 圧縮解凍ソフトで、解凍して、自由にお使いください。

　　誰でもつくれる簡単ホームページへ

　Takapen Homeへ戻る

　 takapen@ac.wakwak.com