Se lancer dans l’intégration web, comment s’y prendre ?

A l’heure actuelle, être webdesigner sans faire de l’intégration est devenu très rare. En effet, quand on regarde les annonces pour un emploi au poste de webdesigner, il vous sera demandé de faire de l’intégration dans la plus part des cas. Découvrez à travers cet article comment se lancer dans cette nouvelle aventure.

Ce billet aura pour but de vous guider dans l’apprentissage de l’intégration, mais il se s’agit pas d’un tutorial pour tout vous apprendre. Tout d’abord, qu’est-ce qu’un intégrateur web ? C’est celui qui met en place un design adapté aux différents navigateurs. Avant de se lancer, il faut savoir quels langages on utilise. Tout d’abord il vous faudra connaître le html et le css, c’est la base. Ensuite vous pourrez également voir plus loin, par exemple en apprenant le javascript.

Qu’est-ce que le html et le css ? En gros, le html représente la structure de votre site, et le CSS correspond à sa mise en page comme son nom l’indique, puis que CSS signifie Cascading Style Sheet, soit Feuille de style en Français.

Pour comprendre comment fonctionne le html, je vous invite à réaliser le tutoriel proposé par le site du zéro. Je le trouve personnellement très bien fait pour débuter, c’est d’ailleurs là que j’ai fais mes premiers pas. Il est vraiment très important de comprendre comment ce langage marche, avant même de se lancer dans le CSS ou l’intégration de votre propre design. En effet, dans le développement d’un site internet, il y a des normes à respecter, tout d’abord parce que tous les navigateurs ne réagissent pas de la même façon. Celui qui pose le plus de soucis, est bien évidement Internet Explorer… le calvaire des intégrateurs et développeurs ! Ensuite, l’idéal est d’avoir un site qui est aux normes w3c.

Alors qu’est-ce que le w3c ?
Le w3c (World Wide Web Consortium) n’est pas quelque chose d’obligatoire, mais c’est fortement conseillé de le respecter. Il s’agit de normes misent en place afin d’offrir aux utilisateurs une navigation cohérente.  Afin de savoir si votre CSS est valide, vous pouvez vous rendre ici, et pour ce qui est du html, ça se passe là. Habituez vous donc dès le début à faire des sites valide, ce ne sera que du plus.

Les différents navigateurs.
Les navigateurs les plus utilisés sont les suivants : Firefox, Opéra, Chrome, Safari, Internet Explorer. Vous pouvez trouver à l’adresse suivante des statistiques détaillés de ces navigateurs. Il faut donc réussir à développé un site qui marchera sur tous les navigateurs. Le principal reste IE6. Effectivement encore beaucoup trop de gens utilisent ce navigateur, et c’est réellement horrible de développer un site pour ce dernier. Heureusement, il existe des solutions adaptés que l’on appel des hacks. Un article très complet à été rédigé par Weedle, je vous invite donc à le consulter.

De plus, le html5 et CSS3 ont vu récemment le jour. C’est une bonne chose quand on voit ce qu’ils nous permettent de faire, mais ils ne sont supporté que par les navigateurs récent. Hors si vous devez faire un site pour un public très large où certains peuvent avoir un navigateur ancien, pour ne pas dire obsolète ce n’est peut-être pas la meilleure façon de s’y prendre.

Une fois que vous aurez bien compris la base de l’intégration, je vous invite à essayer de vous lancer dans la découpe d’un de vos design. Pour la conception d’un design, c’est aussi très intéressant de savoir comment s’intègre un design, cela vous permet de savoir ce qui est faisable ou non. N’hésitez pas à consulter le site Alsacréation, qui est une excellente plateforme communautaire. Vous pourrez également apprendre beaucoup là bas.