WinSCPを使ってサーバーにアップしたらCSSと画像が表示されない

###前提・実現したいこと
WinSCPを使って学校のサーバーにwebをアップロードしたのですがCSSも画像も読み込めないし、他のhtmlに飛ぶこともできません。パーミッションもパスも確認したのですが特に問題のある所が見つかりません、誰か助けてください....
（Xは個人情報になるので伏せています）

/shome/XX/pubulic_html内です

###発生している問題・エラーメッセージ

エラーメッセージ
css/style.css Failed to load resource: net::ERR_FILE_NOT_FOUND
ringo.jpg Failed to load resource: net::ERR_FILE_NOT_FOUND

index.htmlから他のhtmlに飛ぶ→ファイルが見つかりませんでした
移動または削除された可能性があります。
ERR_FILE_NOT_FOUND

###該当のソースコード

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<meta name="keywords" content="キーワード1,キーワード2,キーワード3">
<meta name="description" content="このページに関する簡単な説明。">

<link rel="stylesheet" type="text/css" href="./css/style.css">

<title>XXXX</title>

</head>
<body>

<div id="container">

<div id="page">

<div id="header">

<h1 class="siteTitle">XXXX</h1>

<p class="catch"><strong>XXXXXX</strong></p>

<div class="opening">

<img src="image/ringo.jpg" alt="ringo.jpg" width="840" height="260">

</div>

<ul class="nl clearFix">
<li class="first"><a href="index.html">ホーム</a></li>
<li><a href="kadai Mokuzi.html">課題</a></li>
<li><a href="gaiyou.html">概要</a></li>
</ul>

<hr class="none">

</div>

<div id="content">

<div id="main">

<div class="section normal">

<h2>ようこそ</h2>

<p>X</p>

</div>

<div class="section normal">

<h2X</h2>

<p>X</p>

</div>

</div>

<div id="nav">

<div class="section emphasis">

<h2>ピックアップ</h2>

<p><a href="X">Xのページへ</a></p>

</div>

<div class="section emphasis">

<h2>ピックアップ</h2>

<p><a href="X">XX公式ページへ</a></p>

</div>

</div>

<hr class="clear">

</div>

<div id="footer">

<ul class="nl">
<li class="first"><a href="index.html">ホーム</a></li>
<li><a href="kadai Mokuzi.html">課題</a></li>
<li><a href="gaiyou.html">概要</a></li>
</ul>

</div>

</div>

</div>

</body>
</html>

###試したこと
画像ファイルやCssファイルは/pubulic_html内のディレクトリcss/style.cssとimage/ringo.jpgとして保存しています

やはりパスが違うのでしょうか....違うのならばどのように指定すればよいのか教えてもらえると幸いです....

kei344

2017/07/24 02:21

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

退会済みユーザー

2017/07/24 02:41

申し訳ありません、修正しました

kei344

2017/07/24 02:51

こちらの環境では変更／修正が確認できませんでした。すみませんが、もう一度確認してもらえませんか？最近teratailで修正が保存されない事がたまにあるようなので･･･。

退会済みユーザー

2017/07/24 03:01

すいません、更新し直しました

行動規範の内容に同意します

回答2件

サーバーの管理者に聞いてください、としか言えません。

どこにファイルをアップロードするとweb上のどのパスで公開されるのかは、
サーバーを構築した人でないとわかりませんし、
サーバーやOSによって条件も変わってしまいますので、
ネット上の情報を鵜呑みにしてはいけません。

ファイルをアップロードする際に、
ファイルのアクセス権（パーミッション）の設定はどうなっているでしょうか。
604（rw----r--）とか664（rw-rw-r--）とか、
最適な設定はこれもサーバーの管理者に聞いてほしいです。
600（r--------）だったりすると正しい場所にファイルを配置しても公開されません。

投稿2017/07/24 01:41

編集2017/07/24 01:44

退会済みユーザー

総合スコア0