Changement total du script !!! Vos avis ???

cheloniologue · 27 Février 2011

Bonjour à tous,

Comme tout le monde me la conseillé ... j'ai changé le code du site ... qu'en pensez vous ?

Pour comparer il suffit de regarder une autre page au pif et la page d'accueil (seule la page d'accueil a été mise à jour à l'instant) http://www.cheloniophilie.com :mrgreen: :mrgreen: :mrgreen:

Si jamais il y a des modifs à faire ... faites le moi savoir !!!

padadam22 · 27 Février 2011

Evite de poster un nouveau topic à chaque modification que tu fais sur ton site.

Les modifs sont très discrètes, mais le code est plus propre

Marie-Aude · 27 Février 2011

<h1>[Titre manquant]
<h2>La Gazette des tortues
<h1>Vous êtes sur le plus gros site sur les tortues.
<h2>Introduction sur les tortues
<h2>Définition du mot tortue
<h2>Objectif du site http://www.cheloniophilie.com

Pourquoi mettre la gazette des tortues en h2 ?

Sinon le code est quand même nettement mieux

Cam88 · 27 Février 2011

Un problème avec 3 images dans le menu de gauche ? à partir de "Les fiches"

cheloniologue · 28 Février 2011

padadam22 a dit:
Evite de poster un nouveau topic à chaque modification que tu fais sur ton site.

Les modifs sont très discrètes, mais le code est plus propre

L'autre topic faisant 4 pages et n'étant pas dans la partie adéquat (référencement google), j'ai opté avec hésitation pour un nouveau topic neuf dans la bonne partie !!!

J'ai fait appel à un intervenant extérieur pour la mise en place du nouveau script avec deux objectifs (conseillés par certains membres dont Marie Aude (que je remercie encore)). Le code à complètement changé !!! D'un texte tabulaire ... nous passons à autre chose organisé avec des <div>, des menus en <li> ...etc etc !!!

Je n'appelle donc pas ça une "discrète modification" mais une complète modification. Après je viens là pour vous demander les modifications à faire et erreurs que vous voyez afin que je puisse le signaler avant tout règlement. Enfin j'avais demandé à ce que le site respecte le W3C mais d'après une analyse ... il y a 7 erreurs : http://validator.w3.org/check?uri=www.cheloniophilie.com&charset=%28de ... ne&group=0

C'est bien ça ? (Donc a priori je peux lui demander de faire les corrections qui s'imposent ?)

cheloniologue · 28 Février 2011

Cam88 a dit:
Un problème avec 3 images dans le menu de gauche ? à partir de "Les fiches"

J'ai repéré ... rien de grave !!! juste le lien qui est mort ...je fais la modif (merci)

Marie Aude a dit:
Pourquoi mettre la gazette des tortues en h2 ?

Entièrement raison !!!

Marie-Aude · 28 Février 2011

cheloniologue a dit:
Marie Aude a dit:

Pourquoi mettre la gazette des tortues en h2 ?

Cliquez pour agrandir...

Entièrement raison !!!

Continue je t'aime bien toi

Highwaycar · 28 Février 2011

Pour le code ,il vous faut des meta

spout · 28 Février 2011

Highwaycar a dit:
Pour le code ,il vous faut des meta

Excepté le Content-Type, Tous les metas que tu as cité sont inutiles :roll:

cheloniologue · 28 Février 2011

spout a dit:
Excepté le Content-Type, Tous les metas que tu as cité sont inutiles :roll:

Exact et Content-type est présent !!

cheloniologue · 28 Février 2011

Question : Je vois qu'il met les accents dans le code ... normal ?

<h2>Introduction sur les tortues</h2>
<p><img src="logo-tortue.jpg" alt="Tortue" width="263" height="264" hspace="10" align="right" />Les <strong>tortues</strong> sont des animaux fascinants par leur aspect primitif et leur facilité d'adaptation
dans différents milieux naturels comme dans le désert ou les steppes de Russie. Actuellement, on dénombre
près de 330 espèces et de nombreuses sous-espèces réparties sur 4 continents. Les <strong>tortues</strong>

alors que moi je faisais des

Comment connaître l'âge d'une tortue

Qu'est ce qui est mieux ?

elembius · 28 Février 2011

j'aime bcp ton site, bien que je n'ai pas de tortue...

par contre je sais pas si ca vient de chez moi ou pas mais c'était un ptit peu long a charger....

padadam22 · 28 Février 2011

cheloniologue a dit:
padadam22 a dit:

Evite de poster un nouveau topic à chaque modification que tu fais sur ton site.

Les modifs sont très discrètes, mais le code est plus propre

Cliquez pour agrandir...

L'autre topic faisant 4 pages et n'étant pas dans la partie adéquat (référencement google), j'ai opté avec hésitation pour un nouveau topic neuf dans la bonne partie !!!

J'ai fait appel à un intervenant extérieur pour la mise en place du nouveau script avec deux objectifs (conseillés par certains membres dont Marie Aude (que je remercie encore)). Le code à complètement changé !!! D'un texte tabulaire ... nous passons à autre chose organisé avec des <div>, des menus en <li> ...etc etc !!!

Je n'appelle donc pas ça une "discrète modification" mais une complète modification. Après je viens là pour vous demander les modifications à faire et erreurs que vous voyez afin que je puisse le signaler avant tout règlement. Enfin j'avais demandé à ce que le site respecte le W3C mais d'après une analyse ... il y a 7 erreurs : http://validator.w3.org/check?uri=www.cheloniophilie.com&charset=%28de ... ne&group=0

C'est bien ça ? (Donc a priori je peux lui demander de faire les corrections qui s'imposent ?)

Pour les modifs discrètes, je parlais de visuellement. Zen

J'ai d'ailleurs aussi fait la remarque sur le coté code.

Oui il y a 7 erreur w3c donc oui, si ca faisait partie du contrat tu peux lui demander de les corriger.

cheloniologue · 28 Février 2011

Oui je sais Padadam ... j'attendais que tu réagisses :wink: :wink: :wink: Je sais bien que tu faisais partie de la ligue des anti sites tabulaires !!!! :mrgreen: :mrgreen: :mrgreen:

Sinon je ne comprends pas bien ...
Validator me donne 7 erreurs alors qu'en regardant le script ... les erreurs n'en sont pas !!! (Je ne vois pas où il voit l'erreur)
A contrario ...le site http://jigsaw.w3.org/css-validator/validator?uri=www.cheloniophilie.co ... =1&lang=fr me donne 0 fautes !!!

Je ne comprends pas :? :? :?

Sinon sur la question des accents ... pas de réponse ?

spout · 28 Février 2011

cheloniologue a dit:
Validator me donne 7 erreurs alors qu'en regardant le script ... les erreurs n'en sont pas !!! (Je ne vois pas où il voit l'erreur)

Les fautes sont pourtant bien là.
La première faute à la ligne 36, manque d'espace avant le "/" de fermeture du tag <img />.

Line 90, Column 103: there is no attribute "target"

On ne peut plus utiliser target en XHTML strict, il faut passer par du JS

PHP:

<span class="syntaxdefault"><br /></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">a href</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"http://example.com"</span><span class="syntaxdefault"> onclick</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"window.open(this.href);return false;"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Ancre</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault"> </span>

Les autres erreurs sont toutes aussi "parlantes"

Marie-Aude · 28 Février 2011

Tes erreurs sont liées à une balise mal fermée quelque part. Le deuxième lien de validation que tu donnes est une validation css

fredfan · 28 Février 2011

Le code est plus propre. Ca va faciliter les évolutions futures. Le comportement de la photo est à vérifier quand on rétrécit la fenêtre. Peut-être un min-width à mettre quelque part.

cheloniologue · 28 Février 2011

Merci pour la notation :wink: :wink: Par contre j'ai fait le changement dans la balise img en laissant un espace avant le "/" mais WC n'aime toujours ... peut être faut il que je lui laisse du temps ... :| :| :|
Bref de toute façon j'ai renvoyé la balle au développeur pour qu'il s'occupe de tout ça !!!

Par contre ce qui me préoccupe c'est les accents ... jusqu'à présent je les ai jamais mis dans le code :| :| :|

cheloniologue · 28 Février 2011

EDIT Message en doublon ... :lol: :lol: :lol:

cheloniologue · 28 Février 2011

fredfan a dit:
Le code est plus propre. Ca va faciliter les évolutions futures. Le comportement de la photo est à vérifier quand on rétrécit la fenêtre. Peut-être un min-width à mettre quelque part.

Je l'espère de tout coeur Fred !!! Cela fait pas mal de temps que vous me répétez que c'était un des derniers freins pour les autres parties récentes (serpents et animaux divers). Aujourd'hui je me retrouve fasse à un immense travail qui va être de refaire toutes les pages les unes après les autres !!! Cela représente 600 pages dont 300 sur les tortues, 200 sur les serpents qui sont déjà organisées (avec les balises et linking interne), 60 lézards et batraciens à refaire entièrement et 30 sur les animaux divers (déjà organisées avec linking interne)) !!!

Bref un chantier qui va me prendre beaucoup de temps !!! mais avant de le lancer me faut être sûr que le code est bon et que je peux l'installer !!! :mrgreen: :mrgreen:

Et sinon les accents ? :lol: :lol: :roll: :roll: :roll:

EDIT : http://validator.w3.org/check?uri=www.cheloniophilie.com&charset=%28de ... ne&group=0 correction faite par le développeur !!! mais toujours un problème avec l'image qu'il va corriger !!!

padadam22 · 28 Février 2011

Pour les accents, je les ai toujours mis tel quel dans le code sans problème... Ca dépend peut être de l'encodage de la page ?

Sinon pour tes mises à jour futures, n'aurai-tu pas plus simple de créer un fichier "colonne de gauche", et ensuite d'inclure ce fichier via une ligne d'appel php ? Au départ tu aura tes 600 fichiers à modifier mais tu n'en aura plus qu'un seul à modifier pour les mises à jour futures

Marie-Aude · 28 Février 2011

Ben c'est surtout que maintenant il faudrait passer ça en php mysql ... la refonte du template étant finalisée, le plus dur est fait

padadam22 · 28 Février 2011

Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress
J'essaye de faire du subliminal :mrgreen:

spout · 28 Février 2011

padadam22 a dit:
Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress Wordpress
J'essaye de faire du subliminal :mrgreen:

PHP + template + PDO ou ORM + Notepad++ + WinSCP + Web Developer + interface clavier / ordinateur :mrgreen:

padadam22 · 28 Février 2011

Oui bon d'accord :lol:
Cela dit i lfaut bien l'avouer wp (ou tout autre cms : joomla et co) rend bien des service à des gens qui ont des notions limitées en programmation

Marie-Aude · 28 Février 2011

Et en plus on n'a pas besoin de facturer au client le développement de l'admin

cheloniologue · 1 Mars 2011

Il est possible que nous y passions dans le futur mais chaque chose en son temps ... je voudrai d'abord mettre les choses à neuf ... rendre le site plus homogène et enfin on verra ... un collègue fondateur de mon forum est un calé de wp avec lequel il travaille ... donc on verra ensemble !!!

Par contre en effet il faudrait peut être passer sous php le header et le menu afin de faciliter les choses pour des modifications futures ... le plus dur étant apparemment fait ... maintenant il faut que je fasse (je ne sais quoi ("partieliser" et mettre dans d'autres fichiers) mais je vais travailler sur la question pour le passage sous php !!! Je sais pas faire du tout ... je découvre ... le xhtml étant un dérivé du html avec du css et java (c'est moins dérangeant car on en a dans le html).

Si vous avez des conseils ... n'hésitez pas :mrgreen: :mrgreen: :mrgreen:

Marie-Aude · 1 Mars 2011

Je te signale juste une chose : passer à wp impliquera de reprendre à nouveau tous tes textes pour les passer en base de données. Tu en auras nettement plus à ce moment là.

Pour l'avoir fait sur un site, la mécanique de copier coller que ça implique est lourde. Et même si c'est bien que ton site soit en div au lieu de tables, on avait commencé par l'idée que tu passerais en php pour pouvoir gérer plus facilement tes nombreuses pages, appelées à se développer, et aussi, si tu en as envie, pouvoir facilement modifier avec un seul fichier toutes les pages de ton site.

XHTML, en l'occurrence c'est juste une convention de codage, tu ne fais pas du vrai XHTML, et on peut aussi faire du WP en HTML5 au lieu de XHTML ^^

fredfan · 1 Mars 2011

Tu peux tester un système d'édition de contenu comme EditEase http://code.google.com/p/editease/
Ca te donne une interface d'admin simple (que tu peux aussi utiliser séparément) qui crée des fichiers textes qui sont inclus dans ta page par jquery.
C'est sans doute moins lourd que de tout transférer dans un cms même si sur le long terme tu risques d'étouffer un peu pour un gros site.

cheloniologue · 1 Mars 2011

Bon en attendant juste vous dire que c'est bon je viens de passer en version php avec les menu dans un fichier, le footer dans un autre et l'article uniquement sur la page !!!
Qu'en dites vous ? Je peux le copier sur toutes les pages ?

cheloniologue · 1 Mars 2011

Pourquoi ça pose un problème au W3C la mise en place du code youtube ???

<div align="center">
<object width="425" height="350">
<param name="movie" value="https://www.youtube.com/v/YzdtGBhXpRU" />
<param name="wmode" value="transparent" />
<embed src="https://www.youtube.com/v/YzdtGBhXpRU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>

</div>

fredfan · 1 Mars 2011

Le embed est déprécié.
Ca n'a pas d'importance du moment que le navigateur comprend

spout · 1 Mars 2011

- Embedding YouTube Videos as Valid XHTML 1.0
- Valid XHTML YouTube embed code generator
- Pour les embed vidéos, ce script est intéressant: http://autoembed.com/

cheloniologue · 1 Mars 2011

C'est parfait cela marche nickel !!!

Merci pour le lien :wink: :wink: :wink: :wink:

padadam22 · 1 Mars 2011

Après, du moment que le site s'affiche correctement sur tous les navigateurs, être valide W3C ne présente pas spécialement un grand intérêt

cheloniologue · 1 Mars 2011

Google peut éventuellement en prendre compte ... :| :| :| (je n'en sais rien ... mieux vaut prévenir que guérir)
Le but de l'opération étant de faire au mieux concernant le code du site !!! Je pars en mode optimisation totale :mrgreen: :mrgreen: :mrgreen: ("à cause" ou plutôt "grâce" à vous).

padadam22 · 1 Mars 2011

T'as totalement raison, au moins tu fais les choses à fond ^^

cheloniologue · 1 Mars 2011

Question : Je souhaite séparer les drapeaux ... j'ai mis hspace="3" dans la balise img mais rien n'y fait ... les drapeaux veulent pas bouger !!! Pourquoi ? :roll: :roll: :roll:
Y'at'il un autre code ?

spout · 1 Mars 2011

En CSS:

Code:

#traduction a img{margin:0 5px;}

cheloniologue · 2 Mars 2011

Merci !!!
Autre question css que je ne comprends pas ...

Je rentre le code dans mon fichier css

a.Style13 {
font-weight: bold;
font-size: 12px;
font-style: italic;
color: #00CC00;
}

Je veux donc que le lien soit d'une couleur bien précise seulement cela ne marche pas ... pourriez vous me dire comment faire ? La page est la suivante : http://www.cheloniophilie.com/Photos/

Pourquoi j'ai un bug alors que je précise le style utilisé !!!

<p><a href="Pyxis-arachnoides.php" class="Style13">- Pyxis arachnoides</a> </p>

Marie-Aude · 2 Mars 2011

L'extension firebug pour firefox te permet de voir exactement comment un style est déterminé.
Par ailleurs, pour les liens, il ne faut pas oublier les pseudos classes

link, :hover :visited :active)

cheloniologue · 2 Mars 2011

Je viens de l'installer ... c'est génial !!!
C'est bien ce que je pensais ...il y a un conflit ... mais comment passer outre :roll: :roll: :roll:

principal
a {
color: #993300;
}

a.Style13 {
color: #00CC00;
font-size: 12px;
font-style: italic;
font-weight: bold;

En gros j'aimerai que le premier s'applique tout le temps à moins que je lui dit de faire le contraire !!!
Avez vous une idée pour faire appliquer le Style13 sans enlever l'autre ?

Marie-Aude · 2 Mars 2011

Deux options

Code:

<p class="style13"><a href="Pyxis-arachnoides.php">- Pyxis arachnoides</a> </p>

et 

.style13 a{blabla}

ou

Code:

a.style13 :link, a.style13 :hover, a.style13 :visited, a.style13:active {blabla}

en laissant tom marquage html identiques

(tu remarqueras que tout est passé en minuscules... )

cheloniologue · 2 Mars 2011

Je viens de mettre en ligne ta version 1 et cela ne fonctionne pas ...

.Style13 a{
font-weight: bold;
font-style: italic;
color: #00CC00;
}

<p class="Style13"><a href="Testudohorsfieldii.php">- Agrionemys horsfieldii</a> </p>

:| :| :| :|

Marie-Aude · 2 Mars 2011

Déjà corrige le </p> inutile dans <a href="http://www.cheloniophilie.com/FAQ/index.php">FAQ</a></p>

Ensuite rajoute color: #00CC00 !;
C'est bourrin, mais ça marche

cheloniologue · 3 Mars 2011

Je viens de faire une modif ... en fait il fallait que je renseigne le style dans un genre

#principal .Style13 a{ ...blabla}

spout · 3 Mars 2011

Je te conseille de donner des nom plus explicites à tes sélecteurs CSS, du genre "listing-photos-tortues-terrestre", et tu appliques le style à tout le bloc plutôt que de le définir sur chaque lien.
"Style13" c'est vraiment pas parlant, si tu veux modifier plus tard tu vas te demander où tu as mis ce Style13.

Tu as des tables pour mettre en forme ici: http://www.cheloniophilie.com/Photos/
3 <div> en float:left auraient fait l'affaire, avec des <ul>/<li> pour chaque fiche c'est plus adapté que des cellules de tableau.

Marie-Aude · 3 Mars 2011

[subliminal]

Sinon sur Wordpress, il y a la fonction body_class() qui est super utile pour ce genre de choses ^^

[/subliminal]
Non sérieux, en fait le jour où tu vas plonger dedans tu vas trouver ça hyper facile.... un vrai bonheur

cheloniologue · 8 Mars 2011

Ok ok ... merci pour les infos (désolé un peu de retard).

Là je me fais toutes les pages une après une ...concernant les styles ... je modifierai après ... je ne les utilise que sur 3 pages donc ça sera pas dur à changer ! :mrgreen: :mrgreen: :mrgreen: