HTML / CSS
INITIATION
MARK04
SAMUEL ROBERT
ALUMNI ESCEN PARIS
http://rbrsamuel.com
f T G p l e w Y S
3
À TÉLÉCHARGER
Sublime Text
4
Comment fonctionne Internet ?
Comment créer un site web ?
HTML 2.0
1995
HTML 3.2
1997
HTML 4.0
1997
HTML 4.1
1999
HTML5
2004
TIM BERNERS-LEE
1991 : Naissance de l’HTML
LES BASESdu déve l o p p e m e nt we b
CSS
Contenu Design
HTML
Structure
Javascript
Animations
QU’EST-CE QUE LE HTML ?
1. Accès via URL
2. Interrogation du serveur de la page
3. Envoi de la page par le serveur
FONCTIONNEMENT
4. Lecture de la page par le navigateur
NAVIGATEURS
Brave
NEW
LES DOSSIERS
IMG
CSS
JS
Règles importantes pour le nom des fichiers
- Ne jamais utiliser d’espace / Ne jamais utiliser de caractères spéciaux / Éviter les lettres en majuscules
HTMLHyper Text Mar ku p Langu age
EDITEUR DE TEXTE01
EXPLORATEUR DE FICHIER02
NAVIGATEUR INTERNET03
COMMENT CRÉER UN FICHIER HTML ?
<!doctype html>
<html>
<head>
<meta charset=« utf-8 »>
<title>Titre de la page</title>
</head>
<body>
</body>
</html>
DOCTYPEDocument Type Declaration
Indique au navigateur internet le type de document à lire
<balise>
</balise>
<balise/>
BALISES OUVRANTES
BALISES FERMANTES
BALISES ORPHELINES
LES BALISES
01
02
03
<H1> Voici l’introduction </H1>
Balise ouverte Balise fermé
Contenu
LES BALISES
<HTM
EN TÊTE
<link/>
<meta/>
<script>
<style>
<title>
TEXTE
<strong>
<em>
<h1>
<a>
<img>
<p>
LISTES
<ol>
<ul>
<li>
<dl>
<dt>
<dd>
HEAD
BODY
Titre / Langage etc..
Text / Images / Liens
LA STRUCTURE
CS SCascadi n g St y l e Sh e et s
p { color: blue }
Propriété Valeur
Selecteur Déclaration
LES PROPRIÉTÉS
{CSS}
TEXTE
font-family
font-size
text-align
text-transform
vertical-align
COULEUR
color
background-color
background-image
background-
position
BOÎTES
width
height
min-width
min-
height
PAUSE
15 Minutes
RE S S OU RCE S
Po u r al l e r p l u s l o i n
https://www.youtube.com/watch?v=06pj3w1c6l4
RESSOURCES
https://html5up.net/
http://getbootstrap.com/
http://materializecss.com/
http://creative-tim.com/
https://freehtml5.co/page/3/
http://www.templatestash.com/
https://themeforest.net/category/site-templates
http://tympanus.net/codrops/
http://www.cssdesignawards.com/
https://www.market-me.fr/
EN SAVOIR
PLUS
http://www.alsacreations.com/
https://openclassrooms.com/
https://www.lynda.com/
http://www.w3schools.com/
https://developer.mozilla.org/fr/docs/Web/
Guide/HTML
https://www.codecademy.com/fr
http://www.csszengarden.com/tr/francais/
https://www.video2brain.com/fr/
https://www.youtube.com/watch?v=66Z5U0J76TA
LET’S GO TO THE SAND BOX
H TML / CSS
DONE
IS BETTER
THAN PERFECT
QUESTIONS
et ré p o n se s
MERCI DE VOTRE ÉCOUTE
SOURCES
Gifs et animations : https://dribbble.com
/ Google Image 

Illustration et photographies : https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal
http://www.shutterstock.com/
Informations : http://www.fevad.com/
http://frenchweb.fr/
www.definitions-marketing.com/definition/marketing/
Videos : www.youtube.com/
http://www.shutterstock.com
Utilisation commerciale interdite - Vous n’êtes pas autorisé à faire un usage commercial de cette Oeuvre, tout ou partie du matériel la composant

Les bases de l'HTML / CSS