STIC Discussion:STIC I (Nestor-Pixel)

De EduTech Wiki
Aller à la navigation Aller à la recherche

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). Le site est ici :[1] et la Css là : [2]

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