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

sous le capot du web

part II

</>
background
image
paragraphe
formulaire
doctype
Step 1 : Changer les meta données

<head>
<title>Hotspotter - Mobile hotspots for travelers</title>
<meta name="description" content="Home Everywhere - Stay online while travelling">
<meta name="keywords" content="hotspotter dongle tourists paris">
</head>
Step 2 : Centrage de la div
Solution retenue
body, html, #wrapper { width: 100%; height: 100%; }
#wrapper { display: table; }
#main { display: table-cell; vertical-align: middle; }
Style
<body>
<div id="wrapper">
<div id="main">
<div id="contenu">
</div>
</div>
</div>
</body>

contenu centré verticalement

centrage horizontal : margin: 0 auto;

ou
text-align: center;
Step 3 : Fonctionnement du mail
Solution “simple”
fonction mail()

doc > php.net/mail

<form method="post" action="email.php">
<input type="text" name="message" placeholder="Mail" /><br />
<textarea style="display: none;" name="subject" placeholder="Message">Vous avez un
nouvel inscrit</textarea>
<input type="submit">
</form>
<?php
mail('maildereception', $_POST['subject'], $_POST['message']);
?>
<p>Your email has been sent.</p>
élement affiché
après envoi du mail
Et voilà, vous venez presque de coder une page launchrock par vos propres
moyens !

Contenu connexe

En vedette

Cours code n°1 • MSIE
Cours code n°1 • MSIECours code n°1 • MSIE
Cours code n°1 • MSIEDorian Dawance
 
Escp Europe 2011 - strategy
Escp Europe 2011 - strategyEscp Europe 2011 - strategy
Escp Europe 2011 - strategyguillaumeplane
 
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
 
Introduction au marketing (les fondemants)
Introduction au marketing (les fondemants)Introduction au marketing (les fondemants)
Introduction au marketing (les fondemants)Taha Can
 
Film Le commerce digitalisé
Film Le commerce digitaliséFilm Le commerce digitalisé
Film Le commerce digitaliséFrancois Cazals
 
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
 
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
 
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
 
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
 
Film le marketing digital
Film le marketing digitalFilm le marketing digital
Film le marketing digitalFrancois Cazals
 
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
 
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ériquesFrancois Cazals
 
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 marchandeDorian Dawance
 
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
 
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édonieFrancois Cazals
 
Cours Paris Factory Saison 7 - Visualisation
Cours Paris Factory Saison 7 - VisualisationCours Paris Factory Saison 7 - Visualisation
Cours Paris Factory Saison 7 - VisualisationDorian Dawance
 

En vedette (19)

Cours code n°1 • MSIE
Cours code n°1 • MSIECours code n°1 • MSIE
Cours code n°1 • MSIE
 
Escp Europe 2011 - strategy
Escp Europe 2011 - strategyEscp Europe 2011 - strategy
Escp Europe 2011 - strategy
 
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...
 
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é
 
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...
 
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...
 
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é...
 
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...
 
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...
 
É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...
 
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
 
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 Part 2

Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5jverrecchia
 
Pratique de javascript KOUAMI DJOMO
Pratique de javascript KOUAMI DJOMOPratique de javascript KOUAMI DJOMO
Pratique de javascript KOUAMI DJOMOJulio Djomo
 
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30Sébastien Lejeune
 
démonstration code source site web ecole.docx
démonstration code source site web ecole.docxdémonstration code source site web ecole.docx
démonstration code source site web ecole.docxVincentBweka
 
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 ?Eroan Boyer
 
script site e-commerce -php
script site e-commerce -php script site e-commerce -php
script site e-commerce -php Yassine Badri
 
HTML5 vu par Ekino
HTML5 vu par EkinoHTML5 vu par Ekino
HTML5 vu par Ekinoekino
 
Atelier autour de UWA à ParisWeb 2007
Atelier autour de UWA à ParisWeb 2007Atelier autour de UWA à ParisWeb 2007
Atelier autour de UWA à ParisWeb 2007Netvibes
 
CSS interface
CSS interfaceCSS interface
CSS interfaceAromaMug
 
Atelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPressAtelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPressIZZA Samir
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantHugo Hamon
 
La mobilité dans Drupal
La mobilité dans DrupalLa mobilité dans Drupal
La mobilité dans DrupalAdyax
 
Introduction à Sinatra
Introduction à SinatraIntroduction à Sinatra
Introduction à SinatraRémi Prévost
 
Web Components & Shadow DOM
Web Components & Shadow DOMWeb Components & Shadow DOM
Web Components & Shadow DOMThomas Bassetto
 
1-Introduction JQuery.pptx
1-Introduction JQuery.pptx1-Introduction JQuery.pptx
1-Introduction JQuery.pptxlaabid1
 
FORMATION javascript.pdf
FORMATION javascript.pdfFORMATION javascript.pdf
FORMATION javascript.pdfOualidBelbrik
 
cours-introduction-dfggghhha-html-5.pptx
cours-introduction-dfggghhha-html-5.pptxcours-introduction-dfggghhha-html-5.pptx
cours-introduction-dfggghhha-html-5.pptxradjadjouambi1
 
jQuery Mobile & Applications Web
jQuery Mobile & Applications WebjQuery Mobile & Applications Web
jQuery Mobile & Applications WebNicolas Hoffmann
 

Similaire à Cours Code Part 2 (20)

Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Pratique de javascript KOUAMI DJOMO
Pratique de javascript KOUAMI DJOMOPratique de javascript KOUAMI DJOMO
Pratique de javascript KOUAMI DJOMO
 
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
 
démonstration code source site web ecole.docx
démonstration code source site web ecole.docxdémonstration code source site web ecole.docx
démonstration code source site web ecole.docx
 
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 ?
 
script site e-commerce -php
script site e-commerce -php script site e-commerce -php
script site e-commerce -php
 
HTML5 vu par Ekino
HTML5 vu par EkinoHTML5 vu par Ekino
HTML5 vu par Ekino
 
Atelier autour de UWA à ParisWeb 2007
Atelier autour de UWA à ParisWeb 2007Atelier autour de UWA à ParisWeb 2007
Atelier autour de UWA à ParisWeb 2007
 
CSS interface
CSS interfaceCSS interface
CSS interface
 
Atelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPressAtelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPress
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
 
La mobilité dans Drupal
La mobilité dans DrupalLa mobilité dans Drupal
La mobilité dans Drupal
 
CSS 3
CSS 3CSS 3
CSS 3
 
Html css-xhtml
Html css-xhtmlHtml css-xhtml
Html css-xhtml
 
Introduction à Sinatra
Introduction à SinatraIntroduction à Sinatra
Introduction à Sinatra
 
Web Components & Shadow DOM
Web Components & Shadow DOMWeb Components & Shadow DOM
Web Components & Shadow DOM
 
1-Introduction JQuery.pptx
1-Introduction JQuery.pptx1-Introduction JQuery.pptx
1-Introduction JQuery.pptx
 
FORMATION javascript.pdf
FORMATION javascript.pdfFORMATION javascript.pdf
FORMATION javascript.pdf
 
cours-introduction-dfggghhha-html-5.pptx
cours-introduction-dfggghhha-html-5.pptxcours-introduction-dfggghhha-html-5.pptx
cours-introduction-dfggghhha-html-5.pptx
 
jQuery Mobile & Applications Web
jQuery Mobile & Applications WebjQuery Mobile & Applications Web
jQuery Mobile & Applications Web
 

Dernier

A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film françaisTxaruka
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfachrafbrahimi1
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfabatanebureau
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 

Dernier (16)

A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 

Cours Code Part 2

  • 1. SEANCE sous le capot du web part II </>
  • 2.
  • 3.
  • 5.
  • 6.
  • 7. Step 1 : Changer les meta données <head> <title>Hotspotter - Mobile hotspots for travelers</title> <meta name="description" content="Home Everywhere - Stay online while travelling"> <meta name="keywords" content="hotspotter dongle tourists paris"> </head>
  • 8. Step 2 : Centrage de la div
  • 9. Solution retenue body, html, #wrapper { width: 100%; height: 100%; } #wrapper { display: table; } #main { display: table-cell; vertical-align: middle; } Style <body> <div id="wrapper"> <div id="main"> <div id="contenu"> </div> </div> </div> </body> contenu centré verticalement centrage horizontal : margin: 0 auto; ou text-align: center;
  • 10. Step 3 : Fonctionnement du mail
  • 11. Solution “simple” fonction mail() doc > php.net/mail <form method="post" action="email.php"> <input type="text" name="message" placeholder="Mail" /><br /> <textarea style="display: none;" name="subject" placeholder="Message">Vous avez un nouvel inscrit</textarea> <input type="submit"> </form> <?php mail('maildereception', $_POST['subject'], $_POST['message']); ?> <p>Your email has been sent.</p> élement affiché après envoi du mail
  • 12. Et voilà, vous venez presque de coder une page launchrock par vos propres moyens !