当方HPを作ったのですが、なんでか全ての画像やロゴがデスクトップ上に置かれています。うっとうしいので一つの新規ファイルにまとめたら、その画像がHP上に表示されなくなってしまいました（×印になる）。HPのindex.htmlも画像も全て一つのファイルにまとめて、サーバーにアップロードしたいのですが、どうしたらいいんでしょうか？　無知ですみません。。。

アップロードはＦＦＦＴＰが有名なフリーソフトです。

あと、ＨＰ作成に関する基本的なことなどの疑問はとほほのＷＷＷ入門などをみればのっていますよ。

ソフトとかで作ったのか、タグ打ちで作ったのかはわかりませんが、html上で表示される画像っていうのはパスといって、どの場所にあるかというのを記述してあるのです。で、勝手にフォルダとかに入れてしまうと、もとあった場所になくなってしまったので、見失ってしまったわけです。

htmlを修正して、画像がどこにあるかを書き直せば表示されるはずです。最初からHP用のフォルダを作って、その中で作った方がラクかも。パスはアップロードする時のために相対パスで指定してください。

ＨＰ作成ツールは何ですか？アップロードには何を使っていますか？

「HPのindex.htmlも画像も全て一つのファイルにまとめて」とはＬＨＡ等で

圧縮すると言う事でしょうか？ファイルを１ファイルに纏めた場合にはアップしても

ページとして閲覧出来ません。

×印が付くのは、画像の相対パスが間違っているからでしょう。（ソースを見て下さい）

HPビルダーの場合、【サイトの作成】を最初にしておけば設定したフォルダ内に自動的に格納されるはずです。

画像を移動したい場合は、まずHPビルダーでサイトを開いてから左のナビメニュー→フォルダで移動したい画像を選択して下さい。

そうする事によって、ビルダーが自動でパスを書き換えてくれますよ。

なるほど、HP開設時にありがちな出来事ですね。

まず

１．全ての画像やロゴがデスクトップに

これはうっとうしいですよね。

まずはマイドキュメントの中にでも「my-hp」とか適当な

名前でフォルダを作っておき、そのなかに画像、ロゴ、index.htmlなど（いわゆる素材ってやつ）を全部いれてしまってください。まず、ここから始めましょう。

ひとつの新規ファイルにまとめる、とおっしゃってますが

ファイルではなく、フォルダ、の間違いですよね。

２．さてこれでもしもHP上に表示されなかったとすると、本当はちょっとおかしいのです。

HPを作る言語（html言語と言います）では、画像を表示する時に「どこに画像があるのか」を記述しなければなりません。

当然どこに画像があるかは「サーバーにアップされた画像」を指定してあげなければならないんですが、貴方の作ったHPは、その「どこに画像があるか」が多分、「あなたのパソコンのハードディスク内にある画像」を指定してしまってると思います。すると、どうなるか。

貴方はハードディスク内にその画像を持ってるから画像が表示されるでしょうが、他のパソコンから観た人には、

その人がまったく同じ画像を持ってでもいない限り、表示がされないんです。

これは参考URLで分かりやすそうなHP作成講座があるので

そちらで勉強してみてください。分かれば簡単です。

３．indexも画像も全てひとつのファイルにしてアップしたい

ということですが、これも「フォルダ」の間違いですか？

ひとつのファイルにする事ってのは、できません。

HP運営してるみなさん、index.htmlがあり、画像があり

また他のhtml（link.htmlとかね）があり、それをみんな

アップして、運営してます。

てことで、ともかくキーとなるのは２．画像のアドレス指定が間違ってるっぽいってところです。リンクの仕方とか

アドレスの指定方法は例えHP作成ソフトを使っていても

理解しておいたほうが良いと思います。

いちど、参考URL、観てみてください。

原因は、2.の回答者の方が指摘されている通りと思います。HPビルダーは使ったことがないので、具体的な手順などはわかりませんが、挿入した画像等をもう一度指定し直せばよいはずですよ。（２.の方がおっしゃる通りですからこちらポイント不要です。）

私がホームページを作る時の作り方は、

まず、ﾌｫﾙﾀﾞをつくり、その中にindex.htmlをおき、imgとかimagesとか言うﾌｫﾙﾀﾞをつくって、その中に全ての画像を置きます。それが一番効率がよいと思いますが。

ﾌｫﾙﾀﾞ名は必ず、英数半角で。

文章から予想すると、

┬index.html

└画像ﾌｫﾙﾀﾞ┬画像１

　　　　　├画像２

　 　　　　└画像３

というような感じでしょうか。WEB上にアップロードされた、ものに×しるしが出ているとのことなので、そこを右クリックしてプロパティを見ると、その×の部分がどこにリンクされているかというのがわかります。

であり、

×のプロパティが

画像.gif

であるのならば、index.htmlのあるﾌｫﾙﾀﾞに画像がなければいけません。実際にその　画像.gif　が

index.htmlと同じ階層にある、画像ﾌｫﾙﾀﾞのなかにある場合、はindex.htmlの画像にリンクしている部分を全て変更しなければいけません。

画像にリンクしている部分のタグ

<img src=””> となっているとおもいますが、それを書かれてみたほうが、いいアドバイスがもらえるかもしれませんよ。

説明がヘタですががんばってください。

あ、ビルダーで作成されてるんですね。

そうしたら、まずはやはりひとつフォルダをつくって

その中に素材を全部ぶちこんじゃいましょう。

で、ビルダーを開いて、面倒ですが、画像を一個消し、貼りなおし、また一個消し、貼りなおし・・・を繰り返してみてください。プレビューしてみると×印がなくなりちゃんと

画像が表示されると思います。

そして、最後のまとめてアップロード、ですが、ビルダーのファイル転送ソフトは、使い勝手があまりよくないんですが、それでも出来ます。ローカル側（つまりパソコン側、画面左側）のどのファイルでも良いのでクリックして

そのあと、「Ctrl」キー＋「A」を押して下さい。

すると、全部選択されますでしょ。この状態で「転送」すれば良いのです。

そのためにも、やはり一番最初にHPの用のフォルダを作るのが先決。そこから始めましょう。

>一つの新規ファイル

というのは「一つの新規フォルダ」の間違いだと思います。

それを全体に話を進めます。

まず、HP用のファイルを入れるフォルダを作ることをお勧めします。

作成したhtmlファイルや画像はすべてその中に入れるようにしたほうがいいでしょう。

次に、ファイルが多くなってきた場合には意味のあるグループで

さらにフォルダを作ったほうがいいと思います。

例えば画像専用のimgというフォルダを作成するなど。

それから、きわめて基本的なことなのですが、

サーバーのフォルダ構造と、ローカルのフォルダ構造は

同じにしておいた方がいいです。

自分のパソコンにimgというフォルダを作成してそこに画像を入れたら、

サーバーのほうにも同じようにimgというフォルダを作るなど。

FTPソフトを使用すればそのようなことを考えずに

ただアップすればいいようになりますが、少し難しいかもしれないので

FTPソフトはとりあえず考えなくていいと思います。

ファイルや画像を移動したり名前を変えたりした場合、

そのファイルや画像を表示したりリンクしたりしている部分は

すべて書き直さなければなりません。

この作業は面倒なので、できるだけファイルの移動や名前の変更をしないでいい様に

事前によく考えて、構成や名前を考えることが望ましいです。

でも、あまり経験が無い場合には、いろいろ試して失敗して

とにかく経験することがいいと思います。

頑張ってください。

ビルダーで作ってらっしゃるんですね！

私のはビルダー2001なので少し違うかもしれませんが

おそらく「サイト設定」がデスクトップ上に指定されてるからだと思います。

「基本項目設定」の「トップページ」や、「フォルダ詳細設定」の「ファイルタイプ別保存場所の設定」に新しく作ったフォルダを指定してみてください。

そうすると今度からそのフォルダの中に画像や作ったページが入ると思います。

参照ＵＲＬにビルダーの設定が詳しく書いてあるサイトをリンクしておきますね！

ではでは、ＨＰ作り頑張ってくださいね〜！！