ActiveRenderer tutoriel 2

activeRenderer tutoriel- partie 2

Etape 1: Donnez un titre au document structuré

Portez votre regard sur cette copie d'écran, prise lors d'une rédaction antérieure du Tutoriel 1 (cliquez sur l'onglet de type image)

Maintenant comparez cette copie d'écran avec la version actuelle de cette page.

Vous remarquerez que j'ai commis quelque modification sur le titre qui se trouve en-haut de la page.

Ce que j'ai fait est inclu dans la directive #title qui se trouve en haut du plan: #title "Publishing Simple Outlines".

Cette directive #title est la première ligne du plan, comme vous pouvez le vérifier sur le document OPML original.

Ajouter une ligne en-haut d'un plan n'est pas aisé, aussi ajouter cette ligne quelque part, puis glissez-la jusqu'au premier noeud du plan, puis lacher la souris pour la déposer.

Toutes les directives commencent par le signe #.

Chaque directive est suivie par un argument, qui doit être compris entre deux parenthèses.

Etape 2: Affectez un statut initial de déploiement pour chaque noeud du document structuré

activeRenderer publie votre plan avec le statut (ouvert ou fermé) que vous lui avez donné lorsque vous avez sauvé votre document OPML dans le générateur de plans de Radio.

Tout noeud déployé au moment de l'enregistrement du fichier sera déployé lors de sa publication, révélant les noeuds qui lui sont inférieurs.

Tout noeud fermé lors de cet enregistrement sera publié fermé.

Aussi, pensez à vérifier le statut des noeuds de votre plan avant la publication finale.

Ce plan a été publié avec tous les noeuds principaux (les sommets) fermés.

Etape 3: Modifiez le style et la police de caractère du document structuré

Chaque noeud de votre plan est généré sous format HTML en utilisant une classe CSS particulière.

Pour de plus amples informations sur CSS, veuillez vous référer à:

La page officielle de W3C (cliquez sur l'icone de pivot en forme de triangle).

Les feuilles de style de Eric Meyer: "The Definitive Guide" édité chez O'Reilly.

Le nom de la classe commence généralement par la chaîne de caractères active.

active est suivi d'un nombre, correspondant au niveau d'indentation du noeud.

Ce noeud, par exemple, est généré sous format HTML en utilisant un attribut de classe active3

Toutes les classes sont spécifiées dans la feuille de style outliner.css, qui se trouve dans le sous-dossier activeRenderer du dossier gems.

gems est un sous-dossier du dossier www de Radio.

Vous pouvez faire toutes sortes de modifications dans ce fichier en utilisant un éditeur de texte quelconque.

Si vous faites ces modifications, n'oubliez pas d'augmenter le numéro de version que vous trouverez en haut de la feuille de style.

Utilisez des valeurs supérieures à 99. De cette manière, si je réactualise la feuille de style utilisée par défaut par activeRenderer sur le serveur central, votre version personnalisée ne sera pas écrasée la prochaine fois que vous mettrez à jour votre copie locale.

Vous pouvez aussi outrepasser les définitions de ces classes en modifiant le modèle (le fichier #template.txt) qui s'applique à votre plan.

Insérez une balise HTML STYLE type="text/css" dans l'en-tête de votre modèle, suivie par des définitions de classes personnalisées, puis d'une balise /STYLE.

Note rapide: la modification de la police de caractères ou d'un style de active1 span modifiera le texte de tous les noeuds du plan.

Le fichier #template.txt qui s'applique à votre plan est trouvé, soit directement dans le même dossier que votre plan, soit dans le premier dossier parent supportant un modèle.

Evidemment, vous pouvez toujours inclure des balises HTML dans vos noeuds de plan.

Ceci est affiché en caractère gras, parceque j'ai inclu le texte entre les deux balises "b" et "/b"

Paolo Valdemarin a publié une très belle page utilisant différentes balises HTML dans un plan.

Etape 4: Fixez l'affichage du lien OPML

Ce plan n'affiche plus l'icone de café expresso OPML sur le coté droit de la page publiée.`

Votre plan par défaut affiche probablement une tasse de café OPML

Quelle que soit la forme d'icone du conteneur de café, Il supporte un lien auquel peuvent souscrire vos lecteurs.

Pour désactiver l'affichage de l'icone OPML:

Ouvrez, avec un éditeur de texte, le fichier #prefs.txt qu'activeRenderer place dans votre dossier outlines.

outlines est un sous-dossier du dossier www de radio...vous vous en souvenez ?

Supprimez la directive #flDisplayCup et enregistrez le résultat, puis enregistrez à nouveau votre plan.

Pour choisir le type de conteneur:

Inclure la directive #flDisplayCup au sommet de votre plan.

La seconde ligne de ce plan était #flDisplayCup "cup".

Il prend priorité sur la directive "regular" qui se trouve dans le fichier #prefs.txt.

Vérifiez la documentation de la macro espressoCup pour voir la liste des conteneurs courants (tasse, verre, etc...).

Etape 5: Ajoutez un bouton XML

Si vous regardez à la droite de cette page, vous noterez un terme XML blanc familier inscrit sur un bouton orange, qui fait un lien vers la version OPML de ce document.

Lorsque vous enregistrez un plan dans le dossier outlines, la version OPML originale reste sur votre ordinateur local, et la version générée en HTML est copiée sur le site public.

Mais si vous enregistrez un plan dans le dossier gems ou un autre de ses sous-dossiers, activeRenderer crée automatiquement une copie dans le dossier outlines, en créant les sous-dossiers correspondant à la hiérarchie de gems.

Ainsi, la version originale se trouvant dans gems est copiée sous format HTML sur le site public.

Quoiqu'il en soit une copie se trouvant dans outlines est installée sous le format HTML sur le site public.

Portez votre regard sur la troisième ligne de la version originale de ce plan; vous noterez une directive #opmlStory.

L'argument d'#opmlStory est l'adresse URL, sur le site public, de la version OPML du plan original.

Le modèle par défaut d'activeRenderer comprend un appel à la macro storyBox, qui insère un bouton XML et un lien lorsque la directive #opmlStory est inclue dans le plan.

Toutes ces opérations sont possibles en utilisant le modèle de plan par défaut d'activeRenderer. La suite logique de cette étape serait que vous créez votre propre modèle, correspondant à la disposition de votre carnet Web. De plus amples informations sur ce sujet dans le Tutoriel 3 .

note:

ce texte est une traduction, faite à un moment donné, du texte original, auquel il convient de se reporter pour prendre en compte les multiples mises à jour et pour ne pas se laisser égarer par de possibles erreurs de traductions.

auteur original: Marc Barrot

document original: Tutoriel 2

adaptation: Le Dréan Gwénaël (les commentaires, critiques et suggestions sont bienvenus ;-))

opml 1.0
mise à jour: 11/03/06; 16:45:25

accueil

tout fermer
tout déployer

prévisualiser
cacher les onglets

comment cela fonctionne

feedster et activerenderer

Pas de fil RSS trouvé à http://www.feedster.com/rss.php?q=activerenderer

comment cela fonctionne

Aide activeRenderer

Tutoriels

Tutoriel 4 - activeRoll

Tutoriel 5 - signets

Tutoriel 6

Tutoriel 7 - transclusion

Tutoriel 8 - rssBox

Divers

FAQ

Annexes

Assistants

rssBox

A propos de...

Radio Userland

WebOutliner

comment cela fonctionne

nouvelles d'activeRenderer

Impossible de retrouver http://www.activerenderer.com/rss.xml - erreur: Can't open stream because TCP/IP error code -3259 - Connection timed out.

comment cela fonctionne

blogdigger et activerenderer

(No Title)

amy, i believe those icons came from the fabulous Radio UserLand tool, activeRenderer. marc, the creator of the tool has been down this icon node path already. that's party why i pointed to that page. i guess i should be joining in the fun on the email list. unfortunately, activeRenderer site isn't ...

6/03/06 - 10:25 pm GMT

(No Title)

i wonder if marc has abandoned activerenderer? site is down. i was going to look to it for prior art regarding inclusion links for our outline nodes. he's been down this path already and had individual node type icons already whipped Up.

was really cool....

6/03/06 - 5:12 pm GMT

(No Title)

take a gander at my outline based production notes for iceplant radio. here's the OPML file i created them in. it was cool and i used radio userland to do it. i created my outline in radio and saved it as an opml file. activerenderer took that file and rendered it into a neat collapsible web page. i...

6/03/06 - 4:54 pm GMT

Coolness is starting to flow out of Yahoo

I ran into Joy Mountford the other day in Yahoo's cafeteria - at the salad bar (yes - I'm starting to eat salad....).

She's working for her old boss - Larry Tessler.

Not sure if it's Joy or any of her team - but we discovered a couple of coolio user interface widgets yesterday - which are part of th...

Coolness is starting to flow out of Yahoo

I ran into Joy Mountford the other day in Yahoo’s cafeteria - at the salad bar (yes - I’m starting to eat salad….).[sgl dagger] She’s working for her old boss - Larry Tessler.

Not sure if it’s Joy or any of her team - but we discovered a couple of coolio user interface widgets yes...