• Aller au menu
  • Aller au contenu
  • Aller à la recherche
  • tutoriels
    • Catégories
    • actualités
    • html
    • css
    • javascript
    • responsive
    • design
    • accessibilité
    • développement
    • vue et nuxt
    • formats
    • web
    • Ressources
    • Les plus lues
    • Outils
    • Guidelines
    • Livres
    • Quiz !
    • Concours
    • Par niveau
    • Débutant
    • Confirmé
    • Expert
  • forum
    • Nouveau sujet/question
    • Catégories
    • Dernières réponses
    • Recherche
  • emploi
    • Offres d'emploi
    • Demandes d'emploi
    • Favoris
    • Poster une offre
    • Poster une demande
  • formations
    • CSS3 Expert
    • Flexbox et Grid Layout
    • HTML5
    • Vue 3
    • Nuxt
    • JavaScript
    • Accessibilité
    • Performances web
    • Intégration d'e-mails mobiles
    • Formation sur-mesure
  • S'inscrire
  • Connexion
  • Concours
  • Modalités
  • Concourir
  • Participants
  • Résultats

Cascading Style Summer Refresh 2010

Retour au concours

ag-webart par agwebart

Voir en ligne http://www.ag-webart.com

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 4.330/10

Commentaires

LuciferX
29 Septembre 2010 à 03h30

Il y avait un site avant car j'ai l'impression que l'image du dessus ne représente pas un site ?!

designer1959
01 Octobre 2010 à 11h31

L'univers graphique proposé à sa cohérence. On sent une réflexion pour aboutir à un résultat fonctionnel et assez attractif, mais quelques points demeurent peut-être à améliorer. Dès la page d'accueil, la fenêtre qui décrit les contenus du site ne propose aucun lien. Ils sont doublés en icônes en haut, en bas en version texte. Je trouve les icônes des portfolio trop peu explicites, et / ou trop petites. Les menus du bas en texte aussi sont un peu petits. Concernant l'accès aux logos par exemple, le système n'est pas mal, pourquoi ne pas revenir en boucle, une fois parvenu au dernier ? Parfois, on aimerait visualiser en plus grand. Assez surpris que ce site ait suscité aussi peu de commentaires…

agwebart
01 Octobre 2010 à 14h50

merci designer1959 je prend note des commentaires ... et je vais réfléchir à comment apporter des modifs ... pour que mon site soit plus attractif.

LuciferX
04 Octobre 2010 à 02h20

Alors, pour être un peu plus constructif,

Niveau code:
- Le site ne passe pas la validation css/html
- Il faudrait également externaliser les scritps présents dans la page et les pacer autant que possible en bas de page avant la fermeture de la balise body
- Assigner une largeur ET une hauteur aux images
- La balise <title> doit être positionnée le plus haut possible dans le code HTML, pour bien faire, juste sous la balise <head>
- Il serait intéressant de retravailler le contenu du h1 car "Bienvenue sur" ne me semble pas vraiment approprié et l'attribut alt de l'image est nomé "logo2" ne me semble pas très explicite.
- Utiliser systématiquement les espaces insécables dans tes listes n'est pas non plus un bonne idée, de plus, il existe une balise pour les sauts de ligne (dernière liste).

Pour ce qui est du design:
- Je trouve le choix des couleurs assez sympa, ca donne une petite touche de fraicheur au site.
- Par contre, afficher de plus grandes images sur l'accueil et un peu plus de texte ne serait pas mal non plus, car point de vue SEO, c'est assez light !

Voila, dommage que ca manque un peu de contenu...

designer1959
04 Octobre 2010 à 02h33

LuciferX : peux-tu expliquer la nécessité de mentionner les largeur et longueur à une image ? Soi l'on utilise le format natif de l'image, est-ce nécessaire et pourquoi ?
Merci.

Noix de Coco
08 Octobre 2010 à 08h06

Je viens justifier ma petite note, car je n'aime pas donner des fessées crues. Un premier hic sur la qualité des images. On note une police par défaut dans la page "portfolioPrint". On ne voit nulle part une date ou une description sur tes créations. Le dégradé sur le pied de page dégrade justement le repos de l'oeil. J'en passe beaucoup, je note le plus flagrant.
J'ai trouvé bien mieux dans ton portfolioWeb, c'est dommage, on dirait que ton site a été fait un peu rapidement. Je retiendrai qu'il y a de la recherche (le doc de navigation en haut, l'organisation du site), mais que les finalisations sont peu abouties. Je t'encourage pour la suite !

Les commentaires sont clos.

 Alsacréations, un site dédié au <body> building  (Jean-Claude Vandamme)

  • plan du site
  • contact
  • formations
  • agence web
  • Retourner en haut de page

Alsacréations est une communauté dédiée à la conception de sites et applications web de qualité, grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et JavaScript, et à l'accessibilité. Réalisé par l'agence web Alsacreations.fr · À propos et mentions légales · Données personnelles

https://www.alsacreations.com/