ホームページ(HP)制作についての情報

最終更新日 2002年01月23日


自分のホームページ(HP)をまず1ページだけでも作成して、契約しているプロバイダーのサーバーに送信しましょう。

そのページがロボット検索に登録されるまでは結構時間がかかりますので、工事中、としてでもまずは開設されることをお勧めします。

 

HP作成の早道はお気に入りの他人のページを拝借して、内容を変更して利用することです。

 

html(エイチティーエムエル)言語とかいうものは興味のある方はあとで勉強して下さい。要は誰に、何を見てもらいたいかなど、アップする内容が肝心。

html言語を見たら、作成する気になれません。とにかくhtml言語を使わずホームページ作成しましょう。


  まず1ページ作成に挑戦  
作成手順その1 ホームページの構造を知る。
 

インターネットでいろんなホームページを見て、まず気に入ったホームページがあれば、まず

そのページをダウンロード(自分のデスクトップにフォルダを作り)します。

 

「名前を付けて保存」で、指定のフォルダにセーブします。すると文字とレイアウトデータが○○○.htmlとして保存され、同時にそのページに使われている画像が入ったフォルダができます。

 このhtmlと画像フォルダのセットがホームページの1ページになります。

 

 

 

 

最初のページのファイル名はindex.htmlとして下さい。

作成手順その2 htmlのページを加工してみましょう。
  Microsoft Wordで、このindex.htmlのページを開いてみて下さい。一般的なページの編集はこのワープロソフトで加工が可能です。

Windows98には無料のフロントページエクスプレスというソフトが入っています。「スタート」の「プログラム」でなければWin98のCDなどでインストゥルのチェックを入れて取り込んで下さい。簡単にこのindex.htmlのファイルが開けます。色々と画像を削除したり文章の訂正をしてみて下さい。

上書き保存して、フォルダーにあるindex.htmlをダブルクリックするとアウトルックエクスプレスなどのブラウザソフトでその変更されたホームページとして見ることが出来ます。

 

IBMのソフト体験版 ダウンロードサイト

ホームページビルダーVer6 めちゃ重い30日限定版

 

作成手順その3 画像のリンクと他のページのリンクに挑戦

htmlのページの中の画像はフォルダーの中の画像ファイルにリンクされているから表示されるわけです。その他のホームページから好きな画像(jpgジェイペグ)や動画gif(ジフ)を右クリックで「画像を保存」で出来ている画像フォルダに入れてhtmlのページに画像の挿入で貼り付ければリンクされたことになり、OKです。

同じように別名の○○○.htmlのページを作り、文字か小さい画像を指定して、タスクバーの上にあるハイパーリンクをクリックして、そのページのファイル名を指定すればOK。

 

ワードソフトでもフロントページエクスプレスでもハイパーリンクという機能でリンク(関連付け)するのは同じです。

リンクの理屈がわかれば後は自分の契約しているプロバイダーのサーバーに、このindex.htmlと画像の入ったフォルダを以下のFTPソフトで送信するだけでインターネット上にアップすることが出来るわけです。


  素材(画像)で装飾を!  

 

各種のHP用の素材があります。右ボタンをクリックしてwebサーバーへ転送予定の画像フォルダーにセーブしておきます。 動画アニメーションです。かなり使えそうなものもあります。小生のページを飾ってくれています。  標準的な素材ですがその他のHPに関するリンクもあります。

いよいよホームページ登録(アップ)

 ほとんどのプロバイダでは無料で数MBのサーバーを提供しています。自分の契約しているプロバイダに申し込んでIDとパスワードを入手して下さい。

  WS_FTP Limited Edition V5.08 690KB   左のFTPマークをクリックしてダウンロードしてください。

出来上がったHPを自分のWebサーバーに送信するためのソフトです。Win95/98/NT用

 

送信の仕方は「解説」を参考にしてください。小生が画像付で解説しました。      


動画アニメーションを作ってみましょう!! 小生のHPです。ソフトのダウロードも出来ます。ご利用ください。
アクセスカウンターを利用しよう! アクセスカウンターは自分のHPにリンクして表示します。このリンク先は会津大学にあるホスト上でサービスが行なわれており、無料です。各ページにつける事も出来ます。
HP素材を自分で作って見ましょう! JavaScriptで素材を自動作成できる親切なHPです。作成例も見て下さい。