戻る
01-19.gif ホームページ作成の流れ 01-2.gif 01-3.gif


  1. どんなソフトでつくるの？
  2. タグってなあに？
  3. FTPでアップしましょう
  4. 素材を探しに行こう♪
  5. MIDIについて
  6. CGIとプロバイダー
  7. ゲストブックは大切よ♪
  8. 誰にでも同じように見えたらいいのだけれど
  9. 最後によけいなお節介を　(^^;;;

03-7.gif  どんなソフトでつくるの？

● ホームページを作るソフトは大きく分けて２つの種類があります。
１つはメモ帳や SuperTag 32 Pro などのようにタグを書いたり貼り付けたりすることによって作成するソフトです。
このタイプのソフトを使って作るにはタグのお勉強が必要です。

もう１つは Frontpage やホームページビルダーなどのようにタグを書かないで直接画面から編集していくタイプのソフトです。
こちらは特別にタグの知識がなくてもホームページを作ることが可能です。

ここでは前者のタイプ、タグを書いてホームページを作るやり方についてご説明しています。


● メモ帳は Windows 付属のソフトです。
すべてのタグを手入力で書かなければいけませんが、基本からタグのお勉強をするにはメモ帳で作成するのが一番わかりやすいと思い、初心者の方向けにメモ帳を使ってホームページを作るやり方、一から始めるタグのお勉強を作ってみました。


● 一通りのタグの知識のある中級者の方には、フリーソフトの SuperTag 32 Pro をお勧めします。
ボタンを押すだけでタグを入力することができ、IEやネスケで簡単に仕上がり具合を確認することもできます。
SuperTag 32 Pro の詳しい使い方については、SuperTag 32 Proの使い方でボタンにそって説明していますのでよろしければご利用下さい。

SuperTag 32 Proはソフトリサーチ研究所(ソフトウェア開発室）からいただいてきて下さい。このソフトのパワーアップしたものが３０日間の試用期間付きで有料のも出ています。

また SuperTag 32 Pro の作者さんのご好意で、ソフトをダウンロードするページに
たらばっちのリンクを張っていただいています。(*^^*)



03-11.gif  タグってなあに？

● ホームページは全てタグで作られています。 このページの壁紙やアイコン、文字の色なども全部タグで表現します。
ではタグとはいったい何でしょう？(^.^;)

今このページをInternet Explorer（以下IE）でご覧になっているならば右クリックして〔ソースの表示〕を、Netscape(以下ネスケ）でご覧ならば〔表示(V)〕→〔ページのソース(U)〕を開いてみると <HTML>とか<BR>や<IMG>というような < > で囲まれたいろんな英文字が見えますね。それがタグです。

例えば<BR>は改行、<IMG> は画像を張り付けるという意味です。
このタグをいろいろ組み合わせてページを作っていくわけです。


● 基本的なタグについては一から始めるタグのお勉強でご説明していますが、更にいろいろな種類のタグや、もっと詳しいことを知りたくなったらとほほのＷＷＷ入門がとてもいい教科書になります。



03-9.gif  FTPでアップしましょう

● さてホームページが出来上がったら、FTPというソフトを使ってアップします。
FTPソフトもいろいろあると思いますが、Sotaで提供されている FFFTP という日本語のソフトをご紹介します。

従来、当サイトでは WS_FTP95 をご紹介していましたが、窓の杜からダウンロードできなくなり、入手が面倒になってきましたので、日本語対応のソフトで、初心者の方にも使いやすい FFFTP でご説明することにしました。

設定、アップの仕方については、「一から始めるタグのお勉強」の中の ＦＴＰの基礎知識を参考になさって下さい。


● AOLでアップする時は、ちょっと違っていて、まずAOLを起動して、それからFTPを立ち上げてアップすることになります。マイホームページ（キーワードから飛べます）の F&Q の中にも説明があるので参考にして下さい。


●AOLではFTPを使わないで一つずつアップすることもできますが、これはとても面倒で時間ばかりかかってしまいます。是非、FTPソフトでアップすることをお勧めします。


■ この後「AOLは・・・」という表現が度々出てきます。AOLはたらばが最初にホームページをアップしたプロバイダーです。他のプロバイダーと違うところがたくさんあるし、たらばっちにはAOLのお友達も多く来てくれるので、こういう形にしてみました。(^.^;)



03-3.gif  素材を探しに行こう♪

● ホームページを作る時に是非欲しいのがいろんな素材ですね。せっかくのホームページも文字だけでは寂しいし、壁の模様もいろいろあった方が楽しいですよね(^-^)。
そんなこと言っても絵は苦手だし、描き方だって知らない・・・そうですね(^.^;)


● だけど、心配いりません(^_^)b
そんな人達のためにたくさんの素材を無料で提供してくれてるサイトがたくさんあります。
HP作成支援リンク集でも少し紹介していますが、もっともっとほんとにたくさんあります。素材を提供してくれているサイトやいろんなホームページのリンクをたどったりすれば、必ず好きな素材に出会えると思いますよ。


● ただ素材をお借りする時は、必ずそこのサイトの利用規程をよく守りましょう。
例えばリンクが条件だったり、掲示板やメールで連絡することが条件だったりとか、中には持ち帰れる数が決まっていたりするところもありますし、持ち帰れない素材もあったりします。

また素材提供サイトでない一般のホームページで使われている素材を勝手に持ち帰ったり、素材提供サイトに直リンクしたりなどのマナー違反は絶対にしてはいけないことです。


★　直リンクに関しては、現在多くの素材やさんが頭を痛めてらっしゃいます。
どこの素材やさんでも素材のダウンロードの仕方を説明し、直リンクはしないでほしい・・・と必ず書かれていますが、それにも関わらず直リンクされる方が多いのですね。
中にはご自分が直リンクをしていることを知らずにされている方もいらっしゃるようです。(^^;;;
素材をお借りする時は必ずダウンロードして、いったんご自分のPCに保存し、ご自分のホームページをアップする場所に html ファイルと同じ様に gif や jpg などの素材もアップして表示するようにしましょう。

面倒でも提供してくれてるサイトの決まり事だけはきちんと守って欲しいなと思います。


● 特に素材の加工については、各サイトで細かい規定があるようですから、見逃さないで読んで下さいね。
なお、加工できる素材提供サイトや加工に必要なソフトのご紹介、素材への文字入れの方法などについては、簡単な加工の仕方でご説明しています。


● 現在、ホームページでは gif という拡張子の素材がたくさん使われています。 gif アニメーションなどは代表的な例ですね。

ただ、 gif を作成できるソフトの多くは、 LZW圧縮アルゴリズムという米国 UNISYS 社が特許を有する技法を取り入れています。

昨年９月、米国 UNISYS 社から「 UNISYS 社とライセンス契約を結んでいないソフト」で作成した gif 画像を使って作成しているホームページからは特許料を徴収するといった内容の警告が出されたそうです。（詳しくは　とほほのWWW入門に書かれていますのでご覧ください。）

素材を使用される時は、それぞれの素材やさんでそういったことも確認された方がいいのではないかと思いますので老婆心ながら付け加えます。



03-6.gif  MIDIについて

●ホームページを開くと画面の雰囲気にあった素敵なMIDIが流れてくる・・・・とてもいい感じですね。(^-^)
自分のホームページにもMIDIを流してみたい・・・・
でもちょっと待ってくださいね。(^.^;) MIDIを流す前に知っておきたいことが少しあります。

★まず、MIDIを流すとページが重くなります。(^.^;)　MIDIファイルの大きさにもよりますが、流さないページに比べると必ず重くなります。
重くなるということは、そのページが表示されるのが遅くなるということですね。

★それから JavaScript などと併用して使う場合、 PC 環境によっては見る人の PC がフリーズしてしまう場合もあります。(^^;;;
必ずフリーズしてしまうわけではありません。そういうことも場合によってはおきることもあるということです。
また壁紙の固定タグとMIDIを併用すると、フリーズすることもあるそうです。

★また、ホームページを見に来た人の中には、ページは見たいけれどMIDIは聴きたくないという人もいらっしゃいます。(^.^;)


●それでもMIDIを流したい。はい、たらばもMIDIは大好きです。(^-^)
でも上に書いたようなことが起きることもまた事実なのです。(^.^;)
ですから MIDI を流したい時には少しばかりの心遣いが必要になってきます。

★まずページが表示されるのに時間がかかるということを考慮して、ページの作り方をなるべく軽くなるように工夫したらいいと思うのです。
一つのページにたくさんの画像を表示させないようにするだけでも大分違うと思います。

★複数の JavaScript を使う時は特に気を付けましょう。

★MIDIを聴きたくない方、または聴ける環境でない方のためにプレイヤーを表示させて、見る側で MIDI のオン・オフが調整できるといいですね。


●著作権料について
ご存知の方も多いと思いますが、2001年7月1日よりJASRACが管理している音楽をホームページ上で利用した場合、一曲につき、月額150円または年額1,200円程度の使用料をJASRACに支払わなければいけないようになりました。
この件に関しての詳しいことはJASRACを見てくださいね。

ですから、ご自分のホームページに MIDI を使われる時は、この著作権料の問題も考慮しなくてはいけなくなりました。
使いたい MIDI が著作権料を支払わなければいけない対象の MIDI かどうかを知るためには、上記サイトで設置されている「JASRAC作品検索サービス」を利用して調べることができます。(一番下の「了承」をクリックすると検索ページが表示されます。)

「JASRAC作品検索サービス」での調べ方に関しては、JASRACページの「ホームページ診断」をご覧ください。(音楽著作権とネットワークからいけます。)


●フリーの MIDI 素材を提供されているサイトは、HP作成支援リンク集でご紹介していますが、ご紹介しているサイトさんが全て著作権料を支払わないでいい MIDI を提供されているサイトというわけではありませんので、ご自分の責任でよくお調べになり MIDI を使われることをお勧めします。



03-4.gif  CGIとプロバイダー

●CGIを使って作るものにカウンターとか掲示板（BBS)、チャットなどがありますが、プロバイダーによっては制限があって、自由にCGIを使えないところがあります。


●例えばカウンターの数字などもプロバイダーで決められたものの中から選ばないといけなかったり、掲示板も決められた形のものしか設置できなかったりするけれど、CGIを自由に使えるところは、いろんな提供サイトから選んできた、好きなカウンターや掲示板を設置することができるのですね。
掲示板やチャットにはCGIの作者の著作権が表示されていますので、そこに行くとCGIプログラムをダウンロードできます。


●ホームページを作って、今、自分が加入してるプロバイダーでアップしようと思ったら、別料金は必要でないか、CGIが使えるか、容量は何ＭＢまで使えるかなどを確かめてからアップしないと、あとで「あら、こんなはずじゃなかった・・・」ってことになったりしますから、自分のしたいことができるのかどうかよく確かめましょう。


●それでもし別のプロバイダーを探すのならば、プロバイダーエクスプローラーというところがありますから参考にしてみて下さい。


●CGIの設置の仕方については、CGI-StaTionの「初心者のためのCGI設置講座」にわかりやすく書かれています。
難しそうですけれど、説明どうりに確実にやっていけば必ず設置できますよ(^-^)


●AOLの場合はCGIは自由に使えません。容量は一つのスクリーンネームにつき２MBの合計10MBだけど、2MBずつ管理しないといけないからその辺りがちょっと不便かもしれません(^.^;)



03-5.gif  ゲストブックは大切よ♪

●ホームページを作って楽しみの一つはゲストブック（掲示板・BBS）でのお友達との会話です(笑)もちろんカウンターがあがっていくのも嬉しいけれど、たらばはゲストブックが賑やかなのが一番嬉しいです（*^-^*）
それぞれ好みの壁紙やアイコンを使うと、同じタイプの掲示板でも随分と雰囲気が変わります。


●このゲストブックにもいろんなタイプがあって、CGIが使えるプロバイダーは自由に好きなタイプのゲストブックを設置することができるけれど、使えないところはレンタルを利用してもいいですよね。


●ゲストブックのCGIプログラムを無料で配布してくれてる有名どころは、なんといってもKENT WEB（元　おいどんさん）のところです。たらばのゲスブもKENTさんのCGIプログラムを利用させていただいています。


●レンタルは有料・無料どちらもあるけれど、簡単に設置できて便利ですね。ただ、自分好みにカスタマイズするには制限がありますね　(^.^;)


●よく見かけるレンタル掲示板はTeacupですが、最近はいろんなタイプの可愛いレンタル掲示板がたくさんできていますね。好きなタイプの掲示板を見かけたら、とにかくそこの提供サイトに飛んでみましょう。(たいてい右下にリンクが貼られています) 案外とレンタルだったりしますよ(^-^)

また、無料で利用できる掲示板とかチャットを探す時は、タダものではない！を覗いてみて下さい。


●AOLのゲストブックがまた変わってるんですよね(^^;;;
一般的に新しい投稿が一番上にくるのが多いけれど、AOLのは下へ下へと伸びます(笑)時間も日本時間じゃなくてアメリカ時間です。更に書き込むところと読むところが違うので、正直言ってちょっと使いづらいですね。
AOL仕様のゲストブックを作ろうと思ったら、AOLの説明を見ても何がなんだかわかりませんから(^.^;)AOLでホームページを持つで作り方を習ってきましょう。



03-2.gif  誰にでも同じように見えたらいいのだけれど

●ホームページを見る時はIE派かネスケ派に分かれるけれど、作る時に忘れちゃいけないのは、IEとネスケでは同じように見えないってことなのです。(^.^;)
文字の大きさが違ったり、フォントによっては表示されなかったり、タグもIEで表示されてもネスケでは表示されないものもたくさんあります。よく使われる流れるメッセージもネスケでは表示されませんね。


●またIEとネスケの違いに限らず、それぞれのPCの環境によっても随分 見え方が違ってくるみたいです。バージョンによっても違うみたいですね。


●他に、タグの使い方や素材によっては、なんと見てる人のPCがフリーズしてしまったりすることもあるのですよ。たらばっちでもこれまで、随分いろんな人に迷惑かけてきました。(^^;;;


●自分のPCで確認できないんですもの、仕方ない面もあると思いますが、訪れてくれる人からそういう話を聞いたら、原因を探して改善するように努力したいですね。たまにはせっかく一生懸命作っても、泣く泣くそれを取り外さないといけないこともでてきたりします　(^^;;;


●原因が色々で作り手サイドではどうしようもない問題もありますが、せめて作る時には、必ずIEとネスケの両方でどんなふうに見えるのか確認しておきたいですね。ネスケの方がタグには厳しいので、タグミスをしてIEで見えてもネスケでは見えないってこともよくあります。

特にホームページにいろんな動きと彩りを添える JavaScript などは、IEとネスケではまるで見え方が違ったり(ネスケでがちゃがちゃになることが多いです)、ネスケでは表示されなかったりしてがっかりすることがよくあります　(^^;;;

もちろん同じように表示されなくても使いたいタグや JavaScript はありますけれど、同じように見えてはいない・・・ということはわかった上でアップしたいですね。



03-15.gif  最後によけいなお節介を　(^^;;;

●ホームページもだんだんと進んでいくと、いろんなところのリンクを張らせてもらったり、逆に張ってもらったりして友だちの輪がどんどん広がっていきますが、リンクを張らせてもらう時はできるだけ愛情をもって(笑)サイト紹介ができたらいいですね。自分のところもきちんと紹介してもらうと嬉しいですもんね(^-^)
またサイトの名前を間違えたりしないように注意しましょう。それからちゃんとリンクが間違いなく張れてるかなどの確認もしましょうね。


●他のサイトに書き込みに行くときもそうですが、レスの言葉にもちょっとだけ気を配りたいですね。
いろんな人が見ますし、自分ではそういうつもりはなくても誤解されたりするのは嫌ですもんね(^^;;;
ゲストブックでのトラブルが原因で閉じてしまうサイトもあるようです。常識の範囲内で少なくとも他の人が見て不愉快になるような表現は避けたいですね。


マナーを守って
自分もお客様も共に楽しめるホームページを作りたいですね（*^-^*）


●戻る● ● この画面のTOPへ ●

Copyright (C) 1998-2003 たらば. All rights reserved.