Salut,
À mon avis ton système de vote n'a pas sa place. Il n'est pas pertinent. Tu devrais plutôt éditer ton sujet et citer les différentes énumérations de ton vote. Ainsi, les commentaires seront plus pertinents que ton vote.
Valide le html avant de présenter ton travail.
Tu n'utilises pas à bon escient certains éléments HTML comme aside par exemple. Cet élément est mal compris apparemment par beaucoup. Je trouve que cette
définition devrait t'aider à comprendre son utilisation :
a écrit :
HTML5 contient un nouvel élément qui sert à encapsuler de l’information supplémentaire relative à un article ou une page, mais qui n’est pas absolument nécessaire à sa compréhension.
Je te donne un exemple concret : Un magasin met en ligne ses produits. Dans la page et comme contenu principal, il y a un ou plusieurs articles. Comme aside, on pourra trouver un contenu parlant du financement du/des produits (crédit) présentés. Le bloc ne parle pas des produits présentés, mais il a un point commun sur les produits : comment acheter à crédit ce/ces produits ?
Dans ton code, je lis ceci :
<section class="haut_page_principal">
<article>
<h1>Connaissez-vous les films pour vitrage ?</h1>
<img alt="exemple d'un film pour vitrage" src="images/exemple_film.png" class="image">
</article>
<aside class="page_principal">
<p>Un <strong>film pour vitre</strong> est une fine pellicule de polyester (matière plastique) de haute technologie que l'on colle sur une vitre et qui est constituée de plusieurs couches de matières différentes
extrêmement fines conférants à la surface vitrée des caractéristiques très intéressantes.</p>
<p>Issus de la technologie spatiale, les films séduisent les architectes et prescripteurs du bâtiment pour leurs nombreuses performances à résoudre beaucoup de problèmes liés aux baies et aux vitrages.</p>
</aside>
</section>
C'est faux. Il n'y a pas besoin d'aside dans ton cas.
<section class="haut_page_principal">
<article>
<h2>Connaissez-vous les films pour vitrage ?</h2>
<img alt="exemple d'un film pour vitrage" src="images/exemple_film.png" class="image">
<div>
<p>Un <strong>film pour vitre</strong> est une fine pellicule de polyester (matière plastique) de haute technologie que l'on colle sur une vitre et qui est constituée de plusieurs couches de matières différentes
extrêmement fines conférants à la surface vitrée des caractéristiques très intéressantes.</p>
<p>Issus de la technologie spatiale, les films séduisent les architectes et prescripteurs du bâtiment pour leurs nombreuses performances à résoudre beaucoup de problèmes liés aux baies et aux vitrages.</p>
</div>
</article>
</section>
Au passage, tu remarqueras que je t'ai corrigé ton h1.
Dans ton header, le menu est faux également :
<nav>
<ul>
<li>
<a href="#">
<figure>
<img src="voiture.png" alt="">
<figcaption>voiture</figcaption>
</figure>
</a>
</li>
<li>
<a href="#">
<figure>
<img src="batiments.png" alt="">
<figcaption>bâtiments</figcaption>
</figure>
</a>
</li>
<li>
<a href="#">
<figure>
<img src="store.png" alt="">
<figcaption>stores & films</figcaption>
</figure>
</a>
</li>
</ul>
</nav>
Il y a encore d'autres erreurs je pense. J'ai regardé vite fait ton code. Il est à revoir. Si tu ne sais pas trop utiliser les éléments html5, cantonne toi aux éléments que te propose xhtml 1.0 transitional tout en gardant un doctype html5.
En ce qui concerne la palette de couleurs. Reste sur ces couleurs. C'est très bien ! Par contre, oh mon dieu la mise en page et la mise au point du texte. Là où tu dois rester timide, tu grossis et là où tu dois mettre en exergue des éléments graphiques/textuels, tu es timide. Il y a des endroits où on sent le contenu placé sans aucune mise en forme particulière. Il n'y a pas eu d'effort. Ce qui a pour effet de fatiguer ton lecteur. Par exemple, je n'ai pas vu de niveau de lecture (visuellement). Là où il faudrait mettre en avant des éléments, tu les places après l'information secondaire.
Modifié par niuxe (26 Apr 2014 - 09:12)
