reorganized levels,
added content updated dependencies
This commit is contained in:
parent
6214c827eb
commit
7f356d807a
32 changed files with 11143 additions and 2043 deletions
49
docs/dev/fragments/base/01-structure.md
Normal file
49
docs/dev/fragments/base/01-structure.md
Normal 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}
|
15
docs/dev/fragments/base/02-robots.md
Normal file
15
docs/dev/fragments/base/02-robots.md
Normal 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
|
14
docs/dev/fragments/css/00-reset.md
Normal file
14
docs/dev/fragments/css/00-reset.md
Normal file
|
@ -0,0 +1,14 @@
|
|||
# reset.css
|
||||
|
||||
::: info
|
||||
Le “ reset CSS ” 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 “ saine ” 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
|
Loading…
Add table
Add a link
Reference in a new issue