« STIC Discussion:STIC I (Nestor-Pixel) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
m (Page redirigée vers STIC Discussion:STIC I)
 
(25 versions intermédiaires par 8 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
== Editeurs ==
#REDIRECT [[STIC Discussion:STIC I]]
 
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
<nowiki><div align="center"> .... </div></nowiki>
 
=== 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.
 
<pre>
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
</pre>
 
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 [http://tecfa.unige.ch/etu-maltt/nestor/renards0/ page d'accueil], elle est passée à la validation XHTML. Et voici la [http://tecfa.unige.ch/etu-maltt/nestor/renards0/rensyl.css 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."
 
[http://www.ultra-fluide.com/ressources/css/css-hacks.htm à lire ici]
 
== Phase 2 : XML ==
 
Il y a quelque chose que je comprends pas dans les consignes : est-ce que les exercices 2 et 3 sont totalement independants ?
j'ai préparé une dtd pour l'exercice 2 en prévision de l'exercice 3 et je viens de m'apercevoir qu'en fait il faut utiliser une dtd toute prête pour l'exo , vous confirmez ? Du coup il faut que recommence tout non ?
Pourriez-vous regarder le.xml et le .dtd que j'ai deposé dans l'espace travaux ? Tant que j'ai pas écrit le xslt, je ne peux pas le voir dans un navigateur, n'est-ce pas ? (parce qu'il ne sait pas traduire, est-ce que j'ai bien compris ?)
 
et puis je ne comprends pas pourquoi à l'exo 2 il faut produire 2 fichiers xml et 2 fichiers xsl
 
merci pour vos eclaircissements
 
Sylviane

Dernière version du 27 octobre 2010 à 17:12

Rediriger vers :