Apprendre CSS

Apprenez à Écrire des Codes CSS pour Contrôler la Mise en Page du Site Web

Développement Web4.7(101)2h 50min12 leçons3 sections

Ce que vous apprendrez

  • Apprendre les bases de CSS
  • Mettre en forme les polices et les textes
  • Mettre en forme les liens
  • Comprendre le modèle de boîte et les bordures
  • Contrôler la position des éléments
  • Mettre en forme les tableaux
  • Écrire du code CSS qui contrôle la mise en forme de tout un site

À propos du cours

Ce cours enseigne CSS pour contrôler entièrement la mise en forme des pages d'un site. CSS est l'abréviation de Cascading Style Sheet, c'est-à-dire feuille de style en cascade. On l'utilise pour définir l'apparence d'un site, comme le type, la couleur et la taille de la police, à partir d'un seul fichier : vous modifiez une fois et tout le site change. Le cours commence par des extraits, puis les bases de CSS Basics en plusieurs leçons, suivies des polices et des textes, des liens, du modèle de boîte et des bordures, de la position des éléments, des tableaux, de leçons variées, et se termine par le téléchargement des annexes. Il convient aux concepteurs et aux développeurs web ainsi qu'aux débutants qui ont appris HTML et veulent améliorer l'apparence de leurs pages. L'apprenant a besoin d'une connaissance simple des pages web et d'aucune expérience en CSS. À la fin, vous saurez écrire du code CSS pour mettre en forme les textes, les liens et les tableaux, contrôler la position des éléments dans la page et concevoir un site organisé et attrayant. Le cours propose aussi des annexes à télécharger qui vous aident à essayer le code vous-même et à revoir facilement et rapidement ce que chaque leçon a expliqué.

Résultats attendus

  • Compréhension complète des fondamentaux du CSS et de leur utilisation dans la conception web.
  • Capacité à styliser des pages web organisées et conviviales.
  • Maîtrise du travail avec des tableaux, des formulaires et divers éléments.
  • Concevoir des sites web visuellement attrayants avec CSS.
  • Améliorer l'expérience utilisateur sur les sites web avec des techniques CSS avancées.

Avis des apprenants

Ces avis proviennent d'apprenants qui ont acheté le contenu et en ont complété au moins 50% — il n'y a aucun avis de personnes n'ayant pas suivi le contenu.
4.7
★★★★★
101 avis
5★
75
4★
21
3★
5
2★
0
1★
0
  • ★★★★☆Baraa E.·منذ 3 شهرشاهد 100٪

    الكورس حلو و كل حاجة تمام فيه بس كان ناقص حتة صغيرة اوي و هي ال انيميشن لكن غير كدة تحفة

تم عرض كل التقييمات (1)

Contenu du cours

1

Bases du CSS

5 leçons
  1. Extraits du coursExplique le positionnement des éléments d'une page avec la propriété CSS position : absolute, qui fixe la distance par rapport au haut et à la gauche de la page, et relative, avec les différentes façons d'écrire le style.13:40
  2. CSS Basics (1)Introduction générale à CSS, les feuilles de style en cascade, expliquant que ce n'est pas un langage de programmation mais des styles prédéfinis pour les pages web, avec un aperçu du contenu et des objectifs du cours.6:32
  3. CSS Basics (2)Explique ce qu'est CSS et l'idée d'un fichier externe regroupant des propriétés sous un seul nom pour les réutiliser, et présente Bootstrap et jQuery comme outils prêts à l'emploi complétant la conception des pages.19:11
  4. CSS Basics (3)Explique les trois façons d'écrire du CSS, dans la balise, dans head et dans un fichier externe lié par la balise link, en privilégiant le fichier externe, et teste le changement de la couleur de fond, du texte et de la police.19:39
  5. CSS Basics (4)Explique la mise en forme des couleurs et des arrière-plans en CSS : changer la couleur du texte par son nom ou en RGB, définir une image d'arrière-plan et contrôler sa répétition à l'horizontale et à la verticale.8:58
2

Tâches avancées

6 leçons
  1. Polices et textesExplique les propriétés de police et de texte en CSS comme la famille, la graisse et la taille, la décoration du texte avec des lignes au-dessus ou en dessous, et la liaison du fichier CSS à la page.18:21
  2. LiensExplique le contrôle du style des liens avec CSS : placer les styles dans la page ou un fichier externe, les appliquer par classe ou par id, et donner à un lien l'aspect d'un bouton en changeant sa classe et ses couleurs.28:06
  3. Modèle de boîte et cadresExplique le Box Model avec ses composantes, contenu, padding, border et margin, et le contrôle de la couleur, du style et de l'épaisseur de la bordure pour chaque côté.7:38
  4. Positionnement des élémentsExplique le positionnement des éléments d'une page avec CSS position : positionnement absolu par rapport à la page, relatif par rapport à l'élément précédent, et superposition des éléments.15:09
  5. TablesExplique le style des tableaux en CSS au niveau de la feuille de style : bordures du tableau, des lignes et des cellules, largeur et hauteur en pixels ou en pourcentage, et coloration de la ligne d'en-tête.15:01
  6. DiversMontre comment utiliser du CSS prêt à l'emploi issu de sites web au lieu de partir de zéro : concevoir un bouton ou un formulaire sur le site, puis copier le code CSS généré pour l'utiliser dans son propre site.18:33
3

Extensions

1 pièces jointes
  1. Téléchargez les pièces jointes ici

Formateur

Ing. Azab Mohamed Azab

Ing. Azab Mohamed Azab

Conférencier à l'Académie arabe des sciences, de la technologie et du transport maritime, ainsi qu'au ministère égyptien de l'Intérieur, spécialisé en technologie et information.
68.8K vues28 cours

Ce cours fait partie du diplôme

Cours similaires