78 lines
1.7 KiB
Markdown
78 lines
1.7 KiB
Markdown
|
# Travaux Pratiques - Web
|
||
|
|
|
||
|
|
Ce dossier contient les travaux pratiques pour apprendre HTML et CSS.
|
||
|
|
|
||
|
|
---------
|
||
|
|
|
||
|
|
## Liste des TPs
|
||
|
|
|
||
|
|
| TP | Fichier | Thème | Prérequis |
|
||
|
|
|----|---------|-------|-----------|
|
||
|
|
| TP 1 | [TP.pdf](TP.pdf) | Découverte du HTML | Aucun |
|
||
|
|
| TP 2 | [TP_2.pdf](TP_2.pdf) | HTML avancé | TP 1 |
|
||
|
|
| TP 3 | [TP_3 - CSS et sections.pdf](TP_3%20-%20CSS%20et%20sections.pdf) | CSS et mise en page | TP 1 et 2 |
|
||
|
|
|
||
|
|
---------
|
||
|
|
|
||
|
|
## Progression recommandée
|
||
|
|
|
||
|
|
```
|
||
|
|
TP 1 : HTML de base
|
||
|
|
↓
|
||
|
|
TP 2 : HTML avancé
|
||
|
|
↓
|
||
|
|
TP 3 : CSS et sections
|
||
|
|
```
|
||
|
|
|
||
|
|
---------
|
||
|
|
|
||
|
|
## Ressources pour les TPs
|
||
|
|
|
||
|
|
### Dossier images
|
||
|
|
|
||
|
|
Le dossier `images/` contient les fichiers nécessaires pour certains TPs :
|
||
|
|
- Photos d'exemple
|
||
|
|
- Icônes
|
||
|
|
- Éléments graphiques
|
||
|
|
|
||
|
|
Le fichier `images.zip` contient une archive de toutes les images.
|
||
|
|
|
||
|
|
### Aide-mémoires
|
||
|
|
|
||
|
|
Consultez le dossier [ressources](../ressources/) pour les mémentos HTML et CSS.
|
||
|
|
|
||
|
|
---------
|
||
|
|
|
||
|
|
## Conseils pour réussir les TPs
|
||
|
|
|
||
|
|
1. **Lisez l'énoncé en entier** avant de commencer
|
||
|
|
2. **Testez régulièrement** votre code dans le navigateur
|
||
|
|
3. **Utilisez les outils de développement** (F12) pour débugger
|
||
|
|
4. **Consultez les mémentos** en cas de doute sur une balise ou propriété
|
||
|
|
5. **Indentez votre code** pour une meilleure lisibilité
|
||
|
|
6. **Validez votre HTML** sur [validator.w3.org](https://validator.w3.org/)
|
||
|
|
|
||
|
|
---------
|
||
|
|
|
||
|
|
## Structure d'un projet web
|
||
|
|
|
||
|
|
Pour vos TPs, organisez vos fichiers ainsi :
|
||
|
|
|
||
|
|
```
|
||
|
|
mon_projet/
|
||
|
|
├── index.html
|
||
|
|
├── style.css
|
||
|
|
├── images/
|
||
|
|
│ ├── logo.png
|
||
|
|
│ └── photo.jpg
|
||
|
|
└── pages/
|
||
|
|
├── contact.html
|
||
|
|
└── about.html
|
||
|
|
```
|
||
|
|
|
||
|
|
---------
|
||
|
|
|
||
|
|
Auteur : Florian Mathieu
|
||
|
|
|
||
|
|
Licence CC BY NC
|