Intégration web xhtml css

Aller au contenu | Aller au menu | Aller à la recherche

vendredi 28 octobre 2011

Intégration web site de consultant en stratégie de communication internet

Le site internet du prestataire web Omnireso, consultant en stratégie de communication online, est depuis Octobre aux nouvelles couleurs d'une charte graphique revisitée.

Alors que l'habillage graphique précédent, relativement simple et neutre dans les tonalités bleues, reposait sur une infrastructure en HTML5 et CSS3, cette version revient à des standards éprouvés du marché, en xHTML 1.0 et CSS 2.1, pour une meilleure compatibilité d'affichage (et pour éviter d'avoir recours à des scripts supplémentaires et des hacks en cascade).

L'intégration web a été réalisée en interne et testée sur les principaux navigateurs et plateformes actuelles. Plutôt logique vu qu'Omnireso propose justement ce type de prestation web (intégration de charte graphique en xhtml + css) dans son panel de services aux entreprises.

De même, l'analyse SEO et l'optimisation du code des pages ont été intégrées dans en amont du projet et font l'objet d'un suivi et d'actions correctrices au besoin.

Le temps de chargement de ces pages est très court grâce à une prise en compte des éléments graphiques récurrents, des zones à découper, et des mises en page typographiques à dupliquer.

Après avoir testé différents designs et habillages graphiques (environ 4 depuis la mise en ligne du site il y a plus d'un an), Omnireso semble avoir trouvé une charte et un design en accord avec ses valeurs et l'image que l'entreprise souhaite véhiculer !

http://www.omnireso.com/

vendredi 23 septembre 2011

Nouvelle intégration xHTML et CSS2

Dernière réalisation en date du mois de Septembre 2011, l'intégration du site internet d'une agence de communication basée à Ancenis en Loire-Atlantique.

Sinaé est à la fois studio graphique et conseil en communication print et web, et conçoit des supports aussi bien presse qu'interactifs. Pour son site internet corporate, le studio a réalisé une charte graphique sur mesure pour un site complètement personnalisé. L'habillage graphique consiste en deux gabarits de page web, le premier pour la page d'accueil et un second pour toutes les pages intérieures qui proposent des exemples de réalisation (édition de plaquettes, édition de catalogues et brochures commerciales, logos et charte, plans de communes, etc)

L'intégration graphique a été réalisée en xHTML STRICT et en CSS 2.1, avec du JavaScript pour l'animation des diapositives du portfolio. Un soin particulier a été apporté à l'optimisation de chacune des pages pour le temps de chargement et leur bonne indexation par les engins des moteurs de recherche (dans le but d'établir une solide base SEO).

Le graphisme a été réalisé par l'agence Sinaé, et l'intégration xHTML et CSS par le consultant internet indépendant Omnireso, qui propose tous types de prestations d'intégration web ou de type AMOE / AMOA. 

Retrouvez le site en ligne sur http://www.sinae.fr/

lundi 2 mai 2011

Redesign site psychologue nantaise

Mis en ligne en Juin 2010 d'abord en HTML5, puis remanié en xHTML afin que le site puisse être compatible avec la majorité des plateformes d'accès à Internet, le site de la psychologue pour enfants nantaise Emilie Bernardeau a également subi un lifting de CSS. Le site était en effet centré horizontalement dans la page, avec des éléments graphiques d'arrière-plan disposés sur des parties structurelles, ce qui pouvait sembler bizarre selon les résolutions d'écran utilisées.

Le design de la page d'accueil a donc été revu afin de s'inscrire dans un cadre plus restreint, toujours centré horizontalement. Certains éléments de texte ont été revus ou supprimés afin que la hauteur n'oblige pas l'internaute à utiliser la barre de défilement verticale.

Quant au reste du site, il présente les services proposés par cette psychologue spécialisée en psychologie des enfants, adolescentes et jeunes adultes. Son cabinet est situé en plein centre-ville de Nantes, en Loire-Atlantique.

http://www.psychologie-nantes.com/

mardi 12 avril 2011

Accompagnement de famille en deuil

Nouvelle intégration web xHTML+CSS réalisée pour le site Accompagnement de famille en deuil, proposant à la fois une prise en charge et un soutien administratif et logistique aux personnes confrontées à un décès. Il s'agit donc d'un site de service à la personne délestant les familles endeuillées des charges supplémentaires que peuvent être les obligations et déclarations légales, la préparation de la cérémonie et l'intendance, etc.

Réalisé en xHTML 1.0 et CSS 2.1, ce site respecte les standards de publication pour l'internet.

http://www.accompagnement-famille-deuil.fr/

lundi 21 mars 2011

Intégration version HTML d'un site Flash

La technologie Flash d'Adobe, on le sait, présente l'ultime inconvénient de ne pas être ni standard ni ouverte, et donc peu performante en terme de référencement naturel, puisque les robots des moteurs de recherche ne peuvent
parcourir un document Flash pour en lire le contenu et en extraire les mots-clés.

Depuis le temps que cette lacune a été pointée du doigt dans le monde du web, ce sont les développeurs de sites qui ont du se creuser les méninges pour proposer des sites "Full Flash" parfaitement référençables. L'astuce principale consistant à encapsuler un contenant Flash à l'intérieur d'un gabarit xHTML, et à servir les même contenus aux deux technologies, via une base de données et un CMS par exemple. Les internautes disposant du lecteur Flash affichant le conteneur Flash, les autres (et les robots) parcourant la version xHTML.

Plus récemment, Adobe a commencé à se pencher sur le problème en proposant son logiciel Wallaby, qui serait capable de convertir une animation Flash en HTML5. Lire le résumé qu'en fait le site des anciens étudiants en multimédia DUMAC: Adobe et Flash Wallaby.

Toujours est-il que l'utilisation de Flash pour les sites à petits budgets (n'ayant pas les moyens de réaliser les passerelles évoquées ci-dessus) est pénalisante pour leur référencement naturel.

C'était le cas du centre de bien-être d'Haguenau Digivital.

Ce site a fait l'objet d'une intégration xHTML d'après la maquette graphique intégrée dans Flash. Toutes les animations Flash ont donc été remplacées par du texte brut ("en dur") et des liens entre les pages. Le nouveau découpage xHTML 1.0 et l'utilisation des CSS 2.1font donc de ce site un cas d'école de refonte de site Flash, puisque les internautes disposant du player (lecteur Flash) ne verront pas la version HTML du site, chaque page web comportant la balise d'objet Flash encapsulé.
Seuls les robots ou les utilisateurs d'IPhone ou d'Ipad verront ce type de page : Amincissement par digitopuncture.

Nul doute qu'avec cette opération, les statistiques de consultation du site vont pouvoir décoller !

mardi 8 mars 2011

Intégration de charte graphique xHTML+css validée W3C

Le site vitrine de l'entreprise de carrelage Esneault L. a été mis en ligne au début du mois de mars 2011. Il a pour objectif de montrer le savoir-faire de cet artisan carreleur et de son entreprise experte en pose de carrelage et faïence créée en 1966.

Ce site comporte une dizaine de pages dont le graphisme a été réalisé par un studio graphique d'Ancenis, tandis que l'intégration en xHTML 1.0 et CSS 2.1 a été réalisée par un consultant indépendant en création et référencement internet basé à Saint-Géréon.

Les pages proposent un lien vers les validateurs HTML et CSS du W3C, ce qui permet d'en vérifier la validité. Le site a également été testé sur un parc machine représentatif de 98% de types de connexions internet, comme annoncé sur le blog du bêta test.

En plus d'être optimisées pour l'accessibilité et la compatibilité inter-plateformes, les pages ont été développées avec l'exigence d'offrir toutes les garanties pour un référencement naturel optimal.

http://www.esneault-carrelage.fr/

vendredi 4 mars 2011

L'intégration graphique pour le navigateur Microsoft Internet Explorer 6

La fin ANNONCÉE de L'intégration graphique pour le navigateur Microsoft Internet Explorer 6 ?

Après avoir lancé sur le marché un navigateur internet qui n'en finit pas de s'éteindre trop lentement pour une large communauté d'intégrateurs, l'éditeur du logiciel lui-même décide de communiquer sur l'obsolescence de son butineur !

Microsoft lance en effet un site communautaire intitulé THE IE 6 COUNTDOWN (le compte à rebours d'IE 6), incitant les webmasters à envoyer le logo du site sur lequel ils placent un message, afin que ce site événementiel puisse l'afficher au côté des autres participants...

Las, la transmission du logo se fait par simple adresse email (ie6countdown@microsoft.com), et nulle trace sur le site d'un listing affichant les relais d'information.

Quant au reste, le site ne comporte que quelques pages et prône les bénéfices d'une mise à jour en argumentant sur la rapidité et la confidentialité accrues dans leurs versions plus récentes d'Internet Explorer.

Bref, du vrai bon buzz relayé sur le web par la cohorte de professionnels de l'internet, pestant contre la ténacité d'IE 6 qui surfe sur la Toile depuis 10 ans et reste utilisé par 12% des internautes de par le monde en février 2011, dixit le site IE6countdown via Net Applications... Le but est le suivant : afficher un message à tous les utilisateurs d'Internet Explorer 6 visitant votre site, et les inciter à mettre à jour leur logiciel. Tout ça dans l'objectif de réduire la part d'utilisateurs d'IE6 à 1%.

<!--[if lt IE 7]> 
<div style=' clear: both; height: 59px; padding:0 0 0 15px;
position: relative;'>
<a
href="http://www.microsoft.com/windows/internet-explorer/default.aspx"><img
src="http://www.ie6countdown.com/images/upgrade.jpg" border="0"
height="42" width="820" alt="" /></a></div>
<![endif]-->
Bien entendu, Microsoft utilise ce micro-site événementiel pour promouvoir ses propres pages sociales, sur son réseau Live ou ses pages Twitter et Facebook. Et pour finir, place quelques liens bien sentis sur la dernière version de son navigateur, Internet Explorer 9. Lequel bénéficie de son propre site, humblement nommé http://www.beautyoftheweb.com/, "beauté du web".

En communiquant de la sorte, avec un biais original et décalé puisqu'il s'agit de mettre un terme à l'utilisation de son propre vieux navigateur dépassé qu'est IE6, Microsoft possède l'avantage marketing de l'image procurée par une société donnant dans l'auto-évaluation et l'auto-dérision. IE6 n'a pas besoin de ce dernier coup de pouce de son géniteur pour disparaître, puisque les campagnes de ce type existent depuis bien longtemps : le Web Standards Project par exemple, qui officie dans l'évangélisation des bonnes pratiques et du respect des standards du web (ce qu'a ignoré Microsoft jusqu'à la version 8 de son navigateur - et encore diront les puristes) depuis...2001. http://www.webstandards.org/action/previous-campaigns/

C'est donc un superbe tour de communication de la part de l'éditeur, que de ramasser les miettes tout en faisant parler de ses nouveaux produits.

Pour l'instant le site ne semble être proposé qu'en anglais, et les possibilités d'interaction et d'incitation à la diffusion du message ne sont pas à la hauteur, ou pour le moins sont à sens unique (l'internaute relayant le message mais n'obtenant rien en échange - au contraire de ce qui est annoncé : -, oui le propre du marketing viral...)

Voilà le message-type diffusé par les volontaires via Twitter : I'm doing my part to get IE6 to 1% http://bit.ly/ie6countdown #ie6countdown

http://www.theie6countdown.com

vendredi 10 décembre 2010

Diagnostic de Performance Energétique en Loire-Atlantique

Adéothermie est une nouvelle entreprise dont le dirigeant met à votre service ses 12 ans d'expérience dans le domaine de l'expertise du bâtiment.

Sue vous soyez professionnel de l'immobilier, professionnel de la construction ou accédant à la propriété et désireux de vérifier la perméabilité à l'air de votre future maison et établir le bilan
énergétique de la construction, Adéothermie réalise les études thermiques réglementaires et vous accompagne pour l'obtention de labels (Effinergie par exemple).

Thermographie infrarouge, réalisation de Diagnostic de Performance Energétique, infiltrométrie : Adéothermie vous conseille et vous accompagne.


mardi 29 juin 2010

Nouveau site HTML5

Le site de la psychologue pour enfants et adolescents Emilie Bernardeau est désormais en ligne !

Conçu en HTML5 et CSS, il se veut informatif et accessible à tous les publics susceptibles de faire appel aux services d'une psy sur Nantes.

http://www.psychologie-nantes.com/

jeudi 3 juin 2010

Intégration web et technologies xhtml/css

Intégrateur web est un métier qui demande des compétences principalement en langage de balisage HTML et en syntaxe de feuilles de styles (CSS, cascading style sheets). La connaissance des normes et standards de publication pour le web est également très importante, afin de déterminer au mieux la cible du site (quels types d'internautes sont amenés à le consulter ?) et de pouvoir choisir le standard le plus adapté.

L'intégration web moderne s'occupe donc de différencier forme et contenu, en utilisant au maximum les CSS pour formater le texte et les médias. Mais à l'heure où le HTML5 et les CSS3 arrivent, quel est le meilleur choix ?

Bien évidemment, la connaissance du milieu du graphisme / webdesign et de ses principaux outils (logiciels de création d'image ou de retouche d'images comme Photoshop, The Gimp, logiciels de découpe comme Fireworks...) est également requise.

mercredi 12 mai 2010

Intégration de chartes graphiques pour CMS

Vous possédez un site basé sur un CMS ou propulsé par E-Majine ou Izi-Media et souhaitez re-travailler son ergonomie et son design ?

Je vous propose mes prestations d'intégrateur web en utilisant les technologies xHTML et CSS, afin de vous garantir un respect des normes et standards de publication pour Internet.

Contactez-moi via le site d'Ancenis Web, création de sites internet et référencement en pays d'Ancenis.

mercredi 14 novembre 2007

Intégration web

Bienvenue sur le blog de l'intégrateur web xHTML+CSS !