HTML5/CSS - Formation Web Bordeaux

HTML5/CSS
PRESENTATION
Définition
• HyperText Mark-Up Language
• langage de balise (langage de formatage
et non pas de programmation)
• format des pages webs (lisibles dans un navigateur)
• détermine les éléments (blocs, texte, images,...) d'une
page web
• détermine les liens avec d'autres documents
PRESENTATION
W3C
• World Wide Web Consortium
• organisme international qui développe des
standards pour le Web
• formats ouverts pour une meilleure interopérabilité
• Composé de plus de 450 organisations
PRESENTATION
PRESENTATION
Les langages du web
• Langages Serveurs : Php, python, Ruby, Java, …
• SQL permet d’interroger une base de données
• HTML et CSS gèrent la mise en forme et
sémantique d’une page web
• Langages Clients : Javascript, JQUERY,...
PRESENTATION
HTML & CSS
• 2 Langages très complémentaires
• HTML sert à structurer le contenu, il apporte
une valeur sémantique
• CSS sert à gérer l'apparence du contenu HTML
et à améliorer la productivité ou la maintenance
PRESENTATION
Exemple d'usages de CSS
http://www.csszengarden.com/
RESSOURCES
Webographie
• CanIUse, connaître la compatibilité navigateur d'un élément de
code : http://caniuse.com/
• Code cademy, apprendre à coder de manière interactive :
https://www.codecademy.com/fr
• Open Class Room, un cours HTML5 et CSS3 :
https://openclassrooms.com/courses/apprenez-a-creer-votresite-web-avec-html5-et-css3
RESSOURCES
Webographie
• Comment çà marche :
http://www.commentcamarche.net/contents/498-html-langage
http://www.commentcamarche.net/contents/230-css-feuilles-destyle
• Tutoriels AlsaCreations :
http://www.alsacreations.com/tuto/liste/1-html.html
• Codepen, environnement de codage en ligne
http://codepen.io
Cette présentation illustre les nouvelles
fonctionnalités de PowerPoint, qui sont
optimisées pour un affichage sous forme de
diaporama. Ces diapositives visent à vous
donner des idées pour créer des
présentations captivantes dans
PowerPoint 2010.
Pour obtenir d’autres exemples de modèles,
cliquez sur l’onglet Fichier puis, dans l’onglet
Nouveau, cliquez sur Exemples de modèles.
1
2
3
4
5
6
7
8
9