-
ID:3G2bM2 さんの質問

内容:ローカル環境ではcss、jsは適用されているのにサーバーにアップすると適用が外れてしまう。
過去のログで似ているのを見つけて実践しましたが上手くできませんでした。
元々、WEBデザイナーではなく仕事の成り行きでどうしてもWEBを触ることになり作業をしています。プロの方に比べて詳しくはないと思います。すいません。

内容ですが、dwを使用しサイトを「サイト全体をPUTします」を実行。サイトにアクセスするとcssとjsが上手く動作していません。
cssとjsは共に「css」「js」フォルダに入っているため、記述は
<link rel="stylesheet" href="css/●●●.css">
<script type="text/javascript" src="js/●●●.js"></script>としています。
※フリーのテンプレートをお借りそれを元に制作しています。

試しにffftpに直接、フォルダ一式を入れるときちんと動作し適用された状態で正常に機能します。

他に必要な情報などがありましたら出来る限りお出しします。
どなたか教えて頂ける方がいましたら幸いです。

みんなの回答 8 件

ID:HtjTdX さんの回答

たぶんファイルの配置が違うのだと思います。
ブラウザのデベロッパーツールを開いてみましょう。
CSSやJSファイルが404になってたりすると分かります。

ID:3G2bM2

コメントありがとうございます。デベロッパーツールの存在を初めて知りました。見たところCSS,JSのところには404とは出ていないです。もしくは404を見る方法があるのでしょうか。お手数おかけしてすいません。

ID:enwAF.

トピ主です。一晩置いて色々とデベロッパーツールで調べてみました。おっしゃる通りファイルはアップされていたのですが位置が違うことに気が付きました。お騒がせしました。有難うございます。

ID:eJ45QX さんの回答

その指定では同じディレクトリに「js」や「css」のディレクトリがある必要があります。もう一度「js」と「css」がサーバ上の正しい階層にアップされているか確かみるといいと思います。

  • index.html・・・読み込める(http://xxxx.com/)
  • about.html・・・読み込める(http://xxxx.com/about.html)
    □ sample
    →・ index.html・・読み込めない(http://xxxx.com/sample/)
    □ js
    □ css

    例えばcssやjsを読み込めていないURLが「http://xxxx.com/sample/」であれば、「http://xxxx.com/sample/js/●●●.js」をブラウザで開いてみます。
    または、FFFTPでその場所を見てみます。
    ファイルがアップロードされていないのであればdwでのPUTする場所が違う可能性があります。

ID:3G2bM2

ご丁寧にありがとうございます。上記の方法で調べてみました。全て読み込むことができました。ファイルは無事アップロードはされているようです。

ID:1mshhf さんの回答

ブラウザで、今upしたサイトを右クリックして「ページのソースを表示」をクリック。
ページのソース内のcssやjsのリンク先URLをクリックして、それぞれのソースが表示されればフォルダ階層のリンクは正しいし、表示されなければ階層が間違っています。

ID:3G2bM2

ご丁寧にありがとうございます。こちらの方法でも調べました。こちらも無事ソース内のリンク先からそれぞれのソースが表示されていました。

ID:C0ClsP さんの回答

サーバーにちゃんとpythonインストールされてます?

ID:3G2bM2

コメントありがとうございます。pythonはプログラミング用語ですよね?pythonに関してわからない部分が多いのですが、インストールはされていないようです。

ID:enwAF.

トピ主です。昨夜原因を調べていましたがpythonは特に関係ないことがわかりました。教えてくださりありがとうございました。

ID:4cVq/y さんの回答

→フリーのテンプレート
これのCSSとかJSが何らかの形で上書きしてるんじゃない?

ID:enwAF.

トピ主です。ファイルの配置が違うことが原因でした。お騒がせしてしまい申し訳ありません。

ID:e6bSrW さんの回答

いまいち現状が分かりませんが、FFFTPでできたのならそれでよいのではないかとも思います。DWのFTPは正直微妙なところが多いとは思いますよ(それ以上に便利なところもありますが)。
ところで、FFFTPでアップしたところにDWで上書きはできますか?つまりは、FFFTPで適用されていたものが、DWで同じところにPUTすると、適用されなくなるかどうかという事ですが、もし、上書きできなければサイトの管理を見直してください。
適用されなくなったとなれば、サイト全体をPUTしたという事ですが、今度は一旦、FFFTPでリモートのファイルを全部消して、DWで必要最小限のファイルのみPUTしてみましょう。
index.htmlとcssファイル、jsファイルとりあえず3ファイルから初めて、増やしていってダメなところを探すというのはどうでしょうか?
まぁ、そんなめんどくさいことはやってられないというのもわかりますので、DWは諦めてFFFTPとか他のとかで過ごすというのも立派な解だとは思います。

ID:enwAF.

トピ主です。少ない情報で分かりづらかったと思います。申し訳ありませんでした。ファイルの位置が原因と分かりましたがおっしゃる通りサイト全体の管理を今一度見直すことにします。色々と教えてくださり有難うございます。お手数おかけいたしました。

ID:IYwFcj さんの回答

もしかして、base が関係してたり。。

<BASE>-HTMLタグリファレンス

http://www.htmq.com/html/base.shtml
ID:enwAF.

トピ主です。コメントありがとうございます。ファイルの位置が原因でしたがbaseが関係することもあるのですね。トラブルがあった際はそこも確認することにします。お手数おかけいたしました。

ID:enwAF. さんの回答

トピ主です。皆さまコメントお忙しい中、ありがとうございます。
少ない情報の中、お手数おかけしました。
もっと具体的に内容を書くべきだったと反省しております。
cssとjsのファイルの居場所がデベロッパーツールやソースの表示等で正しい配置にないことが分かりました。
正しいファイルの配置にししばらく時間を置いたら正常な表示になりました。
初歩的なミスでお恥ずかしい限りです。
説明が下手な部分などあり分かりづらく失礼いたしました。無事解決いたしました。本当にありがとうございました。

最終更新日:2016-04-20 (4,489 views)

関連するトピックス

ページ上部に戻る