HPの作り方(忘備録)
      

HPのバージョンアップに(目次)

1.scriputo(3月の花)・・・画像をクリックすると、次の画面が表示します。
2.java script(5月の花)・・・花の名前にマウスを乗せると、画像が変わります。
3.slideshow applets・・・12枚の写真の1枚をクリックすると、画像が大きくなります。

HPビルダー

1.ロールオーバーを作る。(ウェーブアートデザイナー)
2.ロールオーバーを使う。(貼り付ける。)
3.カウンターの再設置
4.以前のカウンターの数値を取り戻す
5.ロールオーバーの簡単作成法
6.ラベルにリンクする。
7.MIDIのパネルの表示の仕方
8.タグを使って掲示板に画像を貼る方法。
9.フレームページを作る。
10.背景を固定にする
1.script (3月の花)  2002.6.14  <SALTYさんより>
     画像の表示の速度が遅いですが・・・
2.java script (5月の花) (2002.6.1)yoshi-mさんより>
     画像をセンターに表示できないのが難点。 

3.Slide Show Appletsの作り方 

1.プログラムのダウンロード  (www.6sense.com)
2.解凍ファイルのインストールと解凍 (sapporo.cool.ne.jp/murayama/Lhaca)
3.thumbshow フォルダの中に次の5個のファイルが保存されています。
  <code><defalt><exammple><thumbshow><param>
4.thumbshow フォルダを<自分で作ったフォルダ>にコピーペーストします。
5.画像の編集・・・デジカメで撮影した写真の大きさを400×350にします。
            ファイルの大きさを20Kバイトぐらいにします。
            それぞれのthumbshow フォルダにその写真を
            (例)<heya01.jpg>から<heya12.jpg>の名前を付けて保存します。
6.写真のページを作り、<フォルダ>に保存します。
7.<defalt>ファイルを開き編集します。(文字、リンクなどを挿入します。)
  <フォルダ>に保存してから転送します。
  ※写真は、<転送対象ファイルの一覧>を開き、<一覧の追加><参照>
    <ファイルを開く>の手順で転送します。12枚の写真を転送します。

HPビルダーを使って

1.ロールオーバーを作る。(ウェーブアートデザイナー)

(1)メニューの「オブジェクト」で作る。
(2)キャンバスから画像を「挿入」しておく。(画像ファイルを小さくする。)
(3)「ロールオーバー保存」ボタンをクリックする。(画像2コ、HTMLのファイル1つ保存される。)
(4)「名前を付けて保存」(三コのファイルが保存される。)

2.ロールオーバーを使う。(貼り付ける。)

(1)サイト素材ビューの「フォルダボタン」をクリックする。
(2)保存先のフォルダをクリックする。
(3)HTMLファイルを選択する。
(4)挿入ボタンの右の三角をクリックし、「ページにこのファイルを挿入」を選択する。)
(5)「HTMLページの挿入(文書のみ)」を選択する。
(6)プレビューで確認する。

3.カウンターの再設置

(1)HTMLページに画像とリンク先のタグを書き込む。
(2)count.datファイルを「転送対象ファイル」に送る。(サイト・素材ビュー上で)
(3)保存する。
(4)サイト転送する。
  ☆サーバー上のdat.ファイルを削除すると、「1」からになってしまうので、削除しないように。
  ☆JUSTNETの場合「IMG]を「img」に替えること。

4.以前のカウンターの数値を取り戻す(Just Viewで)

(1)「アドレス/count.dat」を開くとカウント数が表示される。
(2)「FTPで送信」
(3)ビルダーで「名前を付けて保存」
(4)「転送対象ファイル」に送る。

5.ロールオーバーの簡単作成法

(1)ホームページビルダー画面
  挿入する場面を設定し、 「挿入」の「ロールオーバー作成」を選択。
(2)ダイアログ画面で「参照」から画面を選択し登録する。
(3)「ロールオーバー保存」ボタンをクリックする。
  「位置」「保存形式」保存方法」を選択する。
(4)完了ボタンを押す。

意  2つの画像サイズを同じにしないと、表示がうまくいきません。
     2回目、1回目より小さいサイズの画像を挿入したら、うまく表示できず
     何回もいろいろな方法で試してみて、5の方法に辿りつきました。

6.ラベルにリンクする。

(1)「リンク」「ラベルに名前を付ける。」・・・リンク先の文字か画像を指定してから。(英数、小文字で)
(2)「リンク」「ラベルに」・・・リンク元の文字か画像を指定してから。
   注意  ファイルを指定してから、ラベルを指定すること。
        画面も指定する。(BODYの場合)

7.MIDIのパネルの表示の仕方(uttshyさんより)

回答;以下のタグで「パネル」を出すことができます。
ホームページのBGMはもはや一般的な効果として普及しているので、
私としては音量調節つまみでこれらの制御をして欲しいと思っています。
しかし、音量調節つまみは機種によって場所も形状もまちまちのため、
見つけにくいようです(^^;)次のタグで、「パネル」が出ます。
パネルの大きさはご自分で調節することもできます。

<embed src="曲名.mid" width=150 height=60 panel=0 
autostart=true loop=-1 repeat=true>

8.タグを使って掲示板に画像を貼る方法。(タグ使用が可能な物)

    <img src="http:// (ファイルの名前).jpg">
    上記のタグを文章を記入するところに記入します。すると画像が表示されます。

9.フレームページを作る。

  (1)フレームページを作る。
    @新しい紙→<属性の変更>→「ページタイトル」表示
    A「フレーム」→「フレームの分割」→「上下方向」(左右方向も可)→「現在のファイルをフレームに・・・・」
  (2)フレームの大きさを変える。
    @上部(目次のページ)内をクリック→「フレーム」→「フレーム属性の変更」
    A「サイズ指定」→「ピクセル」→85(気に入った大きさにする)と入力。→「ブラウザでサイズ変更をさせない」
    B「スクロールバー」「なし」 (上部のフレームのため) 
    C下部(BODYのページ)内をクリック→「フレーム」→「フレーム属性の変更」
    D「フレーム属性」▼「*指定」<下部のフレーム幅が設定される。>
  (3)作成したページをフレーム内に表示する。
    @上部(目次のページ)内をクリック→「ファイル」→「フレーム内に開く」<目次ページを開く>
    A下部(BODYのページ)内をクリック→「ファイル」→「フレーム内に開く」
  (4)フレームに名前を付ける。
    @下部(BODYのページ)内をクリック→「フレーム」→「フレーム属性の変更
    A「フレーム名」に「BODY」と入力。→サイズ指定は、「*指定」→スクロールは、「自動」 
  (5)リンクを作成する。
    @目次のページにボタンを作成→ボタンの選択→<リンクの挿入>
    A「参照」をクリックし、リンクしたいページを選択する。
    B「ターゲット」▼→「BODY]
  (6)上書き保存
    @上部(目次のページ)のフレームにカーソルを置く。→<上書き保存>【title.htm】が上書き保存される。
  (7)作成したフレームページを保存する。
    @「フレーム」→「フレームを名前を付けて保存」
    A「保存する場所」→[C¥Mydocuments¥reidai06]フォルダを指定→「ファイル名」→[reidai06]→「保存」
    ☆「フレーム内のページを保存」→「フレームページを保存」

10.背景を固定にする
    下のソースを貼り付けると、背景が固定されれて文字や画像などがスクロールされます。
    背景画のソースは、替えます。
    壁紙だけのページを作り、homepagenotukurikata_kabeと言う名前で保存しました。
    このページのようにスクロールします。

<STYLE type="text/css">
<!--
BODY {
background-image : url("http://ultramomo.hp.infoseek.co.jp/gakufu9.jpg"); 
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: repeat;
}

<STYLE type="text/css">