ホームページビルダーを利用して自作HPの編集について

質問

立ち上げの時だけHPを作ってもらったのですがその後の更新はホームページビルダーを利用して編集をしております。編集したものはフリーソフトのFFFTPでアップロードしてホスト側の更新をしてるんですがトラブルが起きました。
トップ記事(index.html)の新着情報の更新を試みてるんですが上手く行きません。記事の内容は更新出来るんですが、今回はその中に画像（コンサートのチラシなど）をリンクさせようとしてるんですがその部分が出来ないのです。詳細は「こちらへ」としてそこをクリックするとチラシが見れるようにするためにブリダーの解説書の通りにやってみるのですが
更新されてません。
HPビルダーで編集してプレビューではちゃんとリンクも出来てるんですが何故かホスト側にFFFTPを利用してアップロードしてみるとその部分が開けません。きっとリンクの貼り方に問題があるかHPビルダーの使い方に問題があるのでしょうが初心者の私には解決できません。どなたか判りやすくアドバイス貰えないでしょうか？
よろしくお願いいたします。

回答No.7

qualheart · ベストアンサー

＞ローカルにおける画像データの場所とホスト側の場所が違うために反映
＞されてないことは当初から「こちらへ」にカーソル持って行ったときに
＞出るアドレスの違いから把握はしてる

当方ホームページビルダーを使ったことがないので、ビルダー上でどう表示されるかわからないのですが、違っているからといって間違いとは限りません。
ブラウザ上でリンクにカーソルをあわせると、下のステータスバーにリンク先のアドレスが表示されますが、ここには必ずhttpから始まるパスが表示されます。
恐らくビルダー上ではローカル作業のためhttpから始まるパスは表示されません。（たぶん相対パスが表示される？）
ある意味、ブラウザ上でhttpから始まるパスが表示されているのであれば、リンク先のアドレス自体は正しく相対パスが設定されているのだと思います。

なので、恐らく原因としては指定されたパスに画像が存在していないということでしょう。
つまり、画像をFFFTPでアップロードするときに、ローカルで作業したフォルダとは異なるフォルダに画像をアップロードしてしまったか、画像ファイルをアップロードしていないかのどちらかです。
ローカルで作業しているときも、画像ファイルは必ずホストにアップするときと同じ階層のフォルダに入れて作業してください。
たぶん、ローカルで作業したときに、チラシ画像をまったく異なるフォルダに入れたままリンク先として設定しちゃったんじゃないでしょうか？

難しく感じるかも知れませんが、全然難しくないですよ。
諦めないで頑張ってくださいね＾＾

お礼

qualheartさん
丁寧なアドバイスとても勇気が出てきました。
もう一度最初から一つ一つ焦らずにやってみました。
今回はビルダーの使い方講座（http://www.dougakaisetu.net/hpb/）
も参考にして画像を専用のファイル（フォルダ？）を作成してそこに貼り付けて自分でも行き先（保存先）を判りやすくして見ました。
それ以外は特段新しいやり方はしてないのですが今回は上手く行きました。なんか自分がとても成長したようで嬉しくなります。
還暦の記念に自分のホームページを立ち上げたんですがますます興味が沸いてきました。ホントに有り難うございます。
まだまだHTML形式では何も出来ませんが段々と勉強していきます。

回答No.6

chiizu2

ローカルで正しく表示しているのだったら
画像データのアップロードはできていますか
画像データのアップロードしてある場所を確認してみてください
ホストサーバのリンクのフォルダに
正しくアップされていないのかもしれません

お礼

皆さんのご指摘通り、自分に全くの専門知識が無いだけに皆さんの「アドバイスの意味」が判らないというのが実情です。
ローカルにおける画像データの場所とホスト側の場所が違うために反映されてないことは当初から「こちらへ」にカーソル持って行ったときに出るアドレスの違いから把握はしてるんですがその先が自分ではどう対処して良いかが判らないんです。自分では何も操作してませんから勝手に何処かで変わるんでしょうか？
ビルダーでの操作ではその指示通りにしてるつもりなんですが・・・

困ったものです。

皆さん、ホントにご親切にアドバイス下さって有り難うございます。

回答No.5

qualheart

記事にチラシ画像へのリンクを設定したが、クリックしてもリンク先のチラシが表示されないということですよね？

リンク先のチラシの画像はFFFTPでちゃんとアップロードしたんですよね？
画像をアップロードし忘れてるってことはないですか？
また画像をアップロードしたフォルダは、お使いのパソコン内でのフォルダ構成とまったく同じになっていますか？
違う場所になっていると、ちゃんとリンクされません。

あと、初心者の方がよくやるのが、絶対パスでリンクを設定してしまうミスですね。
実際のHTMLタグに入力されいているリンクのパスが「file://～」になっている場合は、絶対リンクになっています。
通常は相対パス（HTMLファイルが存在する場所から相対的に見たパス）でリンクする必要があります。
例えばindex.htmlがあるフォルダの下に「img」というフォルダがあり、その中にある「sample.jpg」にリンクしたいのであれば、
<a href="img/sample.jpg">こちらへ</a>
のように書く必要があります。

まあ、ビルダーの使い方に問題があるというより、やっぱり基本的に知識不足なだけだと思います。
参考URLで、HTMLの中身は実際どうなっているのか、何を気をつけなければいけないのか、初歩ぐらいは勉強することをオススメします。

参考URL：

http://www.tohoho-web.com/wwwbeg.htm

お礼

ご指摘の通りで知識不足と言うよりも全く知識のない者が「ホームページビルダー」の便利さのみを頼りに安易にホームページを楽しんでることに反省してるところです。
今回はリンクさせることを断念してリンクさせたい画像はブログに貼り付けることに致します。分相応の楽しみ方をしながら勉強して段々知識を身につけたいと思います。今後とも宜しくお願いいたします。
参考のURLはその意味ではとても参考になりそうです。
有り難うございました。

回答No.4

86tarou

チラシの方もアップされましたか？トップページは更新しても、対象のページを忘れることは私もよくあります ＾＾；

なお、ビルダーにもアップローダーは付属していますよ。

お礼

ビルダー付属の参考書レッスン５１に書かれて通りにしてるんですが・・・
すべて保存をクリックしてからプレビューを見てみるとちゃんと上手く出来上がってるんですがねぇ・・・

ビルダーに自分のHPのプロバイダのFTP情報を入力してないのでまだ使えてないんです。チャレンジしてみます。当初ホームページを作ってもらった方に更新の方法をFFFTPでアップロードする方法のみを教えてもらったのでしてるだけです。これから徐々に勉強していきます。アドバイス有り難うございます。

回答No.3

fujillin

リンクさせる画像をアップロードするのを忘れていませんか？

呼び出し側のアドレス（リンク先のアドレス）とその画像は間違いない位置関係（ディレクトリ）に置いてありますか？（画像名も含めて違っていないでしょうか？）

お礼

皆さんのご指摘通り、自分に全くの専門知識が無いだけに皆さんの「アドバイスの意味」が判らないというのが実情です。
ローカルにおける画像データの場所とホスト側の場所が違うために反映されてないことは当初から「こちらへ」にカーソル持って行ったときに出るアドレスの違いから把握はしてるんですがその先が自分ではどう対処して良いかが判らないんです。自分では何も操作してませんから勝手に何処かで変わるんでしょうか？
ビルダーでの操作ではその指示通りにしてるつもりなんですが・・・

回答No.2

Z31

＞フリーソフトのFFFTPでアップロードしてホスト側の更新・・・

アップロードをなぜ、フリーソフトで行うのですか？ビルダーでは出来ないのですか？

お礼

ビルダー付属の参考書の通りにプロバイダのFTP情報を入力すれば出来るのかも知れませんがまだ怖くってチャレンジしてません。
ホームページを当初作ってくれた方にFFFTPでの更新方法を教えてもらったのでそれに頼ってるだけです。
これから頑張ってみます。

回答No.1

hirokyono

index.htm
index.html

のように、htmとhtmlの両方が共存できます。

この間違いでは？

お礼

アドレスを確認しましたが混同してる節はありませんでした。
おそらく画像データのアドレスの相違が原因と思われるんですが
その後の対処方法が判りません。
やはりあまりに初心者過ぎてやりたいことばかり先行してしまったようです。