Websites made with xhtml and css

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

mercredi 19 octobre 2011

Studio Sinaé : réalisé en CSS et xHTML

Lorsqu'une agence de communication décide de transposer son image sur internet, il est primordial que cela corresponde exactement à ses attentes !

Le studio de communication graphique SINAE, d'Ancenis en Loire-Atlantique, souhaitait refaire son site. Auparavant réalisé en tableaux imbriqués, la version en ligne ne présentait que peu de contenus, sans aucune optimisation pour le référencement (SEO). Depuis environ un mois, la nouvelle version prend en compte tous les critères pour maximiser l'impact du référencement in-page et in-site. Réalisé sans CMS, le nouveau site repose sur une architecture CSS 2.1 et xHTML 4.01.

Le but de cette nouvelle vitrine sur internet est de présenter de façon exhaustive et claire les différentes prestations proposées par le studio graphique :

  • Conception de logo et de charte graphique pour l'identité visuelle
  • Création de supports de communication marchands : flyer, brochures, catalogues dans le domaine de l'édition
  • Réalisation de plans de ville et d'illustrations sur demande
  • Communication sur internet 
Toutes ces prestations sont proposées au travers du site et d'un portfolio comptant des dizaines de réalisations, sous forme de diaporama interactif réalisé en CSS et Javascript.
Le studio Sinaé possède ses propres bureaux en plein cœur d'Ancenis, au 11 rue du Baron Geoffroy (44150 ANCENIS). Cette zone est connue sous l'appellation "les grands champs". Le numéro de téléphone pour contacter le studio graphique est le 02 51 14 13 53.

Enfin, l'adresse internet du site est http://www.sinae.fr
Bonne visite !

dimanche 14 août 2011

Consultant internet

Réalisé en HTML5 et CSS 3, le site Omnireso.com est dédié à la présentation des services proposés par un consultant internet indépendant basé en Loire-Atlantique.

Le site dispose d'une cinquantaine de pages servies dynamiquement par le module PHP, ainsi que quelques scripts (ECMA et Ajax). Le choix de coder la structure des pages avec une langage uniquement supporté par les dernières versions de navigateurs laisse donc les internautes utilisant Internet Explorer 8 (et versions antérieures) quelque peu défavorisés, puisqu'ils perdent la mise en page CSS 3, mais sans toutefois altérer la navigation ou la lisibilité.

Le site propose également plusieurs flux XML sous différents formats comme Atom et RSS (mais aussi les listes OPML).

Quant au contenu du site, il est avant tout pensé et optimisé pour l'accessibilité et le temps de chargement. L'intégration des pages a donc été réalisée selon une stratégie de réduction de poids, d'appel aux feuilles de styles et scripts externes, etc...

Il est intéressant de noter que les dernières versions successives du navigateur Mozilla Firefox interprètent différemment la propriété border-radius utilisée pour les éléments du menu horizontal du site.

vendredi 25 mars 2011

Site de contact artisan de Loire-Atlantique en xHTML+CSS

Une quinzaine de pages développées pour la société de fourniture et pose de carrelage Esneault, située en Loire-Atlantique au cœur du Pays d'Ancenis.

Destiné à une cible plutôt "grand-public", le site repose sur les technologies PHP, HTML et CSS, ainsi que JavaScript. La structure des pages est réalisée aux normes xHTML 1.0 transitional et CSS 2.1. L'ensemble des contenus a été rédigé en vue d'une optimisation maximale pour le référencement naturel. Le site présente l'entreprise et des exemples de réalisation. L'objectif du site est de générer du contact entrant au moyen du formulaire proposé aux internautes, en complément de conférer une posture et une image modernes à l'entreprise.

Toutes les pages ont été testées et validées conformes aux standards de publication pour internet, comme en atteste l'article publié sur le site du Bêta-Test : http://blog.beta-test.me/post/2011/03/04/Test-de-compatibilit%C3%A9-entre-navigateurs-%3A-Carrelage-Esneault

lundi 21 mars 2011

Soutien logistique, administratif et accompagnement de famille en deuil

Accompagnement de famille en deuil est un site de prestations de services en soutien aux familles endeuillées. En effet, le deuil survient rarement à une date prévue, et devoir faire face à tous les évènements liés à un décès est souvent trop demander aux proches déjà accablés. Ces services aux familles couvrent donc tous les besoins auxquels doivent faire face la famille de la personne décédée : tâches administratives (prévenir toutes les administrations et autres organismes officiels), préparation de la cérémonie, accueil des proches, préparation de différentes collations et repas, intendance, réponse aux cartes de condoléances, entretien et refleurissement de tombe... L'accompagnement des choses matérielles est effectué en toute discrétion.  

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

samedi 22 janvier 2011

Audit énergétique du bâtiment et de la construction

Les nouvelles normes en matière de Réglementation Thermique, les lois Grenelle1 et Grenelle 2 pour l'environnement, les accords de Kyoto... Tout concourt à une prise de conscience collective quant aux répercussions de nos différentes formes de pollution de la planète sur l'environnement et le climat. Cela se traduit par une réglementation plus stricte en matière de construction. Désormais les différentes étapes de conception d'habitations (logement collectif ou individuel) ou de locaux professionnels doivent répondre à un cahier des charges précis, visant à quantifier et qualifier la consommation d'énergie d'un bâtiment. On dit alors d'une construction qu'elle est "énergivore", selon des tranches de consommations fixées par l'État et les gouvernements.

Adéothermie met en œuvre toute son expérience (plus de 12 ans en bureaux d'études et diverses sociétés des secteurs BTP et industries) afin de vous accompagner tout au long du processus de normalisation d'un bâtiment. L'audit énergétique de la construction passe par toute une série d'études pouvant inclure :

La société, basée dans l'agglomération Nantaise en Loire-Atlantique, peut diagnostiquer tout bien immobilier pour tout type de besoin dans la région des Pays de la Loire.
Devis gratuit et sans engagement.

Si les processus de cette société et les compétences de son dirigeant, ingénieur thermicien, ont été validés et certifiés par des organismes d'accréditation officiels (comme l'Icert), le site internet http://www.adeothermie.fr a de son côté passé les
tests des validateurs xHTML et CSS du W3C.

Il s'agit donc d'un site conforme aux normes de publication pour l'internet et optimisé pour l'accessibilité, qui mérite donc de figurer parmi le panel de sites respectueux des standards.


vendredi 10 décembre 2010

Gestion de contenus et animation éditoriale de sites

Le contenu continue (heureusement) à fournir la plus grande partie de l'intérêt d'un site. Sans ligne éditoriale définie, un site bien présenté grâce à une maquette graphique attrayante ne gardera pas ses visiteurs longtemps, ni ne les fidélisera.

Sitanim l'a bien compris, et met ses services à la disposition de marques, de blogs et de sites misant sur une stratégie à moyen/long terme. En rédigeant des articles de fond,  des tests, des comparatifs ou de manière moins formalisée des billets de blog pour tout type de plateforme web, ce prestataire en animation de site et gestion de contenus web confère à vos pages une stratégie éditoriale de qualité, tout en assurant la régularité des publications en ligne.

Confiez la mise à jour de vos pages à Sitanim ! Le site utilise les technologies XHTML+CSS et PHP/MySQL et regorge de conseils pratiques pour créer, gérer et organiser vos productions web.

Bon à savoir, le site propose également un annuaire gratuit !

mardi 29 juin 2010

Aller de l'avant avec HTML5

On peut vouloir rester sur ses acquis. On peut se poser des questions, longtemps, sur la pertinence de migrer ses sites de la structure de code xHTML au HTML5, comme l'atteste l'avant dernier billet sur le meilleur choix de balisage pour ses pages web.

Mais on peut également cesser de se poser des questions et regarder ce que la nouveauté peut nous apporter. En occurrence, un balisage sémantique logique, économe (au revoir les balises DIV et SPAN) et très intéressant pour l'accessibilité, des fonctionnalités natives (formulaires web par exemple dans le cas présent) sans passer par de multiples plug-ins, et le référencement naturel qui est induit.

Le site de la psychologue pour enfants Emilie Bernardeau, Psychologie Nantes, bénéficie de structure de pages codées en HTML5 et CSS.

vendredi 14 mai 2010

xHTML ou HTML 5 ? Que choisir pour la conception de sites web ?

L'évolution du web est passée par différentes phases technologiques. Le HTML de Tim Berners-Lee a évolué jusqu'à la version 4.01, puis a passé la main au xHTML au début des années 2000. Aujourd'hui en 2010 le HTML revient en force avec la version 5 (HTML 5), améliorée sur bien des points et proposant nativement des implémentations de technologies connexes (expressions régulières avec Web Forms, support natif du SVG...)

Si vous n'avez pas encore de site, demandez à votre prestataire que vos pages soient développées en HTML 5; si vous possédez déjà un site, vous pouvez demander sa migration de xHTML à HTML 5, mais ce n'est pas une obligation puisque la somme de documents XHTML va encore être présente pendant quelques années sur le web !

mardi 30 mars 2010

Site du groupe rock El Royce

Dans la catégorie "technologies xhtml + css générées par un CMS", le site d'El Royce propose un graphisme relativement dépouillé propre au genre (thème : musique, influences : rock, hard-rock).

Le site du groupe El Royce utilise les feuilles de styles d'origine proposées lors de l'installation et la configuration du CMS E-Majine, ainsi que les templates xHTML natifs, améliorés ou modifiés pour le référencement naturel en quelques points.

Bien que proposant un habillage graphique sobre, pratiquement tous les éléments sont personnalisés : widgets (calendrier des évènements concerts, inscription à la newsletter, création de compte...), billets de blogs et autres galeries de liens ont vu leur templates xhtml subir des modification et optimisations de code... Les balises HTML n'ont pas eu le temps de souffrir pendant l'opération, et sauf contenus d'articles trop vite rédigés par les rédacteurs, la validité du code est toujours attestée par les validateurs en ligne du WDG ou du W3C, pour ne citer que ces outils.

Quant aux CSS, elles reposent sur la norme CSS 2.1 principalement avec de rares écarts du côté du CSS 3.0.

Rendez-vous en ligne sur le site et à bientôt !

mercredi 14 novembre 2007

xHTML made with CSS

Lancement du site "Made with CSS" pour le portfolio des plus beaux sites développés à l'aide des technologies xHTML et CSS.