Conception de documents et d interfaces numériques

17 pages

Français

Conception de documents et d'interfaces numériques

Force_IT - Mickaël

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

A propos
Informations
Extrait

Description

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

Informations

Publié par	Force_IT
Nombre de lectures	44
Licence :	En savoir + Paternité, pas d'utilisation commerciale, partage des conditions initiales à l'identique
Langue	Français
Poids de l'ouvrage	2 Mo

Extrait

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  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  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>  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 (articlede 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

Univers
Ebooks
Livres audio
Presse
Podcasts
BD
Documents

Conception de documents et d'interfaces numériques

YouScribe

Le catalogue

Le service

Les conditions