-
-
1.
Pourquoi devriez-vous suivre ce cours
1:56
-
2.
Théorie des boîtes en HTML
2:30
-
3.
Terminologie du HTML et du CSS
1:59
-
4.
Modèle de boîte et dimensionnement des boîtes
3:26
-
5.
Marge, remplissage et bordure
9:06
-
6.
Types d'affichage, styles par défaut. Comment les modifier
4:38
-
7.
Éléments flottants
13:28
-
8.
Transformer et traduire
2:49
-
9.
Terminologie du positionnement
1:09
-
10.
Positionnement statique
1:24
-
11.
Positionnement relatif
2:33
-
12.
Positionnement absolu
10:12
-
13.
Profondeur et z-index
2:47
-
14.
Positionnement fixe
5:57
-
15.
La fonction Calc
4:10
-
16.
Positionnement sticky
4:36
-
17.
Mettre tout en œuvre
0:17
-
18.
Projet : comment commencer
6:17
-
19.
Projet : le HMTL
21:27
-
20.
Projet : Le CSS de la bannière phare
21:13
-
21.
Projet : Navigation sticky et section Lire la suite
19:47
-
22.
Projet : la section Histoire
20:08
-
23.
Projet : fenêtre pop-up
23:30
-
24.
Publiez votre projet
2:57
-
25.
Fin
0:32
-
Les bases de la mise en page pour le design web : décrire votre design avec HTML et CSS
Rich Armstrong, ADHD Artist + Designer
À propos de ce cours
Je développe des sites web depuis 2007. Les bases de la mise en page pour le design web font partie des sujets les plus difficiles à maîtriser. Dans les applications de graphisme, on procède par glisser et déposer. On aligne. On groupe. On définit des largeurs, des hauteurs et des positions sur les axes x et y. On a un volet Calque. On a un contrôle super précis. Mais la conception dans Photoshop ou Sketch, ce n'est pas le site web final, même si votre fichier est nommé web-FINAL final.psd. Le site web final est celui qui est affiché dans le navigateur. C'est celui que le client voit. Et il est très important de savoir comment décrire un travail dans un navigateur en HTML et en CSS. Le HTML et le CSS sont des codes descriptifs avec lesquels vous devez vous familiariser, tout comme vous vous êtes familiarisé avec Sketch ou Photoshop.
Ce cours vous explique comment décrire les calques au navigateur. Il passe en revue les paramètres par défaut et explique quand et comment les modifier. Vous acquerrez ainsi une meilleure compréhension du fonctionnement d'un navigateur et découvrirez ses différences avec les applications de design web. Vous allez ainsi découvrir une nouvelle manière de travailler. Peut-être même travaillerez-vous davantage dans le navigateur (comme je le fais). Il est très utile d'apprendre à connaître vos outils. Si vous êtes graphiste, ou développeur, le fait d'apprendre la mise en page dans un navigateur va vous permettre de travailler plus rapidement et de prendre des décisions judicieuses.
Ce cours abordera les thèmes suivants :
- Les 5 types de positionnement
- La gestion de la profondeur
- les types d'affichage courants
- Remplissage
- Marges
- Bordures
- Traduire X et Y
- Terminologie du HTML et du CSS
- Exemples en pagaille
- Démonstration de la création d'une page web, dans laquelle vous découvrirez à quel point je suis mauvais en maths, mais excelle dans le développement de sites web. Nous assurons le débogage. Nous cherchons sur Google. Nous éprouvons nos idées.
Si vous découvrez le HTML et le CSS, ou que vous cherchez des cours similaires, voici une liste :
Projets de cours Tout afficher (54)
Veuillez noter que ce cours est fourni à des fins d'éducation personnelle, d'information et de commodité uniquement, qu'il est de nature générale et qu'il ne vise pas à remplacer des conseils professionnels, juridiques ou médicaux. Pour en savoir plus, consultez nos Conditions d'utilisation.