• 締切済み

htmlページ、ローカルでの表示について(DreamWeaver8使用)

すでにアップされているサイトなのですが、ローカルで作業しプレビューすると、何故か画像が表示されません。 テンプレートを使用しており、テンプレートへのリンク切れはありません。また、すでにアップされているものですのでネット上では正確に画像も表示されており、テンプレートもしっかり反映しています。 文章がわかり辛くなってしまったので要点をまとめますと、 現在ローカルでhtmlソースで作業した後→サーバーへテストアップ→検証→ダメなら修正(それの繰り返し) と、ローカル検証で済むはずのことを手間を掛けてしまっているのです。 何故このようなことがおきるのか、またどうすればローカルでプレビューできるようになるかわかりますでしょうか? わかる方がいましたら、どうぞよろしくお願いします。

  • stanta
  • お礼率66% (167/253)
  • CSS
  • 回答数3
  • ありがとう数5

みんなの回答

  • webcom
  • ベストアンサー率67% (19/28)
回答No.3

Dreamweaverメニュー サイト ↓ サイトの管理 ↓ サイトを選択して編集 ↓ 基本 詳細設定 タブで詳細設定を選択 ↓ カテゴリ ローカル情報 ↓ 相対リンク サイトルートが選択を確認 ↓ HTTP アドレス 画像が表示されない場合はここが間違っていると思います。 【間違い】 (1)何も入力されていない (2)http://www.xxxxx.jp/public_html/  public_htmlまで指定してある 【正しく修正】   http://www.xxxx.jp/ ※この後【OK】Dreamweaverの終了 再起動で画像が表示されるようになります。 http://livedocs.adobe.com/dreamweaver/8_jp/using/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=03_sit29.htm [サイトルート] オプションを選択する場合は、次の手順で HTTP アドレスを指定するようにしてください。

stanta
質問者

お礼

回答ありがとうございます。 試行錯誤した挙句、外注業者に聞いたところ、問題がわかりました。 私が認識していたテンプレートでなかったようでした。 rootで決定されるもので、たとえばCドライブの直下においた場合・USBメモリ直下においた場合・サーバー上に置いた場合のみプレビューできました。 今後制作に携わる人員にこれでは困るので、テンプレートを書き換えてもらいます。 皆さん、状況もわからず、アドバイスをいただきありがとうございました!!!

noname#255661
noname#255661
回答No.2

画像のパスがルート相対パス(/から始まるパス)になっていませんか?

参考URL:
http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0230.html
stanta
質問者

お礼

回答ありがとうございます。 ソースを見てみましたが、相対パスにはなっています。が/から始まるパスにはなっていませんでした。 (例)img src="0_top/03.gif"

noname#39970
noname#39970
回答No.1

画像が 正しいパスに無い とか

stanta
質問者

補足

回答ありがとうございます。 画像のパスは相対パスで正しいようです。

関連するQ&A

  • ローカルで動くページがサーバ上で正しく表示されない

    ホームページを作成しています。ローカル上で正しく動くページをサーバにアップロードすると、バックの画像が表示されなかったり、リンクが正しく表示されなかったりします。 http://www.html5mania.com/agora-free-html5-template/ 上のテンプレートを使って文言を変更している程度なので、 CSSをいじっているなどはありません。 テンプレートをいじらずにサーバにあげても同様のことが起きていました。 正しく表示させる方法がもしわかりましたら、教えていただきたいです。 よろしくお願いいたします。 ※カテゴリ違いなどでしたら、申し訳ございません。

  • テンプレートの画像が表示できません(Dreamweaver)

    「テンプレートから新規作成」したページをブラウザでプレビューすると画像が見えなくなってしまいます。←バッテンマークが表示されます どうしたら画像もきちんと表示されるようになるのでしょうか?教えてください。 ※Dreamweaver3を使用しています。

  • Dreamweaver テンプレートのリンク設定

    お世話になります。 Web更新作業の引継ぎで、クライアントのサーバーからファイルをダウンロードしました。前任の会社がファイルをテンプレートで作成しており、 更新作業を実施した際、リンクの設定がおかしくなりました。 作業は、Dreamweaverで実施しました。 テンプレートファイルの .dwtを修正し保存。←リンクの箇所は修正していません! .indexのDWメニュー[修正]→[テンプレート]→[サイト全体の更新]→[次を含むファイル]で反映させたいファイルを選び更新しました。 サーバーにアップしてから気付いたのですが、リンク切れを起こしています。 その後、DWで.dwtと.indexファイルを確認したのですが、 .dwtでは ----------------------------------------------------- <dd><a title="※※※" href="tokyo.html">※※※</a></dd> <dd><a title="※※※" href="hamamatsu.html">※※※</a></dd> .indexでは ------------------------------------------------------- <dd><a title="※※※" href="../Templates/tokyo.html">※※※</a></dd> <dd><a title="※※※" href="../Templates/tokyo.html">※※※</a></dd> -------------------------------------------------------- となっており。リンクのパスが変わってしまっています。 .dwtのリンク設定のまま.indexに反映させるには、どうしたらいいのでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • ホームページビルダーのページ編集の表示

    ホームページのテンプレートをホームページビルダー8で編集時 プレビューで正しく表示されますが、編集ページではヘッダーの画像などの位置が左右に大きくづれて表示されます。プレビューと同じように表示して編集したいのですがどうすればいいでしょうか教えてください

  • dreamweaver使用して、画像のプレビューが表示されない

    ホームページを制作していて困っているのですが、 現在ドリームウィバーを使用してホームページを作っています。 テーブルタグ内にレンタルカウンターの画像を配置すると、 プレビューで背景画像のみ表示されて、 テキストや他の配置した画像が全部表示されなくなります。 ですがサーバーにアップすると、 問題無くレンタルカウンターの画像も含めて表示されるのですが これはドリームウィバー上の設定の問題なのでしょうか? 作ったHTMLと同じフォルダー内に無いカウンターの画像のリンクを配置している事が原因なのでしょうか? 同じ経験をされた方や、お分かりになる方がいらっしゃったら教えてください。 よろしくお願いします!

  • html上でローカルフォルダの表示

    htmlを今勉強中なのですが、やりたい事ができず困っております…。 やりたい事とは、ブラウザ上でローカルフォルダを表示し、エクスプローラのようにツリー表示またはjavaでできるようなポップアップでフォルダの内容を表示したいのです。 後々にフォルダの内容が変わることが予想されるため、(mp3と画像だけ)できればローカルフォルダと同期したいのですが… サーバーにアップすることは考えておりませんので、ローカル環境だけで実現できればいいのです。 このような事は不可能でしょうか? もし可能であれば、便利なソフトなども合わせて教えていただけるとありがたいです。 もちろん有料でもかまいません。 先生方、よろしくお願いします。m(__)m

    • ベストアンサー
    • HTML
  • Dreamweaverで画像が表示されない

    Dreamweaver MX バージョン7.0を使って家族のホームページを作っています。  久しぶりにHPをアップしようとしたのですが、画像(JPG)が表示されなくなってしまいました。 F12のブラウザでプレビューでは問題なく画像が表示されているのですが、リモートサイトにアップしようとすると、「FTPエラーが発生しました。DSC○○をputできません。この処理を実行するにはディスクの容量が足りません」と出てしまいます。 確認してみると、画像の大きさは全部20~60KB程度です。それ以前の写真も同じ位の大きさでこれまで問題なく表示できていました。  分厚い説明本も見ましたがそういう時のことはのっていませんでした。 何方かご存知の方、ご教示頂けますでしょうか。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • リンク設定に関する問題

    最近他の制作会社が制作したコーディングデータを修正する事が多々あるのですが 画像やCSSやJSなどなどのリンク設定がサーバー内のルートパスで リンク設定をしていて こんな感じのです ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ /entvillage/common/img/sample.gif このリンク設定の方法だとローカルでブラウザープレビューをした場合 どうしてもちゃんと画像やCSSやJSのリンクが反映されず ちゃんとしたプレビュー確認ができずローカルでの検証ができない状態だと思うのですが これは仕方ない事なのでしょうか? それとも何か設定すればローカルでプレビュー確認が出来る方法があるのでしょうか? ちなみにDreamweaver上だとサイト管理設定でURLを指定してあげれば表示確認はできます。 最近正直困っています。 どなたか解決方法をお分りになる方ご教授いただけないでしょうか? 宜しくお願いします。

    • ベストアンサー
    • CSS
  • Dreamweaver でのテキストの行間表示ついて

    現在、Dreamweaverを用いて、ホームページの作成を行っております。 テキスト主体のページを作成しておりますが、テキストの行間の幅が、Dreamweaverのデザイン用エディタ画面で表示した時と、ブラウザ上に表示した場合で、異なります。 行間設定は、CSSのline-hightを使用しておりますが、 その設定値を正しく反映し、表示しているのは、ブラウザであり、Dreamweaverのデザイン用エディタ画面が設定値以上に、大きな幅で表示していることがわかりました。 デザインを行う際に、設定値を反映した、正常な表示を見ながら作業を行いたいので、非常に不便で困っております。 (今は、デザイン作業を進め、毎回、ブラウザに表示させて、内容を確認しているので、余計な手間をとっています。) Dreamweaverのデザイン用エディタ画面で、 設定値を正常に反映した画面を表示させる方法について、ご存知の方がいらっしゃいましたら、ご指導頂けますと幸いです。 何卒、よろしくお願いいたします。

  • MacのDreamweaverで作ったHPをWinでプレビュー

    MacのDreamweaver4を使ってHPを作っています。サーバーにアップする前のプレビュー(IE使用)ですが、MacでプレビューしたものとWinプレビューしたものに違いがあり、テキストと画像がずれてしまいます。表示のしかたに違いがあるので仕方ないこととは思いますが、テキストと画像を下揃えで揃えたい場合、何か対策はあるのでしょうか。(ちなみに文字サイズをWin=小・Mac=12ptで表示すると作ったとおりのものがプレビューされます。)また、Winでプレビューしたものをスクリーンショットし、Photshopの選択範囲でPixelをはかるという手段を考えましたが、はかった後どう作業するか悩んでいます。よろしくお願いします。

専門家に質問してみよう