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 !

Cours Code Part 2

  • 1.
    SEANCE sous le capotdu web part II </>
  • 4.
  • 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à, vousvenez presque de coder une page launchrock par vos propres moyens !