ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
タブ切り替えのページ
日時: 2003/10/07 17:23
名前: sary

こんにちは。
時々見かけるのですが、ページの上段にタブが付いていて、そのタブを切り替えて同じ画面上で表示させるようなのが作りたいと思っています。
ソースを見るとけっこう複雑ですが、ホームページビルダー7で作成することは可能でしょうか?
よろしくお願いします。
メンテ

Re: タブ切り替えのページ ( No.1 )
日時: 2003/10/07 19:33
名前: naka@sukiero

> ホームページビルダー7で作成することは可能でしょうか?

可能です。
タブに見えるようにレイアウトされたリンクボタンを使って
他のページにリンクしている。
こう考えれば簡単かな?

レイアウトにはテーブルを使う方が簡単でしょう。
メンテ
Re: タブ切り替えのページ ( No.2 )
日時: 2003/10/07 20:00
名前: sary

naka@sukieroさま、ありがとうございます

>タブに見えるようにレイアウトされたリンクボタンを使って
>他のページにリンクしている。

イメージとしてはそうなのかな?と思っていたのですが、実際に作成するとなるとどうしていいのかわからないんです。

>レイアウトにはテーブルを使う方が簡単でしょう。

タブの部分のみをフレームで分けて、下の部分をテーブルでレイアウトして、くっついているように見せるという意味でしょうか?
メンテ
Re: タブ切り替えのページ ( No.3 )
日時: 2003/10/08 00:41
名前: naka@sukiero

もしこんなページって見本があるのならURLを記載してください。
あるいはそのページをHPBで開いてみる(ファイル→URLを開く)と、
作り方がわかると思います。

> タブの部分のみをフレームで分けて、下の部分をテーブルでレイアウトして、くっついているように見せるという意味でしょうか?

フレームページでも可能ですし、通常のページでも可能です。

例えばこちらのトップhttps://aimix.jp/index.html

上にあるメニュー部分の「トップページ」の部分を下部の白色にあわせ、
それ以外のメニューを背景の紺色にすればタブのように見えますよね?
そこから「小技集」のページにとんだら、今度は「小技集」を白色、他は紺色。
こうやってそのページのメニューを色変更していけば
タブのように見せる事ができます。
メンテ
Re: タブ切り替えのページ ( No.4 )
日時: 2003/10/08 07:05
名前: sary

naka@sukieroさま、何度もすみません。
お手数をおかけしています。

イメージとしては、こんな感じなんです。
https://www5.ocn.ne.jp/~gaia/index2.htm

>あるいはそのページをHPBで開いてみる(ファイル→URLを開く)と、
>作り方がわかると思います。

やってみました。
HPから取り込むことができるとは知りませんでした。
勉強になりました。

おっしゃることはだいたい理解できます。
フレームで分けないとタブの部分が残らないような気がしていたのですが、
全部にタブが付いたページを作ることによって、タブの切り替えで下の部分が変わっているように
見せることができるわけですね。
がんばって挑戦してみます。

ご親切に感謝します。
ありがとうございました。
メンテ



ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved