13 juillet 2017 : WordPress en local

 

wordpress en local

Une fois le logiciel WordPress  installé en local , il devient visible sur votre ordinateur et non sur internet.

*pour un ordinateur Mac dans le dossier applications/Mamp/htdocs

*pour ordinateur Windows dans le dossier applications/Xamp/htdocs

 

Une fois le logiciel MAMP lancé, il faudra cliquer sur démarrer les serveurs pour mettre votre ordinateur en mode serveur. 

 

Dans le navigateur nous saisissons donc  l’adresse :

*pour un ordinateur Mac localhost:8888/wordpress

*pour ordinateur Windows localhost/wordpress

 

Création d’une base de données :

dans ce wordpress à partir  de l’onglet dit « outils » dans le logiciel Mamp   puis cliquez sur « PhpMyAdmin ». Puis  sur l’onglet « Bases de données » pour créer une nouvelle base  au format (html) puis  cliquez sur créer.  

Publié dans Journal de Bord | Tagué , , , , , , , , , , , | Laisser un commentaire

12 juillet 2017 : Transfert d’un blog WordPress sur un nom de domaine.

 

D’abord vous devez télécharger  wordpress 

Puis une fois le dossier téléchargé ,  le dézipper puis à l’aide de Filezilla par exemple il faut mettre tout le contenu de ce fichier dézippé à l’intérieur de votre base de données créée précédemment  chez votre hébergeur.

La procédure est plus ou moins longue mais contenant des identifiants et mots de passe confidentiels je ne peux  pas vous les montrer ici .Mais si vous suivez pas à pas le logiciel,  worpress est assez simple d’utilisation.

bienvenue worrpress .png

 

 

 

 

Publié dans Journal de Bord | Tagué , , , , , , , , , | Laisser un commentaire

6 juillet 2017 : initiation PHP opérations aritméthiques

L’initiation PHP se poursuit dans une page html à laquelle on ajoute les lignes de codes  spécifiques .

elseif, comme son nom l’indique, est une combinaison de if et de else, à la différence de l’expression else, il n’exécutera l’instruction que si l’expression conditionnelle elseif est évaluée comme vraie.

Plutôt que de grands discours voici en images le code :

code php calculatrice

 php calculatrice

calculatrice php

Voici ce que l’on obtient dans le  navigateur :

 

affichage calculatrice

 

Publié dans Journal de Bord | Tagué , , , , , , , , , , , , | Laisser un commentaire

5 juillet 2017 : initiation PHP avec les boucles for

L’initiation PHP se poursuit dans une page html  avec la boucle for

 Concrètement, dans le code « une boucle »   for permet de répéter un action définie  plusieurs fois.   C’est très pratique,  avec un gain de  temps bien souvent indispensable.

Voici le code html avec le code PHP

boucle for

boucle for suite

boucle for echo

Voici ce que l’on obtient dans le  navigateur :

 

secondes

Publié dans Journal de Bord | Tagué , , , , , , , , , , , , | Laisser un commentaire

5 juillet 2017 : initiation PHP création d’une calculatrice

L’initiation PHP se poursuit dans une page html à laquelle on ajoute les lignes de codes  spécifiques .

elseif, comme son nom l’indique, est une combinaison de if et de else, à la différence de l’expression else, il n’exécutera l’instruction que si l’expression conditionnelle elseif est évaluée comme vraie.

Plutôt que de grands discours voici en images le code :

code php calculatrice

 php calculatrice

calculatrice php

Voici ce que l’on obtient dans le  navigateur :

 

affichage calculatrice

 

Publié dans Journal de Bord | Tagué , , , , , , , , , , , , | Laisser un commentaire

3 juillet 2017 : PHP et les opérateurs arithmétiques

L’initiation PHP débute avec une page html à laquelle on ajoute des lignes de codes avant même la structure dite « squelette du html ».

initiation php

et voilà ce qui apparaitra dans votre navigateur:

 

bonjour html

 

Ensuite avec des opérations arithmétiques cela commence à se compliquer un peu:

 

exercice PHP

 

Dans le navigateur vous obtiendrez ceci :

 

php formulaire

Publié dans Journal de Bord | Tagué , , , , , , , , , , , , , , , , , , | Laisser un commentaire

26 juin 2017 : Envoi d’une newsletter avec un serveur local

Afin de pouvoir envoyer une newsletter que nous avons créée nous même avec un fichier en Html, nous utiliserons Filezilla dont le lien officiel est ici –> filezilla

logo filezilla

FileZilla est  un logiciel permettant l’échange de fichiers entre un ordinateur et un serveur ou vice-versa.

filezilla est un client FTP cela signifie « File Transfert Protocol » ou traduit en français comme »Protocole de Transfert de Fichiers. »

Voici la barre du haut du logiciel qui vous permettra de vous connecter.

Mode d’emploi:

Dans la case Hôte : vous écrivez  l’adresse du serveur ftp à laquelle vous souhaitez vous connecter.
Dans la case utilisateur : vous écrivez votre nom d’utilisateur  
Dans la case mot de passe : vous entrez votre mot de passe
Dans la case Port : Vous entrez 21, si vous n’écrivez rien par défaut, ce sera 21 pour FTP

ensuite dans la case de gauche vous devez créer un nouveau dossier dans lequel vous y glisserez votre page html et les images correspondantes( attention vos images doivent toutes avoir une adresse absolue pour être lisible par le navigateur)

filezilla dossier

 

Publié dans Journal de Bord | Tagué , , , , , | Laisser un commentaire

18 juin 2017 : Envoi d’une newsletter avec Inkbrush

Après la création de la newsletter (voir article précédent) il faut donc envoyer la newsletter à nos contacts. Pour cela nous utiliserons inkbrush.com .

Le site inkbrush.com permet de créer rapidement une page html à  partir de votre propre fichier enregistré en .(jpeg, .png ou même en format photoshop donc .psd) , cette newsletter sera ensuite envoyée et lisible  par tous vos contacts.  Après avoir télécharger votre fichier , vous devez définir les différentes tranches de votre newsletter. En créant des tableaux avec les outils fournis sur le site et des lignes bleues ou vertes apparaitront.

Voici la newsletter à créer sur inkbrush :

newsletter chat

Et la même newsletter découpée en tableau avec Inkbrush :

newsletter chat

 

Ensuite pour envoyer la newsletter nous utiliserons

Mailchimp.com

ou

activemail.fr

ou

sarbacane.com

 

 

 

 

Publié dans Journal de Bord | Tagué , , , , , , , , , , , , , , | Laisser un commentaire

14 juin 2017: La newsletter simple

Quand on doit créer une newsletter nous devons oublier les « float » , il faut utiliser des tableaux avec des adresses absolues accessible sur le web, sinon votre correspondant recevra une page sans images. Dans une newsletter il n’y a ni de paddiing, ni de margin. Il faut alors jouer sur les cellules de tableaux vides. chaque cellule du tableau doit avoir une valeur width= »x » qui sera avec comme unité le pixel par défaut  donc inutile de l’écrire.

 

Voici deux extraits du  code html  pour une newsletter :

code newsletter

 

newsletter tangram

 

Exemple d’une newsletter découpée  en différents tableaux

 

 newsletter

Publié dans Journal de Bord | Tagué , , , , , , , , , , , | Laisser un commentaire

12 juin 2017 : Boostrap et Glyphicons

Boostrap c’est aussi créer des menus de navigation  avec des boutons, des icônes appelés Glyphicons.

Pour trouvez les meilleurs des glyphicons cliquez ici :  Glyphicons

Extrait du code html :

html boostrap eval

eval bosstrap

 

Voici l »aperçu due la page html responsive, en trois formats .

evaluation boostrap

Publié dans Journal de Bord | Tagué , , , , , , , , , , , , | Laisser un commentaire