Rénovation et travaux de l'habitat

[spamor]

Bonjour, l'Agence Trublion vous présente ce site de rénovation et travaux de l'habitat d'une entreprise située à Isbergues dans le Pas-de-Calais (France).

Hébergé sur Gandi simple hosting que je vous conseille fortement ! Réalisé - bien évidemment - sous CMSMS avec le plugin FormBuilder pour la page de contact.

La page "ravalement" utilise deux tableaux - bah oui, ce sont des données tabulaires http://www.renolys.fr/ravalement.html

La page "Isolation thermique par l'extérieur" utilise 2 image-maps illuminés par jQuery.
http://www.renolys.fr/isolation-thermiqu...rieur.html

Dans un souci de légèreté et d'optimisation, la page isolation thermique par l'extérieur est la seule à charger jQuery. Encore quelques balises meta description à renseigner et le projet commencera sa vie sur le net

Un projet sur lequel nous avons pris du plaisir à travailler. CMSMS s'est encore une fois avéré un allié précieux, cf les résultats du site sur GtMetrix.

Merci d'avance pour vos remarques !

[spamor]

Bonjour, l'Agence Trublion vous présente ce site de rénovation et travaux de l'habitat d'une entreprise située à Isbergues dans le Pas-de-Calais (France).

Hébergé sur Gandi simple hosting que je vous conseille fortement ! Réalisé - bien évidemment - sous CMSMS avec le plugin FormBuilder pour la page de contact.

La page "ravalement" utilise deux tableaux - bah oui, ce sont des données tabulaires http://www.renolys.fr/ravalement.html

La page "Isolation thermique par l'extérieur" utilise 2 image-maps illuminés par jQuery.
http://www.renolys.fr/isolation-thermiqu...rieur.html

Dans un souci de légèreté et d'optimisation, la page isolation thermique par l'extérieur est la seule à charger jQuery. Encore quelques balises meta description à renseigner et le projet commencera sa vie sur le net

Un projet sur lequel nous avons pris du plaisir à travailler. CMSMS s'est encore une fois avéré un allié précieux, cf les résultats du site sur GtMetrix.

Merci d'avance pour vos remarques !

[bess]

très bonne notation effectivement.

Ajoute [[strip]] [[/strip]] dans tes CSS pour réduire l'espacement et gagner encore quelques Ko.

Sinon le site est light, sympa sans casser de brique visuellement, mais vu le contexte du client je doute qu'il soit nécessaire de faire plus.

Je suis pas fan des images map mais c'est dans la catégorie gouts et couleurs donc je creuserais pas ce point.

Attention à une erreur dans le HTML

E-mail : <a class="blueLink" id="emailaddress2" href="http://www.renolys.fr/recrutement.html">contact<img alt="@" />renolys.fr</a>


<img> doit avoir un attribut source=""



sinon bon petit site en résumé

[bess]

très bonne notation effectivement.

Ajoute [[strip]] [[/strip]] dans tes CSS pour réduire l'espacement et gagner encore quelques Ko.

Sinon le site est light, sympa sans casser de brique visuellement, mais vu le contexte du client je doute qu'il soit nécessaire de faire plus.

Je suis pas fan des images map mais c'est dans la catégorie gouts et couleurs donc je creuserais pas ce point.

Attention à une erreur dans le HTML

E-mail : <a class="blueLink" id="emailaddress2" href="http://www.renolys.fr/recrutement.html">contact<img alt="@" />renolys.fr</a>


<img> doit avoir un attribut source=""



sinon bon petit site en résumé

[Ouik]

Look agréable, sobre, rapide à l'affichage, bien vu. Mention à la bonne visibilité des liens externes (souvent négligée) et au tableau joliment stylé.

Juste pour être pointilleux, quelques remarques :
menu :
- le texte "engagement environnemental" dépasse de l'image au survol
- le texte de chaque item de menu n'est pas centré verticalement par rapport à l'image de survol
- le contraste est faible au rollover (tout comme la légende du formulaire de contact)
- pas de rollover sur les items du sous-menu
formulaire :
- absence de rollover sur le bouton d'envoi du formulaire
- absence de focus sur les champs du formulaire

[Ouik]

Look agréable, sobre, rapide à l'affichage, bien vu. Mention à la bonne visibilité des liens externes (souvent négligée) et au tableau joliment stylé.

Juste pour être pointilleux, quelques remarques :
menu :
- le texte "engagement environnemental" dépasse de l'image au survol
- le texte de chaque item de menu n'est pas centré verticalement par rapport à l'image de survol
- le contraste est faible au rollover (tout comme la légende du formulaire de contact)
- pas de rollover sur les items du sous-menu
formulaire :
- absence de rollover sur le bouton d'envoi du formulaire
- absence de focus sur les champs du formulaire

[Eric11]

Site léger et agréable effectivement, dommage pour les erreurs html, comme le href au lieu de src pour les images que l'on retrouve sur pratiquement toutes les pages. Et beaucoup d'erreurs (19) sur la page Isolation thermique...

Eric

[Eric11]

Site léger et agréable effectivement, dommage pour les erreurs html, comme le href au lieu de src pour les images que l'on retrouve sur pratiquement toutes les pages. Et beaucoup d'erreurs (19) sur la page Isolation thermique...

Eric

[spamor]

Je n'avais pas passé toutes les pages au validateur html. Le code html des image maps avait été généré par Adobe Illustrator et je ne l'ai pas relu. D'où les <img /> et <area /> mal fermés. Honte à moi et vive le balisage à la main finalement

@Eric11 : "href au lieu de src pour les images" : peux-tu préciser ?
@Ouik : bien vu, le sens du détail c'est important, je pense pouvoir appliquer la plupart des correctifs très vite
@bess : je ne connaissais pas [[strip]] [[/strip]], je vais rechercher sur la doc et le forum, merci pour ton conseil

Mon admin ne trouve plus ses css après renommage du dossier "admin" et modification du chemin dans le config.php... Je pense que c'est un problème de cache (bien que j'aie flush plusieurs fois côté cms et côté serveur)...

Merci à tous pour vos remarques et suggestions.

Edit : Done !

menu :
x le texte "engagement environnemental" dépasse de l'image au survol
x le texte de chaque item de menu n'est pas centré verticalement par rapport à l'image de survol
x le contraste est faible au rollover (tout comme la légende du formulaire de contact)
x pas de rollover sur les items du sous-menu
formulaire :
x absence de rollover sur le bouton d'envoi du formulaire
x absence de focus sur les champs du formulaire

[spamor]

Je n'avais pas passé toutes les pages au validateur html. Le code html des image maps avait été généré par Adobe Illustrator et je ne l'ai pas relu. D'où les <img /> et <area /> mal fermés. Honte à moi et vive le balisage à la main finalement

@Eric11 : "href au lieu de src pour les images" : peux-tu préciser ?
@Ouik : bien vu, le sens du détail c'est important, je pense pouvoir appliquer la plupart des correctifs très vite
@bess : je ne connaissais pas [[strip]] [[/strip]], je vais rechercher sur la doc et le forum, merci pour ton conseil

Mon admin ne trouve plus ses css après renommage du dossier "admin" et modification du chemin dans le config.php... Je pense que c'est un problème de cache (bien que j'aie flush plusieurs fois côté cms et côté serveur)...

Merci à tous pour vos remarques et suggestions.

Edit : Done !

menu :
x le texte "engagement environnemental" dépasse de l'image au survol
x le texte de chaque item de menu n'est pas centré verticalement par rapport à l'image de survol
x le contraste est faible au rollover (tout comme la légende du formulaire de contact)
x pas de rollover sur les items du sous-menu
formulaire :
x absence de rollover sur le bouton d'envoi du formulaire
x absence de focus sur les champs du formulaire

[spamor]

edit : J'ai résolu mon problème d'accès admin : un souci de cache sur le serveur Gandi.

Petite précision que j'ai oublié de mentionner : le site utilise un 'seo pack' qui reprend le contenu de votre page, et le tronque aux 150 premiers caractères, afin de l'intégrer à votre <meta> description

Alternative utile lorsque vous n'avez pas (ou pas encore) les textes devant y figurer pour votre référencement !

[spamor]

edit : J'ai résolu mon problème d'accès admin : un souci de cache sur le serveur Gandi.

Petite précision que j'ai oublié de mentionner : le site utilise un 'seo pack' qui reprend le contenu de votre page, et le tronque aux 150 premiers caractères, afin de l'intégrer à votre <meta> description

Alternative utile lorsque vous n'avez pas (ou pas encore) les textes devant y figurer pour votre référencement !

[Eric11]

En html l'appel à une image se fait par un src et non par un href.

http://www.w3schools.com/tags/tag_img.asp

Eric

[Eric11]

En html l'appel à une image se fait par un src et non par un href.

http://www.w3schools.com/tags/tag_img.asp

Eric

[spamor]

Euh, ça, oui :lol: Mais je ne vois pas où se trouve / trouvait l'erreur dont tu parles. Il me manquait des attribults "src" sur la bidouille de l'adresse e-mail, là où je n'avais mis que des "alt" afin de masquer l'arobase (mesure anti collecte d'e-mail)
Mais aucun appel href en vue.

[spamor]

Euh, ça, oui :lol: Mais je ne vois pas où se trouve / trouvait l'erreur dont tu parles. Il me manquait des attribults "src" sur la bidouille de l'adresse e-mail, là où je n'avais mis que des "alt" afin de masquer l'arobase (mesure anti collecte d'e-mail)
Mais aucun appel href en vue.