Le système de grille est le coeur de Bootstrap, qui considère qu’une ligne .row fait 12 colonnes. L’idée d’un responsive design est de dire que pour telle taille d’écran, un élément occupe X colonne(s). Bootstrap prend en charge 4 types de format : Très petit format < 768 pixels ( Smartphone ) Petit format ≥ 786 px & <…Continue reading Bootstrap – Les grilles
Bootstrap
Une définition de Wikipedia : Bootstrap est une collection d’outils utiles à la création du design (graphisme, animation et interactions avec la page dans le navigateur … etc. …) de sites et d’applications web. C’est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. Installation de Bootstrap L’installation…Continue reading Bootstrap
Le langage SASS
Une définition de Wikipedia : Sass (Syntactically Awesome Stylesheets) est un langage de génération de feuilles de style initialement développé par Hampton Catlin et Nathalie Weizenbaum. Sass est un langage de feuilles de style en cascade (CSS). C’est un langage de description qui est compilé en CSS. SassScript est un langage de script pouvant être utilisé à l’intérieur du code Sass. Deux…Continue reading Le langage SASS
La newsletter en MJML
Qu’est-ce que MJML ? MJML est un langage de balisage conçu pour faciliter la création de newsletter. Le moteur open-source se charge de traduire le MJML en HTML. Ce langage va aider pour la création d’e-mails responsive en générant le code qui formera la newsletter. Les utilisateurs de cet outil n’ont plus qu’à rédiger leur mailing…Continue reading La newsletter en MJML
La newsletter en html
Qu’est-ce qu’une newsletter ? Une newsletter est une lettre d’information envoyée périodiquement par mail à des abonnés. Composée de texte, illustrations, liens renvoyant vers votre site, son contenu peut être par exemple une sélection de produits, un article concernant des nouveautés dans votre entreprise. La newsletter un très bon moyen de fidéliser les clients. Trois bonnes…Continue reading La newsletter en html
Mini projet Web
Un exercice très complet de création d’un mini site Web nous a été demandé. Les instructions sont les suivantes : La toute nouvelle société Modulox est l’importateur ou le constructeur et distributeur exclusif en France d’une gamme de 3 modèles de panacotrons qu’elle souhaite vendre en ligne. (ne cherchez pas ce que sont des panacotrons,…Continue reading Mini projet Web
Créer un thème enfant pour WordPress
Les thèmes WordPress sont par nature déjà “customisables”, leur installation simple, les possibilités offertes sont nombreuses mais il y a toujours de petites choses que nous voulons changer (couleur, taille de police, etc.). Cependant, toute modification d’un thème empêchera sa mise à jour vers une nouvelle version et tout sera perdu. La solution : les thèmes enfants, qui…Continue reading Créer un thème enfant pour WordPress
Sécuriser un site WordPress
Pour sécuriser un site WordPress, il faut changer le HTTP par un HTTPS. Qu’est-ce que le HTTPS ? L’HyperText Transfer Protocol Secure, plus connu sous l’abréviation HTTPS — littéralement « protocole de transfert hypertexte sécurisé » — est la combinaison du HTTP avec une couche de chiffrement comme SSL ou TLS. HTTPS permet au visiteur de vérifier l’identité du site web auquel il accède, grâce à un certificat d’authentification émis par une autorité tierce,…Continue reading Sécuriser un site WordPress
Installer une base de données sur o2switch
Se connecter sur le cpanel d’o2swith : Cliquer sur Bases de données MySQL Créer une base de données : écrire le nom de la nouvelle base de données (test) cliquer sur le bouton Créer une base de données La nouvelle base de données est créée. Cliquer sur Retour pour revenir sur la…Continue reading Installer une base de données sur o2switch
Installer WordPress en local
Télécharger la dernière version de WordPress, le dézipper et le mettre dans un dossier (exemple : monsite-wordpress). Ouvrir Xampp Lancer les modules Apache et MySql. En cliquant sur ce dernier, il ouvre une interface d’administration sur Chrome (PHPMyAdmin) avec l’adresse suivante : localhost/phpmyadmin Cliquer sur Nouvelle base de données. La nommer comme le nom de…Continue reading Installer WordPress en local