Conception de documents et d interfaces numériques
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
17 pages
Français
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
Licence : En savoir +
Paternité, pas d'utilisation commerciale, partage des conditions initiales à l'identique
Langue Français
Poids de l'ouvrage 2 Mo

Exrait

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
  • Accueil Accueil
  • Univers Univers
  • Ebooks Ebooks
  • Livres audio Livres audio
  • Presse Presse
  • BD BD
  • Documents Documents