Nous allons créer un galerie d’image pour appliquer ce que nous avons vue précédemment. Dans un premier temps nous créons la page en statique, ainsi que la mise en page. Créons également le dossier images, pour les vignettes et les images. Ce qui nous donne: Après nous remanions le tous, quelques dossiers renommés,…
Mois : août 2018
Boucle while
PHP exécute l’instruction tant que l’expression de la boucle while est évaluée comme TRUE(vrai). Ex: Ces deux exemples font la même chose. Tant que ‘$compteur’ est <à 5 il augmente de 1. Il écrira donc ‘Bonjour !’ jusqu’a 5 fois. Récupérer les fichiers dans un dossier: On utilise des fonctions déjà programmées: http://php.net/manual/fr/funcref.php Nous pouvons comptabiliser le…
Boucle for
Après le motfor, il y a des parenthèses qui contiennent trois éléments, séparés par des points-virgules;. Décrivons chacun de ces éléments. Le premier sert à l’initialisation. C’est la valeur que l’on donne au départ à la variable (ici, elle vaut 0). Le second, c’est la condition. Comme pour lewhile, tant que la condition est remplie, la…
Les formulaires
Formulaire simple: <form action= »accueil.php » method= »post »> <label>Quel est votre prénom ? </label> <input type= »text » name= »prenom » id= »truc »><br> <label>Quel est votre nom ? </label> <input type= »text » name= »nom »><br> <input type= »submit »> </form> Champ de formulaire google: <form action= »http://google.fr/search » method= »get »> <input type= »texte » name= »q »> <input type= »submit » value= »google »> </form> Calculatrice: Les « if »: Retour à la calculatrice:…
PHP Au début.
Début avec PHP
Serveur local
Un schéma pour comprendre comment fonctionne le langage client-serveur-client. Pour pouvoir communiquer et créer des fichiers serveurs il nous faut procédé à l’installation d’une suite logiciel: logiciel serveur, interpréter PHP, serveur MySQL. Comme je suis sur Mac, je télécharge MAMP(Macintosh Apache MySQL PHP). Pour le centre, sur PC, il faudra jongler avec les versions.
Evaluation flex et responsive
Une évaluation qui portait sur la création HTML et CSS en flex et responsive: Version mobil: Le code HTML: Détail du menu au survol: Version tablette: Version PC: Le code CSS: @import url(‘https://fonts.googleapis.com/css?family=Lobster+Two|Open+Sans:400,700’); *, ::after, ::before{ box-sizing: border-box; } figure { margin: 0; } img { max-width: 100%; } body {…
Flex box et responsive.
Nous rentrons dans le concret! Voici l’exercice: Format mobil: Son css: @import url(« https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i »); *, ::before, ::after { box-sizing: border-box; } figure { margin: 0; } img { max-width: 100%; } body { line-height: 1.5; font-family: « Open Sans », sans-serif; color: black; } h1, h2, h3, h4, h5, h6 { font-family: « Open Sans Condensed », sans-serif; line-height: 1;…
Flex box
Voila, nous attaquons les « flex-box ». Mise en page beaucoup plus simple que les flottant. Les codes: dispay: flex; (place les blocs horizontalement) flex-wrap: wrap; (passe à la ligne, aussi pour les colonnes) no-wrap; wrap-reverse; flex-direction: (désigne l’axe principal) row; row-reverse; column; column-reverse; justify-content: …
Rentrée et révisions
Révision 11 page de css axée sur les flottants. Plus un peu de responsive. Après 768 px. Après 1200 px. Le code css.