First Section
02 - 1. Découvrir l'intégration web avec Photoshop
03 - 2. Explorer les outils de Photoshop
04 - 3. Réaliser le code HTML5 de la maquette
-
01 - Créer l'arborescence du site web et le fichier HTML5 (2:39)
-
02 - Installer les icônes font-awesome (4:33)
-
03 - Intégrer les grandes zones de la mise en page (5:34)
-
04 - Créer le code de l'en-tête (7:14)
-
05 - Créer le code de la barre de navigation principale (2:47)
-
06 - Extraire une image JPG de la maquette (4:01)
-
07 - Créer le code de la zone de contenu (4:28)
-
08 - Extraire une image à l'aide d'Extract (4:49)
-
09 - Créer le code de la colonne de droite (4:47)
-
10 - Utiliser AddToAny (3:02)
-
11 - Créer le code du pied de page (3:11)
05 - 4. Préparer la feuille de style
06 - 5. Créer la feuille de style CSS du premier point d'arrêt
-
01 - Mettre en place les styles principaux (9:21)
-
02 - Travailler avec une grille fluide (8:05)
-
03 - Créer des boutons réutilisables (5:08)
-
04 - Travailler avec des inline-blocks (5:45)
-
05 - Mettre en forme la barre de navigation principale (6:54)
-
06 - Utiliser les positionnements relatifs et absolus (4:00)
-
07 - Mettre en forme la zone de contenu principale (5:48)
-
08 - Faire flotter les images dans le texte (2:41)
-
09 - Mettre en forme la barre de droite (6:01)
07 - 6. Rendre la page web entièrement responsive
08 - 7. Finaliser l'intégration de la page web
fichiers_d_exercice_html5_css_integration_web_photoshop
