Skip to content

Structure basique d'un dossier web

Lorsque vous commencez un nouveau projet, aidez-vous de cette structure pour créer les fichiers, dossiers et liens nécessaires.

Structure complète

Afficher la structure
code-camp/
├── 00_sources/
│   ├── fonts/
│   │   └── arial.ttf
│   └── images/
│       └── unsplash-concert_crowd.png
├── 01_templates/
│   ├── index.fig
│   ├── index.sketch
│   └── index.xd
├── 02_export/
│   ├── images/
│   │   └── hero.jpg
│   └── icons/
│       └── icon-guitar.svg
└── 03_web/
    ├── assets/
    │   ├── fonts/
    │   │   └── arial.woff2
    │   ├── images/
    │   │   └── hero.jpg
    │   └── svg/
    │       └── icon-guitar.svg
    ├── css/
    │   ├── reset.css
    │   └── style.css
    ├── js/
    │   └── main.js
    ├── favicon.ico
    ├── index.html
    └── robots.txt

Base HTML

Exemple d'un fichier HTML contenant les liens vers les fichiers CSS, JS ainsi qu'une image.

html
<!DOCTYPE html>
<html lang="fr" dir="ltr">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="./css/reset.css" />
	<link rel="stylesheet" href="./css/style.css" />
	<title>Base</title>
</head>

<body>
	<header></header>
	<main>
		<img src="./assets/images/hero.jpg" alt="">
	</main>
	<footer></footer>

	<script src="/js/main.js"></script>
</body>

</html>

Ces contenus sont publiés sous licence Creative Commons