ホームページの作成について

質問

今、ホームページを作っているのですが、どうも上手くいきません。

まず、アップしたときに画像が全部×になってしまいます。それと、画像にリンクを貼りクリックしたら他のページに行くようにしたいのですが、ページが開きません。

以前も同じようなやり方で１つホームページを作成したことがあります。その時はＨＰ作成のサイトを見ながらスムーズに作ることができましたので、今回なぜうまくいかないか検討がつきません。×になった時の対処法も書かれてあったのですが、内容に該当するようなミスはありませんでした。
ちなみに、FrontPage Expressで作成しており転送はFFFTPを使っています。

回答No.10

chinensis

＃８です。

＞<img src="img/画像1.gif" width="134" height="36"><p><img src="img/画像2.gif" width="134" height="36"></p>

えーと、もしかしてファイル名を日本語にしていますか？
そうであればファイル名を英数字に変更してください。

※説明すると長くなりますが、ファイル名が日本語ではサーバーがファイルを見つけられない状態になります。
（サーバーの日本語環境も絡みますので、一概には言えませんが）

お礼

本当に私の書き方が悪くご迷惑をおかけしました。ファイル名は英数字でございます。

と、皆様にお詫びをいたします。
先ほど、転送ソフトのローカルファイ名を確認しましたところ、gifがGIFになっておりました・・・・。
ファイルのソース上ではgifに変更していたので、転送ソフト上で画像フォルダを開きファイル名を確認していませんでした。なぜ変更したのに変わっていなかったのか分かりませんが・・・・。本当に皆様にはご迷惑をおかけしましたm(_ _)m

全ての状態で画像が開くようになりました！！
無知な私に優しくご回答して下さり本当に感謝しております。

回答No.9

noname#17189

まだ解決してなかったんですね…

ちょっと確認しますが、No.7さんへのお礼の中では
＞メニューボタンに使っている画像のみ×であとは表示されています
とありますが、No.8さんへの補足では
＞メインも飛んだ先のページ１，２でも、画像１～５だけが表示されません
とあるのですが、どっち？

気になるのがNo.5さんの
＞あと画像ファイルが正しく転送されているのかを確かめるために、
＞画像ファイルを直指定して開いてみてください。
＞http://****.****.***/img/gallery1.gif
に対するお答えが、
＞画像ファイルですが、直接確かめても開かないのです。
とありますが、この『開かない』というのはどういう意味ですか？404？

もしも、ここにお書きになってなかっただけで実はとっくに解決になってたんだったとしたら忘れてください！

お礼

ああああ・・・。私の無知な書き込みで皆さんにご迷惑をおかけしました。画像１～５というのはメニューボタンのファイル名を分かりやすくしたものです・・・。
余計なことをせず直に書けば良かったですねm(_ _)m
画像ファイルのみのアドレスから画像を開いたときに
メニューボタンの以外の画像はそれぞれ開くのです。

もっと勉強してから作ればよかったです・・・。

回答No.8

chinensis

横から割り込みます。

お手持ちのソースをご覧になれるのであれば、イメージのリンクタグまわりがどのように記述されているのか教えていただけると確実な回答が得られます。
（「<a href="…><img src="…></a>」と記述されている部分です。サーバー名等が入っている場合はその部分を消していただいて結構です。）

補足

書き込みありがとうございます。
メインのソースは↓ような感じです。

<img src="img/画像1.gif" width="134" height="36"><p><img
src="img/画像2.gif" width="134" height="36"></p>
<p><a href="ページ1.htm"><img src="img/画像3.gif"
border="0" width="134" height="36"></a></p>
<p><a href="ページ2.htm"><img src="img/画像4.gif"
border="0" width="132" height="36"></a></p>
<p><img src="img/画像5.gif" width="134" height="36"></p>

画像３と４から他のページへ飛ぶようにしています。
メインも飛んだ先のページ１，２でも、画像１～５だけが表示されません。

ソースは貼り付けたままの状態で段落などがずれております。

回答No.7

tata358

FFFTPは設定によって、ネットにUPされた状態のファイルの拡張子を大文字に統一したり小文字で統一したりします。
私は小文字で統一しています。
最初は大文字になると思うので、ページのソースで画像の拡張子が.gifになっていませんか？
画像自体がネットにＵＰできていればそれで表示されるはずですけどね。
<img src="http://wwwホームページのアドレス/.gif">のようにしてみてはいかがでしょうか。

リンク先のページも　http://　で始めてみるといいかもしれません。
<a href="http://www飛ばしたい先のページのURL"><img src="http://www～～/画像.gif"></a>

のようにしてみてください。

お礼

書き込みありがとうございます。
回答者様の方法をする前に確認してみましたら、
現在、転送ソフト内のホームページ側ファイルをクリックしても画像は×のまま、しかもリンク先へも飛びません。
ところがインターネット上では、メニューボタンに使っている画像のみ×であとは表示されていますし、リンク先へも飛びます。
全て×ならこの方法を試してみようと思ったのですが、
基本的なことが分からないままやっていますので対処方法が分かりません・・・・。

回答No.6

crepon133

HTML では gallery1.gif
転送したファイルは gallery1.GIF
ということはないですか？

お礼

書き込みありがとうございました。
HTMLの中になぜかgifとGIFとありましたので全てgifに変更しました。
転送したファイルをプロパティで見てみましたが、gifになっていました・・・。

回答No.5

noname#56568

ざっと読んでみましたがパスも間違えてはいないようですし、アップロードもちゃんとできているようですね。

ローカルのファイル容量とリモートのファイル容量が違うと心配されていますが、これはOSによるファイルサイズの解釈が違うためです。
どのWindowsを使っているかは知りませんが、プロパティにあるサイズの括弧内が本来のファイルサイズです。
このバイト数とリモート上のファイルサイズは一致しているはずです。

あと画像ファイルが正しく転送されているのかを確かめるために、画像ファイルを直指定して開いてみてください。
http://****.****.***/img/gallery1.gif
これで開けるのであればHTMLのソースを疑ってください。
ローカル上のHTMLソースではなく、サーバー上のHTMLのソースを確かめるんです。

それでも間違っていなかったらFTPソフトの転送モードを確認してください。
アスキーモードとバイナリモード。

オチはローカル上のファイルを指定していた・・・なんてところだと思いますけど。

お礼

書き込みありがとうございます。
画像ファイルですが、直接確かめても開かないのです。
転送モードはファイル名で転送モード切替というのになっています。

試しに以前作ったHPを見たら、画像が全部×になっていました・・・。なぜ？？
ああああ、全然分からないです(>_<)

回答No.4

raynya

FrontPage Expressを使う際は、HPで使用する全てのHTMLファイルや画像ファイルをひとつのフォルダに入れて、その上で作業するようにすると画像が表示されないといった問題がおきにくいです。
HTMLファイルを新規作成するときは、まずそのフォルダの中に一旦保存してから制作をはじめるようにしてください。

この辺は大丈夫でしょうか？

補足

マイドキュメントの中にhomepageというフォルダを作りその中に全てのHTMLファイルとimgというフォルダを作っています。画像は全てimgの中に保存してます。
以前の作成時も同じ形式で保存していました。
新規作成の時にフォルダに保存してから作成したかは、たぶん・・・といった感じです(>_<)
フォルダやファイルも一旦作ったものを削除したり移動はしています。

回答No.3

chinensis

以下の点を確認してみてください。

１．画像ファイル（×表示されているところ）のパスが正しいか？
　プロパティを表示すれば、その画像ファイルのパスが表示されますので、そのパスが正しい（自分が作ったとおりになっている）ことを確認してください。相対パスで作成しているのであれば、特に問題は無いと思いますが。
２．画像ファイルの形式（拡張子）が合っているか？
　たまに.gifと.jpgが間違っているケースがあります。
３．画像ファイルも正しくアップされているか？
　画像ファイルの転送形式をASCIIで送ったりしていると、画像ファイルとして表示できない可能性があります。

とりあえず思いつく確認事項はこんな物です。

ご質問者様がチェックした「×になった時の対処法」が判れば、もう少し詳しくアドバイスできるかもしれません。

補足

書き込みありがとうござます。
対処法としては、
(1)：ページを新規作成した場合には、まずページを保存してから画像を貼り付ける

コレはしたと思います。たぶん・・・。

(2)：(1)をしていない場合は、画像を張り直すか(3)を実行する

張り直してみたのですがダメでした。

(3)file：～画像名.gif　となっているファイル名を画像名.gifと変える

１カ所ありましたが、その画像はちゃんと表示されており、×になる画像が貼り付けてあるhtmlにはみあたりませんでした。

拡張子は全てgifでした。
しかし、何度転送ソフトを作ってアップしても作ったhtmlや画像とアップ後サイズが違うのです。

回答No.2

junra

アップしたときに画像が全部×は画像がUPされてないか、画像のリンクが正しくないかです。
リンクが正しくされてるか、HTLMで参照してみてください。
一つのホルダーでHPを作るか、サブホルダーを使用してるならすべてのデータがUPされてるかです

補足

FrontPageExpressでは、リンク先のページを開いておくと「今開いているページをリンク先に指定できる」ので
間違いはないと思うのですが・・・・。

回答No.1

noname#17189

＞画像が全部×になってしまいます。
考えられる可能性としては
１．画像のファイル名の打ち間違い。
２．ファイル名は合ってるけど、相対パスが間違ってる。
３．htmlファイルはアップロードしたのに画像をアップロードし忘れている。
ぐらいでしょうか…

ローカルチェックでは問題ないんですか？

どの時点でミスがあるのかちょっと判断できませんが、よろしければ試しに<a href="***.html"><img src="***.jpg"></a>のあたりをコピペしてみてくださいな。

補足

１．ファイル名は選んで設定するので間違いはないと思います

２．ここがよく分からないのですよね(>_<)

３．htmlも画像も全てを一緒にアップできるのでし忘れはないと思います。しかし、試しに１ずつアップしましたが、アップ後のファイルサイズが作ったものと違うのです。
<a href="gya1.htm"><img src="img/gallery1.gif"
alt="作品集１へ" border="0" width="134" height="36"></a>