STIC Discussion:STIC I - exercice 1 (Stella)/nestor oda
Valideur HTML
J'ai ajouté un lien pour la meilleure extension Firefox pour valider. Montre tous les erreurs quand vous regardez la source de la page (CTRL-U). Y a un certain ralenti en échange ... mais à mon avis tout à fait tolérable. - Daniel K. Schneider 21 septembre 2007 à 18:27 (MEST).
- HTML Validator:
- https://addons.mozilla.org/en-US/firefox/addon/249
- http://users.skynet.be/mgueury/mozilla/ (page du développeur, infos en plus, traductions)
Editeurs
29/09/07 Bonjour,
j'ai une question : peut-on utiliser NVU pour créer sa page web ?
Sylviane
réponse
Oui et non. Oui pour commencer. Non pour finir (car NVU ne fait pas du XHTML), donc il faut "réparer" le résultat, par exemple:
- Fermer toutes les balises
- Réparer l'entête et les attributs de la balise html
.... vous pouvez prendre ce que vous voulez comme outil, mais le résultat doit être du XHTML valide. Finalement, à un moment donné vous devez apprendre à "coder" du (X)HTML, simplement pour pouvoir utiliser ce format dans un contexte de programmation (PHP, XSLT, etc.).
Si vous aimez ce genre d'outils gratuits, utilisez plutot Amaya, un peu plus difficile, mais cela produit du XHTML correct.
http://www.w3.org/Amaya/User/BinDist.html
différentes resolutions, même look
Bonjour,
j'ai beaucoup de difficultés à faire en sorte que les positions des éléments restent les mêmes quelque soit la resolution. J'ai essayé les pourcentages mais ça ne marche pas bien. Logiquement je pense qu'il devrait être possible de dire dans la balise "body" que tout soit et reste centré mais je sais pas faire.
D'autre part je n'ai pas l'impression que ma feuille de style soit vraiment optimisée. J'ai le sentiment de bidouiller.
Merci de m'aider
PS : par contre je suis très contente des tons chauds que j'ai trouvé pour la déco : ça donne envie d'habiter le site :-)
Sylviane
Faudrait mettre l'exemple en ligne
Mettez d'abord les trucs en ligne à l'endroit où vous devez les mettre (avec un lien cliquable à insérer ici). Cela me permet de voir. Dans l'abstrait, votre question n'est pas très facile.
Pour centrer en XHTML 1.0 Transitional (pas le stict - le vrai de vrai): on peut simplement mettre toutes les balises dans un <div align="center"> .... </div>
Exemple en ligne
D'accord, mais je le mets en ligne ailleurs car pour l'instant, j'attends que Stephane me renvoie les paramètres d'accès ftp (ce que j'ai ne fonctionne pas).
J'ai encore d'autres soucis : dans IE, les images ne se chargent pas du tout ! alors que dans Firefox, ça marche. Donc il doit y avoir un problème de chemin. La validation en ligne du Xhtml me sort des erreurs sur les balises body et head mais je ne vois pas quoi.
PS : j'ai enlevé les <> à la balise que vous avez écrit plus haut car ça modifie la page wiki !
Corriger d'abord les erreurs
Avant de diagnostiquer les problèmes CSS il faut s'assurer que le HTML soit bon, car CSS peut se comporter bizzarement si le HTML n'est pas bon.
line 10 column 8 - Error: end tag for element "HEAD" which is not open line 11 column 5 - Error: document type does not allow element "BODY" here line 18 column 5 - Error: end tag for element "P" which is not open line 25 column 5 - Error: end tag for element "P" which is not open line 33 column 14 - Error: document type does not allow element "BR" here; assuming missing "LI" start-tag line 37 column 14 - Error: document type does not allow element "BR" here; assuming missing "LI" start-tag line 42 column 5 - Error: end tag for element "P" which is not open line 47 column 32 - Error: required attribute "ALT" not specified
Ensuite commencez directement à travailler avec XHTML (pas HTML) sinon vous devez tout refaire plus tard.
PS:
- y a pas de paramètres spécifiques pour FTP.
- Faut juste utiliser le login normal, puis utiliser un client SFTP (enfin si vous avez pas votre login, faut effectivement envoyer un mail à steph), puis se connecter à une de nos machines (genre tecfa.unige.ch)
- Pour insérer du code (X)HTML dans le wiki, soit utiliser les balises "pre", soit "nowiki"
Nouveau document
Voici ma nouvelle page d'accueil, elle est passée à la validation XHTML. Et voici la CSS. Pouvez-vous tout de même regarder avant que j'attaque les autres pages (le xml et dtd)car c'est tellement laborieux et peu intuitif pour moi, que j'aimerais être sûre que c'est ok. J'ai compris tout de même un truc important : la question des boites.... J'ai compris aussi que c'était plus facile lorsqu'on met systématiquement des bordures aux blocs, quitte à les enlever par la suite, ça aide à positionner le bloc. A part ça, les images ne se chargent toujours pas dans IE.
Merci
Sylviane
Réponse: C'est très bien dans l'ensemble, valide aussi pour XHTML et CSS
- je vous demande juste d'ajouter un lien vers les valideurs. Ces liens peuvent être petits (donc pas forcément une image).
- Inutile de dire comment vous avez fait la page (puis éviter de redistribuer Exchanger. C'est interdit dans leur copyright je pense)
- Pour IE, faut chercher dans les forums CSS sur Internet (tant que la page est valide cela m'est égal que l'image ne s'affiche pas).
Ok merci beaucoup
je voulais effectivement faire un lien vers les validateurs, en fait un lien vers la page validée mais ça me sort un message d'erreur à propos de l'url de validation ! donc je vais un simple lien vers les validateurs eux-même. Sinon maintenant que mon espace ftp marche, je vais modifier les liens de ma homepage sur le wiki. Dommage pour les images, elles sont sympas au niveau couleur. oui je vais chercher sur les forum.
Quelques hacks CSS
"Sommaire
Avec le recul, il devient évident que certaines astuces reviennent constamment dans le développement de sites web. Nous regroupons sur cette page quelques hacks CSS classiques, utiles pour assurer la compatibilité d'une page web vis à vis des principaux navigateurs."
home page: adresse url de la volée nestor
Bonjour,
Depuis ma home page (http://tecfa.unige.ch/perso/maltt/sutterw5/), j'aurais souhaité avoir un lien avec la liste des personnes de ma volée. J'ai inséré dans ma home page l'adresse de la page listant les étudiants de la volée Nestor, c'est-à-dire http://tecfa.unige.ch/tecfa-people/ldap-form.php?givenname=&sn=&namematch=first&personcategory=&title=&studentpromotion=N&studentstatus=&ou=all&sn_p=on&givenname_p=on&uid_p=on&url_p=on&studentinfo_p=on&disp_style=table&form_input=Submit&h_title=Etudiants+Promotion+Nestor+2007%2F2008;. Cette adresse n'est pas "digérée" par le valideur XHTML. Y a-t-il une autre adresse url que celle-ci ou faut-il la rédiger différemment? Merci d'avance. Denise
Réponse
En XML il y a des caractères interdits. Il faut les substituer par des entitiés (voir les transparents XML).
Donc à la place de & vous devez utiliser &. Donc simplement substituer dans l'URL.
PS: Donc XHTML c'est du XML.
xml -- Syllack1 10 octobre 2008 à 10:11 (CEST)
Bonjour Schneider
pouvez vous m'expliquer pourquoi le XML, ne fonctionne pas, ou est l'erreur? et pourtant mon dtd est bien valide
XML:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE centre SYSTEM "centre.dtd"> <centre> <formation></formation> <objectif></objectif> <objectif></objectif> <cours></cours> <cours></cours> <url></url> <contenu></contenu> </centre> <information> <contacte> </contacte> <telephone></telephone> <fax></fax> <email></email> </information> </information>
DTD:
<!ELEMENT centre (formation, objectif*, cours*, url, contenu)> <!ELEMENT objectif (#PCDATA)> <!ELEMENT formation (#PCDATA)> <!ELEMENT cours (#PCDATA)> <!ELEMENT url (#PCDATA)> <!ELEMENT contenu (#PCDATA)> <!ELEMENT information (contacte, telephone, fax, email)> <!ELEMENT contacte (#PCDATA)> <!ELEMENT telephone (#PCDATA)> <!ELEMENT fax (#PCDATA)> <!ELEMENT email (#PCDATA)>
Re: xml -- Daniel K. Schneider 10 octobre 2008 à 22:14 (CEST)
La prochaine fois il faudrait mettre ces exemple en ligne (dans l'espace travail) et avec un lien car je ne veux pas perdre de temps à copier / coller du code.
Enfin, dans ce cas le problème est simple:
- Vous avez tapé des balises à la main (ce qu'il ne faut jamais faire) et donc forcément votre DTD n'est pas respecté
- Par exemple (il peut y avoir d'autres erreurs): Il y a deux racines dans votre XML, ce qui est totalement illégal. L'élément "information" doit s'insérer qq. part, par exemple dans l'élément "centre".
- La DTD est valide parcequ'on le droit d'avoir plusieurs racines potentiels dans une DTD. Avec votre DTD vous faites soit un XML de type "centre", soit de type "information", mais pas les deux. Enfin ... votre intention était plutot d'insérer "information" dans "centre".
Donc: modifiez d'abord votre DTD.
Finalement: Arrêtez SVP d'utiliser n'importe quelle page au hasard pour poser des questions ! C'est l'exercice DEUX (pas UN), donc faut utiliser la page de discussion pour l'exercice 2. http://edutechwiki.unige.ch/fr/STIC_Discussion:STIC_I_-_exercice_2
Re: Re: xml -- Syllack 11 octobre 2008 à 21:59 (CEST)
Cette question ne concerne pas l'exercice 2, j 'ai déja fait fait mes exercice depuis, ça c'est un travail que je fais personnellement pour m'entrainer.
Re: Re: Re: xml -- Daniel K. Schneider 12 octobre 2008 à 02:32 (CEST)
Tant mieux, bonne idée :) Ceci dit il faudrait quand-meme essayer de regrouper thématiquement les discussions. ICI c'est HTML + CSS. Sinon le gens ne vont pas s'y retrouver.