Menu

• Analyser mes pages pour trouver mes mots clés
• Arrondir avec une fonction php
• Timestamp et date en php
• Php du net: la doc
• Mots clés pour un bon référencement
• Modifier la couleur d'une page.
• Largeur extensible du design
• Référencement
• Créer un dossier dans mon site Internet
• Script php pour création table sql
• Les polices disponibles pour mon site Internet

Analyser mes pages pour trouver mes mots clés

Le site 'Internet' www.ranks.nl propose plusieurs programmes en ligne pour analyser vos pages web pour 99$ par an. Je cherche actuellement un programme grauit. Il vous donnera un nuage de tags par exemple. Vous montrera les ensembles de mots pour créer vos longues traines... Un outil vraiment complet et professionnel !

Le site Internet: www.okkiweb.fr nous a donné l'info. D'autres outils proposés par Okkiweb. Apparemment Mozilla Firefox propose un plugin qui permet de voir son pagerank et ses mots clés: à vérifier...

Mini-tutoriel créé le 04/03/2010 à 07h01.

Arrondir avec une fonction php

On peut arrondir à 2 chiffres après la virgule:
$resultat = round($resultat,2);

On peut effacer les chiffres après la virgule:
$resultat = round($resultat,0);

Pratique non ?

Mini-tutoriel créé le 04/03/2010 à 00h11.

Timestamp et date en php

Trouver le timestamp d'une date:
Exemple: le 14 mars 2009 à 13h45:

$timestamp = mktime(13, 45, 26, 3, 14, 2009);
$timestamp = mktime(h, mn, sec, mois, jour, année);

Le timestamp d'aujourd'hui est: time();

$duree = time()-$timestamp;
$nombre_de_jours = $duree/3600/24;

On peut arrondir à 0 chiffres après la virgule:
$nombre_de_jours = round($nombre_de_jours,0);

Mini-tutoriel créé le 04/03/2010 à 00h10.

Php du net: la doc

La documentation

Pas forcément facile à lire pour un débutant, mais complète, la documentation du site www.php.net est incontournable...

Mini-tutoriel créé le 03/03/2010 à 23h57.

Mots clés pour un bon référencement

Les guillemets dans la balise meta "keywords" de l'head: utiliser des guillements pour les mots que l'internaute tape ensembles: "haute saone" par exemple. La page s'affiche si le visiteur tape haute saone, les deux mots, dans le moteur de recherche.

Mini-tutoriel créé le 03/03/2010 à 21h03.

Modifier la couleur d'une page.

Comment modifier la couleur de fond d'une page ?
Insérer un code: background="yellow;" pour un fond noir. Vous allez me dire: oui merci! Mais où donc insérer ce code ? Il y a deux manière au moins. La pro et la bricolée.

La méthode pro (ou presque):

div class="page">
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
/div>
Afin que tout le texte apparaisse, j'ai effacé un chevron ("›") avant chaque bloc (div). Pour que le code fonctionne il faudra le rajouter.
div = c'est un bloc simplement.
class = c'est une classe, un code qui appelle ses caractéristiques enregistrées dans une feuille de style (la cascading style sheet - CSS) de cette manière:
.page {
background-color: yellow;
}
ou encore:
.page {
background-color: #000;
}
ou encore:
.page {
background: #000;
}
Ne pas oublier le point avant le nom de la class.
(Si votre bloc ne s'affiche qu'une fois dans la page, vous pouvez utiliser id. Il renvoie à #. Exemple: div id="page"> cherche #page dans la feuille de style.)
La feuille de style créée avec bloc note ou notepad est enregistrée au format .css.

La méthode bricolée

(je la déconseille même si au début c'est plus rapide):
On utilise pas de feuille de style, on écrit le code css dans la page html:
div style="background:yellow;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
/div>
Ce code donne ceci si on ajoute un "›" devant chacun des deux div>:


On remplace class ou id par style.
p style="background:yellow;"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla /p>

Donne ça:

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Je l'utilise uniquement lorsque je ne suis pas sur mon site et que je n'ai pas accès à la feuille de style ou quand je suis très très pressé. Je corrige la page plus tard.

Mini-tutoriel créé le 03/03/2010 à 16h51.

Largeur extensible du design

J'entends par design extensible un design qui s'adapte automatiquement à la largeur de l'écran du visiteur: de 800 pixels à 1450 voir plus. Créer un design avec une largeur extensible n'est pas chose aisée, n'en déplaise au maîtres (ou webmasters) qui ont passé des heures et des heures sur leur site pour trouver l'harmonie.



body {

background:url('../img/fond.jpg') #5e060b fixed;

width:100%;

margin:0 auto;

}



J'ai commis une erreur qui m'a fait abandonner l'idée d'un design extensible pendant un certain temps. Quelques mois plus tard, après avoir réglé le corps de ma page à 800 pixels de large, afin d'être sûr que n'importe quel internaute verrait mon site parfaitement, j'ai compris subitement (allez savoir pourquoi !) pourquoi mon design partait dans tous les sens, pourquoi les images dépassaient des tableaux, le site décalé à droite et ne révélant qu'une partie au premier coup d'œil.



Mon erreur venait du fait que je fabriquait mon design à partir de mon écran: 1450 pixels de large. Ensuite, en visite chez un internaute propriétaire d'un écran (ou moniteur) plus petit: c'est la catastrophe, mon site qui m'a couté des heures de travail est horrible.



Aujourd'hui, je crée le site en fixant la largeur du corps (body) de la page à 800 pixels (on peut même imaginer moins) et, je règle la taille des images, le texte et toutes les entrées en langage Cascading Style Sheet (CSS).



body {

background:url('../img/fond.jpg') #5e060b fixed; width:800px;

margin:0 auto;

}





Les réglages terminés, je remplace 800px de mon body par 100%.





body {

background:url('../img/fond.jpg') #5e060b fixed;



width:100%; ›------------------------



margin:0 auto;

}





Et voilà.

Ce site Creaweb3000.com a été réglé à 1000px. Mais on peut surement faire plus étroit.
Pour voir ce que donne le site avec un écran de mille pixel (1000px), il suffit de réduire sa fenêtre à 1000px dans son navigateur.

Mini-tutoriel créé le 03/03/2010 à 16h36.

Référencement

Definition: Le référencement naturel est une stratégie de communication qui s'articule autour
de trois axes: le contenu, son format de publication et sa
popularité/notoriété sur le web. (Source: Wikipédia)

La longue traîne, mots clés, référencement, netlinking et publicité pour votre site Internet. Si ces mots sont du chinois pour vous, rendez-vous à la page: Référencement et site e-commerce expliqués par Brusacoram.com.



Nous apporterons d'autres informations dignes d'intérêts dans ces tutoriels.

Mini-tutoriel créé le 28/02/2010 à 15h06.

Créer un dossier dans mon site Internet

Bien expliqué sur le site phpsources.org

Mini-tutoriel créé le 23/02/2010 à 14h53.

Script php pour création table sql



// Create a MySQL table in the selected database

mysql_query("CREATE TABLE products(

id varchar(30) NOT NULL default '',



name varchar(60) NOT NULL default '',

type varchar(30) NOT NULL default '',

price decimal(10,2) NOT NULL default '0.00',

PRIMARY KEY(id)

)")

or die(mysql_error());



Source

Mini-tutoriel créé le 23/02/2010 à 12h26.

Les polices disponibles pour mon site Internet

Il a pour l'instant moins d'une douzaine de polices utilisable sans problème sur le web...

Mini-tutoriel créé le 17/02/2010 à 12h50.