• ベストアンサー

Dreamweaver で <BASE HREF= で指定したパスの画像が表示できない。

Dreamewaver3を使用の際の 下記の状態で、編集プレビュー上(名称が違っていたらすみません)の 画像などが表示(またはリンク)できずに困っています。 ------------------------------------ <BASE>タグで絶対パスを指定します。 その絶対パスにあわせて画像などのリンクパスを記入します。 たとえば、   <BASE HREF="http://○○.ne.jp/~mysitename/"> と、ベースを設定。 本文中に   <IMG src="images/○○.jpg"> とします。 ファイルの階層(この場合画像のデータの場所)は、   http://○○.ne.jp/~mysitename/images/○○.jpg ですが、これは、ローカルではないので表示が無理なのはわかります。 ですので、編集中はローカルの階層にあわせて   <BASE HREF="file://ドライブ名/HTML編集用フォルダ/"> と、言う感じにHTMLを作成し、アップ前に<BASE>部を置き換える ようにしました。 これなら、ローカル内でもBASEは効くはずですよね? でも、編集画面では表示できないようなのです。 これって仕様なのでしょうか。 また、最新版ならできるよ~という情報などがありましたら バージョンアップも考えているので、情報提供おねがい致します。

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

  • ベストアンサー
  • Methyln
  • ベストアンサー率29% (242/823)
回答No.2

>たとえば、 ><BASE HREF="http://○○.ne.jp/~mysitename/"> >と、ベースを設定。 >本文中に ><IMG src="images/○○.jpg"> >とします。 う~ん、ユーザーのホームページをBASEで登録する必要がはたして必要 なんでしょうか?なんかBASEで特別指定する必要が無いように思えますが。 (デフォルトでmysitenameさんのURLは"http://○○.ne.jp/~mysitename/" でしょうし。) それなら絶対ディレクトリ(絶対アドレス)指定せずに相対アドレスで指定 してみてはいかがでしょうか? (と、いうか普通はみんなこうやってると思うんだけど) 画像を呼び出すファイルがindex.htmとして、URL"http://○○.ne.jp/~mysitename/" に登録した場合、"images"ディレクトリの"test.jpg"ファイルを表示するなら <IMG src="./images/test.jpg"> で済むと思います。 (意味は呼び出すファイル(index.htm)から見て、同じ階層にある"images" ディレクトリ下のtest.jpgファイルを指定) ツリーはこういう感じ("<>"で囲まれているのはディレクトリ) TOP-+-index.htm     +     +-<images>--test.jpg (これはindex.htmファイルからの相対ディレクトリ(相対アドレス)指定の為、 サーバ上でもローカルにあっても何処かを修正することなく表示できます。) 相対ディレクトリ(アドレス)、絶対ディレクトリ(アドレス)について、もう少し 勉強されてはいかがでしょうか?

none123
質問者

お礼

ミラーサイトなどを作成し、どちらか一方に画像などのリソースを置こう とか、かんがえていたのですが、どうやら一般的にそういった使い方を しないようですね。 お叱りをうけまして、もういちど<BASE>などのパスの勉強をしようと おもいました。 ご忠告ありがとうございました。

その他の回答 (2)

  • shigatsu
  • ベストアンサー率26% (511/1924)
回答No.3

何のためにDreamweaverを使っているのか・・・ Dreamweaverにはその手のサイト管理機能がついていますので、ソースでいじらなくてもサイト内で使われているファイルのリンクが切れた場合はそれなりの対応をしてくれると思います。 ツールを使うのであれば、その辺の便利な機能使わないともったいないですよ。

none123
質問者

お礼

複数の場所にデータを上げるときに、画像などを片方のサイトに 置いておければ、とおもいこのような質問をしたのですが どうやら、<BASE>タグでそのようなことをしない様子ですね。 (調べた時にはそういった使い方ができるという話だったのですが、 どうやら、勘違いかも・・・) Dreamweaverのサイト管理機能は使用していますが、複数のロケーションに データを複製して置きたかったのでこのような方法を取ろうとしていたのですが、 なんだか本末転倒だったのかもしれませんね。 アドバイス・ご忠告感謝いたします。

  • next-co
  • ベストアンサー率28% (43/149)
回答No.1

<BASE HREF="http://○○.ne.jp/~mysitename/">を設定しなければならない理由がありますか? 編集時に絶対値でリンク設定した場合、アップロードの時にリンク部分を全て変更しなければなりません。リンクが切れていたりトラブルの元と思いますが。 通常は、Web内のリンクは相対値で設定する思います。

none123
質問者

お礼

とりあえず、皆様から勉強不足とのお叱りをうけてしまいまして もういちど、タグの勉強をしなおすことにしました。 <BASE>を使用しないほうが良いのでしょうね。 とにかくありがとうございました。

none123
質問者

補足

さっそくの回答ありがとうございます。 言葉足らずでしたので、補足させていただきます。 以下補足です。------------------------ 絶対パスで指定すると、「HTMLドキュメント」を フレキシブルに移動させても  画像パス <IMG SRC="・・・・・">  を変更しなくても済む点から、データ構成のメンテナンスをしやすく したいという理由があるのです。 もちろん、この イメージやリンク(スタイルシートを外部で持つためのリンクパスです。)は、 常に変更しないという前提でページを作成しています。 各、ファイル間の通常目的のリンクについては、絶対パスではなく 頭に/ をつけて指定する方法である、相対パス指定にします。 よろしくおねがいします。

関連するQ&A

  • MovableType/画像のパス指定方法

    こんにちは。 MovableTypeを使いホームページを構築されている方に質問します。 ヘッダーやメニュー部分など、各アーカイブで共通する部分に挿入したい画像があるとします。 その画像を表示するHTMLコードはどのように書くのが正しい・・・または使い勝手が良いのでしょうか? ▼例A <img src="<MTBlogURL>images/a.jpg" /> http://~の絶対URLによる表示 ▼例B <img src="<MTBlogRelativeURL>images/a.jpg" /> ホストからの相対URL 私は今まで当たり前のように例Aのように絶対パスによる画像指定を行ってきましたが、最近その方法に対し疑問を投げかける記事を読みました。 そこで、他の方の意見をお聞きしたいと思います。 現在、どのような指定方法で画像を表示しているのか、 その方法を取った理由と良い点・悪い点などがありましたら、教えていただけますでしょうか。 よろしくお願いします。

  • PHPの画像表示パス

    お世話になります。 PHPでブラウザに画像を表示するときのパスについて質問させていただきます。 以下のようなコードで、画像のフルパスを使って画像を表示させようとしていますが、画像が表示されません。(添付スクリーンショットの左側)。 このコードの 第1行をコメントアウトして、第2行の相対パスでやると、画像がちゃんと表示されます。(右側) これはどうしてなのでしょうか?詳しい方がいらっしゃいましたら、よろしくご教授ください。 ちなみに、このファイル自体のパスは C:\xampp\htdocs\PHP7-solutions\new-test.php です。 <?php $selectedImage = "C://xampp/htdocs/php7-solutions/images/kinkakuji.jpg"; //$selectedImage = "images/kinkakuji.jpg"; if (file_exists($selectedImage) && is_readable($selectedImage)) { // && is_readable($selectedImage) $imageSize = getimagesize($selectedImage); echo "<pre>"; print_r($imageSize); echo "</pre>"; echo "<img src='".$selectedImage."' alt='kinkakuji temple' ".$imageSize[3].">"; }else { echo "no such file<BR>"; }

    • ベストアンサー
    • PHP
  • WordPress 新しいディレクトリから画像表示させたい

    初歩的な質問すいません WordPressで、デザインとファイル構成をカスタマイズしようとしています そこで、初めからあるthemes配下のimagesなどに画像を入れると、パス指定で表示されるのですが 同じ階層に別のディレクトリを作り、そこに画像を置いて指定すると、画像が表示されません。パスはあっていると思います。 <img src="images/aaa.jpg"/> <img src="新設したディレクトリ/images/bbb.jpg"/> 上は表示されるが、下は表示されないという具合です。 ディレクトリはエクスプローラで、コンテンツ分追加して管理したいと思っています。 アドバイスよろしくお願いします。。

    • ベストアンサー
    • PHP
  • DreamWeaverのテンプレート画像が*.htmlに表示されない

    最近DW4からDW-MX2004に乗り換えたのですが、困っています。 テンプレート(*.dwt)に表を作成し画像を貼り付け、編集可能領域を設定しました。 この時点では、問題なく表示されています。 このテンプレートを、階層の異なるフォルダにある「index.html」に適用したところ、画像が表示されません。(リンクチェックでは破損リンクとして表示されます。) 「index.html」の編集不能領域のタグを見ると、テンプレート(*.dwt)で作成した画像リンクのパスが、「Templates」フォルダからのパスのままとなっており、異なる階層に ある「index.html」から参照出来るパスに変更されていません。 だから画像が表示されないのだと思いますが、この症状の改善策はありますか? どなたか教えていただきたく、よろしくお願いいたします。

  • 画像を絶対パスで指定するとプレビューが表示されません【DreamWeaver】

    DreamWeaverでページの作成・編集を行っています。 特殊なサイトのため、サイトの定義はせず 画像やリンクなどすべて絶対パスで指定していたのですが ある時から突然、デザインビューで画像がプレビューされなくなりました。 バージョンは8.02です。 また、[コマンド]→[外部ファイルの表示]にはチェック済です。 改善策がありましたらご教授下さい。 よろしくお願いいたします。

  • ホームページビルダーの画像表示

    ホームページビルダー11を使用してサイトを作成しているのですが、 画像を貼り付けて、上書き保存をすると、プレビューではみられない状態になります。 相対パス(例:"file:///D:/mysite1(2)/goods/Resized/Al~)、と、 絶対パス(例:"goods/Resized/Al~)、 ということを教えてもらいまして(例が逆かもしれませんが)、 HTMLソースから [file:///D:/mysite1(2)/] の部分を削除し上書き保存すると、プレビューでは見られるのに、HTMLソース、またはページ編集・ページ/ソース画面では見られません(×マークとチューリップ画像になる)。プレビュー画面でしか編集状況がわからず、大変不便です・・・ まれに編集後、上書き保存をすると自動的に相対パス・絶対パスというのが変り、どちらの画面でも見られる画像もあるのですが、どうも関係性などがわかりません。 どなかたお詳しい方いらっしゃいましたらどうかよろしくお願いいたします。

  • firefoxで表示される画像がIEで表示されない

    同じHTML内に <img src="images/9.jpg" alt=""商品画像 /> と <img src="images/title_1.gif" /> がありますが firefoxでは上記の画像を含めすべての画像が表示されますが IEでは <img src="images/title_1.gif" />は表示されるが <img src="images/9.jpg" alt=""商品画像 />は 表示されません。 なぜか判りません。 原因がまったくわかりません。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaverの絶対パス表記

    DreamweaverMXをwindows2000環境で使用していますが、 通常、画像のパスは相対パスかルートパスになりますが、 画像を別サーバーにおき、読み込んで使いたいため、 絶対パスで記述したいと思っています。 DreamweaverMXでパスを絶対パスで記述する設定はできないでしょうか。 サイト定義のHTTP欄にはアップロードするサーバーのアドレスを記述しています(画像はこのサーバーとは別のサーバーにアップする) HTMLのメルマガなどにも絶対パスでの記述が必要なので、この機能を使用したいと思っています。 ご存知の方がいらっしゃいましたら教えてください。

  • Dreamweaverのh3に使った画像がみえません

    Dreamweaver MX2004を使用しています。 サンプルページから作り始め、見出し3を編集して背景画像に images/banner.jpg を設定しました。 ところが、プレビューでは意図通りなのに、アップロードすると画像が表示されません。 じかに画像にアクセスしてみると、タイトルが「banner.jpg(GIF画像、32×32ピクセル)」となっていて、画像タイプも大きさも別物になっています。 これはデフォルト設定でこうなっていたと想像できますが、CSSの中身を見てもどこが変なのかわかりません。 h3{ font: normal 24px "MS Pゴシック", Osaka; color: #003DF0; text-align: center; height: 30px; width: 450px; background-image: url(images/banner.jpg); } 画像がGIFで32×32、という情報はどこに設定されていて、どう直せばいいのでしょうか。

  • ドリームウィバー8(Dreamweaver8)で簡単にサムネイル指定

    ドリームウィバー8でサムネイル画像を作成する方法は? 現在、次の様な手順でサムネイル画像を作ってます。 469px × 423pxの画像を幅300pxのサムネイル表示にして、右クリックで拡大表示させたいとき・・・ 1.画像を貼り付ける(画像の説明HTMLソース) <img src="http://○○○○○○.jpg" width="469" height="423" alt="画像の説明" /> 2.サムネイル表示用のHTMLタグを手入力する つまり、1番のHTMLソースを間に挟む <a href="http://○○○○○○.jpg" target="blank">画像の説明HTMLソース</a> 3.サムネイルの大きさを計算する。 サムネイル幅を300px。元画像の大きさが469pxなので 300÷469=0.63 たて横同じ比率で縮小したいので縦に同じ比率を掛ける 423×0.63=266.49 4.HTMLソースの幅と高さをそれぞれwidth="300" height="266"に修正 完成HTMLソース <a href="http://○○○○○○.jpg" target="blank"> width="469" height="423" alt="画像の説明" /></a> この手順どう考えてもめんどうだと思います。ドリームウィバー8(Dreamweaver8)で簡単に出来るのではないかと調べているのですが、なかなか見つかりません。どなたか良い方法をご存知でしたら教えてください

    • ベストアンサー
    • HTML

専門家に質問してみよう