• ベストアンサー

ホームページの壁紙の貼りかた

<body background="***.gif"> でできると思っているのですが、壁紙が表示されません。 私がしたのは、素材集の中から選んで、画像を右クリック→名前をつけて画像を保存→マイドキュメントへ保存 具体的にフォルダに入っているファイル名を入れた場合、 <body background="back-animal1.gif"> になるのですが、この入れ方ではだめなんでしょうか? いろいろ見ても<body background="ファイル名.gif">という説明までしか書いていないので、根本的にどこが違うのかがわかりません。 どうかよろしくお願いいたします。

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

  • ベストアンサー
  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.11

<body background="C:\My Documents\homepage\back\animal1.gif"> でアップしたら見れた、との事ですが、これは現在、 アップしたホームページを見てはいるのですが、 背景画像は、kuroneko912さんのパソコンのCドライブ(ハードディスク) に入っている画像を参照している状態です。 ですので、他の人が見た場合、例えば、勝手にお名前を拝借しますが Yumikoitさんが見るとYumikoitさんのパソコンの、Kanataさんが見ればKanataさんのパソコンのCドライブから 『My Documents』>『homepage』>『back』と言うフォルダーを探し、 『animal1.gif』と言う画像を見付けようとしますが、 当然、彼等のハードディスクにはその画像はありませんので、表示できません。 で、対策はどうしたら良いかと言うと・・・。 『homepage』フォルダーの中身をそのままアップしてしまいましょう。 つまり、『back』フォルダーに入っている画像はフォルダーごとアップします。 この場合、HTMLファイルへの記述は <BODY BACKGROUND="back/animal1.gif">となります。 ただし、これもたまに聞く話なのですが、HP作成ソフトの中には 画像を配置した段階で、ハードディスク内のアドレスを記述してしまい (<body background="C:\My Documents\homepage\back\animal1.gif">みたいに)、 それを、そのままアップロードしてしまって、 画像はちゃんとアップされているにもかかわらず、 全く表示されなくなっている、と言うHPがあります。 こう言うトラブルを回避する為にも、本当は、必要最小限のHTMLの知識は 持っておいた方がいいんですが・・・。

その他の回答 (10)

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.10

<body background="C:\My Documents\homepage\back\animal1.gif"> とのことですが、これでは kuroneko912 さんのコンピュータからは見ることが出来ても 他のヒト、例えば私からはきっと表示されていないと思います。 だって、C:\....で始まるのは kuroneko912さんのコンピュータ内のデータであって、それは私のコンピュータからインターネット経由で見れない場所にあるんですもの。 #2の回答で書かれているように、その壁紙ファイルも「アップロード」する必要があります。 アップロードには FTPソフトが使われるのが一般的ですが その無料のサイトでは使えるかな? どちらのサービスを利用しているのか、(FreeWebとかGIOCITIESかなど)差し支えなければ教えてください。 ソフト自体はホームページ作成ソフト内にFTP転送機能がついている場合と、自分で用意する必要がある場合とがあります。 自分で用意するなら、窓の杜やVectorなどで無料のものを入手することが出来ます。 窓の杜  http://www.forest.impress.co.jp/ Vector  http://www.vector.co.jp/

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.9

kenkenkentさんの説明でもわかるかと思いますが <BODY xxxx>というのもHTMLというホームページを記述する為の命令文の一つなのですね。 kuroneko912さんは、今回、ホームページを作るに当たって何かのソフトを使われれているのかしら。 それとも、どこかの掲示板か何かを設置するにあたり そこの壁紙の設定をしたいのでしょうか。 いずれにしても、「ホームページの内容を記述している」HTMLファイル(掲示板の場合にはその掲示板を構成するプログラム)の位置と kuroneko912さんが使いたい画像ファイルの位置関係を <BODY="xxxx">の部分に明記する必要があります。

noname#358
質問者

補足

kenkenkentさんのところに書いたように、無料HP作成のサイトで作っています。 何気なく書き込んだプロパティのアドレスでUPできてしまったのですが、HTMLファイルと画像ファイルの位置関係は、やはり明記しておいた方がいいのでしょうか? HTMLファイルはそのサイトにあると思うんですが、(index.htmlや、.index-1.htmlなど、ひとまとめになっているページがあります)もし、明記するとしたら、具体的にどのように標記すればいいのでしょうか?

  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.8

まずそこから教えないといけないんですね(^^; 基本的に、ホームページと言うのは、『HTML(Hyper Text Markup Language)』 と言う、専用の文法を持った記述言語で作られています。 ブラウザー(インターネットエクスプローラーやネットスケープなど)は、 このHTMLを元に『ここにはこの文章で、ここには****.gifがあって~』 と判断して表示する訳です。 その、ブラウザーに読み込ませるホームページのデータの事を 『HTMLファイル』と呼びます。 ホームページを見る時に、アドレス欄のところに『/****.htm』とか、 『/***.html』とかって出てるのを見た事がありませんか? そのホームページを出した人がアップロードしたHTMLファイルを kuroneko912さんのパソコンのブラウザーが読み込んで表示させている訳です。 HTMLファイルの中身は、HTMLの文法で定められたアルファベットの羅列です。 HTMLファイルを作る為には、この文法を憶えて、打ち込んで行くのですが、 それを、ホームページと同じ様に表示させながら写真や文章を置いて行くと、 自動的にHTML文法に置き換えて作文してくれるのが ホームページ作成ソフトと言う訳です。 ですので、どんなソフトを使っていても、HTMLファイルはどこかに保存されているハズですよ。

  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.7

すいません、先程の回答で1点訂正です。 ファイル名の指定のところ、 <img src="kuroneko/gazou/back-animal1.gif">ではなく、 <img src="gazou/back-animal1.gif">で大丈夫ですね(^^;

  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.6

すいません、先程の回答で1点訂正です。 ファイル名の指定のところ、 <img src="kuroneko/gazou/back-animal1.gif">ではなく、 <img src="gazou/back-animal1.gif">で大丈夫ですね(^^;

  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.5

ちなみに、その画像は、HTMLファイルと同じフォルダーに保存してありますか? ブラウザーは、リンクや画像などは、その置かれている場所を 指定してやらないといけません。 ただし、同じ階層(フォルダー)に置かれている物だけは ファイル名だけでリンクできる様になっています。 もし、HTMLはHTMLで、画像は画像で全部まとめる様な時は、 その画像が含まれているフォルダー名/画像名と指定してやります。 例えば、kuroneko912さんのホームページのデータが入っているフォルダー名を 『kuroneko』とします。で、画像をまとめたフォルダーを『gazou』と仮定します。 その場合の階層の構造はこうなります。 『kuroneko』  >index.html  >『gazou』    >back-animal1.gif この状態でindex.htmlにback-animal1.gifを貼り込む場合の指定は <img src="kuroneko/gazou/back-animal1.gif">となります。 この際に注意しなければならないのは、画像の入っているフォルダー名に 日本語や全角英数字を使わない事。アップロードした時にトラブルの原因になります。 また、ホームページ作成ソフトを使っている場合、 フォルダー名の指定に、パソコンのハードディスクの名前などが入ってしまい、 アップロードした時に画像のリンクが外れたりする事があります。 また、一度リンクさせた後で画像フォルダーの名前を変えたりすると、 リンクが切れたりしますので注意が必要です。

noname#358
質問者

補足

フォルダ名に日本語を使っていたので、ご指摘通り半角英数に書きなおしました。(幸いまだどのアイテムも使用していなかったので) アドバイスありがとうございました。 ところで、HTMLファイルと画像のファイルの階層の指定をしないといけないとのことですが、これまで "back-animal1.gif" としか書いていなかったものを、何気なくプロパティで出てくるアドレス(?)を書き込んだら、なんとUPすることができてしまいました。 ちなみに内容は <body background="C:\My Documents\homepage\back\animal1.gif"> です。 これってどういうことなんでしょう・・・? 私は無料HP作成をサービスしているサイトでHPをつくっているので、HTMLファイルもそのサイト上にあるとは思うんですが・・・。

  • kiraku
  • ベストアンサー率46% (6/13)
回答No.4

ファイル名の大文字と小文字は区別されます。 ANIMAL1.GIF animal1.gif ANIMAL1.gif animal1.GIF これらは全て別のファイルとして認識されてしまいます。 HTML内のファイル名の記述と、実際に使うファイル名を、 一応確認してみてください。 まずは、HTMLファイルとGIFファイルを同じフォルダ内に 入れて、それで表示されるかどうか、それからやってみた方が いいと思います。 健闘をお祈りしています。

noname#9414
noname#9414
回答No.3

うまく書いてあるかどうか、自分でもわからないの ですが、一応私のサイトで、相対パスについて 書いたものがありますので、ちょこっと読んでみて ください。(参考URL) ただし、フレームで書いているサイトなので、TOP から行く場合は、以下のURLです。 http://www.ai.wakwak.com/~kanata/ わかりにくいところがあったら、補足してください。 #修正したいので・・・ ではでは☆

参考URL:
http://www.ai.wakwak.com/~kanata/html/sixth_step.html
noname#358
質問者

お礼

サイトへ行ってみました。 素人の私にもわかりやすい説明でとてもよくわかりました。早速「お気に入り」に登録しました。 ありがとうございました。

  • ark2sp
  • ベストアンサー率25% (8/32)
回答No.2

保存した画像データを一緒にアップロードしないとダメです。 例えば壁紙を張りたいページをindex.htmlとした場合、同一ディレクトリ内に壁紙とする画像データを入れておきます。そうしてタグを<body background="***.gif">としてやれば表示されるはずです。 基本的にTOPページをindex.htmlとし、そのディレクトリの階層をなぞるように配置していかなければいけません。 ようするに表示したいページから見て、どこのフォルダにあるかを見に行くようにしないと表示はされません。 通常画像データはpicフォルダなどに配置し、以下のページは<body background="pic/***.gif">などのように自分で管理しやすく構成してやると良いでしょう。

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.1

背景画像は、MyDocumentフォルダに入れたとのことですが それを記述しているHTMLファイルは、どこに保存されていますか? 同じフォルダにある場合には確かに <body background="ファイル名.gif">でいいのですが 違うフォルダにある場合にはフォルダへのパスの記述が必要になります。 下のフォルダへのパスは、 "フォルダ名/ファイル名.gif" になりますが上へのフォルダへのパスである場合には "../ファイル名.gif" になります。 具体的には、例えば [ ] で囲まれた名前をフォルダ名とすると ー+-[gif]--- bground.gif  |  +-[site1]- sample.html  |  +index.html 上記の構成を持つフォルダ構造で sample.html から [gif]フォルダの中の bground.gif を背景画像として呼び出したい場合、「一つ登って(../)、gifフォルダに降りたところ(gif/)にあるファイル」を呼び出すので <body background="../gif/bground.gif"> といった記述方法になります。

noname#358
質問者

補足

ド素人の初心者なので、ほとんどよくわかっていません。HTMLファイルってなんですか?くだらない質問で申し訳ありません。

関連するQ&A