reorganized levels,
added content updated dependencies
This commit is contained in:
parent
6214c827eb
commit
7f356d807a
32 changed files with 11143 additions and 2043 deletions
|
@ -12,7 +12,7 @@ Vous êtes sur le point de commencer une semaine intensive de développement web
|
|||
- **FTP**/SFTP = transfert de fichiers
|
||||
- **HTML** = contenus
|
||||
- **CSS** = styles
|
||||
- **Javascript** = éléments dynamiques
|
||||
- **JavaScript** = éléments dynamiques
|
||||
- **Fonts** = polices de caractères
|
||||
|
||||
## Configuration et préparation
|
||||
|
@ -41,25 +41,27 @@ code-camp/
|
|||
│ └── icon-guitar.svg
|
||||
└── 03_web/
|
||||
├── assets/
|
||||
│ ├── css/
|
||||
│ │ └── style.css
|
||||
│ ├── fonts/
|
||||
│ │ └── arial.woff2
|
||||
│ ├── images/
|
||||
│ │ └── hero.jpg
|
||||
│ ├── js/
|
||||
│ │ └── main.js
|
||||
│ └── svg/
|
||||
│ └── icon-guitar.svg
|
||||
├── css/
|
||||
│ ├── reset.css
|
||||
│ └── style.css
|
||||
├── js/
|
||||
│ └── main.js
|
||||
├── favicon.ico
|
||||
└── index.html
|
||||
├── index.html
|
||||
└── robots.txt
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
## HTML
|
||||
|
||||
Le HTML (<span lang="en">hyper text markup language</span>) est un langage de programmation qui sert à structurer, hiérarchiser et afficher le contenu d'une page web. Il s'écrit avec des balises suivant cette syntaxe :
|
||||
Le HTML (<span lang="en">hyper text markup language</span>) est un langage de programmation qui sert à structurer, hiérarchiser et afficher le contenu d'une page web. Il s'écrit avec des balises suivant cette syntaxe :
|
||||
`<` `nom de la balise` `attributs` `>`
|
||||
`contenu de la balise`
|
||||
`</` `nom de la balise` `>`
|
||||
|
@ -128,7 +130,7 @@ Ci-dessous, quelques exemples de balises (listes non exhaustives).
|
|||
|
||||
## CSS
|
||||
|
||||
Le langage CSS (<span lang="en">cascading style sheets</span>) permet d'agir sur le style du document HTML. C'est-à dire toute la partie visuelle du contenu comme par exemple :
|
||||
Le langage CSS (<span lang="en">cascading style sheets</span>) permet d'agir sur le style du document HTML. C'est-à dire toute la partie visuelle du contenu comme par exemple :
|
||||
|
||||
- la mise en page
|
||||
- les couleurs
|
||||
|
@ -137,7 +139,7 @@ Le langage CSS (<span lang="en">cascading style sheets</span>) permet d'agir sur
|
|||
- les polices de caractères
|
||||
- etc.
|
||||
|
||||
On parle de « règle CSS ». Une règle se construit ainsi :
|
||||
On parle de “ règle CSS ”. Une règle se construit ainsi :
|
||||
|
||||
`sélecteur` `{` `propriété` `:` `valeur` `;` `}`
|
||||
|
||||
|
@ -200,7 +202,7 @@ Se référer à [la documentation.](https://developer.mozilla.org/fr/docs/Web/CS
|
|||
|
||||
### La cascade du style
|
||||
|
||||
Le CSS est régit par un concept appelé la cascade. La cascade est un ensemble de règles de priorité et d'importance. Elles servent à déterminer la règle CSS qui sera appliquée en cas de « conflit » entre plusieurs règles.
|
||||
Le CSS est régit par un concept appelé la cascade. La cascade est un ensemble de règles de priorité et d'importance. Elles servent à déterminer la règle CSS qui sera appliquée en cas de “ conflit ” entre plusieurs règles.
|
||||
|
||||
Les deux éléments de la cascade que nous utiliseront le plus ici sont **la spécificité et l'ordre.**
|
||||
|
||||
|
@ -209,7 +211,7 @@ Les deux éléments de la cascade que nous utiliseront le plus ici sont **la sp
|
|||
|
||||
## Accessibilité
|
||||
|
||||
D'après [Access42 :](https://access42.net/)
|
||||
D'après [Access42 :](https://access42.net/)
|
||||
|
||||
> L’accessibilité numérique est un droit fondamental. C’est la possibilité pour toutes et tous d’utiliser les outils informatiques, quelle que soit leur façon d’y accéder.
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@ En suivant les maquettes fournies ou en imaginant votre propre design, **réalis
|
|||
|
||||
Le site devra être développé en <span lang="en">mobile first</span> et être <span lang="en">responsive</span>.
|
||||
|
||||
Il devra obligatoirement contenir ces éléments :
|
||||
Il devra obligatoirement contenir ces éléments :
|
||||
|
||||
- une photo de l'artiste
|
||||
- un clip vidéo
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue