- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
parcours d'apprentissage
03 minutes54 secondesIntroduction au HTML
00 minutes36 secondesNotions liées au Web
07 minutes44 secondesNavigateurs et noyaux courants
04 minutes44 secondesnormes du Web
07 minutes32 secondesIntroduction aux balises HTML
01 minutes01 secondesSpécification de la syntaxe HTML
07 minutes11 secondesBalises de structure de base HTML
07 minutes15 secondesPage de création de l'outil VSCode
06 minutes36 secondesDOCTYPE et lang et le rôle des jeux de caractères
08 minutes56 secondessémantique des balises
02 minutes22 secondesbalise de titre
05 minutes14 secondesBalises de paragraphe et balises de saut de ligne
06 minutes23 secondesCas d'actualité sportive
04 minutes24 secondesbalise de formatage du texte
07 minutes57 secondesbalises div et span
04 minutes43 secondesBalises d'image (en haut)
09 minutes13 secondesBalises d'image (ci-dessous)
04 minutes14 secondesPoints à noter concernant les balises d'image
02 minutes47 secondesDossiers de répertoire et répertoires racine
06 minutes30 secondesChemin relatif (en haut)
06 minutes07 secondesChemin relatif (ci-dessous)
02 minutes56 secondeschemin absolu
03 minutes20 secondesBalise de lien (en haut)
08 minutes38 secondesBalises de lien (ci-dessous)
09 minutes16 secondeslien d'ancrage
07 minutes02 secondesBalises de commentaires et caractères spéciaux
08 minutes18 secondesCas complet (partie 1)
10 minutes36 secondesCas complets (partie 2)
05 minutes13 secondesIntroduction aux balises HTML (Partie 2)
01 minutes11 secondesUtilisation de base des étiquettes de tableau
08 minutes10 secondesLibellé de la cellule d'en-tête
02 minutes30 secondesPropriétés liées aux tables (comprendre)
08 minutes24 secondesNouveau cas de classement
09 minutes25 secondesBalise de structure de table
04 minutes45 secondesFusionner des cellules
08 minutes30 secondesRésumé du tableau
03 minutes46 secondesliste non ordonnée
08 minutes44 secondesliste ordonnée
03 minutes16 secondesListe customisée
06 minutes37 secondesRésumé de la liste
02 minutes52 secondesScénarios et classifications d'utilisation des formulaires
04 minutes19 secondeschamps de formulaire
05 minutes25 secondesZone de texte d'attribut de type d'entrée et zone de mot de passe
06 minutes32 secondesBouton radio et case à cocher de l'attribut de type d'entrée
04 minutes36 secondesAttributs de nom et de valeur d'entrée
05 minutes49 secondesAttributs vérifiés et maxlength de l'entrée
03 minutes32 secondesQuestions et réponses en classe sur des scénarios d'utilisation de quatre attributs d'éléments de formulaire de saisie
03 minutes03 secondesAttribut de type d'entrée bouton de soumission et de réinitialisation
06 minutes27 secondesattribut de type d'entrée bouton ordinaire et champ de fichier
04 minutes13 secondesétiquette étiquette
06 minutes08 secondessélectionner le formulaire déroulant
05 minutes41 secondeszone de texte étiquette de la zone de texte
05 minutes13 secondesRésumé des éléments du formulaire
02 minutes50 secondesPage d'inscription (1)
08 minutes23 secondesPage d'inscription (2)
08 minutes58 secondesPage d'inscription (3)
05 minutes23 secondesPage d'inscription (4)
03 minutes59 secondesApprendre à lire des documents
06 minutes14 secondesUne introduction aux feuilles de style en cascade CSS
01 minutes08 secondesIntroduction au CSS
05 minutes09 secondesDécouvrez les spécifications de la syntaxe CSS
07 minutes17 secondesStyle de code CSS
04 minutes42 secondesLe rôle du sélecteur CSS
03 minutes34 secondessélecteur de balises
06 minutes01 secondessélecteur de classe
10 minutes31 secondesDessiner des boîtes à l'aide de sélecteurs de classe
05 minutes17 secondesUtilisation spéciale du sélecteur de classe - plusieurs noms de classe
08 minutes02 secondessélecteur d'identifiant
06 minutes23 secondessélecteur de caractères génériques
05 minutes04 secondesfont-family définit la famille de polices
07 minutes39 secondestaille de la police taille de la police
04 minutes01 secondesépaisseur de police
08 minutes09 secondesstyle de police style de police
03 minutes06 secondesComment écrire un attribut composite de police
07 minutes46 secondesRésumé des propriétés de la police
03 minutes01 secondescouleur du textecouleur
05 minutes57 secondesAlignement du texte
03 minutes06 secondesdécoration de texte décoration de texte
05 minutes04 secondesretrait du texte retrait du texte
05 minutes26 secondesEspacement des lignes hauteur de ligne
08 minutes09 secondesRésumé des propriétés du texte CSS
03 minutes01 secondesfeuille de style interne
04 minutes25 secondesfeuille de style en ligne
04 minutes05 secondesfeuille de style externe
05 minutes04 secondesRésumé des méthodes d'introduction CSS
02 minutes11 secondespage d'actualités
06 minutes03 secondesModifier le style (1)
04 minutes45 secondesModifier le style (2)
07 minutes40 secondesModifier le style (3)
03 minutes09 secondesUtilisation des outils de débogage Chrome
07 minutes04 secondesguide css du deuxième jour
01 minutes29 secondesla syntaxe emmet génère des balises html
09 minutes57 secondessyntaxe emmet pour générer rapidement des styles CSS
03 minutes08 secondesFormater rapidement le code
05 minutes27 secondesIntroduction aux sélecteurs composés
01 minutes36 secondessélecteur de descendants
08 minutes57 secondesSélecteur d'élément enfant
03 minutes18 secondesExercices en classe
02 minutes54 secondesSélecteur d'union
06 minutes14 secondesSélecteur de pseudo-classe de lien (Partie 1)
09 minutes39 secondesLien vers le sélecteur de pseudo-classe (ci-dessous)
05 minutes36 secondesfocus sélecteur de pseudo-classe
03 minutes01 secondesRésumé du sélecteur de composés
03 minutes03 secondesQu'est-ce que le mode d'affichage des éléments
04 minutes16 secondesélément de bloc
06 minutes38 secondesÉlément en ligne
05 minutes32 secondesélément de bloc en ligne
03 minutes39 secondesRésumé des modes d'affichage des éléments
03 minutes22 secondesConversion du mode d'affichage
08 minutes12 secondesL'utilisation d'un petit outil snipaste
04 minutes44 secondesVersion simple du boîtier de la barre latérale Xiaomi
07 minutes29 secondesLe principe du centrage vertical du texte sur une seule ligne
07 minutes07 secondesCouleur de l'arrière plan
03 minutes59 secondesImage d'arrière-plan
04 minutes22 secondescarrelage de fond
05 minutes12 secondesNom d'orientation de position d'arrière-plan
07 minutes29 secondesPremier cas de localisation en arrière-plan
06 minutes57 secondesCas de localisation en arrière-plan 2-Image d'arrière-plan du Roi de Gloire
04 minutes57 secondesPosition d'arrière-plan - unités précises
04 minutes01 secondesPosition d'arrière-plan - Unités mixtes
04 minutes07 secondesarrière-plan corrigé
04 minutes20 secondesMéthode d'écriture composite de l'attribut d'arrière-plan
03 minutes03 secondescouleur de fond translucide
06 minutes28 secondesRésumé du contexte
03 minutes40 secondesCas complet de navigation en cinq couleurs (partie 1)
07 minutes01 secondesCas complet de navigation Five-Cai (2)
03 minutes34 secondesEmpilabilité
04 minutes18 secondeshéritage
04 minutes40 secondeshéritage de la hauteur des lignes
09 minutes31 secondespriorité
06 minutes31 secondesQuestions prioritaires
07 minutes42 secondesSuperposition de poids CSS
06 minutes47 secondesDeux exercices sur les poids
05 minutes25 secondesIntroduction au modèle de boîte
01 minutes13 secondesComprendre l'essence de la mise en page d'une page Web
03 minutes56 secondesComposants du modèle de boîte
03 minutes33 secondesbordure de modèle de boîte
07 minutes31 secondesMéthode d'écriture composée de la bordure
07 minutes49 secondesbordure de table fine
05 minutes29 secondesLes bordures affectent la taille réelle de la boîte
03 minutes40 secondesRemplissage de la marge intérieure du modèle de boîte
04 minutes05 secondespropriété du composé de rembourrage
06 minutes02 secondesle rembourrage affectera la taille réelle de la boîte
04 minutes45 secondesapplication de remplissage-Barre de navigation Sina (Partie 1)
06 minutes09 secondesapplication de remplissage-Sina Navigation (Partie 2)
05 minutes47 secondesModification de la barre latérale Xiaomi
02 minutes56 secondesLe rembourrage ne maintiendra pas la boîte ouverte
04 minutes53 secondesMarge du modèle de boîte
06 minutes31 secondesApplication typique des marges : les boîtes au niveau des blocs sont alignées horizontalement et centralement.
03 minutes39 secondesLes éléments en ligne et les éléments de bloc en ligne sont centrés horizontalement
02 minutes41 secondesFusion des marges - marges verticales des éléments de bloc adjacents
04 minutes14 secondesFusion des marges – effondrement des éléments de bloc imbriqués
06 minutes01 secondesmarges intérieures et extérieures claires
04 minutes51 secondesOpérations de base de ps
05 minutes36 secondesAnalyse complète de la disposition des modules cas-produits
02 minutes14 secondesDisposition complète des caisses
03 minutes38 secondesProduction complète d’images de cas et de paragraphes
06 minutes05 secondesÉvaluation complète des cas et production détaillée
06 minutes28 secondesProduction complète de détails de lignes verticales de cas
04 minutes11 secondesL'enseignant explique
05 minutes15 secondesAnalyse express de la disposition des modules
02 minutes11 secondesProduction d'en-tête de module express
06 minutes15 secondesCréation express de liste de modules
07 minutes39 secondesPrincipe de bordure arrondie
06 minutes20 secondesUtilisation de coins arrondis
07 minutes43 secondesboîte ombre
09 minutes04 secondesombre de texte
01 minutes54 secondesGuide flottant
02 minutes05 secondesTrois façons de mettre en page une page Web traditionnelle
04 minutes43 secondesPourquoi le flottement est nécessaire
05 minutes16 secondesqu'est-ce que le flotteur
04 minutes46 secondesCaractéristiques du flotteur hors norme
06 minutes33 secondesPropriétés flottantes : les éléments flottants sont affichés sur une seule ligne
03 minutes48 secondesPropriétés flottantes - Les éléments flottants ont des propriétés de bloc en ligne
04 minutes52 secondesLes éléments flottants sont souvent associés à des éléments parents de flux standard
03 minutes09 secondesExercice de mise en page flottante-1
04 minutes04 secondesExercice de mise en page flottante-2
09 minutes17 secondesModule d'exercice flottant pour téléphone portable (partie 1)
06 minutes05 secondesModule d'exercice flottant pour téléphone portable (partie 2)
05 minutes00 secondesMises en page courantes des pages Web
10 minutes39 secondesDeux points à noter concernant le flottement
07 minutes47 secondesPourquoi effacer le flotteur
10 minutes17 secondesNature flottante claire et méthode d'étiquette supplémentaire
07 minutes51 secondesEffacer le débordement de l'élément parent flottant
02 minutes33 secondesEffacer le flottement après le pseudo-élément
05 minutes04 secondesEffacer les doubles pseudo-éléments flottants
03 minutes02 secondesflotteur clair
02 minutes49 secondesFormats d'images courants
03 minutes44 secondesDécoupe de couches (en haut)
04 minutes48 secondesDécoupe de calque (ci-dessous)
04 minutes59 secondesoutil de tranche
07 minutes19 secondesinstallation de coupeur
04 minutes35 secondesConseils d'utilisation de Cutterman
06 minutes04 secondesPréparation
06 minutes40 secondesordre d'écriture des attributs CSS (important)
04 minutes56 secondesIdée globale de mise en page
05 minutes30 secondesCréation de la zone d'en-tête
08 minutes08 secondesProduction de zones de logo
04 minutes40 secondesProduction de la zone de navigation de la barre de navigation (Partie 1)
06 minutes24 secondesProduction de la zone de navigation de la barre de navigation (milieu)
05 minutes59 secondesProduction de la zone de navigation de la barre de navigation (Partie 2)
02 minutes54 secondesProduction d'entrées du module de recherche de recherche
08 minutes36 secondesProduction de boutons du module de recherche de recherche
05 minutes27 secondesRéalisation de modules utilisateurs
04 minutes55 secondesProduction de modules de bannières
06 minutes31 secondesProduction du module Subnav (Partie 1)
05 minutes56 secondesProduction du module Subnav (Partie 2)
03 minutes17 secondesProduction de modules de cours (Partie 1)
04 minutes29 secondesproduction de modules de cours (moyen)
03 minutes20 secondesProduction de modules de cours (Partie 2)
07 minutes35 secondesModule de recommandation Premium (Partie 1)
03 minutes42 secondesModule de recommandation Premium (moyen)
03 minutes34 secondesModule de recommandation Premium (Partie 2)
04 minutes51 secondesproduction de modules box-hd
07 minutes22 secondesproduction de modules box-bd
05 minutes41 secondesmodule de boîte terminé
05 minutes54 secondesproduction de modules de pied de page
04 minutes46 secondesproduction de modules de droits d'auteur
06 minutes15 secondesliens production de modules
04 minutes35 secondesGuide de positionnement
00 minutes59 secondesPourquoi le positionnement est nécessaire
03 minutes43 secondesComposition de positionnement
04 minutes11 secondespositionnement relatif
08 minutes16 secondesPositionnement absolu - pas de positionnement parent ou pas de positionnement parent
07 minutes16 secondesPositionnement absolu - le parent a le statut de positionnement
06 minutes04 secondesUn positionnement absolu hors standard n'occupe pas sa position d'origine.
02 minutes07 secondesorigine paternelle
07 minutes07 secondesLe cas du module absolument chaud du père du fils
07 minutes47 secondesPositionnement fixe
07 minutes26 secondesConseils pour un positionnement fixe : fixez-le sur le côté droit du centre de la page
06 minutes30 secondesPositionnement collant (Comprendre)
05 minutes10 secondesRésumé du positionnement
02 minutes42 secondesOrdre d'empilement de positionnement
07 minutes18 secondesAlgorithme de centrage de boîte en position absolue
07 minutes45 secondesParticularités du positionnement
02 minutes47 secondesLes éléments flottants ne supprimeront pas le positionnement du texte du flux standard.
05 minutes09 secondesanalyse de la disposition
03 minutes07 secondesproduction en grande surface
Production du bouton fléché gauche
07 minutes45 secondesProduction du bouton fléché droit
production de modules ul box
production de modules li à petits points
Résumé de la mise en page Web
l'écran affiche les éléments cachés
06 minutes39 secondesvisibilitéafficher les éléments cachés
débordement afficher masquer
Cas de pommes de terre (partie 1)
Cas de pommes de terre (partie 2)
Introduction
01 minutes25 secondesPourquoi la technologie elfe est nécessaire
04 minutes57 secondesUtilisation de sprite charts (principe)
06 minutes18 secondesUtilisation du diagramme de sprite (code)
06 minutes30 secondesExemple de sprite - épelez votre nom
07 minutes32 secondesGénération d'icônes de police et avantages
05 minutes10 secondesTéléchargement de l'icône de police
05 minutes50 secondesUtilisation d'icônes de police
08 minutes20 secondesPrincipe d'ajout et de chargement d'icônes de police
04 minutes06 secondesComment utiliser le triangle CSS
05 minutes14 secondesApplication de triangle CSS-Effet Jingdong
03 minutes48 secondesInterface utilisateur - Style de souris
Interface utilisateur – Supprimer le contour du formulaire et empêcher le glissement des champs de texte
vertical-align implémente l'alignement central vertical des blocs en ligne et du texte
Solution à l'espace vide en bas de l'image
Le texte d’une seule ligne déborde de l’affichage des points de suspension
Le texte multiligne déborde de l'affichage des points de suspension
Compétences en mise en page - utilisation intelligente des marges négatives (Partie 1)
Compétences en mise en page - utilisation intelligente des marges négatives (Partie 2)
Techniques de mise en page - utilisation intelligente du texte autour des éléments flottants
Techniques de mise en page - utilisation intelligente des blocs en ligne
Compétences en mise en page - utilisation intelligente du triangle CSS (Partie 1)
Compétences en mise en page - utilisation intelligente du triangle CSS (Partie 2)
Initialisation CSS
HTML5CSS3 améliore la navigation
Ajouter des balises sémantiques
Ajouter une balise vidéo
Ajouter une balise audio
Ajouter un formulaire de saisie
Ajouter de nouvelles propriétés de formulaire
Sélecteur d'attribut (en haut)
Sélecteur d'attribut (ci-dessous)
Sélecteur de pseudo-classe structurelle - sélectionne le nième élément
sélecteur de nième enfant (en haut)
sélecteur de nième enfant (ci-dessous)
La différence entre le nième enfant et le nième de type
Scénarios d'utilisation et origines des sélecteurs de pseudo-éléments
Utilisation de base des sélecteurs de pseudo-éléments
Scénarios d'utilisation du sélecteur de pseudo-éléments correspondant aux icônes de police
Scénario d'utilisation de pseudo-éléments - effet de pomme de terre d'imitation
Sélecteur de pseudo-éléments - Le pseudo-élément efface la nature flottante
Modèle de boîte CSS3 border-box
Traitement du flou d'image CSS3
Calculer la fonction de calcul de la largeur de la boîte
Transition des nouveaux attributs CSS3 (Partie 1)
Transition des nouveaux attributs CSS3 (partie 2)
Exercices de transition CSS3
H5 généralisé (comprendre)
Introduction
00 minutes48 secondesProcessus de création de sites Web
05 minutes05 secondesPlanification du projet Pinyougou
Construction du projet Pinyougou
Projet Pinyougou-Développement modulaire des styles
Production d'icônes de favicon du projet Pinyougou
Projet Pinyougou-TDK optimisation du référencement de trois grands labels
Construction de la structure du raccourci de navigation rapide de la page d'accueil de Pinyougou
Page d'accueil de Pinyougou - Navigation rapide Production côté gauche
Page d'accueil de Pinyougou - navigation rapide construite sur le côté droit
Icône de police de la page d'accueil de Pinyougou sur le côté droit de la navigation rapide
Construction du module d'en-tête de la page d'accueil de Pinyougou
04 minutes30 secondesPage d'accueil-logo de PinyougouOptimisation SEO (Partie 1)
06 minutes54 secondesPage d'accueil-logo de PinyougouOptimisation SEO (Partie 2)
04 minutes21 secondesModule de recherche de recherche sur la page d'accueil de Pinyougou (Partie 1)
06 minutes14 secondesModule de recherche de recherche sur la page d'accueil de Pinyougou (Partie 2)
Module de mots clés de la page d'accueil de Pinyougou
Production du module page d'accueil-shopcar de Pinyougou
Module de statistiques de panier d'achat du nombre de pages d'accueil de Pinyougou
Construction du module de navigation de la page d'accueil de Pinyougou
Production du module déroulant de la page d'accueil de Pinyougou
Page d'accueil de Pinyougou - Production de la classification détaillée de la navigation (Partie 1)
Page d'accueil de Pinyougou - Production de la classification détaillée de la navigation (Partie 2)
Production du module page d'accueil de Pinyougou-navitems
Construction du module inférieur de la page d'accueil de Pinyougou
Production du module Pinyougou homepage-mod-servcie (Partie 1)
Production du module Pinyougou homepage-mod-servcie (Partie 2)
Page d'accueil de Pinyougou-mod_help production du module
Page d'accueil de Pinyougou-mod_copyright module production
Page d'accueil de Pinyougou - construction de la boîte principale
Module flash de la page d'accueil de Pinyougou
Production du module Pinyougou homepage-news-hd
Page d'accueil de Pinyougou-nouvelle production de modules bd
Production de la page d'accueil de Pinyougou-lifeservice (Partie 1)
06 minutes30 secondesProduction de la page d'accueil de Pinyougou-lifeservice (Partie 2)
07 minutes04 secondesRecom de module recommandé par la page d'accueil de Pinyougou (Partie 1)
Module recommandé par la page d'accueil de Pinyougou (Partie 2)
Page d'accueil de Pinyougou - Construction de modules d'appareils électroménagers
Page d'accueil de Pinyougou-Production de tête de module d'électroménager
Exigences de mise en page du principe des onglets de la barre d'onglets
Disposition de la page d'accueil de Pinyougou-tab_list-item (Partie 1)
Disposition de la page d'accueil de Pinyougou-tab_list-item (au milieu)
Disposition de la page d'accueil de Pinyougou-tab_list-item (Partie 2)
Liste d'achat de produits-Construction de structure
Production de modules de vente flash de page de liste Pinyougo
Modification du module de navigation dans la page de la liste Pinyougou
Page de liste Pinyougou - un petit problème
Fin de page de la liste Pinyougou
Production d'en-tête de page d'inscription Pinyougou
Page de liste Pinyougo - production d'en-tête du module principal d'enregistrement
Page d'inscription Pinyougou - production du sujet d'inscription (Partie 1)
Page d'inscription Pinyougou - production du sujet d'inscription (Partie 2)
04 minutes45 secondesPage d'inscription Pinyougou-module de sécurité
Page d'inscription Pinyougou - module d'accord et module d'inscription complet
Les pages du projet Pinyougou sautent les unes aux autres et les modalités de travail
qu'est-ce que le serveur
Demander un espace gratuit et télécharger un site Web
1. Mise en page côté Web : expliquez d'abord les balises courantes de HTML5, puis expliquez les nouvelles fonctionnalités et la nouvelle syntaxe de H5C3 ajoutées aux styles CSS3 courants, et enfin expliquez le projet d'achat de produit final sur PC. Et effets d'animation 2D et 3D CSS3. 2. Disposition mobile : il explique principalement la fenêtre d'affichage, la double image, la disposition des drains, la disposition flexible, la disposition rem, la disposition réactive, et ajoute également des outils tels que Mockup.
