- ベストアンサー
リンク設定に関する問題
最近他の制作会社が制作したコーディングデータを修正する事が多々あるのですが 画像やCSSやJSなどなどのリンク設定がサーバー内のルートパスで リンク設定をしていて こんな感じのです ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ /entvillage/common/img/sample.gif このリンク設定の方法だとローカルでブラウザープレビューをした場合 どうしてもちゃんと画像やCSSやJSのリンクが反映されず ちゃんとしたプレビュー確認ができずローカルでの検証ができない状態だと思うのですが これは仕方ない事なのでしょうか？ それとも何か設定すればローカルでプレビュー確認が出来る方法があるのでしょうか？ ちなみにDreamweaver上だとサイト管理設定でURLを指定してあげれば表示確認はできます。 最近正直困っています。 どなたか解決方法をお分りになる方ご教授いただけないでしょうか？ 宜しくお願いします。
- champl
- お礼率62% (20/32)
- CSS
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
そういうのは悩むより簡単なhttpサーバーを入れてしまうのが吉。 AN HTTPあたりさらっといれてみては？ http://www.st.rim.or.jp/~nakata/
その他の回答 (4)
もう一台のＰＣにテスト用サーバーをセットアップしておけば、そういうときは便利です。ＦＴＰでも転送できます。 ** ＤＮＳサーバーとＭＡＩＬサーバーはとりあえず不要ですので、 ａｐａｃｈｅとＰＨＰ,ＰＥＲＬ,ftpサーバーが動くくらいでだいたいは、テストに困らないと思います。
お礼
ご回答ありがとうございました。 やはり色々な方にご回答いただきました通り テストサーバーを設けるのが一番のようですね 色々探して自分に合うようなサーバーをみつけてやってみます。
- uruz
- ベストアンサー率49% (417/840)
＃２のuruzです ごめんなさい。勘違いしていました。 忘れてすださい
お礼
ご連絡が遅くなりすいません ご回答ありがとうございました。 やはり色々な方にご回答いただきました通り テストサーバーを設けるのが一番のようですね 色々探して自分に合うようなサーバーをみつけてやってみます。
- uruz
- ベストアンサー率49% (417/840)
/entvillage/common/img/sample.gif ↑↑はルートパス(絶対パス？)ではなく 相対パスで指定されています ローカルでテストする場合*.htmlファイルのある位置(パス)から見て /entvillage/common/img/sample.gif にsample.gifがあれば 正常に表示されるはずです 例： テストするhtmlファイルが d:\test\test.html の場合、sample.gifは d:\test\entvillage\common\img\sample.gif にあればいいわけです
お礼
ご連絡が遅くなりすいません ご回答ありがとうございました。 やはり色々な方にご回答いただきました通り テストサーバーを設けるのが一番のようですね 色々探して自分に合うようなサーバーをみつけてやってみます。
- vaidurya
- ベストアンサー率45% (2714/5983)
というか、/から始めると、ウェブサーバーの設定によっても 正常にリンクされない可能性があったような気がしましたが 単なる勘違いだったかもしれません。 (常にウェブサーバーが/をHTML置き場の最上ディレクトリにマップするんだっけ?) (ウェブブラウザも、常にそれがhttp上のファイルであればリンク先の/にもhttp://SERVERNAMEを補完するのかなぁ?ローカルの/に解釈するブラウザっていないのかなぁ…) ともかく、普通は./から始まるものだと思っています。 httpから始まる絶対指定だとローカルで参照できないから /から始まる絶対指定をしちゃっているわけですよね。 相対指定を理解していないってことだと思います。 それ、Windowsでしか通らないってこと無いですか? 普通UNIX系環境だと、ルートにentvillageディレクトリを作って HTMLの作成/検証をするようなことはありえませんから LinuxやMacOSXの人は、そういう作り方はしないと思います。 (Windowsの場合もfile://c:を省いていいのかなぁ…) たとえば、トップノードにindex.htmlとdesign.cssがあるなら index.htmlの中での、適切なcss指定は "./design.css"になります。 testディレクトリにあるtest.htmlはindex.htmlから見て href="./test/test.html"となり test.htmlからdesign.cssを指定する場合は href="../design.css"で指定できます。 こういう相対指定をしていなければ 作業用PCで、違うディレクトリに移したりするだけで 検証不能に陥ります。たとえば、リニューアル時に 新旧のディレクトリーツリーを同じHDDに置いて ブラウザ二つ開いて比較閲覧するとか…できません。 ちなみに/からじゃなくて、httpから書いたら サーバーを変える度に修正が必要になります。 でも、昔から…そういう作業に苦労したと 日記などに書いているアマチュアウェブ管理者って何度も見ました… どこから突っ込んでいいのかわからないから ノータッチで来ましたけど、やっぱりそういう原因の苦労なのか… ヲレが見たHTML入門書は、どれも相対指定について説明していましたが…
お礼
ご連絡が遅くなりすいません ご回答ありがとうございました。 やはり色々な方にご回答いただきました通り テストサーバーを設けるのが一番のようですね 色々探して自分に合うようなサーバーをみつけてやってみます。
関連するQ&A
- Dreamweaver8 リンクの設定
Dreamweaver勉強中の初心者です。よろしくお願いいたします。 Dreamweaver下部、プロパティーのリンクの設定でリンク先を 指定しましたが、 ブラウザでプレビューで確認してみると リンクがされません、とくにエラーメッセージも表示されないのですが、 原因として考えられることは何かありますでしょうか？
- 締切済み
- CSS
- Dreamweaver リンクの設定ができません。。
Dreamweaver勉強中の初心者です。よろしくお願いいたします。 Dreamweaver下部、プロパティーのリンクの設定でリンク先を 指定しましたが、 ブラウザでプレビューで確認してみるとリンクがされません、 とくにエラーメッセージも表示されませんし ソースビューでも確認してみましたが <a href="xxxxx.html">のテキストも出てるし リンクするファイル名もありました。。 原因として考えられることは何かありますでしょうか？ 少しひっかかったのがリンクの設定をしようとした際 既にjavascriptという文字が入っていましたのでそこに上書きました。 Fireworks8でビヘイビアの設定をしているアイコンなので その関連だと思うのですが。。 なにか関係ありますかね？？ 説明が下手で申し訳ないのですが、結構調べたけど解らない状態です。 どうかご指導願います。 環境はmacOSX仮想化win vista上で動かしてる状態 Dreamweaver8 Fireworks8 です。
- 締切済み
- CSS
- WEBサイトのディレクトリ構造
WEBサイトを制作するに当たってディレクトリ構造をどうしようか悩んでいます。 （フレームワークとか複雑なものではなくxhtml+css+javascript程度のものです） 書籍やWEB検索で調べたのですが、漠然としたイメージでよくわかりません。 例えば「トップ」「会社案内」「製品・サービス案内」「コンタクト」というページを制作する場合 ・htmlファイルを全て同じ階層でindex.html, company.html, products.html, contact.htmlに。 ・画像はimg, CSSはcss, スクリプトはlibディレクトリに入れていました。 しかし調べたところカテゴリ別にディレクトリを作るほうがSEO的にもいいそうで・・・ あと共有のものはcommonフォルダに入れるとか。 ということは上記の例でいえばcompanyというディレクトリのindex.htmlとするということでしょうか？ ただしそうするとcommonへのリンクで相対アドレスを記述する場合 階層ごとにリンク先を../../common/lib/script.jsとか書かないとだめってことですよね？ あとindex.htmlの上書き間違いが起きないのかなあと思ったり。 それと topでない階層のcss等のディレクトリはどのように配置するんでしょうか？ /company/cssなのか/company/○○/css←○○にはcommonのようなフォルダを挟むのか？ 同様にtopのcommonに分類されないcss等はどのようにするのでしょうか？ きっちり決まっているわけではないので人それぞれだとおもいますがアドバイス頂けたらと思います。
- ベストアンサー
- HTML
- DreamWeaverでリンクを貼ると・・・
DreamWeaver初心者です。 現在DreamWeaverを独学中なのですが、画像にリンクを挿入すると何故かリンクを挿入した画像が青いラインで縁取られてしまいます。（もちろんプレビュー時も） 見た目がよろしく無いので解除したいのですが、どうしたらこの縁取り線を消せるのでしょうか？？ 今、それで悩んでしまって行き詰ってます（?_?） どうか、回答よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- lightboxのタイトル部分にリンクを設定したい
lightboxのタイトル部分にリンクを設定したいのですが... lightbox.jsを使用し、拡大した画像のタイトル部分にリンクを設定したく、 <a href="img/001.jpg" rel="lightbox[imagegroup]" title="<a href="http://www.google.co.jp/">sample</a>"><img class="fade_img" src="img/001.png" /></a> と記述しましたがリンクに飛んでくれません。 （右クリック>新しいタブで表示 にするとちゃんと飛んでくれます。） どのように直したら良いでしょうか。宜しくお願い致します。
- 締切済み
- JavaScript
- jquery lightboxを設定しようとしていますが問題がでてます
jquery lightboxを設定しようとしていますが問題がでてます.... functionの部分を htmlに直接表記すれば動く状態ですが、 functionの部分を外部に登録するとなぜか動かなくなってしまいます。 jquery.lightbox-0.5.min.jsというファイルにファンクションを書き足せばいいとの ことですが.. なにか 以下のＨＴＭＬソースに足らない部分がありますか？ ご教授ねがいます。 <link href="css/top.css" rel="stylesheet" type="text/css"> <link href="css/print.css" rel="stylesheet" type="text/css" media="print"> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('.up_image a').lightBox({ overlayBgColor: '#FFF', overlayOpacity: 0.7, txtImage: '画像', txtOf: 'の' } ); }); </script> </head>
- ベストアンサー
- JavaScript
- JavaScriptでリンクを設定したい
JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか？ よろしくお願いします！
- 締切済み
- ブログ
- 不要になったimgやタグの整理
初心者です。 dreamweaverでのサイト制作時に、不要になったimg画像やcssを簡単に整理できる便利な機能ってありますか？ どれが使用してないものなのか、わからなくなってしまいました。 ひとつずつ確認するしかないのでしょうか。 初心者ならではの症例かもしれませんが・・・ 皆様どうしていますか？ 注意点などもありましたらぜひ教えてください。
- ベストアンサー
- HTML
- リンク画像をホバーアニメーションで暗くする方法
html、css、js等でリンクの設定された画像を、マウスオーバーでゆっくりと暗くなりテキストが表示される方法はありませんでしょうか。 ・マウスオーバーでゆっくり画像が暗くなり、テキストが表示される ・画像を押すとリンク先へ移動する ・マウスを画像から離すと元に戻る もし上記のものが難しければ、ゆっくりと別の画像に入れ替わる方法はありませんでしょうか。 どなたかご教授お願い致します。
- ベストアンサー
- HTML
- Dreamweaverで2種類のlink設定（色など）をする方法を教えて下さい
Dreamweaver MX 2004を使ってますが、 例えば、同じページで、a:link a:visited a:hoverなどをCSSで設定する場合、 その色・設定項目は、一種類しか設定できません。 この、a:link a:visited a:hoverなどを、もう一種類（例えば別の色とか） 違う設定をする方法が分かりません。 とても簡単な様で、なぜか昔から分かりません。（汗） CSSを使っても使わなくても良いのですが、 どなたか、a:link a:visited a:hoverを複数設定をする方法などあれば、 お教えくださいませ。よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
お礼
ご連絡が遅くなりすいません ご回答ありがとうございました。 やはり色々な方にご回答いただきました通り テストサーバーを設けるのが一番のようですね 色々探して自分に合うようなサーバーをみつけてやってみます。