reorganized levels,

added content
updated dependencies
This commit is contained in:
Nico 2023-02-14 19:30:53 +01:00
parent 6214c827eb
commit 7f356d807a
32 changed files with 11143 additions and 2043 deletions

View file

@ -0,0 +1,49 @@
# 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
::: details 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/ // [!code focus]
├── assets/ // [!code focus]
│ ├── fonts/ // [!code focus]
│ │ └── arial.woff2 // [!code focus]
│ ├── images/ // [!code focus]
│ │ └── hero.jpg // [!code focus]
│ └── svg/ // [!code focus]
│ └── icon-guitar.svg // [!code focus]
├── css/ // [!code focus]
│ ├── reset.css // [!code focus]
│ └── style.css // [!code focus]
├── js/ // [!code focus]
│ └── main.js // [!code focus]
├── favicon.ico // [!code focus]
├── index.html // [!code focus]
└── robots.txt // [!code focus]
```
:::
## Base HTML
Exemple d'un fichier HTML contenant les liens vers les fichiers CSS, JS ainsi qu'une image.
<<< @/snippets/html/structure.html{8,9,16,20}

View file

@ -0,0 +1,15 @@
# robots.txt
Le fichier `robots.txt` est un fichier placé à la racine du dossier web. Il permet de donner des instructions aux moteurs de recherche qui visitent un site.
Dans sa configuration la plus simple, il permet d'autoriser ou d'interdire l'indexation d'un site par les moteurs de recherche.
[Documentation plus complète.](http://robots-txt.com/)
## Autoriser
<<< @/snippets/robots.txt#allow
## Interdire
<<< @/snippets/robots.txt#disallow

View file

@ -0,0 +1,14 @@
# reset.css
::: info
Le “&nbsp;reset CSS&nbsp;” est une méthode commune de remise à zéro des styles par défaut des différents navigateurs web. Ceci permet de partir d'une base “&nbsp;saine&nbsp;” en terme de styles.
:::
Voici ma version personnelle de ce fichier. Il existe autant de versions que de développeuses et développeurs, chacun adaptant son `reset.css` à ses préférences et/ou habitudes de développement.
- [le reset de Josh Comeau](https://www.joshwcomeau.com/css/custom-css-reset/)
- [le reset d'Andy Bell](https://andy-bell.co.uk/a-modern-css-reset/)
J'ai légèrement adaptée le mien depuis la version de [Elly Loel.](https://gist.github.com/EllyLoel/4ff8a6472247e6dd2315fd4038926522)
<<< @/snippets/css/reset.css