ホームページ作りで遊ぶ(9)
ここでは残りの1つ
Bチャット
の取付け方について@niftyの@homepage会員の方が使用する場合の方法を説明します。
@niftyの会員以外の方m(。−_−。)mス・スイマセーン。
他の所からCGIを借りる場合にも参考になる部分があると思って許してください。12.3−チャットルームの取り付け方法
1)まずは下記URLをクリックしてメッセージボード(掲示板)の利用方法を読んだ上で、
『メーッセージボードを作成する』をクリックしてメーッセージボードの詳細を設定して行きます。
作成が終了すると『あなたのメッセージボードを作成しました。
登録内容をご確認下さい。』
とのメッセージが出ます。ここで表示される管理者用パスワードと
メッセージボードのHTMLタグは確実にメモまたは印刷や保管しておきましょう。http://homepage.nifty.com/chatchat/index.htm
2)チャットルームにリンクするURLを埋め込む
※1 チャットルーム
※2 チャットルーム
あホームページを表示させた時の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