Remonte!
Opération Sisyphe
Avec la participation des ascenseurs Schindler
^^ merci Hall... j'avais du mal chercher.
Donc.
Comme je l'ai dit ailleurs, je voudrais améliorer mon site internet.
Le html, ça va, j'ai vite pigé comment ça marchait. Le coup des balises, ça resemble beaucoup à ce qu'on fait sur le forum pour mettre dela couleur ... par exemple !
Alors, j'ai entendu parler de 2 choses : le php et les feuilles de style.
Les feuilles de style, j'ai cru comprendre que c'était des pages .css qu'on ajoutait à nos pages .html et qu'elles permettaient de ne pas avoir à mettre sur chaque page les caractéristiques de la mise en page.
Pour le php, c'est autre chose. J'ai vu que ça marchait avec les bases de données... mais à part pour les SIG (pour faire de la cartographie) je ne sais pas trop comment ça marche les bases de données.
Donc, si quelqu'un s'y connait, connait des sites clairs et précis pour aider... je suis très preneuse.
Une autre question.
Pour mon site, j'ai calculé toutes mes pages en 800 par 600, pour les petits écrans. Du coup, quand je suis sur un grand écran, tout fait riquiqui... alors je me demandais si il n'était pas possible de faire 2 versions de mon site, et selon la résolution de l'écran, il en choisi une.
Ca je me dis, que ça peut peut être se faire avec les feuilles de style !
Enfin, voilà, je fourmille d'interrogations... alors si il y a des informaticiens en herbe, je veux bien un coup de main !
"La terre est bleue comme une orange"
Paul Eluard
"Le chat est entré dans la cage aux lutins"
J'enseigne l'HTML et CSS depuis plusieurs années, je vais donc tenter de répondre.
Bon, le PHP c'est pour faire un site dynamique (forum, blog). Souvent on interface PHP avec une base de donnée mais ce n'est pas obligatoire. C'est un langage de programmation et sur un site personnelle on en a rarement l'usage.
Le HTML c'est pas si facile. La plus part des gens pondent une soupe de balise infecte qui donne un résultat superficiellement acceptable mais qui ne respecte aucun standard, qui est 2 fois plus longue que nécessaire et qui est incompatible avec les navigateurs différents de celui qu'ils ont utilisé pour la création de leur site web. Disons que si une page ne s'affiche pas bien sous Opera, Firefox et IE à la fois, soit elle est d'une très grande complexité, soit elle contient des erreurs de codes (et au quel cas les navigateurs le réparent comme ils peuvent, d'où une divergence des résultats).
Il est impressionnant de constater que même un site professionnel comme amazon.fr viole allégrement les conventions du w3c et est d'un lourdeur inconcevable comparé à ce que donnerais un code un peu plus réfléchi.
Pour ton site, si il est de taille fixe quand on change la résolution du navigateur c'est qu'il est intrinsèquement mal pensé. Un site web doit offrir une contenu, la mise en page est calculée par le navigateur. Si un type surfe en 3000*2000 il faut que tes lignes fassent 3000 pixels de large (de quel droit lui imposerait-tu ta résolution favorite ?). Donc voici les règles qu'on conseille :
1) Les polices doivent être de même taille quel que soit la résolution (tu as choisi du 12pt, tu laisse du 12pt, même si le mec surfe avec un écran géant, ça sera plus petit mais c'est son choix, surtout qu'il peut faire un zoom à partir de son navigateur).
2) Les menus et les marges peuvent être d'une taille fixée (par exemple 300 pixels, ou 800 pixels) mais le contenu du site doit toujours profiter de tout l'écran restant (donc si tu crée des divisions pour placer ton contenu utilises des pourcentages).
3) En règle générale il est interdit de détecter la résolution de l'écran. Tout site bien pensé s'affichera bien sur toute résolution (prends google, ou le forum yoko tsuno comme exemple). Si tu dois adapter ton code à la résolution c'est que tu t'es gouré (par exemple qu le gros de ton texte est placé dans des divisions de tailles fixes). C'est souvent facile à corriger.
CSS est un système de feuilles de style. Normalement le code HTML ne doit plus que contenir des informations structurelles (paragraphes, titres, citations, listes). Le CSS contiens les informations de style (par exemple le fait que les titres sont en 24pt et rouges, que les citations sont en italiques etc.)
Les balises , et sont donc interdites si tu veux utiliser proprement CSS (elles ne correspondent pas à des informations structurelles). L'idée est que si tu veux changer la mise en page du site tu ne change que les feuilles CSS, et que si tu veux changer le contenu tu ne change que le code HTML.
-Edité le: Vendredi 20 octobre 2006 à 17:58 par koko-
Voici mon site :
http://amelie.nespoulous.free.fr/
J'attend maintenant le taillage en pièce 
En fait, personne ne m'a jamais rien appris... alors j'ai fait à mon idée, et surtout comme j'ai pu lire sur internet.
Si ma page est fixe, c'est que j'ai mis une photo pour le bandeau d'accueil, qui ne se répète pas. Et c'est vrai que du coup... si tu as un grand écran, mon site fait tout petit.
Pour la longueur du code... pour le moment, je ne sais pas faire autrement. Mais ce qui est sur, c'est que IE, Opéra et Fire fox le lisent !
"La terre est bleue comme une orange"
Paul Eluard
"Le chat est entré dans la cage aux lutins"
Bon, je n'attend pas qu'un autodidacte fasse du code parfait. Apparemment il est plutôt propre et ne comportes pas trop de balises inutiles.
Penons par exemple les titres des entrées (ce sont des dates, mais ils jouent un rôle de titre) :
Le 26/09/06
Bon, étant donné que tu précises un style (Style12) pourquoi ne pas mettre dans la feuille de style que le Style12 correspond à du gras avec align=justify ?
Le rendu serait le même et la commande ne serait plus que :
Le 26/09/06
Et puis, pendant qu'on y est, donner un nom plus explicite à Style12 serait indiqué. Par exemple "DateEntrée".
En règle générale il faut se méfier de ce qu'on lit sur internet. J'ai trouvé des site donnant des conseils d'HTML aux débutants d'une horreur sans nom. D'un autre coté parfois on tombes sur des perles de pédagogie.
Il existe un outil, le W3C Validator, qui vérifie que le code HTML ou XHTML est valide :
http://validator.w3.org/
Un code valide sera presque toujours bien rendu sur les navigateurs modernes et surtout sera facile à interpréter sur les navigateurs marginaux (navigateurs en texte pur pour terminaux Braille, navigateurs embarqués sur des PDA et autres). Attention, certaines balises ne peuvent pas êtres imbriquées les unes dans les autres, certains attributs ne sont pas valides sur certains objets et il existe des obligations. Par exemple une balise image doit forcément contenir un " alt " décrivant brièvement l'image, en cas de navigateur n'affichant pas les images (et ça peux arriver pour un nombre incalculables de raisons).
Pour l'image d'accueil il s'agit à la base d'une image vectorielle. Regardes si tu ne peux pas en faire un SVG, ça sera plus léger et surtout redimensionnable à l'infini. En tant que géographe tu dois être habitué aux images vectorielles, je suppose. La conversion en bitmap (jpeg, png, gif) est toujours une triste chose.
En effet la page principale est un peu trop statique. Elle ne s'adapte pas à la taille de l'écran. Tout ça viens du fait que tu veux coller au bandeau en haut (celui avec écrit " le méli mélo d'Amélie ").
* Soit tu le passe en vectoriel (SVG) et tu l'agrandit en fonction de la taille de l'écran. Ce n'est pas la solution optimale mais ça passe.
* Soit tu le découpes en 3, une partie qui va à gauche, une partie qui va a droite, et une partie qui se répète entre les deux (il faut un peu modifier l'image pour que ça passe, mais c'est réalisable)
* Soit, je pense que c'est le mieux, tu alignes l'image à gauche, places le menu à gauche en dessous et tu laisse le texte dépasser sur la droite (tu renonces alors au cadre marron qui entoures toute la page).
Dans tout les cas il faut éviter de limiter la zone de navigation. Je connais des gens qui surfent avec un écran faisant 1900 pixels de large.
-Edité le: Vendredi 20 octobre 2006 à 23:07 par koko-
Bien merci pour toutes ces informations.
C'est vrai que les styles d'écriture, c'est Dreamweaver qui me les a fait automatiquement... jusqu'à présent, je ne savais pas qu'on pouvait définir un style à l'avance.
Je me méfie de dreamweaver, car il fait les choses à son idée... mais c'est tout de même pratique.
Pour ajuster le site à la page, je vais faire des essais, comme tu as dit ce week end.
Merci
---
Bon, je n'ai pas encore eu le temps de cogiter sur tes remarques Koko, mais là, je suis entrain de regarder les feuilles de style. Ca a l'air vraiment chouet comme façon de faire... et surtout, ça doit simplifier le code !
Le site du Zéro est bien expliqué.
"La terre est bleue comme une orange"
Paul Eluard
"Le chat est entré dans la cage aux lutins"
Je profite de la présence de Pulko pour lui signaler un fait tragique.
Il y a un certain temps de celà, j'avais promis à Pulko que mon vieil ordinateur irait couler une heureuse retraite, entouré de ses semblables, chez lui. On sait que notre ami s'y entend pour égayer les vieux jours des ordinateurs du troisième âge.
Or, le destin en a décidé autrement, puisque l'ancêtre est décédé brutalement, il s'est éteint pour ne plus se rallumer. Le docteur Kaldo appelé en urgence à son chevet n'a pu ranimer le corps.
Désormais, le disque dur de feu "C'te-Bête" se trouve dans une petite boîte qui permet d'en soutirer les informations (un peu comme le père de Khany), et le reste de la dépouille, sans disque dur donc, se trouve dans une grande boîte en pièces détachées. Comme je doute qu'il soit possible d'en faire quelque-chose, sa prochaine demeure, a priori, sera la benne à ordures. Mais il n'y sera pas seul, car ma télévision, par solidarité, a décidé de l'accompagner: elle a rendu son dernier souffle, au beau milieu d'une émission d'Arte, il y a quelques semaines.
Paix à leur âme.
Opération Sisyphe
Avec la participation des ascenseurs Schindler
C'est bien dommage 
Enfin, je n'ai plus vraiment la place de récupérer des ordinosaures chez moi... ou alors faudra que je rete hors de ma chambre tout le temps. On ne voit déjà presque plus le plancher...
"Qui a un pied dans la barque et l'autre dans le canoë tobera à l'eau."
proverbe tuscarora
Hallberg a écrit Je profite de la présence de Pulko pour lui signaler un fait tragique.
Il y a un certain temps de celà, j'avais promis à Pulko que mon vieil ordinateur irait couler une heureuse retraite, entouré de ses semblables, chez lui. On sait que notre ami s'y entend pour égayer les vieux jours des ordinateurs du troisième âge.
Or, le destin en a décidé autrement, puisque l'ancêtre est décédé brutalement, il s'est éteint pour ne plus se rallumer. Le docteur Kaldo appelé en urgence à son chevet n'a pu ranimer le corps.
Désormais, le disque dur de feu "C'te-Bête" se trouve dans une petite boîte qui permet d'en soutirer les informations (un peu comme le père de Khany), et le reste de la dépouille, sans disque dur donc, se trouve dans une grande boîte en pièces détachées. Comme je doute qu'il soit possible d'en faire quelque-chose, sa prochaine demeure, a priori, sera la benne à ordures. Mais il n'y sera pas seul, car ma télévision, par solidarité, a décidé de l'accompagner: elle a rendu son dernier souffle, au beau milieu d'une émission d'Arte, il y a quelques semaines.
Paix à leur âme.
toutes mes condoléances
Courage
M
Les intégrismes et les extremismes sont des refuges pour les plus faibles;
avec Yoko, faisons progresser la connaissance et l'amitié
J'ai fait des modifications sur mon site internet.
La majeure étant que j'ai crée une feuille de style.
C'est vraiment pratique et ça simplifie pas mal le code.
Le problème est que ça m'a généré quelques erreurs.
Je ne trouve pas d'où ça vient
Il parrait que Fire Fox a qq chose pour vérifier si le site est correct, il faudra que je regarde.
En tout cas, je m'amuse bien.
Si il y en a qui maitrisent les feuilles de style, je suis preneuse de quelques conseils 
"La terre est bleue comme une orange"
Paul Eluard
"Le chat est entré dans la cage aux lutins"
Oui, il existe une page indiquant les erreurs de code XHTML ou HTML :
Un plugin firefox le fait (et la dernière version d'opera aussi).
On prend les erreurs dans l'ordre :
Line 8 :
Une balise A ne peut être placée dans le header. Il faut qu'elle soit dans le body (dans un bloc). De plus tu ouvres 2 fois .
Il faut juste écrire :
Toujours dans
C'est du HTML que tu écris, pas du XHTML, le "/" n'a donc rien à faire ici. Plus loin il y a aussi une image qui a 2 attributs alt.
L'image Fond-acceuil.gif est mal utilisée. Elle est trop grande et crée un problème dans ta mise en page. En fait c'est pas logique d'utiliser une image invisible pour créer un lien. C'est le genre de chose qui a un comportement assez loufoque.
Le plus simple est de virer ces 2 lignes :
Tu peux éventuellement les remplacer par un lien dans le menu. Ou alors utiliser toute la bannière pour faire un lien (au quel cas l'image de la bannière passe du statut d'image de fond au statut d'image ordinaire et sort de la feuille de style pour se retrouver dans le cors du document).
Une autre solution est de jouer avec la taille de Fond-acceuil.gif (80 px de haut, et le problème est certainement résolu).
Edité Vendredi 10 novembre 2006 :12:47 par koko
Edité Vendredi 10 novembre 2006 :12:48 par koko
Hey, merci Koko pour les informations.
C'est vrai que comme je ne connais pas vraiment les "lois" je fais des choses loufoques pour résoudre mes problèmes... mais j'en génère aussi des nouveaux.
Voilà du travail pour ce week end.
Merci 
"La terre est bleue comme une orange"
Paul Eluard
"Le chat est entré dans la cage aux lutins"
à l'aide SVP...
j'ai, ds un repertoire " shared", un fichier que je ne peux supprimer
le pc dit
" le fichier est utilser par un autre utilisateur ou un autre programme"
pourtant je suis le seul utilisateur et mon programme de ptop est eteint
que faire SVP??
Les intégrismes et les extremismes sont des refuges pour les plus faibles;
avec Yoko, faisons progresser la connaissance et l'amitié
malko10 a écrit à l'aide SVP...
j'ai, ds un répertoire " shared", un fichier que je ne peux supprimer
le pc dit
" le fichier est utilisé par un autre utilisateur ou un autre programme"pourtant je suis le seul utilisateur et mon programme de ptop est éteint
que faire SVP??
T'as forcément une flopée de programmes lancés. Explorer (le truc qui affiche ton bureau et les fenêtres des dossiers), un firewall, un mixeur pour ta carte son etc...
Ctrl+alt+suppr et clique sur l'onglet processus. Tu vas voir qu'ils sont légions.
