内容:ローカル環境では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 件
たぶんファイルの配置が違うのだと思います。
ブラウザのデベロッパーツールを開いてみましょう。
CSSやJSファイルが404になってたりすると分かります。
その指定では同じディレクトリに「js」や「css」のディレクトリがある必要があります。もう一度「js」と「css」がサーバ上の正しい階層にアップされているか確かみるといいと思います。
□ 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する場所が違う可能性があります。
ブラウザで、今upしたサイトを右クリックして「ページのソースを表示」をクリック。
ページのソース内のcssやjsのリンク先URLをクリックして、それぞれのソースが表示されればフォルダ階層のリンクは正しいし、表示されなければ階層が間違っています。
サーバーにちゃんとpythonインストールされてます?
→フリーのテンプレート
これのCSSとかJSが何らかの形で上書きしてるんじゃない?
いまいち現状が分かりませんが、FFFTPでできたのならそれでよいのではないかとも思います。DWのFTPは正直微妙なところが多いとは思いますよ(それ以上に便利なところもありますが)。
ところで、FFFTPでアップしたところにDWで上書きはできますか?つまりは、FFFTPで適用されていたものが、DWで同じところにPUTすると、適用されなくなるかどうかという事ですが、もし、上書きできなければサイトの管理を見直してください。
適用されなくなったとなれば、サイト全体をPUTしたという事ですが、今度は一旦、FFFTPでリモートのファイルを全部消して、DWで必要最小限のファイルのみPUTしてみましょう。
index.htmlとcssファイル、jsファイルとりあえず3ファイルから初めて、増やしていってダメなところを探すというのはどうでしょうか?
まぁ、そんなめんどくさいことはやってられないというのもわかりますので、DWは諦めてFFFTPとか他のとかで過ごすというのも立派な解だとは思います。
もしかして、base が関係してたり。。
<BASE>-HTMLタグリファレンス
http://www.htmq.com/html/base.shtmlトピ主です。皆さまコメントお忙しい中、ありがとうございます。
少ない情報の中、お手数おかけしました。
もっと具体的に内容を書くべきだったと反省しております。
cssとjsのファイルの居場所がデベロッパーツールやソースの表示等で正しい配置にないことが分かりました。
正しいファイルの配置にししばらく時間を置いたら正常な表示になりました。
初歩的なミスでお恥ずかしい限りです。
説明が下手な部分などあり分かりづらく失礼いたしました。無事解決いたしました。本当にありがとうございました。
関連するトピックス