SlideShare une entreprise Scribd logo
UniversiTICTraining–october2016
Introduction aux HTML5 & CSS3
Abel L. MBULA
UniversiTICTraining–october2016
A propos
@abelmbula
• Responsable Informatique @ ISTM/Kis
• Développeur Full Stack freelance
• Authorized ICDL Tester
• Formateur informatique @ NTEB, INPP
• Auteur
• 1 MOOC
• 2 livres en préparation
UniversiTICTraining–october2016
Objectifs
Créer des pages web en HTML5 & CSS3
Uploader son site sur un serveur web
UniversiTICTraining–october2016
Plan
L’essentiel d’HTML5
L’essentiel de CSS3
Publier son site
Capston: créer son CV en HTML/CSS
UniversiTICTraining–october2016
INTRODUCTION
UniversiTICTraining–october2016
Outils de développement
Éditeurs Navigateurs Clients FTP Versionning
Dans ce cours: Brackets + Chrome + FileZila
Notepad++
UniversiTICTraining–october2016
Documentations
• Cours HTML5/CSS3 sur www.openclassrooms.com
• Tuto HTML5/CSS3 sur www.alsacreations.com
• Cours HTML5/CSS3 sur www.w3schools.com
• Livre Apprenez à créer votre site web avec HTML5/CSS3
(Mathieu N)
• Documentation officielle: www.w3c.org
• Documentation sur www.developpez.mozilla.org
• CSS Zen Garden: www.csszengarden.com
UniversiTICTraining–october2016
HTML vs CSS
Formevs
UniversiTICTraining–october2016
Lignes blanches & Indentation
• Ne pas mettre des lignes vides sans raisons valables
• Prévoir une ligne vide entre 2 blocs de codes longs ou
logique
• Prévoir 2 espaces d’indentation
• N’utilisez pas la touche tab pour indenter
• Evitez des lignes et vides indentations non nécessaires. Il
n’est pas nécessaire d’indenter chaque élément
UniversiTICTraining–october2016
HTML5 - ESSENTIEL
UniversiTICTraining–october2016
Structure de base d’une page HTML5
UniversiTICTraining–october2016
Hello world!
• Ouvrir éditeur de texte
• Taper la structure de base ci-haut
• Ajouter « Hello world! » dans <body>
• Enregistrer le document au format .html
• Visualiser le document avec le navigateur
• Vous avez enfin créer une page html, bravo!!
UniversiTICTraining–october2016
Code source
Ne pas mettre les infos confidentielles dans le
document html: mot de passe, etc,
UniversiTICTraining–october2016
Balises
• Permettent de structurer un document html
• Elles sont entourées de chevrons (< et >)
• 2 types: paires et orphelines
• Paires: balises ouvrantes et fermantes (<h1>Titre 1 </h1>)
• Orphelines: servent à insérer un élément (<img />)
• Les noms de balises sont toujours en anglais
• Exercice: rechercher quelques balises paires et orphelines
UniversiTICTraining–october2016
Attributs
• Se placent après les balises
• Donnent des informations supplémentaires
• Contiennent des valeurs
• Syntaxe: <balise attribut=“valeur”>
• Exemple: <img src=“logo-universitic.jpg” alt=“”>
• Exercice: chercher les attributs des balises de l’exercice
précédent
UniversiTICTraining–october2016
Quelques balises
UniversiTICTraining–october2016
TP1: reproduire ce document
UniversiTICTraining–october2016
CSS3 - ESSENTIEL
UniversiTICTraining–october2016
Mettre en place la CSS
• Dans une fichier .css
• Dans l’en-tête <head>
• Directement dans les balises
UniversiTICTraining–october2016
Appliquer le style: syntaxe
Sélecteur {
propriété: valeur;
}
Commentaire dans CSS:
/* Commentaire */
UniversiTICTraining–october2016
Appliquer le style: sélecteurs
• Balise sans les chevrons
• Plusieurs sélecteurs pour même propriété: , (virgule)
• Sélecteur1, sélecteur2
• Balise contenue dans une autre: balise1 balise2 (espace)
• Propriété class: .nom_class
• Propriété id: #nom_id
UniversiTICTraining–october2016
Balises universelles, class, id
• Balises universelles: pas de sens sémantique
• <span> </span>: balise du type inline comme <strong></strong>
• <div> </div>: balise du type block comme <p></p>
• Attributs class et id: s’utilisent sur n’importe quelle balise
• Class: +++ balises peuvent avoir meme class (.)
• Id: unique dans la page (#)
UniversiTICTraining–october2016
Quelques propriétés CSS
• Formatage du texte:
• Taille: font-size
• Police: font-family
• Couleur et fond:
• Couleur de texte: color
• Couleur de fond: background-color
• Bordures et ombres:
• Bordure: border
• Ombre: box-shadows
• Apparance
• Survol: :hover
• Sélectionné: :focus
UniversiTICTraining–october2016
TP2: mettre en forme le TP1
UniversiTICTraining–october2016
PUBLIER SON SITE WEB
UniversiTICTraining–october2016
Ce qu’il vous faut
Nom de domaine
Hébergeur
Client FTP
UniversiTICTraining–october2016
Nom de domaine
• C’est une adresse sur le web: unikis.ac.cd, w3c.org
• Pour réserver: passer par un registrar: Ovh, Gandi, 1&1
• Coût: 7 à 12 euros
Il est conseillé de commander le nom de domaine en même
temps que l’hébergement
UniversiTICTraining–october2016
Hébergement
• Permet à votre site d’être en ligne 24h/24, 7j/7
• 3 offres d’hébergement:
• Mutualisé: vous louez un espace serveur en même temps que
d’autres sites (une centaine) (moins cher, trafic limité)
• Dédié virtuel: vous partagez un serveur avec d’autres sites (une
dizaine seulement)
• Dédié: vous avez un serveur entier à votre disposition (connaissance
en Linux)
• Il existe des hébergeurs gratuits et payants
• Gratuit: Hostinger, …
• Payant: Ovh, Gandi, 1&1, …
UniversiTICTraining–october2016
Offre d’hébergement: OVH
UniversiTICTraining–october2016
Utiliser un client FTP: FileZila
UniversiTICTraining–october2016
En résumé
• HTML est un langage de balise qui permet de créer la
structure d’une page web
• CSS est un langage de style qui permet de mettre en forme
une page web
• Pour que votre site soit accessible 24h/24 7j/7, il faut un
nom de domaine et un hébergement
UniversiTICTraining–october2016
BONUS: CAP SUR LE PROFIL DES WEBDEV*
*Je me base sur le cours de Mathieu Nebra: « Comprendre le web » (www.openclassrooms.com)
UniversiTICTraining–october2016
Profil des développeurs
UniversiTICTraining–october2016
Ce qu’ils aiment
Résoudre des
problèmes complexes
Télétravail
UniversiTICTraining–october2016
Merci!
me@abelmbula.url.ph
www.abelmbula.url.ph

Contenu connexe

Tendances

Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2
Faycel Chaoua
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correction
Ines Ouaz
 
Modélisation de données pour MongoDB
Modélisation de données pour MongoDBModélisation de données pour MongoDB
Modélisation de données pour MongoDB
MongoDB
 
Examen principal - PHP
Examen principal - PHPExamen principal - PHP
Examen principal - PHP
Ines Ouaz
 
Les bases de l'HTML / CSS
Les bases de l'HTML / CSSLes bases de l'HTML / CSS
Les bases de l'HTML / CSS
Samuel Robert
 
Telecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQLTelecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQL
webreaker
 
Tp java ee.pptx
Tp java ee.pptxTp java ee.pptx
Tp java ee.pptx
Eric Bourdet
 
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Symphorien Niyonzima
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
Abdoulaye Dieng
 
Sécurité des Applications WEB -LEVEL1
 Sécurité des Applications WEB-LEVEL1 Sécurité des Applications WEB-LEVEL1
Sécurité des Applications WEB -LEVEL1Tarek MOHAMED
 
POO Java Chapitre 6 Exceptions
POO Java  Chapitre 6 ExceptionsPOO Java  Chapitre 6 Exceptions
POO Java Chapitre 6 Exceptions
Mouna Torjmen
 
Cours php
Cours php Cours php
Cours php
Yassine Badri
 
POO Java Chapitre 4 Heritage et Polymorphisme
POO Java Chapitre 4 Heritage et PolymorphismePOO Java Chapitre 4 Heritage et Polymorphisme
POO Java Chapitre 4 Heritage et Polymorphisme
Mouna Torjmen
 
Tp2 - WS avec JAXRS
Tp2 - WS avec JAXRSTp2 - WS avec JAXRS
Tp2 - WS avec JAXRS
Lilia Sfaxi
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
ENSET, Université Hassan II Casablanca
 
Introduction aux bases de données
Introduction aux bases de donnéesIntroduction aux bases de données
Introduction aux bases de données
Abdoulaye Dieng
 
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
ENSET, Université Hassan II Casablanca
 
Exercice 1 java Héritage
Exercice 1 java HéritageExercice 1 java Héritage
Exercice 1 java Héritage
NadaBenLatifa
 
Site JEE de ECommerce Basé sur Spring IOC MVC Security JPA Hibernate
Site JEE de ECommerce  Basé sur Spring IOC MVC Security JPA HibernateSite JEE de ECommerce  Basé sur Spring IOC MVC Security JPA Hibernate
Site JEE de ECommerce Basé sur Spring IOC MVC Security JPA Hibernate
ENSET, Université Hassan II Casablanca
 
BPM - Business Process Management
BPM - Business Process ManagementBPM - Business Process Management
BPM - Business Process Management
Mourad HASSINI
 

Tendances (20)

Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correction
 
Modélisation de données pour MongoDB
Modélisation de données pour MongoDBModélisation de données pour MongoDB
Modélisation de données pour MongoDB
 
Examen principal - PHP
Examen principal - PHPExamen principal - PHP
Examen principal - PHP
 
Les bases de l'HTML / CSS
Les bases de l'HTML / CSSLes bases de l'HTML / CSS
Les bases de l'HTML / CSS
 
Telecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQLTelecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQL
 
Tp java ee.pptx
Tp java ee.pptxTp java ee.pptx
Tp java ee.pptx
 
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Sécurité des Applications WEB -LEVEL1
 Sécurité des Applications WEB-LEVEL1 Sécurité des Applications WEB-LEVEL1
Sécurité des Applications WEB -LEVEL1
 
POO Java Chapitre 6 Exceptions
POO Java  Chapitre 6 ExceptionsPOO Java  Chapitre 6 Exceptions
POO Java Chapitre 6 Exceptions
 
Cours php
Cours php Cours php
Cours php
 
POO Java Chapitre 4 Heritage et Polymorphisme
POO Java Chapitre 4 Heritage et PolymorphismePOO Java Chapitre 4 Heritage et Polymorphisme
POO Java Chapitre 4 Heritage et Polymorphisme
 
Tp2 - WS avec JAXRS
Tp2 - WS avec JAXRSTp2 - WS avec JAXRS
Tp2 - WS avec JAXRS
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
 
Introduction aux bases de données
Introduction aux bases de donnéesIntroduction aux bases de données
Introduction aux bases de données
 
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
 
Exercice 1 java Héritage
Exercice 1 java HéritageExercice 1 java Héritage
Exercice 1 java Héritage
 
Site JEE de ECommerce Basé sur Spring IOC MVC Security JPA Hibernate
Site JEE de ECommerce  Basé sur Spring IOC MVC Security JPA HibernateSite JEE de ECommerce  Basé sur Spring IOC MVC Security JPA Hibernate
Site JEE de ECommerce Basé sur Spring IOC MVC Security JPA Hibernate
 
BPM - Business Process Management
BPM - Business Process ManagementBPM - Business Process Management
BPM - Business Process Management
 

En vedette

Cours HTML/CSS
Cours HTML/CSSCours HTML/CSS
Cours HTML/CSS
Axel Chalon
 
Parceiro Programador
Parceiro ProgramadorParceiro Programador
Parceiro Programador
Carlos Henrique Muller
 
HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
Mónica Ferreira
 
Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheet
Morvana Bonin
 
ebook Solidário Fluência de HTML & CSS
ebook Solidário Fluência de HTML & CSSebook Solidário Fluência de HTML & CSS
ebook Solidário Fluência de HTML & CSS
David Arty
 
Curso html
Curso htmlCurso html
Curso html
richard_romancini
 
Construindo layout de sites com CSS
Construindo layout de sites com CSSConstruindo layout de sites com CSS
Construindo layout de sites com CSS
Talita Pagani
 
IPW Course 3 CSS
IPW Course 3 CSSIPW Course 3 CSS
IPW Course 3 CSSVlad Posea
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
People Strategists
 
CSS
CSSCSS
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
ledsifes
 
A verdadeira semântica do HTML
A verdadeira semântica do HTMLA verdadeira semântica do HTML
A verdadeira semântica do HTML
Diego Eis
 
Ninja html 5 css javascript
Ninja html 5 css javascriptNinja html 5 css javascript
Ninja html 5 css javascript
Danilo Sousa
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
How Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) WorksHow Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) Works
Amit Tyagi
 
4p's of coco cola
4p's of coco cola4p's of coco cola
4p's of coco cola
Rohan Reddy Thumma
 
Red bull final case study
Red bull final case studyRed bull final case study
I tourisme amen donuts webinar july 15
I tourisme amen donuts webinar july 15I tourisme amen donuts webinar july 15
I tourisme amen donuts webinar july 15
Amen.fr
 
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLD
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLDAmen.fr - Webinar avec l'Afnic : Nouveaux GTLD
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLD
Amen.fr
 

En vedette (20)

Cours HTML/CSS
Cours HTML/CSSCours HTML/CSS
Cours HTML/CSS
 
Cours html
Cours htmlCours html
Cours html
 
Parceiro Programador
Parceiro ProgramadorParceiro Programador
Parceiro Programador
 
HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
 
Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheet
 
ebook Solidário Fluência de HTML & CSS
ebook Solidário Fluência de HTML & CSSebook Solidário Fluência de HTML & CSS
ebook Solidário Fluência de HTML & CSS
 
Curso html
Curso htmlCurso html
Curso html
 
Construindo layout de sites com CSS
Construindo layout de sites com CSSConstruindo layout de sites com CSS
Construindo layout de sites com CSS
 
IPW Course 3 CSS
IPW Course 3 CSSIPW Course 3 CSS
IPW Course 3 CSS
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
CSS
CSSCSS
CSS
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
A verdadeira semântica do HTML
A verdadeira semântica do HTMLA verdadeira semântica do HTML
A verdadeira semântica do HTML
 
Ninja html 5 css javascript
Ninja html 5 css javascriptNinja html 5 css javascript
Ninja html 5 css javascript
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
How Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) WorksHow Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) Works
 
4p's of coco cola
4p's of coco cola4p's of coco cola
4p's of coco cola
 
Red bull final case study
Red bull final case studyRed bull final case study
Red bull final case study
 
I tourisme amen donuts webinar july 15
I tourisme amen donuts webinar july 15I tourisme amen donuts webinar july 15
I tourisme amen donuts webinar july 15
 
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLD
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLDAmen.fr - Webinar avec l'Afnic : Nouveaux GTLD
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLD
 

Similaire à Cours d'introduction aux HTML5 & CSS3

ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
Horacio Gonzalez
 
Javascript & tools
Javascript & toolsJavascript & tools
Javascript & tools
Slim Soussi
 
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
Horacio Gonzalez
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
Rémy Savard
 
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site PublishingIntranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Franck Cornu
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
LaNetscouade
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
Horacio Gonzalez
 
Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013
Cyril Reinhard
 
Formation JavaScript full-stack (JS, jQuery, Node.js...)
Formation JavaScript full-stack (JS, jQuery, Node.js...)Formation JavaScript full-stack (JS, jQuery, Node.js...)
Formation JavaScript full-stack (JS, jQuery, Node.js...)
guicara
 
Drupal Factory kézako ?
Drupal Factory kézako ?Drupal Factory kézako ?
Drupal Factory kézako ?
slybud
 
Claroline - Semaine du libre
Claroline - Semaine du libreClaroline - Semaine du libre
Claroline - Semaine du libre
Claroline
 
Omeka, une solution open source pour diffuser une collection numérique
Omeka, une solution open source pour diffuser une collection numériqueOmeka, une solution open source pour diffuser une collection numérique
Omeka, une solution open source pour diffuser une collection numérique
Julien Sicot
 
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshopConfoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshopFrédéric Harper
 
Présentation de Drupal
Présentation de DrupalPrésentation de Drupal
Présentation de Drupal
Stéphane Jaulin
 
Jug algeria x wiki-conference
Jug algeria x wiki-conferenceJug algeria x wiki-conference
Jug algeria x wiki-conferenceAlgeria JUG
 
XWiki : Framework de développement pour les plateformes collaboratives
XWiki : Framework de développement pour les plateformes collaborativesXWiki : Framework de développement pour les plateformes collaboratives
XWiki : Framework de développement pour les plateformes collaborativesKorteby Farouk
 
Arte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webArte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes web
Acquia
 
Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015
Romain Jarraud
 
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...
ABES
 

Similaire à Cours d'introduction aux HTML5 & CSS3 (20)

ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
 
Javascript & tools
Javascript & toolsJavascript & tools
Javascript & tools
 
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
 
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site PublishingIntranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
 
Introduction au développement en SharePoint
Introduction au développement en SharePointIntroduction au développement en SharePoint
Introduction au développement en SharePoint
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
 
Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013
 
Formation JavaScript full-stack (JS, jQuery, Node.js...)
Formation JavaScript full-stack (JS, jQuery, Node.js...)Formation JavaScript full-stack (JS, jQuery, Node.js...)
Formation JavaScript full-stack (JS, jQuery, Node.js...)
 
Drupal Factory kézako ?
Drupal Factory kézako ?Drupal Factory kézako ?
Drupal Factory kézako ?
 
Claroline - Semaine du libre
Claroline - Semaine du libreClaroline - Semaine du libre
Claroline - Semaine du libre
 
Omeka, une solution open source pour diffuser une collection numérique
Omeka, une solution open source pour diffuser une collection numériqueOmeka, une solution open source pour diffuser une collection numérique
Omeka, une solution open source pour diffuser une collection numérique
 
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshopConfoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
 
Présentation de Drupal
Présentation de DrupalPrésentation de Drupal
Présentation de Drupal
 
Jug algeria x wiki-conference
Jug algeria x wiki-conferenceJug algeria x wiki-conference
Jug algeria x wiki-conference
 
XWiki : Framework de développement pour les plateformes collaboratives
XWiki : Framework de développement pour les plateformes collaborativesXWiki : Framework de développement pour les plateformes collaboratives
XWiki : Framework de développement pour les plateformes collaboratives
 
Arte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webArte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes web
 
Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015
 
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...
 

Dernier

Google - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptxGoogle - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptx
Philippe YONNET
 
Netflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagementNetflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagement
ABO IPTV PREMIUM
 
Actu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence NeperActu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence Neper
Philippe YONNET
 
Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?
Asher256
 
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèqueUtiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
cspirin
 
Stratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blogStratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blog
Asher256
 
Requetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptxRequetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptx
Philippe YONNET
 

Dernier (7)

Google - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptxGoogle - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptx
 
Netflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagementNetflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagement
 
Actu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence NeperActu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence Neper
 
Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?
 
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèqueUtiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
 
Stratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blogStratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blog
 
Requetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptxRequetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptx
 

Cours d'introduction aux HTML5 & CSS3