STIC Discussion:STIC I - exercice 1 (Yoshi)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Samuel Schmid (discussion) 2 octobre 2018 à 11:57 (CEST)

Bonjour,

Le lien vers la page http://tecfaetu.unige.ch/etu-maltt/pixel/ardiri6/ ne charge rien bien que je sois connecté au réseau de l'université, j'ai essayé d'autre pages d'anciens étudiants et le même problème apparaît. Comment faire pour consulter ces pages ?

Merci,

samuel schmid

Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Mattia A. Fritz (discussion) 2 octobre 2018 à 13:01 (CEST)

C'est curieux - j'ai essayé avec plusieurs navigateurs, depuis le réseau UNIGE et depuis l'externe et je vois correctement les pages. Quel navigateur utilisez-vous? Vous en avez essayé plusieurs?

Mattia

Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Daniel K. Schneider (discussion) 2 octobre 2018 à 13:41 (CEST)

Pour commencer, il faut déjà être sûr d’être connecté. Est-ce que ce lien marche ? 

http://tecfaetu.unige.ch/etu-maltt/pixel/

Si oui, il faudrait nous dire ce que vous utilisez:

  • Type de machine
  • OS et version
  • Navigateur et version
  • Type de réseau Unige (guest ou "normal")

En tout XSLT marche même sur Android (Firefox, Chrome, Samsung, etc.). Il se peut que cela ne marche pas sur iphone (Apple a eu de la peine à implémenter un processeur XSLT pour Safari, mais il y a 10-15 ans...).

http://w3schools.sinsixx.com/xsl/xsl_browsers.asp.htm http://test.greenbytes.de/tech/tc/xslt/

Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Samuel Schmid (discussion) 2 octobre 2018 à 15:07 (CEST)

Bonjour,

Je viens de trouver d'ou venait le problème. Il s'agissait de l'extension firefox Ghostery et le bloqueur de pub qui empêchait le chargement.

En tout cas merci pour votre aide.

s.schmid

Re: Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Daniel K. Schneider (discussion) 2 octobre 2018 à 17:02 (CEST)

Ha, je n'avais pas pensé aux bloqueurs. Effectivement, il s'agit d'une technique interactive de transformation de contenus...

Modification du style d'un xml -- Samuel Schmid (discussion) 2 octobre 2018 à 19:13 (CEST)

Bonjour,

Je ne comprend pas comment éditer le style de la page travaux. J'ai suivi les instructions et j'ai crée une page .xml valide. Celle-ci s'affiche mais elle n'est pas associé a un .css. Donc afin de modifier le style j'ai changé la première ligne du fichier .xml "<?xml-stylesheet href="travaux.xsl" type="text/xsl"?>" en "<?xml-stylesheet type="text/css" href="travaux.css"?>" créant ainsi un fichier css qui gérera la présentation de ma page. Or le problème est que je n'ai pas le .html de "sortie" du .xml ainsi je ne peut pas associer par exemple des classe css avec un élément de la page. Du coup je ne comprend pas comment il est même possible de modifier le style d'un fichier xml autrement qu'en connaissant l'ensemble de règle spécifique au langage xml crée?

Voila je pense qu'il me manque un élément de compréhension mais même après avoir lu les introduction a xml je suis toujours perdu,

Merci de vos réponse,

samuel

Re: Modification du style d'un xml -- Daniel K. Schneider (discussion) 2 octobre 2018 à 19:27 (CEST)

Il faut effectivement générer le HTML pour voir plus clair. Pour cela il y a plusieurs solutions:

On pourrait aussi associer du CSS avec XML, mais on le déconseille car il faut ajouter du texte à la sortie, réarranger les éléments etc. et CSS fait cela très mal.

Re: Modification du style d'un xml -- Mattia A. Fritz (discussion) 3 octobre 2018 à 11:04 (CEST)

Si j'ai bien compris, vous avez enlevé le lien entre le XML et le XSLT, ce qu'il ne faut pas faire car c'est ce lien qui permet de passer du XML à HTML.

Si vous voulez apporter des modifications de style CSS, vous pouvez voir dans le fichier travaux.xsl le code suivant : 

<html>
    <head>
      <title>
        Page Travaux STAF 
      </title>
      <link href="travaux.css" rel="stylesheet" type="text/css"/>

Ce qui se passe est le suivant:

  1. Vous transformez du XML en HTML5 avec le fichier .xls
  2. À l'intérieur du template .xls il y a la génération d'un lien à un fichier .css
  3. Si vous modifiez le fichier travaux.css (ou si vous changez le pointage vers un autre fichier .css), vous pouvez apporter des modifications de styles aux éléments HTML5 de la page, c'est-à-dire après la transformation avec le .xls

Hint: vous avez également un autre option pour voir le HTML généré. Au lieu de voir la source du fichier (qui est du XML), vous inspectez un élément de la page. Cela vous donne accès à la représentation du DOM telle qu'elle existe dans votre navigateur après la transformation.

Mattia

Re: Re: Modification du style d'un xml -- Samuel Schmid (discussion) 3 octobre 2018 à 11:42 (CEST)

Bonjour,

Merci pour ces réponse, c'est plus claire maintenant. Donc si je comprend bien il est impossible d’utiliser les sélecteurs class="" ou id="" dans le fichier travaux.css car je ne peut pas les faire pointer vers un élément du fichier html (vu que celui-ci est uniquement généré par le xml), en conséquence les modification via le css ne peuvent être que très superficiel, correct ?

Merci,

s.schmid

Re: Re: Re: Modification du style d'un xml -- Mattia A. Fritz (discussion) 3 octobre 2018 à 13:25 (CEST)

Vous pouvez utiliser des id ou des classes si vous modifiez le template .xsl. Mais cela dépasse les objectifs de l'exercice 1, on verra plutôt cela en STIC II. Si vous ne modifiez pas le template .xsl alors oui, vous pouvez identifier les éléments seulement à travers les balises, ce qui est en effet plus contraignante.

Mattia

Re: Re: Modification du style d'un xml -- Daniel K. Schneider (discussion) 3 octobre 2018 à 18:36 (CEST)

Oui j'avais effectivement répondu un peu rapidement. Donc, il existe 2 solutions:

  • Soit vous gardez la solution XSLT qui traduit XML en HTML et dans ce cas vous suivez nos conseils (je n'avais pas vu que vous avez déjà changé le lien). Il faut dans ce cas bien comprendre que XSLT est un langage de traduction qui à partir d'une balise xml permet de générer un autre code (par exemple du HTML avec du texte et des attributs "class" etc.). XML en lui même ne fait rien à part structurer une information. Il ne génère rien pour répondre à votre question. XSLT est une des nombreuses solutions pour afficher un contenu encodé en XML.
  • Soit vous associez directement un CSS à l'XML (fortement déconseillé) et dans ce cas il n'y a aucun sens d'utiliser des classes puisque le XML est structuré et sera affiché directement sans passer par HTML. Lire: ceci. Mais je répète: c'est une mauvaise solution, car CSS est très faible pour ajouter du texte ou arranger des contenus et vous allez souffrir. Par contre, cela vous permet d'apprendre du CSS pour de vrai car par défaut, les navigateurs n'associent ZERO CSS avec un XML et il faut donc tout définir.
Re: Re: Re: Modification du style d'un xml -- Daniel K. Schneider (discussion) 3 octobre 2018 à 18:36 (CEST)
Replace this text with your reply
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC_Discussion:STIC_I_-_exercice_1_(Yoshi)&oldid=101141 »