SlideShare une entreprise Scribd logo
1  sur  18
Télécharger pour lire hors ligne
SEANCE

sous le capot du web
404
le web “marketé”

ce que l’on voit/utilise
les socles
du web

ce que l’on voit moins
AUJOURD’HUI,
ON VA PARLER

WEB
<!DOCTYPE html>
<!-- Ceci determine le look -->
<style>
body { background-color: rgb(281,31,30);}
.ext {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.inn {
display: table-cell;
vertical-align: middle;
}
p {
color:white;
text-transform:uppercase;
font-family:DINPro;
text-align:center;
font-size:60px;
}
strong {
font-size:120px;
background-color:white;
}
</style>
<!-- Ceci determine le contenu -->
<body>
<div class="ext">
<div class="inn">
<p>Aujourd'hui,</br> on va parler </br><strong>web</strong></p>
</div>
</div>
</body>

AUJOURD’HUI,
ON VA PARLER

WEB
<!DOCTYPE html>
<!-- Ceci determine le look -->
<style>
body { background-color: rgb(281,31,30);}
.ext {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.inn {
display: table-cell;
vertical-align: middle;
}
p {
color:white;
text-transform:uppercase;
font-family:DINPro;
text-align:center;
font-size:60px;
}
strong {
font-size:120px;
background-color:white;
color: rgb(281,31,30);
}
</style>
<!-- Ceci determine le contenu -->
<body>
<div class="ext">
<div class="inn">
<p>Aujourd'hui,</br> on va parler </br><strong>web</strong></p>
</div>
</div>
</body>

et on va surtout
parler CODE
ce qui rend tout cela possible
USER

BROWSER

ORDI

ISP

INTERNET

ISP

SERVER

CONTENT

DEV
USER

BROWSER

upload

ISP

SERVER

ORDI

ISP

download

CONTENT

DEV
USER

BROWSER

ORDI

HTML

CSS

JS

...
SERVER

CONTENT

DEV

FTP

déménageur

HEBERGEMENT
avec IP associée

maison
coordonnées GPS

DNS (Domain Name System)
URL

adresse

GPS
USER

BROWSER

ORDI

ISP

INTERNET

ISP

SERVER

CONTENT

DEV
static web

page vue telle qu’elle est stockée

dynamic web

page générée à la demande
ACCESSIBLE

static web

page vue telle qu’elle est stockée

JOUABLE
avec reprise de code

dynamic web

page générée à la demande

CHASSE GARDEE
DEV
CODE WITH THE KNOWLEDGE OF OTHERS

HTML DOG
PRÊTS ?

brackets.io

Contenu connexe

En vedette

Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...
Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...
Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...
PharmaSuccess
 
Le levier de l'entourage des personnes malade, quelles initiatives en région ...
Le levier de l'entourage des personnes malade, quelles initiatives en région ...Le levier de l'entourage des personnes malade, quelles initiatives en région ...
Le levier de l'entourage des personnes malade, quelles initiatives en région ...
PharmaSuccess
 
Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...
Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...
Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...
PharmaSuccess
 
Introduction au marketing (les fondemants)
Introduction au marketing (les fondemants)Introduction au marketing (les fondemants)
Introduction au marketing (les fondemants)
Taha Can
 
Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...
Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...
Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...
PharmaSuccess
 
Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...
Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...
Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...
PharmaSuccess
 
La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...
La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...
La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...
PharmaSuccess
 
Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...
Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...
Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...
PharmaSuccess
 
Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...
Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...
Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...
PharmaSuccess
 
ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...
ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...
ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...
PharmaSuccess
 
Particularités du Monitoring International - ClinTec - Rencontres de la Reche...
Particularités du Monitoring International - ClinTec - Rencontres de la Reche...Particularités du Monitoring International - ClinTec - Rencontres de la Reche...
Particularités du Monitoring International - ClinTec - Rencontres de la Reche...
PharmaSuccess
 
Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...
Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...
Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...
PharmaSuccess
 
Innovation santé et connected health : quels facteurs de succès pour la pharm...
Innovation santé et connected health : quels facteurs de succès pour la pharm...Innovation santé et connected health : quels facteurs de succès pour la pharm...
Innovation santé et connected health : quels facteurs de succès pour la pharm...
PharmaSuccess
 

En vedette (20)

Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...
Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...
Initiatives collaboratives, e-patients et promotion de la santé - Giovanna MA...
 
Le levier de l'entourage des personnes malade, quelles initiatives en région ...
Le levier de l'entourage des personnes malade, quelles initiatives en région ...Le levier de l'entourage des personnes malade, quelles initiatives en région ...
Le levier de l'entourage des personnes malade, quelles initiatives en région ...
 
Conférence UX Tech3Lab: Savez-vous que vous faites vivre à vos clients?
Conférence UX Tech3Lab: Savez-vous que vous faites vivre à vos clients?Conférence UX Tech3Lab: Savez-vous que vous faites vivre à vos clients?
Conférence UX Tech3Lab: Savez-vous que vous faites vivre à vos clients?
 
Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...
Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...
Avancées et nouveaux paradigmes en recherche clinique - Jean-Yves BLAY - Renc...
 
Introduction au marketing (les fondemants)
Introduction au marketing (les fondemants)Introduction au marketing (les fondemants)
Introduction au marketing (les fondemants)
 
Film Le commerce digitalisé
Film Le commerce digitaliséFilm Le commerce digitalisé
Film Le commerce digitalisé
 
Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...
Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...
Y-a-t-il une évaluation médico-économique à la Française ? - Gérard de POUVOU...
 
Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...
Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...
Atouts et enjeux de la Recherche Clinique en France, la vision de l’ARIIS - S...
 
La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...
La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...
La convention unique, vers un outil d’attractivité ? - Lauren DEMERVILLE - Re...
 
Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...
Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...
Les enjeux actuels de la Recherche Clinique en partenariat Public-Privé - Fré...
 
Film le marketing digital
Film le marketing digitalFilm le marketing digital
Film le marketing digital
 
Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...
Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...
Evolutions de carrière, formation métier ARCs et TECs - DOCS - Rencontres Rec...
 
Film Relation client et technologies numériques
Film Relation client et technologies numériquesFilm Relation client et technologies numériques
Film Relation client et technologies numériques
 
ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...
ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...
ÉDUCATION THÉRAPEUTIQUE DU PATIENT accompagnement, apprentissage, que pouvons...
 
Génération Y et bouleversement de la valeur marchande
Génération Y et bouleversement de la valeur marchandeGénération Y et bouleversement de la valeur marchande
Génération Y et bouleversement de la valeur marchande
 
Particularités du Monitoring International - ClinTec - Rencontres de la Reche...
Particularités du Monitoring International - ClinTec - Rencontres de la Reche...Particularités du Monitoring International - ClinTec - Rencontres de la Reche...
Particularités du Monitoring International - ClinTec - Rencontres de la Reche...
 
Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...
Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...
Evaluation médico-économique, la mission de la HAS - Catherine RUMEAU-PICHON ...
 
Innovation santé et connected health : quels facteurs de succès pour la pharm...
Innovation santé et connected health : quels facteurs de succès pour la pharm...Innovation santé et connected health : quels facteurs de succès pour la pharm...
Innovation santé et connected health : quels facteurs de succès pour la pharm...
 
Conférence Big data en Nouvelle-Calédonie
Conférence Big data en Nouvelle-CalédonieConférence Big data en Nouvelle-Calédonie
Conférence Big data en Nouvelle-Calédonie
 
Cours Paris Factory Saison 7 - Visualisation
Cours Paris Factory Saison 7 - VisualisationCours Paris Factory Saison 7 - Visualisation
Cours Paris Factory Saison 7 - Visualisation
 

Similaire à Cours code n°1 • MSIE

OpenCode beta : Haml & Sass
OpenCode beta : Haml & SassOpenCode beta : Haml & Sass
OpenCode beta : Haml & Sass
Rémi Prévost
 
Un parcours
Un parcoursUn parcours
Un parcours
salensa
 
34 Mots de html pour créer sa Newsletter
34 Mots de html pour créer sa Newsletter34 Mots de html pour créer sa Newsletter
34 Mots de html pour créer sa Newsletter
Alain Planger
 

Similaire à Cours code n°1 • MSIE (20)

HTML5, le nouveau buzzword
HTML5, le nouveau buzzwordHTML5, le nouveau buzzword
HTML5, le nouveau buzzword
 
OpenCode beta : Haml & Sass
OpenCode beta : Haml & SassOpenCode beta : Haml & Sass
OpenCode beta : Haml & Sass
 
Intégrateurs, bousculez vos habitudes
Intégrateurs, bousculez vos habitudesIntégrateurs, bousculez vos habitudes
Intégrateurs, bousculez vos habitudes
 
Cours css niveau debutant
Cours css niveau debutantCours css niveau debutant
Cours css niveau debutant
 
Un parcour
Un parcourUn parcour
Un parcour
 
Un parcours
Un parcoursUn parcours
Un parcours
 
Découverte HTML5/CSS3
Découverte HTML5/CSS3Découverte HTML5/CSS3
Découverte HTML5/CSS3
 
Web Components & Shadow DOM
Web Components & Shadow DOMWeb Components & Shadow DOM
Web Components & Shadow DOM
 
Gagnez en productivité grâce aux préprocesseurs css
Gagnez en productivité grâce aux préprocesseurs cssGagnez en productivité grâce aux préprocesseurs css
Gagnez en productivité grâce aux préprocesseurs css
 
Html
HtmlHtml
Html
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
 
Html css
Html cssHtml css
Html css
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2
 
Internationalisation du Front
Internationalisation du FrontInternationalisation du Front
Internationalisation du Front
 
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdfinitiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
 
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?
 
LESS : moins de CSS, plus de fun ! (KiwiParty 2011)
LESS : moins de CSS, plus de fun ! (KiwiParty 2011)LESS : moins de CSS, plus de fun ! (KiwiParty 2011)
LESS : moins de CSS, plus de fun ! (KiwiParty 2011)
 
34 Mots de html pour créer sa Newsletter
34 Mots de html pour créer sa Newsletter34 Mots de html pour créer sa Newsletter
34 Mots de html pour créer sa Newsletter
 
CSS 3
CSS 3CSS 3
CSS 3
 
html-css-casuhal.pdf
html-css-casuhal.pdfhtml-css-casuhal.pdf
html-css-casuhal.pdf
 

Dernier

Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 

Dernier (16)

GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Neuvaine de la Pentecôte avec des textes de saint Jean Eudes
Neuvaine de la Pentecôte avec des textes de saint Jean EudesNeuvaine de la Pentecôte avec des textes de saint Jean Eudes
Neuvaine de la Pentecôte avec des textes de saint Jean Eudes
 
Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Télécommunication et transport .pdfcours
Télécommunication et transport .pdfcoursTélécommunication et transport .pdfcours
Télécommunication et transport .pdfcours
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
python-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdfpython-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdf
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
Cours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiquesCours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiques
 

Cours code n°1 • MSIE