HTML 5 Poche Pour les nuls

Andy Harris

Description

Décuplez les fonctions de vos pages Web avec la toute dernière version de HTML





HTML est le langage de programmation le plus utilisé dans la construction de sites Web. HTML5 permet d'incorporer encore plus de richesse dans vos pages Web grâce à l'intégration de médias tels : la géolocalisation, de nouvelles fonctionnalités dédiées aux smartphones ou aux tablettes tactiles et beaucoup d'autres nouveautés encore. Ce livre va vous permettre de découvrir une à une toutes les nouvelles fonctions apportées par la version 5 de HTML Il fait également la part belle à l'incorporation de scripts JavaScript et à l'utilisation des CSS3.


Au programme :


La sémantique, les nouveaux éléments
Les nouveaux formulaires
Les CSS : toutes les nouveautés apportées par le standardGlisser-déposer, géolocalisation et Web sockets
Canvas et JavaScript pour créer des graphiques somptueux
Quels navigateurs supportent ces nouveaux standards
Incorporer audio et vidéo
Pseudo classes et CSS
Ajout d'ombres et de formes aux images
Les ouvriers
Créer une animation de toute pièce
Construction de sites pour mobiles incluant de la vidéo
Mettre en oeuvre les possibilités de liaison aux bases de données

Pour découvrir toute la collection Pour les Nuls, cliquez ici !

Sujets

• JavaScript
• Navigateur
• CSS
• Parenthèse
• Internet
• HTML
• Web
• XHTML
• Informatique
• Marketing et communication

Informations

• Publié par: First Interactive
• Date de parution: 08 août 2013
• Nombre de lectures: 131
• EAN13: 9782754057141
• Langue: Français

Extrait

HTML5 pour les Nuls

 

Titre de l’édition originale : HTML5 For Dummies Quick Reference

 

Publié par Wiley Publishing, Inc.
111 River Street
Hoboken, NJ 07030-5774
USA

 

Copyright © 2011 Wiley Publishing, Inc.

 

Pour les Nuls est une marque déposée de Wiley Publishing, Inc.
For Dummies est une marque déposée de Wiley Publishing, Inc.

 

Edition française publiée en accord avec Wiley Publishing, Inc.
© 2011 Éditions First-Gründ
60 rue Mazarine
75006 Paris - France
Tél. [phone]
Fax [phone]
E-mail : [e-mail]

Web : www.editionsfirst.fr

ISBN numérique : 9782754057141

ISBN : 978-2-7540-3171-4
Dépôt légal : 3^e trimestre 2011

 

Collection dirigée par Jean-Pierre Cano
Edition : Pierre Chauvot
Traduction : Jean-Louis Gréco, Patricia Moritz

 

 

Cette œuvre est protégée par le droit d’auteur et strictement réservée à l’usage privé du client. Toute reproduction ou diffusion au profit de tiers, à titre gratuit ou onéreux, de tout ou partie de cette œuvre, est strictement interdite et constitue une contrefaçon prévue par les articles L 335-2 et suivants du Code de la Propriété Intellectuelle. L’éditeur se réserve le droit de poursuivre toute atteinte à ses droits de propriété intellectuelle devant les juridictions civiles ou pénales.

 

Limites de responsabilité et de garantie. L’auteur et l’éditeur de cet ouvrage ont consacré tous leurs efforts à préparer ce livre. Les Éditions First-Gründ, Wiley Publishing, Inc. et l’auteur déclinent toute responsabilité concernant la fiabilité ou l’exhaustivité du contenu de cet ouvrage. Ils n’assument pas de responsabilités pour ses qualités d’adaptation à quelque objectif que ce soit, et ne pourront être en aucun cas tenus responsables pour quelque perte, profit ou autre dommage commercial que ce soit, notamment mais pas exclusivement particulier, accessoire, conséquent, ou autres.

 

Marques déposées. Toutes les informations connues ont été communiquées sur les marques déposées pour les produits, services et sociétés mentionnés dans cet ouvrage. Wiley Publishing, Inc. et les Éditions First-Gründ déclinent toute responsabilité quant à l’exhaustivité et à l’interprétation des informations. Tous les autres noms de marque et de produits utilisés dans cet ouvrage sont des marques déposées ou des appellations commerciales de leur propriétaire respectif.

HTML 5 Poche Pour les Nuls

Sommaire

Page de titre
Page de copyright

Introduction

À propos de l’auteur
Dédicaces
Remerciements de l’auteur
Un mot sur le terme HTML5
Ressources associées sur le Web

Chapitre 1 - Passer à HTML5

Courte histoire de HTML

Un peu d’histoire
La première guerre des navigateurs est lancée…
Un nouveau challenger sorti de nulle part
HTML4 se faisait vieux

Découvrir le véritable HTML5
HTML5, c’est plus que du HTML !

HTML
CSS
JavaScript
Technologies côté serveur

Étudier les fonctionnalités du navigateur

Déterminer les possibilités de son navigateur
Vérifier les fonctionnalités dans le code

Choisir un navigateur fiable
Utiliser Chrome Frame pour améliorer le support d’IE

Chapitre 2 - Bases HTML

Explorer HTML et XHTML

Apprécier HTML
Émergence de XHTML
Le HTML5 est né !
Créer une page HTML basique

Étoffer la page

Insérer des images
Insérer des liens
Créer des listes et des tableaux
Utiliser des tableaux

Créer un formulaire

Balises de structure du formulaire
Permettre la saisie de texte
Créer un champ de mot de passe
Créer une zone de texte de plusieurs lignes
Concevoir une liste déroulante
Ajouter des cases à cocher
Insérer des cases d’option
Utiliser des boutons d’action

Valider les pages

Chapitre 3 - Éléments HTML5 nouveaux ou modifiés

Éléments sémantiques de page

address
article
aside
footer
header
hgroup
menu
nav
section

Éléments sémantiques d’insertion

command
details
dfn
figcaption
figure
summary/details
time
wbr

Éléments multimédias

audio
canvas
embed
source
svg
video

Éléments Ruby

ruby
rt
rp

Chapitre 4 - Éléments de formulaire nouveaux et modifiés

Nouveaux éléments de formulaire

datalist
fieldset
keygen
label
meter
output
progress

Nouveaux attributs des éléments de formulaire

autofocus
pattern
placeholder
required
Validation

Nouveaux types de saisie de formulaire

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

Chapitre 5 - Mettre en forme avec CSS

Aperçu rapide de CSS

Employer des styles locaux
Utiliser des id et des classes
Gérer les niveaux de CSS

Gérer l’apparence de la page

Comprendre les couleurs hex

Modifier le texte
Entrer dans l’univers des bordures
Insérer des images d’arrière-plan

Utiliser le positionnement flottant

Découvrir les types d’affichage
Appartenir à un bloc
Flotter vers un aspect à deux colonnes
Optimiser le formulaire
Utiliser le positionnement absolu

Chapitre 6 - Éléments CSS nouveaux et améliorés

Nouveaux outils de sélection CSS3

Sélection d’attribut
not
nth-child
Nouvelles pseudo-classes

Support des polices téléchargeables et du texte

@font-face
Support des colonnes
text-stroke
text-shadow

Modèle de boîte flexible

Créer un modèle de boîte flexible
Observer le modèle de boîte flexible
… Retour à la réalité

Nouveaux éléments visuels

Valeurs des couleurs
Dégradés
Bordures d’image
Reflets
Coins arrondis
Ombres
Transformations
Animation de transition
Transparence

Chapitre 7 - Changements JavaScript

Étudier les nouvelles options de sélection JavaScript

document.getElementsByClassName()
document.getElementsByTagName()
document.querySelector()
document.querySelectorAll()

Options des données

Créer un cache hors ligne
Stockage local
Base de données WebSQL

Nouvelles fonctionnalités JavaScript

Géolocalisation
Notifications
Interfaces de connexion Web
Web worker

Chapitre 8 - Travailler avec canvas

Bases de canvas

Définir le canvas
Comprendre comment canvas fonctionne

Contrôler les styles de remplissage et de contour

Couleurs

Dégradés
Motifs

Dessiner des formes simples

Dessiner des rectangles
Dessiner du texte
Mettre les formes en évidence avec des ombres

Dessiner des formes plus complexes

Options de tracé
Dessiner des arcs et des cercles
Produire des courbes quadratiques
Générer une courbe de Bézier

Images

Dessiner une image dans le canvas
Dessiner une partie d’image

Manipuler les images avec des transformations

Créer une image transformée
Quelques idées-clés sur les transformations

Utiliser des animations

Structure basique de la boucle d’animation
Créer des constantes
Déclencher l’animation
Animer l’image courante
Déplacer un élément
Rebondir sur les murs

Travailler avec la manipulation des pixels

Chapitre bonus 1 - Utiliser JavaScript

Insérer JavaScript dans une page
Se familiariser avec les variables et les fonctions

Créer le cadre HTML
Créer une fonction avec des variables
Gérer les détails

Employer des variables

Composer avec différents types de données
Exploiter un programme qui renvoie des erreurs
Gérer correctement les types de données

Interagir avec la page Web

Définir le formulaire HTML
Écrire la fonction sayHi()

Faire des choix avec if

Modifier le message avec if
Se familiariser avec les différentes versions de if
Découvrir les opérateurs conditionnels

Gérer la répétition avec des boucles for

Arranger la page Web
Créer une sortie globale
Créer la boucle for basique
S’initier aux opérateurs raccourcis
Créer une boucle qui compte à rebours
Créer une boucle qui compte de 5 en 5

Générer des boucles while

Créer une boucle while basique
Mettre les boucles en action
Gérer des boucles plus complexes

Envoyer des données à et depuis des fonctions

Renvoyer une valeur depuis une fonction
Envoyer des arguments à une fonction

Utiliser des tableaux pour simplifier les données

Créer des tableaux
Passer en revue le tableau des livres
Utiliser la boucle for…in pour atteindre des éléments du tableau

Index

Introduction

À propos de l’auteur

Il y a très longtemps, Andy Harris s’est acheté un micro-ordinateur TRS-80 modèle I qu’il garde précieusement dans son garage. Il se souvient avoir tapé du code BASIC sur cette machine et s’être demandé comment cela fonctionnait. Il a finalement appris à maîtriser la programmation, au point de travailler comme consultant pendant qu’il continuait sa carrière dans l’éducation spécialisée. Désormais, il enseigne l’informatique en tant que conférencier principal à l’université d’Indiana-Purdue à Indianapolis (IUPIU). Il enseigne la programmation Web, le développement de jeux et l’informatique aux étudiants de première année.

Dédicaces

Je dédie ce livre à Jésus-Christ, mon sauveur et à Heather, le bonheur de ma vie. Je dédie aussi ce projet à Benjamin, Jacob, Matthew et Elizabeth. Je vous aime !

Remerciements de l’auteur

Les gens pensent que l’écriture est un sport solitaire mais ce n’est pas le cas ! Merci à Heather d’être géniale (toujours et encore). Merci à Katie Feltman de m’avoir proposé ce projet intéressant et d’être une amie fidèle. Merci à Blair Pottenger de m’avoir épaulé sur ce livre. Merci beaucoup à Heidi Unger pour l’aide au montage qui a pris plus d’une minute. Merci à Ronald Norman pour la révision technique qui a révélé beaucoup d’erreurs idiotes qui auraient perturbé les étudiants. Merci beaucoup pour sa vigilance.

 

Merci aussi à toutes les personnes de Wiley que l’auteur n’a jamais rencontrées. J’apprécie votre contribution. Merci à la communauté du logiciel libre qui crée d’innombrables outils d’excellente qualité. Un grand merci à toute la famille de l’IUPUI de me soutenir au long de ce projet et des autres, notamment Michele et Lingma.

 

Merci enfin à ma grande famille, les gars du vendredi matin et les familles du dimanche soir. J’ai de la chance d’avoir un travail qui me permette de vous remercier publiquement pour tout ce que vous apportez à ma vie.

Un mot sur le terme HTML5

À la fin de la rédaction de ce livre, le World Wide Web Consortium (W3C) a annoncé que la future version de HTML ne s’appellerait pas HTML5 mais simplement HTML. Ils ont estimé qu’un projet collaboratif comme une norme HTML était une évolution plutôt qu’une étape au sens strict. Ainsi, quand HTML5 sera vraiment universel, ce ne sera pas la peine de l’appeler HTML5 mais juste HTML.

 

Dans ce livre, il est important de distinguer l’état de l’art actuel et la norme évolutive qui est l’objet de ce travail. Pour cette raison, nous conservons le terme HTML5 pour faire référence aux normes émergentes afin de les différencier des anciennes approches du développement Web et conservons aussi le terme HTML5 dans le titre.

Ressources associées sur le Web

N’hésitez pas à consultez le site Web des Éditions First, http://www.pourlesnuls.fr , pour tester les exemples de chaque fragment de code proposé dans ce livre.

 

La programmation est une tâche complexe et apprendre à programmer en JavaScript mérite son propre livre : lisez JavaScript et AJAX pour les Nuls (Éditions First) ou HTML, XHTML et CSS pour les Nuls, 2^èmeédition (Éditions First) pour un aperçu plus complet.

Chapitre 1

Passer à HTML5

 

Dans ce chapitre…

• Comprendre l’histoire de HTML.
• Découvrir HTML5.
• Vérifier les fonctionnalités du navigateur.
• Choisir un navigateur fiable.
• Utiliser Chrome Frame pour améliorer le support d’IE.

 

HTML5 est le dernier né de la famille de langages HTML. Le langage HTML (HyperText Markup Language) ou langage de balisage hypertexte en français est l’une des principales raisons pour lesquelles le Web est aussi puissant et pratique. HTML est un système relativement simple de codes en texte clair qui fournit la structure de toutes les pages Web sur Internet.

 

Dans ce chapitre, nous vous proposons un rapide aperçu de l’intégration de HTML5 dans l’histoire du Web et rassemblons les quelques outils nécessaires pour démarrer.

Référez-vous au site Web des Éditions First, http://www.pourlesnuls.fr, pour travailler avec les exemples de chaque fragment de code du livre.

Courte histoire de HTML

HTML est un élément clé d’Internet. Son histoire est courte mais très riche. Pour comprendre en quoi consiste HTML5, il est important de connaître son origine. Internet (et surtout le Web) a évolué à un rythme déconcertant que HTML a tenté de suivre.

 

À l’origine, HTML comptait une poignée de balises et se contentait de déterminer l’agencement d’une page. Au fil de l’évolution du Web, de nombreuses fonctionnalités ont vu le jour. Dans l’Internet d’aujourd’hui, il est toujours question de documents mais aussi d’applications. Les sites Web actuels sont des applications dynamiques interactives.

 

Les types d’appareils utilisés sur Internet changent aussi. Au départ, seuls les ordinateurs de bureau utilisaient le Web. De nos jours, les téléphones portables et appareils mobiles sont les principaux acteurs sur le Web. Ils imposent une manière de penser différente de celle qu’exigeaient les ordinateurs géants d’il y a quelques années.

 

Il est temps d’utiliser de nouvelles normes adaptées à la manière dont nous utilisons Internet aujourd’hui. HTML5 correspond à ces nouvelles normes.

Un peu d’histoire

Il y a très longtemps (1989), Tim Berners-Lee a créé un nouveau système pour connecter des documents électroniques. Il a conçu un langage simple permettant aux auteurs de documents de lier différents documents avec des options de mise en forme limitées. Il a appelé ce langage HTML.