ベストアンサー

ホームページ作成についての質問です（初心者です）

2002/10/01 01:07

なんと言ったら分からないのですが、ホームページを見るときに（例えばこのGOOのホームページでも）ページの右側に縦長の棒のようなものが、ページが長いときには現れてこれを下にずらすとページが下に下がりますよね？（すいません。なんと説明すればいいのか・・・）ページが下に長いとこの棒もどんどん短くなってゆくあれです。分かっていただければ幸いです。さて、今回ホームページ作成にあたり、よく他のかたの作ってらっしゃるホームページでこの棒が色がついていたり、一色だけでできていたり、おしゃれですよね！この棒、どうやって変える事が出来るのでしょうか？ほんとうに分かりにくい説明で申し訳ないのですが、もしお分かりいただけないなら追記いたします。何卒よろしくお願いいたします

juniorjunior
お礼率68% (215/316)

CSS
回答数10
ありがとう数16

みんなの回答 （10）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Le-Livre
ベストアンサー率41% (44/105)

2002/10/01 10:20 回答No.5

まず、「ページの右側に縦長の棒」とは、過去にあるお答えのとおり、「スクロールバー」で間違いないと思われます。次に、私が以前似たような質問に答えたURL（一番下↓）です。必要と思われる部分を以下（――――）に抜粋しました。それと、juniorjuniorさんは、ホームページビルダーなどのHP作成ソフトで作っているのではなく、手打ちで作られていると考えてよろしいのでしょうか。手打ちなら、そのまま（――――以下）をコピーするなどしてみてください。作成ソフトをお使いの場合はソースというもの（ホームページの設計指令書みたいなもの）を見たり、書き込んだりすることが出来ると思いますので、それを開いて適切な場所にコピーするなどしてみてください。 ―――― ソースを出したら、はじめの方に <HEAD></HEAD> というタグがあるはずです。その中に挿入する形でしたのように<STYLE>タグというのをつかって、スクロールバーを設定することが出来ます。下の見本の #のあとのf0f8ffや、6699ff のところで色を指定しています。お好みの色を指定してみてください。見本では、白と水色を基調にしたものになっています。 <HTML> <HEAD> <TITLE>○○○</TITLE> <STYLE> BODY { SCROLLBAR-FACE-COLOR: #f0f8ff; SCROLLBAR-HIGHLIGHT-COLOR: #f0f8ff; SCROLLBAR-SHADOW-COLOR: #6699ff; SCROLLBAR-3DLIGHT-COLOR: #6699ff; SCROLLBAR-ARROW-COLOR: #6699ff; SCROLLBAR-TRACK-COLOR: #f0f8ff; SCROLLBAR-DARKSHADOW-COLOR: #f0f8ff } </STYLE> </HEAD> <BODY> ◇◇◇ </BODY> </HTML>

参考URL：: http://www.okweb.ne.jp/kotaeru.php3?q=303427

質問者

お礼 2002/10/01 11:50

こちらも分かりやすい説明をありがとうございます！Le Livreさんの名の通り「本」のような知識をお持ちなのでしょう（笑）早速試してみます。

質問者

補足 2002/10/01 13:02

補足という形で、もう一度お聞きしたい事があります。ホームページ作成をＧＯＯの簡単ホームページ作成で行っているのですが、自分のホームページに行って右クリックで「ソースの表示」とすることが出来るのですが、このタグをソースに書き込む事が出来ません。編集の時にソースというコマンドも見当たりません。どのように書き込むのかご存知でしたらお教えいただけたらと思います。　

その他の回答 (9)

Le-Livre
ベストアンサー率41% (44/105)

2002/10/06 09:13 回答No.10

回答が遅れてしまい、すいませんまずはスクロールバーの変更が出来て、ホッと一安心ですね！！＞ソースの表示で自分のホームページをみると、＞他の方々が言われているようにタグと書いた部分が、＞<HEAD><TITLE>タグ</TITLE></HEAD>のようになってないんです。＞<HTML> ＞<HEAD> ＞<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> ＞<TITLE></TITLE> ＞</HEAD> ＞と、これきりなんです。 <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> は、一度見たページを一時ファイルに保管して、次回以降の表示を早くすること（これをキャッシュといいます）をさせないようにするタグです。これに関しては、特に問題はないとは思いますが…。ちなみに私が「ＧＯＯの簡単ホームページ」で作ったページにはそのような表記はありませんでした。＞私はページの改行設定で、＜マニュアル改行＞にしていたんです。＞そして、もしやと思った事全て片っ端から変更しては確認を続けたところ、＞ここを＜自動改行＞にするとスクロールバーが見事に変わりました!!!! 私の場合、マニュアル改行ではできるのですが、自動改行では灰色のバーになってしまいます。どうして？？　ちょっとこれは分からないです。ごめんなさい。それにしても、スクロールバーの設定変更ができて、ほんとによかったですね！！！

質問者

お礼 2002/10/06 19:05

改行設定のなぞは残ったものの、仰るとおり本当にスクロールバーデザインの変更をする事が出来、大変満足しています！タグの始めのところの解説も付け加えていただき、大変参考になると同時に、やはりＮｏ１の方の仰るように手にとって本から勉強したいと思います。「本」さんはじめ、ご回答いただいた方々に感謝いたします。これで一度質問は締め切らせていただきます。みなさま、ありがとうございました!!m(_ _)m

Le-Livre
ベストアンサー率41% (44/105)

2002/10/03 06:51 回答No.9

>タグをコピーして貼り付けましたが、変化無しでした。変化なしとは……困りましたね…^^; う～ん、＜メインページの変更＞→＜お知らせ＞で書き込んでいただければ、間違いないと思うのですが……。あ、もしかしたら、juniorjuniorさんのページはまだそんなに、出来上がっていないのではないでしょうか。つまり、ブラウザの下部まで文字や画像が載せられていない（→スクロールする必要がない）のでは？それでしたら、ブラウザを縦方向に縮めてみて下さい。そうすれば、スクロールバーが出てくると思うのですが…。 >フレームとは何でしょうか？ ”フレーム”というのは、「１つのブラウザをいくつかに区切って、それぞれに別の内容を表示させる機能」のことです。分かりやすい例をあげると、ブラウザに複数のスクロールバーが現れていれば、ブラウザをフレームで分割したと考えてまず問題ありません。（ただ、一部例外はあります）（デザイン性を重視して、わざとスクロールバーを表示させないものもありますから、以外に気が付かないものもあるかもしれません。） >>スクロールバーの設定を変更したいページ（フレーム含む）言葉足らずでした。ＧＯＯの簡単ホームページでいう＜メニュー＞は、別称で『フレーム』と言ったりするんですね。両方がフレームなんですが、メインページでない分割したページ（コンテンツや目次など）のことをフレームという場合があるんです。また「ＧＯＯの簡単ホームページ」には、始めからトップページがフレーム分割されていますよね。スクロールバーを変えられるのでしたら、＜メインページのお知らせ＞と＜メニュー＞の２つ（つまり分割された２つのフレーム）のどちらでも下記のタグで変更できますよ～（メインページだけでなく『フレーム』の方も同じです）、という意味だったんです。あまり深く考えずに、フレーム含む…と言ってしまいました。申し訳ないです… m(_ _)m ↑ ↑ ↑スクロールバーが表示されるかお試しになってみてください。ダメなようでしたら、考え直します…。

質問者

お礼 2002/10/03 09:32

メインページに今このページに表示されている灰色に黒字の矢印の入ったごく一般的なスクロールバーが表示されてしまいました…(><)''方法を一応明記しておきます。前述のように、メインページの変更、お知らせ、この欄にはほかにも書き込んだタグがありますので、その前や、最後部にタグを貼り付けしました。もしやと思い、他の方に教えてもらったタグでも挑戦しましたが、やはり変化無しです。そこで<コメント>の欄でもやってみましたが不発でした・・・(@o@; 気になるのがソースの表示で自分のホームページをみると、他の方々が言われているようにタグと書いた部分が、<HEAD><TITLE>タグ</TITLE></HEAD>のようになってないんです。 <HTML> <HEAD> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <TITLE></TITLE> </HEAD> と、これきりなんです。これは特に問題ないでしょうか??概観の問題ですので、ホームページの目的にはなんら支障のないことで本当に迷惑をおかけしてしまって申し訳ありません。ちなみに、こういったＧＯＯ利用者の質問などをＧＯＯの管理者が答えていただけるようなサービスはないですよね???「本」さんはどのようにしてスクロールバーを変更なさったのですか？（ＧＯＯ簡単ホームページを利用なさって）私の方法と同じなのでしょうか。。。他の方が作っているホームページのスクリーンバーが変更されて表示されるのをこのパソコンで見つことができるので、前出の回答者のかたのご意見のような問題はないと思うのですが・・・

質問者

補足 2002/10/03 18:43

本さん!!!!!できましたあ!!!つ、ついに!!! 私はページの改行設定で、＜マニュアル改行＞にしていたんです。そして、もしやと思った事全て片っ端から変更しては確認を続けたところ、ここを＜自動改行＞にするとスクロールバーが見事に変わりました!!!! 本当に本さんには（おそらく）必要のないＧＯＯの簡単ホームページに登録していただいてしまったり、私のような初心者のために貴重なお時間を割いていただいて感謝しております。追記して・・・＞あまり深く考えずに、フレーム含む…と言ってしまいました。申し訳ないです… m(_ _)m とんでもない！！私の無知さという落ち度です!!本当にここまでお付き合いいただいて、ありがとうございました。また、どこかで私の恥ずかしい質問を見つけた時には、懲りずにご回答よろしくお願いします(^-^;;

Le-Livre
ベストアンサー率41% (44/105)

2002/10/01 20:43 回答No.8

ごめんなさい、スクロールバーの変更できるようです。スクロールバーの設定を変更したいページ（フレーム含む）に ―――― <STYLE> BODY { SCROLLBAR-FACE-COLOR: #f0f8ff; SCROLLBAR-HIGHLIGHT-COLOR: #f0f8ff; SCROLLBAR-SHADOW-COLOR: #6699ff; SCROLLBAR-3DLIGHT-COLOR: #6699ff; SCROLLBAR-ARROW-COLOR: #6699ff; SCROLLBAR-TRACK-COLOR: #f0f8ff; SCROLLBAR-DARKSHADOW-COLOR: #f0f8ff } </STYLE> ―――― をコピーするなどしてみてください。スクロールバーの設定を変えることができるはずです。バーの色などはお好みで変えてみてください。実際に自分でも試してみたので大丈夫だと思います。今まで、HP作成を支援してくれるレンタルサーバを使ったことがなかったので、#7で「できない！」と言ってしまいましたが、結構何でもできるみたいですね！！私自身も、大きな発見をしました！それと……呼び名のことですが。もちろん、本で結構ですｆ^_^

質問者

お礼 2002/10/02 19:01

すぐにお返事をいただけるので、大変ありがたいです。実際に試していただいて、出来たようなのですが、私は＜ＧＯＯ簡単ホームページにサインオン＞→＜メインページの変更＞→＜お知らせ＞の欄に直接「本」さんから教えていただいたタグをコピーして貼り付けましたが、変化無しでした。本当に「どうしてえ～」と途方にくれてしまいました(;-;) また、一つ質問を。＞スクロールバーの設定を変更したいページ（フレーム含む）のフレームとは何でしょうか？本当に知識のかけらもない状態から始めたので、お恥ずかしいのですが。Ｎｏ１の方の仰ったように、まずは本を手に取り、勉強しなおした方が良さそうですね(^-^; お時間がありましたら、お返事をよろしくお願いいたします。

Le-Livre
ベストアンサー率41% (44/105)

2002/10/01 16:23 回答No.7

補足をうけまして、「ＧＯＯの簡単ホームページ作成」に登録してみました。ヘルプなどを流し読みしてみましたが、どうやらスクロールバーの設定はできないようですね。（もしかしたら私の見落としがあるかもしれませんが…）＞自分のホームページに行って右クリックで「ソースの表示」とすることが出来るのですが、このタグをソースに書き込む事が出来ませんそれは、できないです＾＾；なぜなら、そのソースが管理されているサーバに変更した情報（ソース）転送していないからです。たとえば、このOKWebのソースも（IEで）表示→ソースで見ることはできますが、そこに何かを書き加えたとしてもOKWebのページに変化は起こりませんよね。それと同じなんです。 OKWebのページを変更するには、書き換えたソースを「OKWebのホームページ」が管理されているサーバに、その変更した情報を流して、元々あったページに上書きしなければなりません。もし、どうしてもスクロールバーの設定を変更したいのでしたら、簡単HP作成ではなく、もっと自由度の高いレンタルサーバを利用してみてはいかがでしょうか？スクロールバーだけでなく、あらゆる点でホームページの幅も広がりますよ。まだホームページ作成を始められたばかりのようですので、いきなりは難しいかもしれません。しかし、最終的には自分の完全なオリジナルのページを作りたいという願望があるようでしたら、早いうちに作成ソフトをお買い求めになるか、タグを覚えるかした方が、いいと思います。クオリティの高いページを作るにはそれなりの時間がかかります。ちなみに私は、作成ソフトは使っていません。全部覚えたタグを打ち込んでいます。作成ソフトも便利ですが、お金がない私には、お世辞にも安いものとは言えませんので…^_^; 他にもなにかありましたら、分かる範囲で回答します。

質問者

お礼 2002/10/01 18:44

わざわざ私なんかのために登録までしてくださったのですか???何とお礼をいっていいやら、感謝でいっぱいです。何分題名にある通り、初心者も初心者で、今回が始めて自分のホームページですので、分からない事ばかりの折の心強いアドヴァイスに本当に救われた気持ちです。今、お返事を見させていただいて「なるほど」と自分の無知さが恥ずかしいばかりです。実際に考えて見れば、もしソースを見ている作成者以外の第三者がそこに書き加えたものがホームページに影響してくれば、自分のホームページがあらされ放題！なんてことになってしまいますよね！！本当にお恥ずかしい。ただ、このホームページ作成の「みんなのホームページを見る」欄で他の方々のホームページ（おそらく同じＧＯＯ簡単ホームページを利用している方々のもの）を見させていただいたのですが、やっぱりスクロールバーをステキに装飾なさっているものを多数見、どのように変更するのかと疑問に思い質問させていただいたものです。恐らく何らかの方法があるにせよ、ド初心者の私にはまだ出すぎたことなのかもしれませんね(^-^ゞもう少しここでこの質問をさせていただいて、これ以上の情報が望めないと分かるまで回答を待たさせてください!!ここまで皆様からあたたかい回答を頂いて、ここで不消化のままでは申し訳ありませんので!!! どなたか情報をお持ちの方、どうかよろしくお願いいたします。また、「本」さん（こう呼んでもいいですか？？（笑））、もしお時間がありましたら下記のＵＲＬで「みんなのホームページを見る」右側のアクセスランキング上位者の方たちのホームページをご覧いただけますか？本当にステキなホームページばかりで、やはりスクロールバーを変更しているようなのです。厚かましくて本当に申し訳ありませんm(_ _)m

noname#21343

2002/10/01 10:32 回答No.6

　みなさんの回答への補足となりますが。　スクロールバーの色の変更は、インターネットエクスプローラー５．５以降だけで有効な指定です。（バージョン６では検証してませんが、たぶん有効でしょう）　なので、ネットスケープでは指定は無視されてしまい、変更は効きません。またインターネットエクスプローラーでもバージョン５以前では指定は無視されます。ご注意を。

質問者

お礼 2002/10/01 11:52

そうなのですか？初心者な者ですから、全くの初耳です。補足をありがとうございました。

bb33
ベストアンサー率50% (2/4)

2002/10/01 02:11 回答No.4

<HEAD>か<TITLE></TITLE> の下に <STYLE type="text/css"></STYLE> 色は適当です。#の所を変えて下さいね。違うタグの種類もありますわ。↑これは枠の色も分かれているちょっと豪華なものです。気になるサイトのソースを見て上の方に<STYLE>で囲われたscrollbarの所を見て下さいね。

質問者

お礼 2002/10/01 11:46

具体的な方法を教えていただき、分かりやすく、早速試してみたいと思います。豪華なものということで、今後のホームページ作成に大いに役立ちそうです！ありがとうございました。

toma9
ベストアンサー率47% (673/1425)

2002/10/01 01:41 回答No.3

それは「スクロ－ルバ－」ですね。方法等はこのサイトがいいですね。 HPに簡単に設置出来る小物を掲載しています。 http://www.geocities.co.jp/SweetHome/4572/index.html

質問者

お礼 2002/10/01 11:43

Ｎｏ２の方の参考ＵＲＬ同様、活用させていただきたいと思います。回答ありがとうございましたm(__)m

cona
ベストアンサー率20% (72/348)

2002/10/01 01:36 回答No.2

えっと、間違っていたら申し訳ないのですがスクロールバーのことでしょうか？右の上下に三角がついてるバーですよね。これはHPのタグの中へスタイルシートを設定することで変えることが出来ますよ。 URLを書いておきますので参考にしてくださいね。

参考URL：: http://bird.zero.ad.jp/k%5Ftagawa/bijyutu/sect0001.html

質問者

お礼 2002/10/01 11:39

皆様の仰るとおりです。スクロールバーというのですね。参考ＵＲＬも活用させていただきたいと思います。お返事ありがとうございました。　

milkysugar
ベストアンサー率37% (14/37)

2002/10/01 01:24 回答No.1

その棒は「スクロールバー」と言われます．画面をスクロールさせるためのもの．何かホームページ作成用のマニュアル本に書いていないでしょうか？私はC&R研究所『HTML&CSS handbook』（ソフトバンク）という本を持っており，それでHTMLを勉強しています．それによれば，CSS(Cascading Style Sheet)の設定で変えることができると言っています．が…CSSの使い方やらなんやらをここで説明するのは骨が折れます… またホームページビルダーなどをお使いならば私の説明も意味不明でしょう．ここはきちんとした本を買って勉強なさるのが一番いいと思います．＃ただの逃げではなく，勉強すればjuniorjuniorさんのためにもなるのです… 先述の本はそれなりにしっかりしているとは思います．また，他人のホームページで使っているテクニックを見たければ，ソースを見ることも可能です． Internet Explorerならば「ファイル→名前を付けて保存」で，ページを保存してしまえば，あとはテキストエディタで中身を見ることが出来ます．

質問者

お礼 2002/10/01 11:36

一日足らずでこんなにご回答いただいて幸いです。まず、一番お早い回答を頂いてありがとうございます。ホームページを作るのは初めてなので、やはり本などから勉強した方が良さそうです。また、仰るとおり他の方のホームページも上記の方法で研究させていただきたいと思います。

ホームページ作成についての質問です（初心者です）