Я работаю над этим веб-сайтом для своей школы, и когда я работаю локально (atom / wamp / et c ..), все работает нормально, но когда я загружаю файлы на свой веб-сервер (старый ноутбук Я поставил ubuntu 18.04 и установил сервер лампы), css файлы, изображения и ссылки href не работают. Я понимаю, что это проблема в пути к файлам, который работает локально, но не при загрузке на сервер linux из-за того, что "../" указывает на root или что-то в этом роде.
это индекс. php как это выглядит на локальном 
И так оно выглядит на веб-сервере 
Вот как мои файлы организованный (сгенерированный деревом windows cmd)
C:.
| index.php
| README.md
| tree.txt
+---css
| accueil.css
| footer.css
| header.css
|
+---fonts
| Lato-Black.ttf
| Lato-BlackItalic.ttf
| Lato-Bold.ttf
| Lato-BoldItalic.ttf
| Lato-Hairline.ttf
| Lato-HairlineItalic.ttf
| Lato-Heavy.ttf
| Lato-HeavyItalic.ttf
| Lato-Italic.ttf
| Lato-Light.ttf
| Lato-LightItalic.ttf
| Lato-Medium.ttf
| Lato-MediumItalic.ttf
| Lato-Regular.ttf
| Lato-Semibold.ttf
| Lato-SemiboldItalic.ttf
| Lato-Thin.ttf
| Lato-ThinItalic.ttf
| Oswald-Bold.ttf
| Oswald-BoldItalic.ttf
| Oswald-Demi-BoldItalic.ttf
| Oswald-DemiBold.ttf
| Oswald-Extra-LightItalic.ttf
| Oswald-ExtraLight.ttf
| Oswald-Heavy.ttf
| Oswald-HeavyItalic.ttf
| Oswald-Light.ttf
| Oswald-LightItalic.ttf
| Oswald-Medium.ttf
| Oswald-MediumItalic.ttf
| Oswald-RegularItalic.ttf
| Oswald-Stencil.ttf
| oswald.regular.ttf
| PlayfairDisplay-Black.otf
| PlayfairDisplay-BlackItalic.otf
| PlayfairDisplay-Bold.otf
| PlayfairDisplay-BoldItalic.otf
| PlayfairDisplay-Italic.otf
| PlayfairDisplay-Regular.otf
| PlayfairDisplaySC-Black.otf
| PlayfairDisplaySC-BlackItalic.otf
| PlayfairDisplaySC-Bold.otf
| PlayfairDisplaySC-BoldItalic.otf
| PlayfairDisplaySC-Italic.otf
| PlayfairDisplaySC-Regular.otf
|
+---images
| | cedex.png
| | fax.png
| | Fb.png
| | horaire.png
| | identite_photo.jpg
| | instagram.png
| | localisation.png
| | Logo.png
| | logo_header.png
| | mail.png
| | notre_histoire_photo.jpg
| | Partenaire1.jpg
| | Partenaire2.png
| | Partenaire3.png
| | Partenaire4.jpg
| | paysage.jpg
| | region.png
| | site.png
| | slide1.jpg
| | slide2.jpg
| | slide3.jpg
| | tel.png
| | twitter.png
| | valeurs_photo.jpg
| |
| \---favicon
| android-chrome-192x192.png
| android-chrome-512x512.png
| favicon-16x16.png
| favicon-32x32.png
| favicon.ico
|
+---includes
| accueil.html
| footer.html
| header.html
| slide.js
|
\---pages
+---accueil
+---activite
| activite.css
| activite.php
|
+---adhesion
| adhesion.php
|
+---connaitre_la_cftc
| connaitre_la_cftc.css
| connaitre_la_cftc.php
| histoire.css
| histoire.php
| identite.css
| identite.php
| valeurs_et_identite.css
| valeurs_et_identite.php
|
+---coordonnees
| coordonnees.css
| coordonnees.php
| federation_cftc_fpt.css
| federation_cftc_fpt.php
| syndicat_cftc_fpt_34.css
| syndicat_cftc_fpt_34.php
| ud34.css
| ud34.php
|
+---syndicat_la_cftc
| syndicat_la_cftc.css
| syndicat_la_cftc.php
|
+---templates
| template_header_footer.php
|
+---viepratique
| viepratique.php
|
\---viepro
formation.css
formation.php
viepro.css
viepro.php
А вот несколько примеров моих файлов:
index. php (в основном каталоге моего сайта)
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png" sizes="32x32" href="../IMAGES\favicon\favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../IMAGES/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>Accueil CFTC</title>
</head>
<body>
<?php include ('includes/header.html'); ?>
<?php include ('includes/accueil.html'); ?>
<br><br><br><br><br><br><br><br><br><br>
</body>
<?php include ('includes/footer.html'); ?>
</html>
мой заголовочный файл (в /includes/header.html), (связанный css находится в /css/header.css).
Не буду помещать весь код потому что он просто повторяется
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/header.css">
<link rel="icon" type="image/png" sizes="32x32" href="../../IMAGES\favicon\favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../../IMAGES/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>Header</title>
</head>
<body>
<header>
<div id="header_bar">
<div id="header_bar_text" class="gpd-text">Syndicat Constructif, Partenaire du Dialogue Social
</div>
</div>
<nav>
<div href="/index.php" id="logo_header"><img src="/images/logo_header.png"></div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop"/>
<ul class="menu">
<li><a target="_blank" href="/index.php">Accueil</a></li>
<li>
<label for="drop-1" class="toggle">Connaitre la CFTC +</label>
<a target="_blank" href="/pages/connaitre_la_cftc/connaitre_la_cftc.php">Connaitre la CFTC</a>
<input type="checkbox" id="drop-1" />
<ul>
<li><a target="_blank" href="/pages/connaitre_la_cftc/histoire.php">Histoire</a></li>
<li><a target="_blank" href="/pages/connaitre_la_cftc/valeurs_et_identite.php">Valeurs et Identité</a></li>
</ul>
</li>
И один пример страниц, которые у меня есть на сайте (только один пример, потому что все они имеют одинаковый «макет») (все страницы имеют свои. css файлы в той же папке, за исключением верхнего и нижнего колонтитула и "accueil").
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png" sizes="32x32" href="../../IMAGES\favicon\favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../../IMAGES/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="connaitre_la_cftc.css">
<title>Connaitre la CFTC</title>
</head>
<!-- HEADER DE LA PAGE -->
<?php include ('../../includes/header.html'); ?>
<body>
<br>
<div id="i16x">
<a href="histoire.php" class="gpd-button1" id="i6rl">Histoire</a>
<a href="valeurs_et_identite.php" class="gpd-button1" id="ik2f">Valeurs et identité</a>
</div>
<br>
</body>
<!-- FOOTER DE LA PAGE -->
<?php include ('../../includes/footer.html'); ?>
</html>
Я также хотел сказать, что не только css файлы не связаны, изображения а также шрифты. Спасибо за чтение, и я буду рад любой помощи!