Conception de documents et d
17 pages
Français

Conception de documents et d'interfaces numériques

-

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

Description

Introduction sur le web, HTML 5, CSS 3, et les nouvelles technologies web.

Sujets

Informations

Publié par
Nombre de lectures 39
Langue Français
Poids de l'ouvrage 2 Mo
V1.0.0
CM31 : HTML5 Mickaël Martin Nevot
Cette œuvre deMickaël Martin Nevotst mise à disposition selon les termes de la licence Creative Commons Attribution  Pas d'Utilisation Commerciale  Partage à l'Identique 3.0 non transposé.
Présentation du cours> Webet HTML> CSS >HTML5CSS3 > Nouvellestechnologies Web >
I.Présentation du cours II.Web et HTML III.CSS IV.HTML5 V.CSS3 VI.Nouvelles technologies Web
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
V1.0.0
1/16
Présentation du cours> Webet HTML> CSS >HTML5 >CSS3 > Nouvellestechnologies Web
V1.0.0
HTML5 Extension(s) de fichier :.html(ou.htm) HTML5/XHTML5 : Prochaine révision de HTML/XHTML (expérimental) Respect de certainesrèglessyntaxiques Conçu pour le développement deRIA
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
2/16
Présentation du cours> Webet HTML> CSS >HTML5 >technologies WebCSS3 > Nouvelles
Page XHTML minimale
DTD (document type definition) du document (version de HTML utilisée)
V1.0.0
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" Titre de la page "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> (visible dans le <htmlxmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> navigateur) <title>Titre de la page</title> <metahttp-equiv="content-type"content="text/html;charset=u </head> <body>Encodage du fichier <!-- Ici votre site Web --> Partie visible de la </body> Informations </html> générales sur la page (invisible) Page HTML (avec définition de l’espace de nom XML)
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
3/16
Présentation du cours> Webet HTML> CSS >HTML5technologies WebCSS3 > Nouvelles >
Page HTML5 minimale
DTD (document type definition) du document (version de HTML utilisée)
V1.0.0
<!DOCTYPEhtmPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" Titre de la page "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"<htmlxmlns="http://www.w3.org/1999/xhtml" xml:ang="fr">(visible dans le <head> navigateur) <title>Titre de la page</title> <metahttp-equiv="content-type" content="text/html;harset= </head> <body>Encodage du fichier <!-- Ici votre site Web --> Partie visible de la page HTML </body> Informations </html> générales sur la page (invisible) Page HTML (avec définition de l’espace de nom XML)
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
4/16
Présentation du cours> Webet HTML> CSS >HTML5technologies Web >CSS3 > Nouvelles
Page HTML5 minimale
DTD (document type definition) du document (version de HTML utilisée)
V1.0.0
<!DOCTYPEhtml> Titre de la page <htmllang="fr"> (visible dans le <head> <title>Titre de la page</title>navigateur) <metacharset="utf-8"/> </head> Encodage du fichier <body> <!-- Ici votre site Web --> Partie visible de la page HTML </body> </html>Informations générales sur la Page HTMLpage (invisible)
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
5/16
Présentation du cours> Webet HTML> CSS >HTML5 >CSS3 > Nouvellestechnologies Web
Utilisation CSS/JavaScript XHTML : <head>  <linkrel="stylesheet"type="text/css"href="css/monfichier.css"/>  <scripttype="text/javascript"src="js/myFile.js"></script> </head>HTML5 : <head>  <linkrel="stylesheet"href="css/monfichier.css"/>  <scriptsrc="js/myFile.js"></script> </head>
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
V1.0.0
6/16
Présentation du cours> Webet HTML> CSS >HTML5technologies WebCSS3 > Nouvelles >
V1.0.0
HTML5 Balises sémantiques <header></ Entête <footer></footer>: Pieddepage <nav></nav>: Navigation(menu) <article></article>: Partie indépendante (articlede blog, commentaire, etc.) <aside></aside>: Zone secondairenon liée au contenu principal de la page
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
7/16
Présentation du cours> Webet HTML> CSS >HTML5technologies Web >CSS3 > Nouvelles
Balises multimédia Lecteur<audiocontrols="controls"><sourcesrc="audio.ogg"type="video/ogg"/><sourcesrc="audio.mp3"type="video/mp3"/><sourcesrc="audio.wav"type="video/wav"/> Icil'alternative: un lien de téléchargement, un message, etc. </audio> Lecteurvidéo :<video></video><videocontrols="controls"><sourcesrc="video.ogv"type="video/ogg"/><sourcesrc="video.mp4"type="video/mp4"/> Icil'alternative : un lien de téléchargement, un message, etc. </video>
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
V1.0.0
<source/>: ressource multimédia
8/16
Présentation du cours> Webet HTML> CSS >HTML5CSS3 > Nouvelles >technologies Web
Guerre des Codecs Codec(codedecode) : format de données*
* Les notions decodec, norme et conteneur sont souvent confondues
Conception de documents et d'interfaces numériquesMickaël Martin Nevot
V1.0.0
9/16
Présentation du cours> Webet HTML> CSS >HTML5 >technologies WebCSS3 > Nouvelles
Formulaire 2.0 Saisie d’information :<input/> Nouveaux attributstype: Téléphone:type="tel" Email:type="email" URL:type="url"Champ de recherche:type="search" Sélecteur de couleur :type="color"Nombre:type="number" Intervalle :type="range"Date :type="datetime" Mois :type="month"Semaine :type="week"Etc. Conception de documents et d'interfaces numériquesMickaël Martin Nevot
V1.0.0
10/16