Le principe de la méthode
Tout d’abord nous avons deux divs que j’ai nommé « container » et « content ». Le div « content » sera centré dans le div « container ».
Pour centrer verticalement un div dans un autre, nous allons avoir besoin d’un div supplémentaire « temp » de hauteur de 1px et qui sera positionné à top : 50% du div container. ce « temp » contiendra donc le div « content » qui sera positionné à top:-50% de sa hauteur. Et comme par magie, il sera centré verticalement par rapport au div « container ».

Travaux Pratiques :
Le code XHTML correspondant est donc le suivant :

.
.
.
<div id="container">
  <div id="temp">
    <div id="content">
      Contenu du div à centrer
    </div>
  </div>
</div>
.
.
.

Comme vous le voyez, le div « container » contient le div « temp » qui contient le div « content ».

Passons maintenant au code CSS correspondant :


.
.
.
#container {
    height:500px;
    width:700px;
    position: relative;
}
#temp {
    position:absolute;
    height:1px;
    overflow: visible;
    top:50%
}
#content {
    position:absolute;
    height:200px;
    width:200px;
    top:-100px;
}

Vous avez surement remarqué le « overflow:visible » du div « temp » qui permet d’afficher ce qui dépasse puisque sa hauteur n’est que de 1px.

Résultat :

Voila ce petit tutorial est terminé, si vous avez des questions ou autre, n’hésitez pas.

La calculatrice :

Rien de plus simple, il suffit d’entrer l’expression à calculer, et hop, Google calcule le résultat pour vous. Exemple : ((3*45)-(43+4))^3

La conversion de tout type :

Pour avoir par exemple, la conversion de 10 euros en Dinars Algériens, on tape ceci dans le champ de Google : « 10 euro in DZD »… pour la conversion de metres en miles, c’est pareil exemple : « 1000 metre in mile ».

La traduction :

Par exemple, pour traduire le mot « heureux » en anglais, on taperai « translate heureux to English » …
Ceci marche pour la majorité des langues, Google détecte automatiquement la langue source.

La reconnaissance faciale :

Si vous désirez par exemple avoir que les photos ou il y a des visages avec le mot clé « rose » (sans avoir des fleures comme résultats), vous taperez alors ceci : « rose &imgtype=face »

Recherche spécifique sur une url ou sur les titres:

Si vous voulez avoir les résultats ou vos mots clés apparaissent dans les urls des pages web, vous devrez alors tapez : inurl: »votre recherche ». Dans le cas du titre des pages, il suffit de remplacer inurl, par intitle.

Il existe encore beaucoup d’autres fonctions plus utiles les unes que les autres, alors n’hésitez pas à compléter cette liste non exhaustive.

Pour être un développeur web il faut généralement passer par les étapes suivantes : XHTML/CSS + Design -> Langage dynamique PHP ou ASP.NET + Ajax.

Mais il faut savoir que le développement web avec PHP a été très anarchique d’ou l’utilité de l’utilisation d’un framework completement orienté object et basé sur le modèle MVC. Les frameworks ont également plusieurs autres avantages.

Il existent plusieurs frameworks qui ont acquis une certaine réputation comme bien sur ZEND Framework, Prado, ou encore symfony.

Donc pour guider nos amis – jeunes développeurs – qui s’intéressent au développement web, je conseille vivement l’utilisation de Symfony (mon coup de cour). C’est un vrai plaisir de coder en utilisant symfony.
Peut être qu’au début vous serez un peu dérouté par les différentes notions mais au moment ou vous comprendrez bien son organisation, vous vous rendrez compte de l’énorme apport de ce dernier.

Vous n’êtes pas satisfait, visionner la présentation de M. Fabien Potentier l’un des membres de Sensio Labs, l’agence qui a développé le framework.