Name: Mise en page mobile : HTML5+CSS3 version avancée et améliorée
Uploaded: 2022-11-25T17:35:10+8:00
Duration: 1172 min 56 s
Description: Le but de ce cours est de permettre à chacun de maîtriser la mise en page mobile. Le cours explique principalement la fenêtre d'affichage, la double image, la mise en page des drains, la mise en page flexible, la mise en page rem, la mise en page réactive, et ajoute également des outils tels que Mockup.

Chapitre1H5C3 renforcé: Introduction au HTML5
01 minutes30 secondes; Utilisation de base de vscode
15 minutes21 secondes; installation du plug-in vscode
11 minutes30 secondes; Qu'est-ce que HTML5
04 minutes53 secondes; Nouvelles balises HTML5
09 minutes30 secondes; Balises audio multimédia
12 minutes10 secondes; Balises vidéo multimédia
15 minutes03 secondes; Nouvelle balise d'entrée HTML5
12 minutes02 secondes; Nouveaux attributs de formulaire HTML5
12 minutes32 secondes; Résumé HTML5
06 minutes52 secondes; Introduction à CSS3
02 minutes39 secondes; Sélecteur d'attribut CSS3 (en haut)
11 minutes18 secondes; Sélecteur d'attribut CSS3 (ci-dessous)
10 minutes46 secondes; Sélecteur de pseudo-classe structurelle CSS3 (Partie 1)
06 minutes19 secondes; nième enfant(n)
12 minutes47 secondes; La différence entre le nième enfant et le nième de type
10 minutes22 secondes; Résumé du sélecteur de pseudo-classe de structure
02 minutes02 secondes; Sélecteur de pseudo-éléments CSS3
08 minutes48 secondes; Cas du sélecteur de pseudo-éléments
09 minutes26 secondes; Conversion 2D : traduire
13 minutes07 secondes; Centrer une boîte horizontalement et verticalement
09 minutes18 secondes; Rotation de la conversion 2D
05 minutes55 secondes; Triangle CSS3
07 minutes23 secondes; Définir le point central de conversion
06 minutes09 secondes; Cas du point central de rotation
06 minutes56 secondes; Échelle de conversion 2D
06 minutes56 secondes; Cas d'agrandissement d'image
11 minutes07 secondes; Étui pour bouton de recherche de personnes
03 minutes20 secondes; Méthodes d'écriture complètes et problèmes de séquence pour la conversion 2D
05 minutes38 secondes; Résumé de la conversion 2D
03 minutes06 secondes; Utilisation de base de l'animation CSS3
08 minutes56 secondes; séquence d'animation
12 minutes41 secondes; Propriétés communes des animations CSS3
16 minutes08 secondes; Abréviation d'animation CSS3
07 minutes17 secondes; Cas de carte thermique Big Data (Partie 1)
14 minutes08 secondes; Cas de carte thermique Big Data (partie 2)
14 minutes10 secondes; Les étapes de la courbe de vitesse
08 minutes28 secondes; Grosse valise Running Bear
14 minutes25 secondes; Comprendre la transformation 3D
05 minutes20 secondes; traduction 3D traduire3d
07 minutes57 secondes; perspectiveperspective
08 minutes53 secondes; traduction
09 minutes23 secondes; Rotation 3D
09 minutes43 secondes; Rotation 3D rotationY
03 minutes55 secondes; Rotation 3D
05 minutes50 secondes; Style de transformation de rendu 3D
11 minutes03 secondes; Étui à rabat double face
12 minutes57 secondes; Barre de navigation 3D (en haut)
12 minutes26 secondes; Barre de navigation 3D (ci-dessous)
10 minutes48 secondes; Cas complet de carrousel (partie 1)
08 minutes40 secondes; Cas complet de carrousel (partie 2)
08 minutes34 secondes; Préfixe privé et résumé du navigateur
11 minutes13 secondes
Chapitre2Disposition fluide: Introduction à la disposition du flux de développement WEB mobile
01 minutes59 secondes; Notions de base sur les terminaux mobiles
09 minutes31 secondes; Fenêtre
09 minutes02 secondes; balise méta-fenêtre
06 minutes53 secondes; rapport pixel physique/pixel physique
08 minutes45 secondes; Graphique double
12 minutes13 secondes; Mise à l'échelle de l'arrière-plan
10 minutes46 secondes; Double image d'arrière-plan et découpe multi-images
05 minutes38 secondes; Options de développement mobile
04 minutes32 secondes; Solutions technologiques mobiles
10 minutes29 secondes; Style spécial mobile
04 minutes53 secondes; Sélection de technologie mobile
03 minutes40 secondes; Disposition fluide
10 minutes32 secondes; Travail de préparation pour la page d'accueil mobile de JD.com
06 minutes58 secondes; paramètres du corps
06 minutes29 secondes; disposition de l'application
08 minutes29 secondes; remplissage du contenu de l'application
07 minutes01 secondes; Disposition du module de recherche
09 minutes16 secondes; Production de contenu du module de recherche
08 minutes44 secondes; Comment créer un graphique à double sprite
08 minutes15 secondes; Production de cartes de focus
06 minutes45 secondes; Production de modules de jour de marque
07 minutes28 secondes; Production du module de navigation de la barre de navigation
11 minutes22 secondes; Module Newsletter
07 minutes22 secondes; Fin de la page d'accueil mobile de JD.com 2
04 minutes31 secondes
Chapitre3fléchir: Introduction à la mise en page flexible du développement WEB mobile
01 minutes14 secondes; Expérience de mise en page flexible
07 minutes02 secondes; principe de disposition flexible
04 minutes16 secondes; flex définit la direction de la broche
08 minutes14 secondes; justifier-contenu définit la disposition des sous-éléments de l'axe principal
10 minutes05 secondes; Si les sous-éléments flex-wrap s'enroulent
04 minutes57 secondes; align-items définit la disposition des éléments enfants sur l'axe transversal
07 minutes35 secondes; align-content définit la disposition des éléments enfants sur l'axe transversal
11 minutes01 secondes; flux flexible et résumé
03 minutes45 secondes; Utilisation des propriétés flex enfants
14 minutes31 secondes; align-self et ordre
04 minutes47 secondes; Travail de préparation de la page d'accueil mobile Ctrip
06 minutes46 secondes; Analyse de la mise en page de la page d'accueil et mise en page du module de recherche
09 minutes10 secondes; Module de recherche créé par l'utilisateur
12 minutes11 secondes; Production de modules de recherche Production de recherche
11 minutes22 secondes; Production de modules de focus de carte de focus
02 minutes47 secondes; disposition de navigation locale
05 minutes17 secondes; production de contenu de navigation locale
11 minutes38 secondes; Utilisez le sélecteur d'attribut pour modifier l'image d'arrière-plan
04 minutes44 secondes; disposition de l'apparence de la navigation
08 minutes50 secondes; production de contenu de navigation
10 minutes59 secondes; Dégradé linéaire de fond
06 minutes14 secondes; production de modules d'entrée de sous-navigation; Production de modules d'activités populaires; Plus de production de modules de bien-être; production du module sales-bd 3
Chapitre4disposition rem: Introduction au développement WEB mobile avec mise en page adaptative
01 minutes20 secondes; unité rem
11 minutes13 secondes; Introduction à la syntaxe des requêtes multimédias
09 minutes58 secondes; Décoloration de l'arrière-plan du dossier Media Query
12 minutes20 secondes; Media query + rem réalise des changements dynamiques de taille des éléments
07 minutes41 secondes; La requête multimédia introduit des ressources
09 minutes12 secondes; Inconvénients du CSS
05 minutes22 secondes; Introduction à LESS et utilisation de variables
09 minutes04 secondes; less compiler un plug-in sans effort
08 minutes56 secondes; moins de nidification
10 minutes17 secondes; moins d'opération
05 minutes57 secondes; Principe du schéma d'adaptation rem
11 minutes53 secondes; plan d'adaptation définitif du rem
11 minutes45 secondes; Page d'accueil de Suning production commune.moins
04 minutes43 secondes; Style d'importation de la page d'accueil Suning
04 minutes03 secondes; Paramètres de style de corps de la page d'accueil Suning
07 minutes28 secondes; Disposition du module de contenu de recherche de la page d'accueil Suning
09 minutes02 secondes; Disposition du contenu de recherche de la page d'accueil Suning; Production du module de recherche de page d'accueil Suning; Production de bannières de page d'accueil et de modules publicitaires Suning; Production de pièces de navigation sur la page d'accueil de Suning; solution d'adaptation rem 2 introduction à flexble.js
04 minutes27 secondes; solution d'adaptation rem 2 Préparatifs préliminaires de la page d'accueil de Suning
03 minutes29 secondes; schéma d'adaptation rem modification du style 2body; Un plug-in vscode magique cssrem; Modifier la taille de police HTML par défaut flexible; solution d'adaptation rem 2 recherche-contenu production de contenu 1; solution d'adaptation rem 2 recherche-contenu production de contenu 2
Chapitre5Mise en page réactive: Introduction réactive au développement Web mobile
02 minutes47 secondes; Principes de développement réactif
03 minutes01 secondes; Conteneur de mise en page réactif
12 minutes23 secondes; Étui de navigation réactif
06 minutes11 secondes; Introduction à Bootstrap
10 minutes08 secondes; Utilisation du bootstrap (partie 1)
08 minutes31 secondes; Utilisation du bootstrap (partie 2)
05 minutes17 secondes; Conteneur de mise en page Bootstrap
03 minutes51 secondes; Système de grille Bootstrap
04 minutes58 secondes; Utilisation du système de grille Bootstrap (Partie 1)
12 minutes38 secondes; Utilisation du système de grille Bootstrap (Partie 2)
06 minutes28 secondes; Imbrication de colonnes Bootstrap
08 minutes07 secondes; Décalage de la colonne Bootstrap
08 minutes06 secondes; Tri des colonnes Bootstrap
03 minutes21 secondes; Outils réactifs Bootstrap
06 minutes22 secondes; Analyse de la demande d'Alibaba Baixiu
05 minutes59 secondes; Travaux préparatoires pour Ali Baixiu
03 minutes58 secondes; Modifier la largeur maximale du conteneur
03 minutes50 secondes; Production du logo Alibaba Baixiu
08 minutes02 secondes; Alibaba Baixiu nav production introduit des icônes de police
08 minutes32 secondes; Produit par Ali Baixiu News (Partie 1)
12 minutes20 secondes; Produit par Ali Baixiu News (Partie 2)
03 minutes24 secondes; Alibaba Baixiu publie la production de modules
11 minutes50 secondes; Alibaba Baixiu met à part la production de modules; Production réactive du logo Alibaba Baixiu
09 minutes27 secondes; Production réactive d'Alibaba Baixiu nav
04 minutes51 secondes; Production réactive aux actualités d'Alibaba Baixiu
05 minutes35 secondes; Alibaba Baixiu publie une production réactive
05 minutes04 secondes; Résumé du développement des terminaux mobiles
03 minutes07 secondes

Mise en page mobile : HTML5+CSS3 version avancée et améliorée

À propos de l'instructeur

Site Web PHP chinois