前の頁に戻る 次の頁に進む 遊び部屋 M.Kent&トマトTOP

ホームページ作りで遊ぶ(9)


12.CGIを利用する (その3)

ここでは残りの1つ

Bチャット

の取付け方について@niftyの@homepage会員の方が使用する場合の方法を説明します。
@niftyの会員以外の方m(。−_−。)mス・スイマセーン。
他の所からCGIを借りる場合にも参考になる部分があると思って許してください。

12.3−チャットルームの取り付け方法

1)まずは下記URLをクリックしてメッセージボード(掲示板)の利用方法を読んだ上で、
  『メーッセージボードを作成する』をクリックしてメーッセージボードの詳細を設定して行きます。
  
  作成が終了すると『あなたのメッセージボードを作成しました。
                           登録内容をご確認下さい。』
  
  とのメッセージが出ます。ここで表示される管理者用パスワード
  メッセージボードのHTMLタグは確実にメモまたは印刷や保管しておきましょう。

http://homepage.nifty.com/chatchat/index.htm

2)チャットルームにリンクするURLを埋め込む

チャットルーム  
こんにちは♪
 
チャットルーム
 

ホームページを表示させた時のTopページのイメージ

FrontPageExpress等のEditorで見た時のTopページのイメージも殆ど同じ感じの為、非常に簡単に作成出来ますね。

これをメニューバーから表示(V)−HTML(H)をクリックするとの画面が現れるので“チャットルーム設置タグ
(注記1)を入れる。

※通常の方法;掲示板等のCGIを使用する場合には、HTML言語のタグを埋め込む形をとるので画面のソース
  =HTML言語を表示させて編集する;この方法だと他のCGIを利用する時にも応用が出来ます。

※簡単な方法自分のチャットルームURLアドレス
          ⇒
 http://hpchat1.nifty.com/cgi-bin/chatentry.cgi?room=ABC12345
 
 を上記の画面のチャットルームをドラッグして直接リンクさせる。
              参照;11-2.自分の作ったページから外部のHPにリンクを貼る
HTMLの表示と編集
<html>

<
head>
<
meta http-equiv="Content-Type"
content="
text/html;charset=x-sjis">
<
meta name="GANERATOR"content="MicrosoftFrontPageExpress2.0">
<
title>ホームページ←(※indexの名称)</title>
<
/head>
<
body bgcolor="#FFFFFF">
<
p align="left"> ※1) </p>
<
p align="center><marquee scrolldelay="125" width="90%">こんにちは♪</marquee></p>
<
div align="center"><center>

<
table border="2" cellpadding="5" width="70%">
<
tr>
<
td width="50%">※2) </td>
<
td width="50%"> </td>
</tr>
<tr>
<
td width="50%"> </td>
<
td width="50%"> </td>
</tr>
<
/table>
<
/center></div>
<
/body>
<
/html>

左の画面は上の画面を
“HTMLの表示と編集”で見た時の
ソース(HTML言語)の内容です。
表示される内容は使用するEditor
等により多少異なると思いますが
大体こんな感じで表示されると思います。

_________
  ↑
マーキー(スクロール文字)の部分
_____↓__
_________
  ↑




表の部分




_____↓__

下のタグをアクセスカウンターの表示させたい場所に追加します。
※1)チャットルームにリンクする文字(アイコン)等を⇒ページの左上に表示させる場合のタグ挿入場所
2)チャットルームにリンクする文字(アイコン)等を⇒表の上の左のセルに表示させる場合のタグ挿入場所

@nifty等のチャットルーム設置用タグを挿入する

以下の内容は上記の@homepegeのチャットルームの設置用タグを紹介します
(詳しくは上記URLにて確認願います。)
他のホーページなどからチャットルームをリンクして使用する場合にも同様の方法で使用出来る物も
ありますので、気に入ったものを探して見る事も楽しいと思います。


@homepageのチャットルームを利用する

@homepegeチャットルーム設置用タグ

<ahref="http://hpchat1.nifty.com/cgi-bin/chatentry.cgi?room=ABC12345">

@niftyIDが 「ABC12345」の方の場合の記述例の為、この部分は自分の@niftyのIDを記入します。


   

  |---ホームページ作りで遊ぶ
  |   事前準備と注意事項
  |---
1.FrontPage Expressに関して
  |---
2.FrontPage Expressの起動
  |    
(簡単圧縮・解凍ソフト紹介)
  |---
3.新規作成−文字を書く
  |---
4.表を挿入する
  |---
5.背景を入れる
  |---
6.画像を入れる
  |---
7.音楽を入れる
  |---
8.保管する 
  |---
9.プレビュー
  |---
10.保管したページを編集(修正)
  |---
11.リンクを貼る
  |---
12.CGIを利用する
  |     
アクセスカウンタを設置する
  |     
掲示板を設置する
  |     
チャットを設置する
  |---
13.HOMEPAGEの登録
  |---
14.HPをUPする(FFFTP)
  |---
15.素材のHP紹介
  |---
16.HPを飾るテクニック

作成日;2000年3月13日

最終更新日;01/01/04 22:43