Q&A
関連する部分だけでもファイル構成(ディレクトリ階層が分かるように)や HTML ファイルのコードを提示した方が、回答が付きやすいと思います。あとは、アップロード先のパーミッションも分かれば。
タイトルのようにhtml,css,jsで構成されているファイルをアップロードしたがhtmlしか反映されない問題を解決したいです。
また、画像も反映されません。
思いついた原因は
・相対パスが間違っているため開けない。
・アップロードされていると思い込んでいるが実際はアップロードされていない。
・何かしら必要なことを行っていない
これらの解決方法として、以下のことを実行しました
１、htmlファイルだけでなく、css,img,jsファイルをデスクトップに入っている状態のままアップロードした。
これはコードを書いているときの状態、つまり、デスクトップやgooglechromeでは実際に開けることを確認しているためパスが間違っているとは考えにくい。
２、ググっていろいろな人の質問を確認して試してみたが反応なし。
唯一反応があったのは相対パスを『../css/ファイル名』 としていたところを『ファイル名』に変更したことでcssが反映された。
しかし、jsやimgに対して同様に行っても反応しなかったことを考えると残っていたキャッシュが反応したのではないかと思った。
ディレクトリ構成
プログラミング/
├cssーiSara模写.css
│ ├iSara模写responsive.css
├htmlーiSara模写.html
├jsーiSara模写.js
また、urlを入力して404にはなりませんでした。
以下コード
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> <title>iSara模写</title> <link rel="stylesheet" type="text/css" href="../css/iSara模写.css"> <link rel="stylesheet" type="text/css" href="../css/iSara模写responsive.css"> <link rel="stylesheet" href="../css/slick.css"> <link rel="stylesheet" href="../css/slick-theme.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://kit.fontawesome.com/6b65e275a4.js" crossorigin="anonymous"></script> </head> <body> <header> <div class="head"> <div class="header-left"> <img src="https://isara.life/wp-content/themes/isara_v2/img/isaralogo.png" alt="iSara"> <p>バンコクのノマドエンジニア育成講座</p> </div> <div class="btn"> <a href="#skip"><p>お問い合わせ / 資料請求はこちら</p> </a> </div> <div class="btn0"> <img src="https://isara.life/wp-content/themes/isara_v2/img/form.png" alt=""> <a href="#skip"> <p>資料請求</p></a> </div> </div> </header> <div class="main"> <div class="main-img"> <img class="img1" src="https://isara.life/wp-content/themes/isara_v2/img/main.jpg" alt=""> <h2>プログラミングで<span class="br2"></span><span class="br">人生の安定を手にいれよう</span></h2> <img class="img2" src="../img/isaralogolarge.png" alt=""> <h3>バンコクのノマドエンジニア育成講座<span class="br2"></span><span class="br">iSara[イサラ]</span></h3> </div> 、、、略、、、 <script src="../js/slick.min.js"> </script> <script src="../js/iSara模写.js"> </script> </body>
こんな感じで二日間くらい進展がないので意見をいただけたら嬉しいです。 よろしくお願いします。
コードとディレクトリ構成を提示してください。
この内容だけではこの先も進展しません
あと、直接、それぞれの URL を入力して、404 になってりしないか、確認できますか？
ディレクトリ構成
プログラミング/
├cssーiSara模写.css
│ ├iSara模写responsive.css
├htmlーiSara模写.html
├jsーiSara模写.js
また、urlを入力して404にはなりませんでした。
以下コード
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
<title>iSara模写</title>
<link rel="stylesheet" type="text/css" href="../css/iSara模写.css">
<link rel="stylesheet" type="text/css" href="../css/iSara模写responsive.css">
<link rel="stylesheet" href="../css/slick.css">
<link rel="stylesheet" href="../css/slick-theme.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/6b65e275a4.js" crossorigin="anonymous"></script>
</head>
<body>
,,,,,,
<script src="../js/slick.min.js"> </script>
<script src="../js/iSara模写.js"> </script>
</body>
よろしくお願いします
質問は編集できます。
コメント欄では御覧の通り、たとえ正しく打ったとしてもマークダウンは反映されません（ちなみにマークダウンとしても正しくないです）
質問の編集をしました。
マークダウンのcode できない方は下記の質問を参考に
https://teratail.com/questions/238564
リンクありがとうございます！
回答1件
あなたの回答
tips
プレビュー
