.
virusphoto virusphoto

Identifiant

Mot de passe

Derniers messages Messages du jour Sujets sans réponse S'inscrire

Rejoignez-nous !

VirusPhoto » Forum » La communauté » Les sites des membres

Aller au premier non-lu
  #16  
non lus 07/03/2011, 05h16
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Citation:
Posté par Clovis Voir le message
Salut, moi je vais te donner mon avis technique…

Première chose qui m'a sauté aux yeux, tu as un problème d'encodage de caractères. En regardant la source, j'ai vu que tu n'avais pas de META qui précisait qu'elle encodage (du coup tu laisse le serveur annoncer l'encodage par défaut, qui n'est pas l'encodage dans lequel ton site a été créé).

De plus, je remarque que tu n'as pas mis de DTD (petite bannière au début du code pour annoncer quelle version de (x)html tu utilises. (je suis aussi surpris que le bouton like de fb soit dans un iframe, ce que me conforte à ne pas l'utiliser)

Autre conseil, tu devrais mettre le script de google analytics à la fin de la page, entre les bannière fermantes </body> et </html> pour qu'il se charge en dernier et évite de ralentir le reste de l'affichage. Pareil pour prototype et script.aculo.us (quoi que pour ces derniers, il y a des chances que ça fasse buger lightbox).

Tu as 2 feuilles CSS, essaye de les fusionner pour n'en faire qu'une seule. Aussi, profites-en pour virer les bannière <font> obsolète, et les remplacer par une class dans la bannière <a> et tu pourra contrôler les couleurs du menu depuis les CSS.

Enfin, pour la page de contact, à moins que tu n'apprécie les petites pilules bleus de contrebande, tu ne devrais pas afficher ton email en clair (ni utiliser un lien mailto


Merci Clovis pour toutes ces remarques. J'avoue que j'ai pas tout compris vu que je ne maitrise pas encore vraiment les langages html ou css mais je vais essayer d'en tenir compte. J'ai fais ce site en bidouillant beaucoup et en récupérant des infos à droite à gauche sur le web mais certains points m'échappent encore.
Serais-tu d'accord pour que je te pose quelques questions en mp si je bloque sur un point et si tu as le temps???
Réponse avec citation

Pour participer aux discussions et avoir accès à tous les outils
proposés sur VirusPhoto, inscrivez-vous en quelques secondes : cliquez ici.

Outils de la discussion Chercher dans ce sujet
Rechercher dans la discussion:

Recherche avancée

Noter la discussion
Evaluez cette discussion :
  #17  
non lus 07/03/2011, 05h21
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
Oui, si tu veux… Je ne suis pas toujours dispo, mais je peux t'aider autant que possible…
Réponse avec citation
  #18  
non lus 07/03/2011, 05h52
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Ok, super, si j'ai besoin je te parlerais en privé pour pas polluer le forum!
Merci encore...
Réponse avec citation
  #19  
non lus 07/03/2011, 05h53
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
bah tu peux aussi poser tes questions sur ce fil, au moins si je suis pas dipo, quelqu'un pourrait répondre à ma place…
Réponse avec citation
  #20  
non lus 07/03/2011, 06h09
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Bon, ok alors je mets le message privé que je viens de t'envoyer!! :

Merci d'avoir pris le temps de regarder le code de mon site, j'avoue qu'il y a beaucoup de ligne que j'ai mis au hasard!

J'aurais juste deux trois questions!!

pour la balise META encodage, je viens de voir ça sur le net, est ce que ça convient?? <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />

Pour le script de google analytics, est ce que si je le déplace vers le bas, je perdrais les informations qui ont été enregistrées depuis que je l'ai installé ou est ce que ça ne change rien???
J'ai l'information sur les 550 visiteurs qui sont déjà passé sur mon site et j'ai pas vraiment envi de les voir disparaitre..

Pour mon mailto, j'ai supprimé, en plus, en 2 mois, aucun message donc pas la peine de prendre de risque!!

Pour les autres infos que tu m'a donné, j'ai pas vraiment compris ou je ne sais pas faire (DTD, regroupement des CSS, iframe) mais je vais continuer à chercher sur le net...

Merci encore et a +

Au fait, tu es un couche tard ou un lève tôt, rare qu'il y est du monde à 4h30 du matin!!
Réponse avec citation
  #21  
non lus 07/03/2011, 07h00
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
pour l'encodage, le format de la bannière est bon, après à toi de voir avec quel encodage tu as sauvé tes fichiers (iso-8859-1,iso-8859-15, UTF-8, ou autre)…

Il n'y a aucun impact à déplacer le jscript de google analytics… Ce script sert juste à mettre en contact le visiteur de ton site avec le service, afin que ce dernier récupère et stock les informations qu'il a besoin pour générer tes stats. Donc pas de soucis de perte d'infos non plus !
La seule différence entre le mettre en début ou en fin de code, c'est qu'il va prendre un temps supplémentaire pour charger ce script (nouvel échange du navigateur avec un autre serveur, ce qui peux prendre un peu de temps, selon les réglages dudit serveur). Alors s'il faut faire une pause, autant que ce soit quand ta page a déjà été chargée (bon, ok tu gagne à peine quelques millisecondes à chaque chargement de page, mais les moteurs de recherche apprécient les sites optimisés).

Le DTD (ou DocType Declaration) est une bannière spéciale qui se place au tout début du code de la page et qui indique au navigateur quelle version de (x)HTML est utilisée. Si ce DTD est absent, il peux y avoir quelques petites erreurs dans l'affichage, des erreurs de sémantique, mais aussi IE passer en mode Quirk (c'est un peu compliqué à expliquer, mais avant que les standards du W3C soient créés, les navigateurs interprétaient le html comme ils voulaient).
Maintenant, si tu veux utiliser un DTD, c'est que tu considères que la façon dont ton site doit s'afficher est important et qu'un décalage de quelques pixels pourrait tout foirer par exemple. Si tu es encore au stade de l'apprentissage, je te conseil d'utiliser le DTD de HTML5 et de te renseigner sur ce standard :
Code HTML:
<!DOCTYPE HTML>
En plus ce DTD est tout simple quand tu regardes les version précédentes :
Code HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Par contre, les bannière <iframe> et <font> que tu utilises sur ton site ont été déclarées obsolètes et il n'est pas conseillé de les utiliser. Au même titre que les tableau (<table><tr><th>…</th></tr><tr><td>…</td></tr></table>) doivent être exclusivement réservé au classement de données et non pas utiliser pour de la mise en page (qui est exécuté via les CSS).

Justement, les CSS pour Cassacading SteelSheet (ou feuilles de style en casacade) sont des éléments, qu'il est fortement conseillé de mettre dans un fichier à part quand ton site dépasse les 2 pages, qui permet d'indiquer comment va s'afficher ton site, sur différents supports (pour le moment, c'est limité à "screen" et "print", mais suivant les évolutions du matériel d'autres supports peuvent apparaître).
Ton site appel 2 fichiers CCS, l'un en display="all" et l'autre en display="screen". Il n'est pas vraiment conseillé d'utiliser le display="all", étant donné qu'il pourra être appliqué à l'impression, ce qui peux jouer des tours (je suis pas aller fouiller ces fichiers mais si le "all" défini le fond noir et/ou le texte en blanc, ta page risque de mal s'imprimer, on consommer inutilement de l'encre). C'est pour çà que je t'indiquait de fusionner ces 2 fichiers en un seul, et par contre d'en définir une pour le "print".

Les CSS permettent surtout de bien séparer le contenu du site de son affichage (les moteurs de recherche ne s'occupent que du contenu et ne s'intéressent pas à l'esthétique, se contentant juste de mettre les fichiers css en cache). Je t'invite à aller faire un tour sur mon site avec firefox et de désactiver les style (menu Affichage > Style de la page > Aucun style). Tu verras que le design disparait et que seul le contenu reste.

Du coup, j'en profite pour revenir à la bannière <font>, qui est obsolète justement parce qu'il indique des informations d'affichage (le problème en mettant du texte en beige de cette manière, c'est qu'il sera aussi imprimé en beige, et sur fond blanc, c'est plus vraiment lisible). Dans ton cas, je te conseil de virer les bannière font, et de compléter tes bannière <a href="…"> ainsi : <a href="…" title="…" class="portfolio"> (j'ai utilisé portfolio mais tu peux choisir une autre appellation) et indiquer dans ton fichier css
Code HTML:
a.portfolio { color: #fefdbb; }
(tu notera que les valeurs hexadécimale des couleurs doivent être en minuscule)

De plus, tu as fait l'erreur enchevêtrer les bannières <a> et <font>, ce qui n'est pas autorisé par les spécifications du HTML5 (tu utilises <a><font></a></font> alors que çà devrait être <a><font></font></a>, même si c'est un mauvais exemple du fait que tu ne devrais pas utiliser <font>).

Je pourrait éventuellement te faire un topo plus poussé sur HTML5 et CSS3, mais ça prendrait beaucoup de temps et il existe de très bonnes documentations sur le sujet…

Dernière modification par Clovis 07/03/2011 à 07h05.
Réponse avec citation
  #22  
non lus 07/03/2011, 07h28
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
OUFFF!!!

Va me falloir du temps pour digérer tout ça!
Bon, en tout cas , ça me donne des pistes pour améliorer mon site, dès que j'aurais un peu de temps, je vais me plonger dans tout ça voir ce que je suis capable de faire (ou pas)!
J'avais vu ton site ya quelques jours mais je suis pas allé voir le code, j'irais faire un tour voir ce que ça donne (si je comprends)!

bon, y'a plus qu'à...
Réponse avec citation
  #23  
non lus 07/03/2011, 13h39
Avatar de Clovis
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Oeil gauche + index droit + reflex
 
Messages: 2 207
19355 Photiz - Faire un don
Si tu regarde le code, tu verras qu'il est très simple (+ quelques commentaires conditionnels pour essayer de faire avaler la pilule html5 à ce bon vieux réfractaire internet explorer)… N'hésite pas à regarder les sources des sites, c'est comme çà que tu comprend, par contre, çà ne veux pas dire que ces site sont bien fait, et là il faut aller apprendre sur des sites comme Alsacreation, W3School, etc…
Réponse avec citation
  #24  
non lus 08/03/2011, 05h15
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Oui, c'est vrai que j'hésitais à aller voir le code des autres sites, soit il était trop compliqué, soit j'avais peur que ça ne colle pas avec ce que je voulais faire!
Maintenant que je sais que tu maîtrises ton sujet, je pourrais, je pense, regarder ton code et voir la façon dont tu disposes chaque élément.
Réponse avec citation
  #25  
non lus 08/04/2011, 06h40
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Voilà, après de très très nombreuses heures à me prendre la tête, j'ai enfin remodelé toute la partie de mon site consacrée aux paysages en y intégrant des cartes "interactives"et des descriptions pour rendre le tout plus lisible.

J'aimerais bien avoir vos commentaires sur ce qui va pas et sur ce qui est bien!!

PS (pour Clovis) : ton aide m'a beaucoup apporté, j'ai suivi pas mal de tes conseils (fusion des CSS, script en bas de page etc...etc...) merci encore.
 

Dernière modification par SaorPatrol 08/04/2011 à 06h47.
Réponse avec citation
  #26  
non lus 19/04/2011, 06h44
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Après 10 jours sans aucune réponse je me permets de faire un petit up!!!

Si je pouvais avoir un retour sur les modifications que j'ai effectué.

Un petit commentaire svp???
Réponse avec citation
  #27  
non lus 19/04/2011, 10h29
Avatar de claudemaia
Membre
Ma pratique de la photo: Je débute
Matériel: canon eos 7D
 
Messages: 126
875 Photiz - Faire un don
bonjour

je viens de visiter ton site
j'aime! c'est simple et la navigation y est très rapide
par contre un petit problème pour visualiser les panoramiques,
j'ai une fenêtre qui affiche en haut a gauche : "pano22VR trial licence expired"

bon courage !

claude

Dernière modification par claudemaia 19/04/2011 à 10h32.
Réponse avec citation
  #28  
non lus 19/04/2011, 10h36
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Ah oui, effectivement, la licence vient d'expirer, va falloir que je trouve qqchose de gratuit! (d'ailleurs si quelqu'un connait un équivalent à Pano2VR en gratuit je suis prenant)

Merci pour tes remarques Claude!

content que le site te plaise...
Réponse avec citation
  #29  
non lus 19/04/2011, 23h05
Avatar de nelson
Membre
Ma pratique de la photo: Pratique régulière
Matériel: Canon 5d mark II + 24-70 EF f2.8 +70-200 f4 IS + 50 1.4
 
Messages: 738
6545 Photiz - Faire un don
Une façon vraiment différente de présenter ses plus beaux clichés, j'aime ce côté professionalisme.

Par contre je trouve tes galeries un peu trop petites mais bon.......

Il est agéable au visu et le contenu est magnifique..........
Réponse avec citation
  #30  
non lus 20/04/2011, 07h00
Avatar de SaorPatrol
Membre
Ma pratique de la photo: Pratique régulière
Matériel: D600 - 24-120 f4 - 50 f1.4 - 105 macro - 70-300
 
Messages: 522
3510 Photiz - Faire un don
Citation:
Posté par nelson Voir le message
Une façon vraiment différente de présenter ses plus beaux clichés, j'aime ce côté professionalisme.

Par contre je trouve tes galeries un peu trop petites mais bon.......

Il est agéable au visu et le contenu est magnifique..........

Merci de ta réponse Nelson!!!

Que veux tu dire par trop petites?? Qu'il n'y a pas assez de photos par thème ou que la taille des photos est trop petite???
Réponse avec citation
VirusPhoto » Forum » La communauté » Les sites des membres

Réponse

Discussion précédente / suivante dans cette rubrique :
« Fumées, par julien Lebreton | Mon site refonte »

Non-lu Non-lu  
Bloguer ceci Outils de la discussion Rechercher dans la discussion Note: Note de la discussion : 1 vote(s), moyenne 3,00.

Outils de la discussion Rechercher dans la discussion
Rechercher dans la discussion:

Recherche avancée
Noter la discussion
Noter la discussion:

 


LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Powered by vBulletin® Version 3.8.2 - Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
2006 - 2017 © ® VirusPhoto. Tous droits réservés.