Didacticiel vidéo idéal pour la page frontale du site Web

• Chapitre1 html et xhtml
• 1-1 Structure HTML
• 1-2 Syntaxe HTML
• 1-3 Balises HTML
• 1-4 Attributs HTML
• 1-5 Structure XHTML
• 1-6 Type XHTML
• 1-7 Analyse DTD
• 1-8 espace de noms
• Chapitre2 introduction html5
• 2-1 Syntaxe HTML5
• 2-2 Éléments HTML5
• 2-3 Attributs HTML5
• 2-4 Attributs globaux HTML5
• 2-5 Autres fonctionnalités HTML5
• 2-6 Comprendre la structure des documents HTML5
• 2-7 Classement des éléments HTML5
• 2-8 Identifier les articles
• 2-9 Contenu des segments
• 2-10 Informations de navigation sur la conception
• 2-11 Informations d'assistance à la conception
• 2-12 Concevoir des microformats
• 2-13 Ajouter la date de sortie
• 2-14 Ajouter un cartouche
• 2-15 Titres de groupe
• 2-16 Ajouter un bloc de notes de bas de page
• 2-17 Ajouter des informations de contact
• 2-18 aperçu de la conception
• 2-19 style de conception
• Chapitre3 Exemple d'application
• 3-1 Applications de type e-mail
• 3-2 application de type URL
• 3-3 Applications de type numéro
• 3-4 Applications de type gamme
• 3-5 Application de type vérificateur de date
• 3-6 applications de type recherche
• 3-7 demande de type tél
• 3-8 applications de type couleur
• Chapitre4 Nouveau contenu
• 4-1 Nouvel attribut de saisie semi-automatique
• 4-2 Nouvel attribut de mise au point automatique
• 4-3 Nouvel attribut de formulaire
• 4-4 Nouvelles propriétés de remplacement de formulaire
• 4-5 Nouveaux attributs de hauteur et de largeur
• 4-6 Nouvel attribut de liste
• 4-7 Nouveaux attributs min, max et step
• 4-8 Nouvel attribut multiple
• 4-9 Nouvel attribut de motif
• 4-10 Nouvel attribut d'espace réservé
• 4-11 Nouvel attribut obligatoire
• 4-12 Nouvel élément de liste de données
• 4-13 Nouvel élément keygen
• 4-14 Nouvel élément de sortie
• 4-15 Nouvel attribut de saisie semi-automatique
• 4-16 Nouvel attribut novalidate
• Chapitre5 dessin sur toile
• 5-1 Ajouter un élément de canevas à la page
• 5-2 Comment Canvas dessine des graphiques
• 5-3 Comprendre les coordonnées du canevas
• 5-4 Quand ne pas utiliser Canvas
• 5-5 Si le navigateur ne prend pas en charge Canvas
• 5-6 Vérifier la prise en charge du navigateur
• 5-7 Tracer une ligne droite
• 5-8 Dessine un rectangle
• 5-9 Dessine un cercle
• 5-10 dessiner un triangle
• 5-11 Toile transparente
• 5-12 Tracer une courbe de Bézier quadratique
• 5-13 Tracer la courbe de Bézier cubique
• 5-14 Enregistrer et restaurer l'état du canevas
• 5-15 Déplacer l'espace de coordonnées
• 5-16 Faire pivoter l'espace de coordonnées
• 5-17 Faire pivoter l'espace de coordonnées
• 5-18 Zoomer les graphiques
• 5-19 transformation matricielle
• 5-20 combinaison de graphiques
• 5-21 chemin de détourage
• 5-22 Appliquer différents styles de ligne
• 5-23 Dessiner un dégradé linéaire
• 5-24 Dessiner un dégradé radial
• 5-25 dessiner un motif
• 5-26 Définir la transparence des graphiques
• 5-27 Créer une ombre
• 5-28 Dessiner un texte de remplissage
• 5-29 Dessiner un texte de contour
• 5-30 Mesurer la largeur du texte
• 5-31 Importer des images dans Canvas
• 5-32 Changer la taille de l'image
• 5-33 Créer des tranches d'image
• Chapitre6 audio et vidéo
• 6-1 Détecter la prise en charge du format audio avec JavaScript
• 6-2 Détecter la prise en charge du format vidéo avec JavaScript
• 6-3 Comprendre les éléments audio
• 6-4 Lire du son
• 6-5 Apprenez à connaître les éléments vidéo
• 6-6 Lire la vidéo
• 6-7 Propriétés liées à l'audio et à la vidéo
• 6-8 Méthodes liées à l'audio et à la vidéo
• 6-9 Méthodes liées à l'audio et à la vidéo
• 6-10 Événements liés à l'audio et à la vidéo
• 6-11 Contrôler la lecture de musique avec un script
• 6-12 Afficher les images vidéo
• Chapitre7 Application de navigateur Web
• 7-1 Vérifier la prise en charge du navigateur
• 7-2 Définir et obtenir des données
• 7-3 Prévenir les fuites de données
• 7-4 Autres utilisations du stockage Web
• 7-5 Surveillance des événements de stockage Web
• 7-6 Exemple 1 : Concevoir un skin de page Web
• 7-7 Exemple 2 : suivi des données localStorage
• 7-8 Exemple 3 : Compteur de conception
• 7-9 Application complète : suivi en temps réel des projets d'applications web
• 7-10 Utiliser une base de données Web SQL
• 7-11 Exemple 1 : Créer une base de données locale simple
• 7-12 Exemple 2 : stocker les données locales par lots
• 7-13 Application complète : développement mixte de Web Storage et Web SQL
• 7-14 Combat pratique 1 : mise en cache de la page d'accueil
• 7-15 Combat pratique 2 : Modifier le contenu hors ligne
• 7-16 Combat pratique 3 : suivi hors ligne
• 7-17 Vérifier la prise en charge du navigateur
• 7-18 Créer des travailleurs Web
• 7-19 Communiquer avec les Web Workers
• 7-20 Pratique pratique avec les Web Workers
• Chapitre8 Application multithread
• 8-1 Utiliser le multithread pour implémenter les opérations en arrière-plan
• 8-2 Filtrer les valeurs en arrière-plan
• 8-3 Traitement simultané multitâche
• 8-4 Communiquer entre plusieurs threads
• 8-5 Calculer la série de Fibonacci à l'aide de la technologie de thread
• 8-6 Utiliser le multithreading pour dessiner
• 8-7 Rédiger la page principale de l'application
• 8-8 Travailleur d'écriture js
• 8-9 Communiquer avec les Web Workers
• Chapitre9 Explication détaillée des points de connaissance CSS3
• 9-1 Présentation de CSS1.0 et CSS2.0
• 9-2 La relation entre les balises CSS et DIV
• 9-3 Normes de codage CSS
• 9-4 sélecteur d'attribut
• 9-5 Transparence RVBA
• 9-6 disposition multi-colonnes
• 9-7 Plusieurs images d'arrière-plan
• 9-8 Débordement de chaîne
• 9-9 Bloquer les ombres et les ombres arrondies
• 9-10 coins arrondis
• 9-11 Image de bordure
• 9-12 déformation
• 9-13 Champ d'application de CSS 3
• 9-14 Navigateurs prenant actuellement en charge CSS 3
• 9-15 Cas pratique : Concevoir de belles formes
• 9-16 Comprendre les sélecteurs d'attributs
• 9-17 Pratique de cas
• 9-18 Comprendre les sélecteurs de pseudo-classes structurelles
• 9-19 Pratique de cas
• 9-20 Comprendre les sélecteurs de pseudo-classes courants de l'interface utilisateur
• 9-21 Pratique de cas
• 9-22 Autres sélecteurs
• 9-23 Définir la propriété text-shadow
• 9-24 Appliquer un effet d'ombre
• 9-25 Pratique complète : Concevoir la page d'accueil d'un site Web de hacker
• 9-26 texte de débordement
• 9-27 retour à la ligne du texte
• 9-28 Utiliser les valeurs de couleur RGBA
• 9-29 Utiliser les valeurs de couleur HSL
• 9-30 Utiliser les valeurs de couleur HSLA
• 9-31 Définir l'attribut d'opacité
• 9-32 Définir la valeur de la couleur transparente
• 9-33 Explication détaillée de l'utilisation
• 9-34 Pratique de cas
• 9-35 Explication détaillée de l'utilisation
• 9-36 Pratique de cas
• 9-37 Explication détaillée de l'utilisation
• 9-38 Cas pratique : Concevoir des graphiques elliptiques
• 9-39 Explication détaillée de l'utilisation
• 9-40 Cas pratique : Conception de l'effet d'interface de Windows 7
• 9-41 Définir les coordonnées de l'arrière-plan
• 9-42 Définir la zone de recadrage de l'arrière-plan
• 9-43 Définir la taille de l'image d'arrière-plan
• 9-44 Définir la façon dont l'image d'arrière-plan boucle
• 9-45 Définir plusieurs images d'arrière-plan
• 9-46 Apprenez à connaître la transformation
• 9-47 animation de rotation
• 9-48 Animation de zoom
• 9-49 animation en mouvement
• 9-50 Animation d'inclinaison
• 9-51 Animation de transformation
• 9-52 Cas pratique : Concevoir un mur de graffitis
• 9-53 Transformation personnalisée
• 9-54 Définir des déformations complexes
• 9-55 Définir les propriétés de transition
• 9-56 Définir le temps de transition
• 9-57 Définir le délai de transition
• 9-58 Définir les effets de transition
• 9-59 Cas pratique : conception d'OS Navigator
• 9-60 Cas pratique : Conception d'effets de retournement d'image
• 9-61 Conception d'un dégradé de kit Web
• 9-62 Pratique de cas Webkit
• 9-63 Conception d'un dégradé de kit Web
• 9-64 Pratique de cas Webkit
• 9-65 Conception Gecko Dégradé
• 9-66 Pratique du cas Gecko
• 9-67 Concevoir un dégradé IE
• 9-68 Conception du dégradé W3C
• 9-69 Coffret cadeau design
• 9-70 Panneaux pliants design
• 9-71 la conception peut
• 9-72 Animation de glissement de disque de conception
• 9-73 Menu déroulant Conception
• 9-74 Boutons au design exquis
• Chapitre10 mise en page
• 10-1 Concevoir une mise en page multi-colonnes
• 10-2 Définir la largeur des colonnes
• 10-3 Définir le nombre de colonnes
• 10-4 Définir l'espacement des colonnes
• 10-5 Définir le style de bordure de colonne
• 10-6 Définir l'affichage dans les colonnes
• 10-7 Définir la hauteur de la colonne
• 10-8 Disposition de la boîte de conception
• 10-9 Définir la largeur adaptative ok
• 10-10 Définir l'ordre d'affichage des colonnes
• 10-11 Définir la direction de la disposition des colonnes
• 10-12 Définir l'adaptation de la taille du module
• 10-13 Éliminer les espaces blancs
• 10-14 Définir l'alignement
• 10-15 Pratique complète : conception de pages Web multicolonnes
• 10-16 Changer la façon dont le modèle de boîte est composé
• 10-17 Ajuster la taille de l'élément
• 10-18 Définir le contour
• 10-19 Définir le déplacement du contour
• 10-20 Définir l'ordre de navigation
• 10-21 Définir la séquence de contrôle des touches de direction
• 10-22 Ajouter du contenu d'affichage
• 10-23 Annuler le style d'élément
• 10-24 Soyez prudent lorsque vous utilisez l'initiale
• 10-25 Gestion des débordements
• 10-26 Utiliser les règles @font-face
• 10-27 Découvrez le module Media Queries
• 10-28 Connaître les règles @media
• 10-29 Utiliser les règles @media
• 10-30 Appliquez les règles @media à votre site
• 10-31 Ajouter une fonction vocale
• 10-32 réflexion de conception