Tous les articles par durstjack@gmail.com

Etablir des régles média queries

il suffit dans un fichier css d’insérer

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media screen and (max-width: 1280px) {

}
@media all and (min-width: 1024px) and (max-width: 1280px) {

}
/* Sur les téléviseurs */
@media tv {

}
/* Sur tous types d'écrans orientés verticalement */
@media all and (orientation: portrait){

}

3 manières de faire du style CSS

on peut écrire du code en langage CSS à trois endroits différents :

  1. dans un fichier .css externe

  2. dans l’en-tête <head> du fichier HTML ;

  3. directement dans les balises du fichier HTML via un attribut style

 

1

 <link href="../css/style.css" rel="stylesheet" type="text/css" />

2

<head>
 <style>
 *{
   padding: 0;
   margin: 0;
 }
 body{
    background: #c6c6c6;
    width: 960px;
    margin: 0 auto;
 }
 h1{
    color: #000;
    font-size: 20px;
    font-family: "Segoe Script",georgia,verdana, sans-serif;
    text-align:center;
 }

 </style>
</head>

3

<img src="img/fond.jpg" alt="" style="display: block; float: left;" />

Modèle vierge de page HTML5

page vide –  structure de code minimale d’une page web HTML5

<!DOCTYPE html>
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <link rel="shortcut icon" type="image/ico" href="img/favicon.gif" />
   <link rel="stylesheet" type="text/css" href="style.css" />
   <title> titre </title>
 </head>
 <body>
 </body>
</html>

Se connecter à une base de données avec PDO

Pour se connecter à une base de données MySQL, il faut créer une instance de la classe PDO.  Cet objet prend en paramètres 3 arguments:

La chaîne de connexion: chaîne de caractères contenant le SGBD utilisé et le nom de l’hote ou son adresse IP.
L’utilisateur de la base de données, chaîne de caractères.
Le mot de passe.

<?php
try{
$connexion = new PDO('mysql:host=127.0.0.1;dbname=NomDeLaBaseDeDonnees', 'Utilisateur', 'MotDePasse');
$connexion->SetAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch (Exception $e){
die('Erreur : ' . $e->getMessage());
} 
?>