Cours Code Part 2

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>

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 afﬁché
après envoi du mail

Et voilà, vous venez presque de coder une page launchrock par vos propres
moyens !

Cours Code Part 2

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (19)

Similaire à Cours Code Part 2

Similaire à Cours Code Part 2 (20)

Dernier

Dernier (13)

Cours Code Part 2