用語集フレーム版ノーフレーム版
はじめに10

第6話:サイト作成マニュアル
 
サイトが出来るまで | HTMLタグリファレンス | 文法チェックをしてみよう  

サイトが出来るまで
空間 空間 空間
空間
→サイトを設置するサーバさんの注意事項をよく読む
→文章・画像は必ず自分のサーバにアップロードする
→画像・MIDIの直リンクは厳禁
→宣伝専用のサイトでのみ宣伝する
フッド さて、今回からはサイト運営者サイドの話になるわけだが。
とりあえず、Webサイトができるまでを説明していこうか?
一本釣 Webサイト??
ピーター ホームページって言った方が一般的かな?ホームページっていうのは本来、ブラウザを開いた時に1番最初に出てくるページのことなんだ。本当はWebサイトっていうんだよ。
アリババ 別にホームページでもいいじゃん〜。どーでもいいから、いこいこ〜!!
ピーター ・・・。
フッド 各ページの作り方は下に回して、基本的なことのみ述べるぞ。
サイトを作るにあたってなくてはならないのが、自分のサイトを作るためのサーバだ。サーバというのは、ある機能(サービスという)を提供するコンピュータのことだが、ここでは、サイトのデータをブラウザに送ってくれるサービスを提供するコンピュータのことを指す。
男ジャック コンピュータがあればサーバを作れんだけど、めちゃめちゃ面倒っちいから、ふつーは金払って他から借りる。自分が使ってるプロバイダなんかでもサーバを貸してくれたりするし、タダで使えるサーバってのもあんな。
フッド ここで大切なことは、各サーバの利用規約を必ず読んで理解するということだ。
牛若 それは必ず読むでしょう?
男ジャック おめーがいくら説明書読んでもパソコン壊すみてーに、読んでも理解できねぇって奴がいるし。
牛若 ・・・。好きで壊してる訳では・・・<機械オンチ
フッドそれは言い訳にならんだろ。
ヤマト う〜、長い、細かい、めんどくさ〜い!
ピーター って、初めから読む気すらない奴もいるから。
フッド 特に多いのが、無料サーバでの規約違反だ。例えば【トクトク利用規約】では
・国内法に抵触するサイト及びそれらへのリンク
・倉庫利用
サイトをそのサーバに作らず、画像やデータだけをアップロードし、他のサーバにある自分のサイトで使用するなど、サーバをサイト作成以外の目的で使用すること
・「index.html」もしくは「index.htm」の存在しないサイト
・広告収入を目的としたバナーの貼りつけ
・トクトクのバナーを削除する
フレームの場合はメインページ以外はポップアップ広告を張りつける「<popuptok2>」というタグを貼り付ける(このタグを入れればそのページ内の広告は消える)
などを禁止している(一部抜粋)
アリババ その他、代表的な無料サーバさんの利用規約を並べてみるね!
Yahoo!ジオシティーズ Tripod infoseek isweb
XREA.COM トクトク COOL ONLINE
使えるネット AAA!CAFE SKIPUP NETWORK系
一本釣 ・・・なんか、言葉は全然違うように見えても、みんな似てること言ってるな。
アリババ サーバによってはいろいろあるけどさ、
  • 倉庫利用禁止
  • 国内法に抵触するサイト禁止
  • 各サーバ広告の定位置挿入(自動的に挿入される広告を移動・変更しない
っての、多いよね。
ピーター これだけ守れば大丈夫!ってことでもないけど、十分注意しておこうね。
 
 
フッド 各ページをつくり、サーバも用意できたら、いよいよサーバにサイトを載せる作業に入る。自分のコンピュータ(ローカルコンピュータという)から、サーバコンピュータにサイトのデータを送る作業をアップロードと呼ぶ。
アリババ アップロードが出来る「FTPソフト」で有名なのは「FFFTP」だっけ。アップロードのし方は【とほほのWWW入門】の【ホームページを公開しよう】を見てね!
ピーター ここで注意したいのは、各ページだけじゃなくそのサイトで使われている画像やMIDIなども一緒にアップロードしなければならないってこと。
一本釣 何で?
男ジャック 考えりゃ分かるだろ。俺達のパソコンはサイトのデータをブラウザに送る機能がないから、サーバにデータを送るんだよな?
自分のパソコンにデータがあったって、他の奴のパソコンじゃ見れないんだ。自分のパソコンだけからは見えるけどな(笑)
アリババ 俺もやったことある。
みんな、絵をページに付ける時、「file:///C:/www/site/illust1.jpg」とか「file:///A:/www/site/illust1.jpg」とか「C:\www\site\illust1.jpg」とか「A:\www\site\illust1.jpg」って書いちゃダメだよ〜!
特に「A:〜」って書くと、フロッピーディスクにつながっちゃうから、みんなのフロッピーディスクドライブをガタガタ言わせちゃってめちゃめちゃ迷惑かけちゃうよ。みんなごめんね〜!!
一本釣 いや、マジあれ怖かったぞ?パソコンぶっ壊れたかと思った(汗)
フッド ちなみに「C:〜」はパソコン本体につながる。
今の例なら、「www」というフォルダの中にある「site」というフォルダの中にある「illust1.jpg」という画像だ。
ピーター もっとやっちゃダメなのは直リンク
直リンクっていうのは、画像やMIDIとかのデータを自分のサーバに移さないで、他のサーバに置いたまま表示させるってこと。
例えば自分のサイトが「http://www.nextheven.com/rainbow/」ってURLで、「http://www.tensei.net/rococo/」ってURLの素材屋さんにある「symbol.gif」という画像素材を使おうとした。この画像を自分のサイトで使うとき、「http://www.tensei.net/rococo/sozai/symbol.gif」と書いてはいけないんだ。http://www.tensei.net/のサーバに置いたまんまリンクしてるってことだからね。
一本釣 何でだ?リンクって好きなデータを好きなところに張るやつだろ?画像とかでもいいんじゃねぇの??
アリババ ・・・お前、何でそんなに情報が偏ってんの?(汗)
ピーター 好きなデータを自由にリンクできるかどうかはさておき、ただのリンクと画像・MIDIの挿入とは状況が違うよ。
ただそのURLをリンクするのなら、そのリンクを辿らない限り相手のサーバは使用されない。けど、画像などのデータを使用する、となるなら話は別。
フッド 画像などが挿入されたページをブラウザが読みこむ段階で、使用された画像も読みこまれるわけだから、画像を使用された相手のサーバが、画像などのデータをブラウザに送ったと考えるべきだよな。
この使用量を転送量というわけだが、実は、転送量は各サーバごとで制限されている可能性があるんだ。パソコンでソフトを使いすぎるとパソコンがフリーズして使えなくなるよな?あれと同じように考えれば良い。
一本釣 転送量が多すぎるとサーバも止まっちまうわけだ。
ピーター そう!
サーバがフリーズしなくても、転送量が増えるにしたがって経費がかかるってときもあるけどさ。いろいろな理由でサーバは個々のサイトにも転送量を制限してることが多いんだ。制限を越えたサイトは、余分にお金を払ったり、サイトを停止させられたり、最悪アカウント取り消しになるかもしれない。
牛若 あの・・・、今の話は画像を使われたサイトさんの話でしたよね・・・?
男ジャック ん。金払ったり、サイトを止められたり、アカウント消されるのは画像を使われたサイトの方。使ったサイトじゃねぇ。
ヤマト え、何それ?使われた方は悪くないじゃん!
ピーター だから問題なんだよ。特にサイトで使うイラストとかを無料でくばってくれる、「素材サイト」さんにとってはね。
ヤマト あ、でも、そんじゃどうやってイラストとか載せんの?
フッド 画像などはダウンロード(Windowsは、画像は画像自体を右クリックして「名前を付けて画像を保存(S)...」、MIDIなどはリンクを右クリックして「対象をファイルに保存(A)...」を選ぶ)して一旦自分のパソコンのサイトで使っているフォルダに移し、その後自分のサーバにアップロードすれば良いのだ。あとはリンクのURLの書き方と同じ。
リンクの書き方も危ういという人は、【とほほのWWW入門】の【リンクしよう】を参照してみるといい。分かりやすく解説してある。
男ジャック ただ、GaiaX系ってとこだと画像の扱い方が難しいらしいな。
なんか、画像はそのサーバ専用のアップローダーに置かなきゃなんねぇけど、そのアップローダーが今は使えねぇってところはほぼGaiaX系。
画像使うためにゃ、今のところ、
  1. 自分のプロバイダや有料サーバなどで、倉庫利用が可能なサーバを確保する
  2. 画像アップローダーが復旧するまでデフォルトの素材で我慢する
  3. 他のサーバにサイトごと引っ越す
ってのがいいらしいぜ。
 
 
アリババ アップロードが終わったら、自分のサイトがインターネットで見られるようになるんだね。
ピーター うん。あとは他の人にも見てもらうだけ。
男ジャック つーわけで、サイトの宣伝するわけだけど、やりすぎはウザイ。
ピーター 特に、他人の掲示板で宣伝のみのカキコってのはまずいと思う。
アリババ 理由は「第3話:掲示板」のやってはいけない書きこみをみてね!
ヤマト でもさぁ、僕、宣伝してくれないと全っ然見つけられないから困るな。
男ジャック そーゆー奴もいるからな。ま、ほどほどくらいにしとけ。
フッド 集客を望むなら、
  • 宣伝専用の掲示板を利用する
  • サーチエンジンに登録する
  • ウェブリングに登録する
  • 同盟に登録する
などしてみてはどうかな?
アクセス向上委員会】などでアクセスアップを研究してみてくれ。
アリババ 相互リンクを有名サイトに頼むってのもアリ?人いっぱい来そうだよね。
あ、相互リンクってのは、お互いのサイトをリンクしあうってことだよ、一本釣!
一本釣 ・・・いや、名指しで教えられても困るんだけど(笑)
でも、有名サイトってのは人いっぱい来るんだろ?そいつ、サイト持ってる奴全員に「相互リンクして下さい!」って言われたら困るんじゃねぇ?
ピーター リンクするのにも時間がかかるから、いちいち相互リンクを受けつけられないって人もいるね。
それに、僕は美意識のある素晴らしいサイトにしかリンクを張りたくないから、あんまりなとこは断っちゃうかも。
男ジャック ま、そーゆーのもほどほどにってとこかな。
空間
空間 空間 空間

HTMLタグリファレンス
空間 空間 空間
空間
・・・ごめんなさい(笑)
フッド では、いよいよサイトの作り方だが、詳しいサイトの作り方は後ほどということにして、いまはタグリファレンスのみ掲載しておこう。
一本釣 ・・・あのさ、これ、どっかで見たことあるんだけど・・・。
ピーター 再録?
ヤマト っていうか、まだ出来ないの?ここ(笑)
男ジャック ダメ管理人〜!!
フッド わ、私に言うな!!私は管理人の代理ってだけで・・・
そもそも、君達も同罪だ。何かネタでも考えろ!!
ヤマト だめ管理人〜!!
フッド 〜〜〜・・・。


 
 
あまり初心者に優しくありません(汗)

基本

フォント・字

リンク・画像

リスト・その他

テーブル

フォーム


※注意※

ピ…ピクセル数。1ピクセル=0.35mm

空間
空間 空間 空間
 
文法チェックをしてみよう
空間 空間 空間
空間
→ホームページ作成ソフトや本の文法は正しいとは限らない
フッド ところで、自分の書いているタグは正しいと思っているか?
ピーター 本読んで書いたから、多分。
アリババ 俺はホームページ作成ソフト使っているから、大丈夫だよ。
フッド 果たしてそうだろうか?
Another HTML-lint】という、文法を調べるCGIがある。その【ゲートウェイサービス】を試してみようか?
アリババ うわっ低!!
フッド 必ずしも、本やホームページ作成ソフトが、正しい文法で書いているとは限らない。むしろ、一般受けするため、多くの知識を省略・要約・・・というより改悪しているのだ。
男ジャック おいらさ、ローカルのサイトは90点台だけど、サーバに上げたとたんマイナスになる。
フッド 君のサイトは無料サーバにあるんだったな。何故かは知らんが、無料サーバの広告は、異常に文法がおかしいからな。
一本釣 つーか、【このページの点数】・・・(汗)
フッド 言うな
空間
空間 空間 空間

サイトが出来るまで | HTMLタグリファレンス | 文法チェックをしてみよう  

前へ戻ります はじめに 注意 登場人物紹介 | ネチケット メール 掲示板 チャット コミュニケーション
次へ進みます
サイト作成マニュアル 管理者心得 困ったサイト 反省会 | 終わりに リンク

神帝隊のネチケットしゃべりば!
yangling100@yahoo.co.jp