créateur et opérateur
de services internet
Sites internet
& mobiles
Intégration HTML5 & CSS3
Vous souhaitez être rassuré sur le respect de « bonnes pratiques » et des standards du W3C pour le montage de vos pages ?
Assurez-vous de confier l’intégration de vos pages à des experts des technologies HTML5, CSS3 et Javascript !
En quoi consiste l’intégration de vos pages ?
Lors de la création de votre site web, vous faites appel à plusieurs compétences spécifiques : graphisme, maquettage, intégration des pages, développement, optimisation pour le référencement naturel, rédaction et maintenance des contenus.
L’intégration des contenus d’un site web consiste à récupérer les maquettes du graphiste et de les transformer en modèles de pages web (les gabarits).
Les étapes du montage de vos pages
Nos intégrateurs emploient principalement trois langages pour monter vos pages, à savoir :
- Le langage HTML5 (ou XHTML) qui est la base du squelette de votre site et permet de structurer sémantiquement vos contenus via l’intégration de balises (H1, H2, H3, div, p pour ne citer qu'elles) ;
- Les feuilles de styles CSS afin de concevoir la mise en forme des contenus tout en essayant de minimiser le nombre d’images (car trop lourdes). Actuellement, nos intégrateurs utilisent les propriétés des feuilles de styles CSS3 ;
- Dans une moindre mesure le langage JavaScript (plus utilisé par nos développeurs) avec les framework Javascript telles que jQuery, jQueryUI, MooTools, Prototype, dojo, YUI ou Sencha (ex-ExtJs) pour intégrer de l’interactivité et ajouter des comportements aux éléments des pages.
Nos bonnes pratiques d’intégration web
Lors du montage de vos pages web, nos intégrateurs respectent plusieurs règles et concepts qui sont référencés dans un livre blanc interne à CieNum des « bonnes pratiques de l’intégration web », en voici un échantillon :
- Toutes les images de votre charte graphique possèdent un texte alternatif contenant de l’information textuelle
- Les noms des fichiers sont écris en minuscule, sans accents ni caractères spéciaux et chaque mot est séparé par un tiret « - »
- Chaque titre (balise H1 à H6) possède un style particulier respectant leur degré d’importance
- Tous les états des liens sont identifiés et possèdent un style spécifique (visited, hover, focus…)
- Réduction du poids des pages par l’utilisation des Sprites CSS et l’utilisation poussées des propriétés CSS3 minimisant le nombre d’images employées dans le site et augmentant les performances du site
- Utilisation d’unités dynamiques pour la taille des polices des pages et pour les marges
- Emploi de la balise <label> pour accompagner les champs des formulaires par du texte et renseignement de l’attribut « for » permettant d’accéder à la zone de saisie du champ associé au label
- Hiérarchisation et regroupement des feuilles de styles CSS
- Intégration d’un favicon entre les balises <head> des pages
Le respect des standards du W3C
Les intégrateurs CieNum s’assurent enfin que votre site internet s’affiche correctement sur les principaux navigateurs du marché (Internet Explorer, Mozilla Firefox, Google Chrome, Apple Safari ...).
La méthode la plus employée en interne pour cela consiste à respecter les standards du W3C.
En effet le respect de ces standards W3C permet de garantir notamment :
- la compatibilité entre les différents navigateurs ;
- l’allègement et la lecture des codes sources de vos pages via la séparation du style de présentation (feuilles de styles externes) de la structure HTML du document ;
- l'accessibilité des contenus aux personnes à mobilité réduite ;
- l'augmentation des performances avec une meilleure réactivité du chargement des pages et une réduction de la bande passante ;
- l'optimisation des frais d’hébergement de votre site ;
- un référencement naturel plus performant.
candidature
spontanée
Vous êtes développeur, chef de projet, commercial, technicien... et vous souhaitez rejoindre l'équipe CieNum ?
Postuler en ligne
de devis
inscription
newsletter
Recevez chaque mois les dernières actus de CieNum en vous inscrivant ici :
|
||
| voir nos newsletters |
