wikiMédia - welcome on your next wiki. Hosted by BOssip

Ce wiki est basé sur le code source de [http://www.tiddlywiki.com/].

To make quoted bits of text stand out, you can use BlockQuotes within your [[tiddler]]s, like this:\n\nJeremyRuston said:\n<<<\nA TiddlyWiki is like a blog because it's divided up into neat little chunks, but it encourages you to read it by hyperlinking rather than sequentially: if you like, a non-linear blog analogue that binds the individual microcontent items into a cohesive whole.\n<<<\n\nLike BulletPoints and NumberedBulletPoints, you can have multiple levels of BlockQuotes. Just edit this tiddler to see how it's done.\n\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n

Creating BulletPoints is simple.\n* Just add an asterisk\n* at the beginning of a line.\n** If you want to create sub-bullets\n** start the line with two asterisks\n*** And if you want yet another level\n*** use three asterisks\n* Edit this tiddler to see how it's done\n* You can also do NumberedBulletPoints

@@Synthèse de l'article de Lévy, //Les technologies intellectuelles//.@@ \nby B~~OSS~~ip\n\n\n\n__A__fin de de voir ce qu'implique la prise en compte des aspects relationnels, sociaux, cognitifs, en plus de ceux plus directement techniques, pour la mise en place d'un dispositif pédagogique, le titre de cet article, les technologies intellectuelles, nous donne un premier élément de réponse. En accolant au nom commun "technologie" un adjectif qui vient d'un registre cognitif spécifiquement humain "intellectuel", Lévy fait une association inhabituelle de ces termes.\n\nCar dans son sens courant, la technique a plutôt le sens d'un savoir-faire, ou d'un savoir-produire des objets selon les procédés les plus récents. Cette compréhension du terme technique le réduit à sa dimension la plus instrumentale ("procédurale") , dont l'usage vient, d'après Jean-Pierre Vernant, cité par Lévy, du temps de l'antiquité grec et de la philosophie des sophistes qui ont rédigé les premiers traités sur des techniques disparates pour aboutir à l'élaboration "d'une sorte de philosophie technique, d'une théorie générale de la technique, de son succès, de sa puissance". Ce sens courant n'épuise pourtant pas entièrement la signification que l'on peut avoir du mot technique; qui peut en avoir une autre, plus originelle, celle " des approches plus globales et intuitives, mais aussi valables, transmises par l'art et les métiers" (c'est moi qui souligne) (p.5).\n\nL'expression technologies intellectuelles dont se sert Lévy dans ce texte peut paraître étrange, au premier abord, mais vise ainsi à élargir le sens restreind que l'on donne à la technique en faveur d'une définition qui la fasse sortir "du champ trop exclusivement économique (les nouveaux produits technologiques qu'il faut sans cesse acheter et rejeter par obsolescence rapide) et académique (les nouvelles technologies qu'il faut sans cesse expérimenter scientifiquement en utilisant des budgets de recherche qui se consomment) pour la restituer dans le champ historique et humain qui a longtemps été le sien" (p.5).\n\nLa démarche qu'entreprend Lévy est, entre autres, motivée par sa rencontre, en tant qu'enseignant, avec des types d'étudiants différants fortement quant à leurs aptitudes, leur maîtrise ou leur aisance face aux outils technologiques, qu'il classifie en quatre catégories: les talentueux, les optimistes, les besogneux et les réfractaires, comme l'ont mis en évidence dans leur wiki Lydie et Mariana. J'ai aussi fait une expérience allant dans ce sens, en tant que moniteur d'informatique. Pour des raisons de plan d'étude, j'encadrais un cours dont certains participants (étudiants) étaient mes camarades pour d'autres cours. J'ai été surpris de constater les difficultés que pouvaient poser l'utilisation d'un ordinateur pour certains, qui réussissaient par ailleurs très bien dans des cours traitant de sujets ardus, comme des problèmes de déficiences mentales ou de neuropsychologie. Ils sont sans doute des représentants de la classe des réfractaires et sont de plus en plus pénalisés dans la poursuite de leurs études à mesure que les outils technologiques, et surtout informatiques, prennent de l'importance.\n\nA la lecture de ce texte, on peut émettre l'hypothèse que ces réfractaires envers la technologie serait sans doute moins "technophobes" si "la technique ou la technologie repren(ait) sa place initiale, celle d'être un résumé, un raccourci qui permet, dans le cours d'une vie, de bâtir une expérience, de constituer un savoir, d'élaborer des oeuvres, bref de ne pas avoir à tout réinventer à chaque usage." (p.9).\n\nIl y a deux écueils contre lesquels Lévy met en garde: le premier est celui de la fascination pour la technique, vue comme "le seul espoir de développement humain", le second est le "misonéisme, cette peur des nouveautés et des changements dans les habitudes de vie". Les technologie intellectuelles visent à donner un sens plus humain à la technique, comprise en un sens plus large, comprenant les outils intellectuels indémodables et complémentaires des moyens technologiquement sophistiqués, que sont la langue, qui seule permet les opérations cognitives impliquées par la maîtrise technique, et l'écriture avec le crayon et le papier, qui a fait ses preuves.\n\nCette voie du juste millieu ne vise pas à remplacer les méthodes traditionnelles de communiquer par de nouvelles; elle vise plutôt à les rendre plus accessibles aux réfractaires, c'est-à-dire plus démocratiques, moins élitistes et offrant dans le même temps des possibilités nouvelles de mise en commun du savoir.\n\n\n@@Synthèse de l'article de Collard, A.S.,// Quels enjeux éducatifs pour quelles métaphores?//.@@ \nby ^^B^^O^^S^^S^^ip^^\n\n\n\n__D__ans cet article, Anne-Sophie Collard répertorie certains avantages et inconvénients de l'usage des métaphores pour structurer des dispositifs d'apprentissage. Afin de répondre à la question de l'utilité des métaphores, il est utile de voir la classification qu'en propose Collard dans un contexte de conception d'hypermedias.\n\nPour commencer, elle définit la métaphore "comme une opération cognitive qui agit sur les représentations mentales de l'usager"; opération conçue ici en tant que "projection métaphorique d'un espace source ... sur deux espaces cibles dans l'hypermédia". L'auteure distingue ensuite plusieurs types de métaphores selon l'usage que l'on en fait: "la métaphore au niveau du dispositif et au niveau du contenu." Ces deux niveaux constituant chacun un des deux espaces cibles précités.\n\n * Au niveau du dispositif:\n\nSi le dispositif est structuré selon un concept source , la métaphore permettant de nommer cette transposition (de la source à la cible) d'un concept directeur est la métaphore hypertextuelle. Celle-ci détermine l'architecture du dispositif cible, la façon dont le contenu est structuré afin d'induire une certaine analogie avec la source.\nSi, par contre, la métaphore ne porte pas sur le contenu lui-même mais uniquement sur sa présentation, sur la façon dont il est rendu accessible, on parlera dans ce cas de métaphore interfaciale. Ce genre de métaphore détermine l'aspect graphique du dispositif, imitant d'une certaine manière la source, mais n'influence pas la structure de son architecture.\n\n\nDans les cas où le concept source exerce son influence à la fois sur l'organisation du contenu du dispositif et sur l'interface, Collard parle d'une métaphore hypermédiatique.\n\n * Au niveau du contenu\n\nDeux autres types de métaphores sont distinguées à ce niveau. La métaphore définie, d'abord, est classifiée de par sa familiarité, le caractère conventionnel qu'elle présente. Dans ce cas, le concept source est reflèté par le contenu cible en tant que métaphore conventionnelle, dont l'usage habituel ne constitue pas une source d'étonnement pour ceux qui la reçoivent, mais dont le déroulement peut au contraire présenter un caractère prévisible.\n\nD'autre part, il y a la métaphore projective qui s'apparente à une métaphore nouvellement formulée. A l'opposé de la métaphore définie, elle pourrait servir à "mettre à la disposition des utilisateurs du dispositif des informations suivant une organisation et une mise à l’écran qui ne sont pas exploitées habituellement pour présenter ce contenu, qui ne font pas partie de l’usage courant. "\n\nL'hypothèse de l'auteure, qui apparait ici, est que chacune de ces métaphores a des effets différenciés sur la compréhension du contenu et, par conséquent, sur l'acquisition des connaissances chez l'apprenant. Certains des effets (potentiels) de la métaphore sont ensuite présentés.\n\n * Effets au niveau du dispositif\n\nLe premier effet relevé s'apparente à un effet facilitateur de la métaphore, grâce auquel l'utilisateur pourrait inférer "la structure du domaine d'information mise en oeuvre dans l'hypermédia". C'est un effet que pourrait avoir la métaphore de type hypertextuelle.\n\nUn autre effet serait la mise en évidence du concept source et la métaphore interfaciale pourrait remplir ce rôle. Ce qui pourrait favoriser la navigation intuitive à travers les fonctionnalités de l'interface et décharger d'autant les ressources cognitives liées au dispositif au profit de l'apprentissage, ainsi que le souligne Poyet dans un article résumé par Evgenia et Romain.\n\nLa métaphore définie pourrait être un facteur améliorant la rétention d'informations, en favorisant une connaissance d'ensemble grâce à la familiarité prélable qu'en ont la plupart des usagers.\n\n * Effet au niveau du contenu\n\nLa métaphore projective quant à elle peut agir "en tant que cadre cognitif d'interprétation", en influençant la compréhension du concept cible.\n\nUn dernier type d'effet sur la compréhension du contenu serait provoqué, à nouveau, par la métaphore projective. Elle "pourrait jouer un rôle dans l'apprentissage de nouveaux savoirs dans le sens où par définition elle susciterait une nouvelle manière de percevoir le contenu".\n\nSi nous acceptons l'hypothèse de l'auteur, que le type de métaphore utilisé produira un effet spécifique, avec des variations selon l'expérience individuelle, qui nuancera l'interprétation de chaque utilisateur, nous pouvons tenter de répondre à la question de l'usage qui peut être fait de la métaphore dans l'ingénierie pédagogique; elle peut bénéficier à la compréhension d'une situation d'apprentissage, pour autant qu'elle soit choisie avec soin, en connaissant le type d'effet provoqué par sa transposition, sa projection d'un état de chose, de référant, la source de la métaphore, à celui de concept, d'abstraction langagière, pour atteindre finalement, troisième état, la cible de son application dans un dispositif hypermédiatique.\n\n\n\n\n

[[Welcome]]\n[[Novembre - Decembre]]\n[[Liens]]

Projet stat

Like most wikis, TiddlyWiki supports a range of simplified character formatting:\n| !To get | !Type this |h\n| ''Bold'' | {{{''Bold''}}} |\n| --Strikethrough-- | {{{--Strikethrough--}}} |\n| __Underline__ | {{{__Underline__}}} (that's two underline characters) |\n| //Italic// | {{{//Italic//}}} |\n| Superscript: 2^^3^^=8 | {{{2^^3^^=8}}} |\n| Subscript: a~~ij~~ = -a~~ji~~ | {{{a~~ij~~ = -a~~ji~~}}} |\n| @@highlight@@ | {{{@@highlight@@}}} |\n<<<\nThe highlight can also accept CSS syntax to directly style the text:\n@@color:green;green coloured@@\n@@background-color:#ff0000;color:#ffffff;red coloured@@\n@@text-shadow:black 3px 3px 8px;font-size:18pt;display:block;margin:1em 1em 1em 1em;border:1px solid black;Access any CSS style@@\n<<<\n\n//For backwards compatibility, the following highlight syntax is also accepted://\n{{{\n@@bgcolor(#ff0000):color(#ffffff):red coloured@@\n}}}\n@@bgcolor(#ff0000):color(#ffffff):red coloured@@

To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:\n* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)\n* MainMenu: The menu (usually on the left)\n* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened\nYou'll also need to enter your username for signing your edits: <<option txtUserName>>\nretour à la Homepage de Baptiste Ossipow: [http://tecfa.unige.ch/perso/maltt/ossipowb/welcome.html]\n\n[[Liens]]

TiddlyWiki lets you write ordinary HTML by enclosing it in {{{<html>}}} and {{{</html>}}}:\n\n<html>\n<a href="javascript:;" onclick="onClickTiddlerLink(event);" tiddlyLink="TiddlyWiki" style="background-color: yellow;">Link to wikiwords from HTML</a>\n</html>\n\nThe source for the above is:\n\n{{{\n<html>\n<div style="background-color: yellow;">\n<a href="javascript:;" onclick="onClickTiddlerLink(event);" tiddlyLink="Macros">Link to wikiwords from HTML</a>\n</div>\n</html>\n}}}\n\nHTML can enable some exotic new features (like [[embedding GMail and Outlook|http://groups.google.com/group/TiddlyWiki/browse_thread/thread/d363303aff5868d0/056269d8409d121f?lnk=st&q=embedding+gmail&rnum=1#056269d8409d121f]] in a TiddlyWiki). However it doesn't work for some JavaScript code libraries; see CustomMarkup for another way to include custom HTML in your TiddlyWiki.

{{{\n[img[title|filename]]\n[img[filename]]\n[img[title|filename][link]]\n[img[filename][link]]\n}}}\nImages can be included by their filename or full URL. It's good practice to include a title to be shown as a tooltip, and when the image isn't available. An image can also link to another tiddler or or a URL\n[img[Romanesque broccoli|fractalveg.jpg][http://www.flickr.com/photos/jermy/10134618/]]\n{{{\n[img[Fractal vegetable|fractalveg.jpg]]\n[img[This is shown as a tooltip|http://example.com/image.jpg]]\n[img[http://example.com/image.jpg]]\n[img[http://example.com/image.jpg][ExampleDotCom]]\n}}}\nThe tooltip is optional.\n\n[<img[Forest|forest.jpg][http://www.flickr.com/photos/jermy/8749660/]][>img[Field|field.jpg][http://www.flickr.com/photos/jermy/8749285/]]You can also float images to the left or right: the forest is left aligned with {{{[<img[}}}, and the field is right aligned with {{{[>img[}}}.\n@@clear(left):clear(right):display(block):You can use CSS to clear the floats@@\n{{{\n[<img[A woody bit of Hampstead Heath|forest.jpg]]\n[>img[A field near Milton Keynes|field.jpg]]\n}}}

FAPSE: [http://www.unige.ch/fapse/]\nTECFA: [http://tecfa.unige.ch]\n''Moodle'': [http://tecfax.unige.ch/moodle/]\nAgenda: [http://www.google.com/calendar/render?cid=mastermaltt%40gmail.com]\nMyunige: [http://my.unige.ch/]\n\nHomepage: [http://tecfa.unige.ch/perso/maltt/ossipowb/]\nRacine serveur: http://127.0.0.1/\nbossipSpot: [http://bossip.tiddlyspot.com/]\n\n

GettingStarted\n[[agenda 2007]]\n[[Janvier - Février]]\n[[Mars - Avril]]

|>|>|>|>|>|>|>| !Mars |!|>|>|>|>|>|>|>| !Avril |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s09]]|>|>|!| 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |!|[[7s13]]|>|>|>|>|>|!|bgcolor(#DEDEAD): 1 |\n|[[7s10]]| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#DEDEAD): 11 |!|[[7s14]]| 2 | 3 | 4 | 5 | 6 |bgcolor(#DEDEAD): 7 |bgcolor(#DEDEAD): 8 |\n|[[7s11]]| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |!|[[7s15]]| 9 | 10 | 11 | 12 | 13 |bgcolor(#DEDEAD): 14 |bgcolor(#DEDEAD): 15 |\n|[[7s12]]| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |!|[[7s16]]| 16 | 17 | 18 | 19 | 20 |bgcolor(#DEDEAD): 21 |bgcolor(#DEDEAD): 22 |\n|[[7s13]]| 26 | 27 | 28 | 29 | 30 |bgcolor(#DEDEAD): 31 |!|!|[[7s17]]| 23 | 24 | 25 | 26 | 27 |bgcolor(#DEDEAD): 28 |bgcolor(#DEDEAD): 29 |\n|>|>|>|>|>|>|>|!|!|[[7s18]]| 30 |>|>|>|>|>|!|

\n\n| Agenda 2007 |c\n\n|>|>|>|>|>|>|>| !Novembre |!|>|>|>|>|>|>|>| !Decembre |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s44]]|>|>|!|bgcolor(#FFBD20): 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |!|[[7s48]]|>|>|>|>|!|bgcolor(#DEDEAD): 1 |bgcolor(#DEDEAD): 2 |\n|[[7s45]]| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#FFBD20): 11 |!|[[7s49]]| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |\n|[[7s46]]| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |!|[[7s50]]| 10 | 11 | 12 | 13 | 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |\n|[[7s47]]| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |!|[[7s51]]| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |\n|[[7s48]]| 26 | 27 | 28 | 29 | 30 |>|!|!|[[7s52]]| 24 |bgcolor(#FFBD20): 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |\n|>|>|>|>|>|>|>|!|!|[[8s01]]| 31 |>|>|>|>|>|!|\n

welcome on your next wiki. \nHosted by BOssip

wikiMédia

[[ http://tecfa.unige.ch/tecfa/maltt/stic/welcome.html ]]\n

It's just as simple to do normal \n*BulletPoints.\n*BlockQuote\n*ImagesWiki\n*HTMLInline\n*ExtendedFormating\n\n----\n| !1er semestre|!2ème semestre|\n|@@color(red):HTML@@|@@color(blue):Javascript@@|\n|@@color(green):XML@@|...|\n|@@color(orange):XSLT@@|bgcolor(#a0ffa0):colored|\n|@@color(gold):PHP@@|intégration|\n\n----\n\nListe\n#e\n#qw\n##er\n##er\n###ed\n###fre\n*ul\n*ul\n**ul\n**ul\n***ulul\n***ululu\n----\n\nIt's easy to create NumberedBulletPoints.\n# Use a single '#' at the start of each line\n# and the tiddler will automatically\n# start numbering your list.\n## If you want a sub-list\n## within any bullets\n## add two '#'s at the start of the lines.\n# When you go back to a single '#'\n# the main numbered list will start up\n# where it left off.\n\n----\n----\n

/***\nPlace your custom CSS here\n***/\n/*{{{*/\n#breadCrumbs {\n color: #aa4400;\n font-size: 0.8em;\n}\n#breadCrumbs a.tiddlyLink tiddlyLinkExisting {\ncolor: #006600;\n}\n\n.subtitle {\n font-size: 0.7em;\n}\n/*}}}*/\n

/***\n!Colors Used\n*@@bgcolor(#8cf): #8cf - Background blue@@\n*@@bgcolor(#18f): #18f - Top blue@@\n*@@bgcolor(#04b): #04b - Mid blue@@\n*@@bgcolor(#014):color(#fff): #014 - Bottom blue@@\n*@@bgcolor(#ffc): #ffc - Bright yellow@@\n*@@bgcolor(#fe8): #fe8 - Highlight yellow@@\n*@@bgcolor(#db4): #db4 - Background yellow@@\n*@@bgcolor(#841): #841 - Border yellow@@\n*@@bgcolor(#703):color(#fff): #703 - Title red@@\n*@@bgcolor(#866): #866 - Subtitle grey@@\n!Generic Rules /%==============================================%/\n***/\n/*{{{*/\nbody {\n background: #fff;\n color: #000;\n}\n\na{\n color: #04b;\n}\n\na:hover{\n background: #04b;\n color: #fff;\n}\n\na img{\n border: 0;\n}\n\nh1,h2,h3,h4,h5 {\n color: #703;\n background: #8cf;\n}\n\n.button {\n color: #014;\n border: 1px solid #fff;\n}\n\n.button:hover {\n color: #014;\n background: #fe8;\n border: 1px solid #db4;\n}\n\n.button:active {\n color: #fff;\n background: #db4;\n border: 1px solid #841;\n}\n\n/*}}}*/\n/***\n!Header /%==================================================%/\n***/\n/*{{{*/\n.header {\n background: #04b;\n}\n\n.headerShadow {\n color: #000;\n}\n\n.headerShadow a {\n font-weight: normal;\n color: #000;\n}\n\n.headerForeground {\n color: #fff;\n}\n\n.headerForeground a {\n font-weight: normal;\n color: #8cf;\n}\n\n/*}}}*/\n/***\n!General tabs /%=================================================%/\n***/\n/*{{{*/\n\n.tabSelected{\n color: #014;\n background: #eee;\n border-left: 1px solid #ccc;\n border-top: 1px solid #ccc;\n border-right: 1px solid #ccc;\n}\n\n.tabUnselected {\n color: #fff;\n background: #999;\n}\n\n.tabContents {\n color: #014;\n background: #eee;\n border: 1px solid #ccc;\n}\n\n.tabContents .button {\n border: 0;}\n\n/*}}}*/\n/***\n!Sidebar options /%=================================================%/\n~TiddlyLinks and buttons are treated identically in the sidebar and slider panel\n***/\n/*{{{*/\n#sidebar {\n}\n\n#sidebarOptions input {\n border: 1px solid #04b;\n}\n\n#sidebarOptions .sliderPanel {\n background: #8cf;\n}\n\n#sidebarOptions .sliderPanel a {\n border: none;\n color: #04b;\n}\n\n#sidebarOptions .sliderPanel a:hover {\n color: #fff;\n background: #04b;\n}\n\n#sidebarOptions .sliderPanel a:active {\n color: #04b;\n background: #fff;\n}\n/*}}}*/\n/***\n!Message Area /%=================================================%/\n***/\n/*{{{*/\n#messageArea {\n border: 1px solid #841;\n background: #db4;\n color: #014;\n}\n\n#messageArea .button {\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #014;\n background: #fff;\n}\n\n/*}}}*/\n/***\n!Popup /%=================================================%/\n***/\n/*{{{*/\n.popup {\n background: #18f;\n border: 1px solid #04b;\n}\n\n.popup hr {\n color: #014;\n background: #014;\n border-bottom: 1px;\n}\n\n.popup li.disabled {\n color: #04b;\n}\n\n.popup li a, .popup li a:visited {\n color: #eee;\n border: none;\n}\n\n.popup li a:hover {\n background: #014;\n color: #fff;\n border: none;\n}\n/*}}}*/\n/***\n!Tiddler Display /%=================================================%/\n***/\n/*{{{*/\n.tiddler .defaultCommand {\n font-weight: bold;\n}\n\n.shadow .title {\n color: #866;\n}\n\n.title {\n color: #703;\n}\n\n.subtitle {\n color: #866;\n}\n\n.toolbar {\n color: #04b;\n}\n\n.tagging, .tagged {\n border: 1px solid #eee;\n background-color: #eee;\n}\n\n.selected .tagging, .selected .tagged {\n background-color: #ddd;\n border: 1px solid #bbb;\n}\n\n.tagging .listTitle, .tagged .listTitle {\n color: #014;\n}\n\n.tagging .button, .tagged .button {\n border: none;\n}\n\n.footer {\n color: #ddd;\n}\n\n.selected .footer {\n color: #888;\n}\n\n.sparkline {\n background: #8cf;\n border: 0;\n}\n\n.sparktick {\n background: #014;\n}\n\n.errorButton {\n color: #ff0;\n background: #f00;\n}\n\n.cascade {\n background: #eef;\n color: #aac;\n border: 1px solid #aac;\n}\n\n.imageLink, #displayArea .imageLink {\n background: transparent;\n}\n\n/*}}}*/\n/***\n''The viewer is where the tiddler content is displayed'' /%------------------------------------------------%/\n***/\n/*{{{*/\n\n.viewer .listTitle {list-style-type: none; margin-left: -2em;}\n\n.viewer .button {\n border: 1px solid #db4;\n color: #bbb\n}\n\n.viewer blockquote {\n border-left: 3px solid #666;\n}\n\n.viewer table {\n border: 2px solid #333;\n}\n\n.viewer th, thead td {\n background: #996;\n border: 1px solid #666;\n color: #fff;\n}\n\n.viewer td, .viewer tr {\n border: 1px solid #666;\n}\n\n.viewer pre {\n border: 1px solid #fe8;\n background: #ffc;\n}\n\n.viewer code {\n color: #703;\n}\n\n.viewer hr {\n border: 0;\n border-top: dashed 1px #666;\n color: #666;\n}\n\n.highlight, .marked {\n background: #fe8;\n}\n/*}}}*/\n/***\n''The editor replaces the viewer in the tiddler'' /%------------------------------------------------%/\n***/\n/*{{{*/\n.editor input {\n border: 1px solid #04b;\n}\n\n.editor textarea {\n border: 1px solid #04b;\n width: 100%;\n}\n\n.editorFooter {\n color: #aaa;\n}\n\n/*}}}*/

[http://tecfa.unige.ch]\n\n*[[Eia]]\nProjet stat\n*[[Cosys]]\nProjet recherche d'emploi.\n\n*[[Cofor]]\nProjet non défini\n\n\n*[[Stic 2]]\n*[[Stic 1]]\n*[[Méthodo]]\n\n

[>img[Gauguin|http://tecfa.unige.ch/etu-maltt/maya/ossipowb/stic/ex6/gauguin10.jpg]]

\n\n| Agenda 2007 |c\n|>|>|>|>|>|>|>| !Janvier |!|>|>|>|>|>|>|>| !Fevrier |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s01]]|bgcolor(#FFBD20): 1 | 2 | 3 | 4 | 5 |bgcolor(#DEDEAD): 6 |bgcolor(#DEDEAD): 7 |!|[[7s05]]|>|>|!| 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |\n|[[7s02]]| 8 | 9 | 10 | 11 | 12 |bgcolor(#DEDEAD): 13 |bgcolor(#DEDEAD): 14 |!|[[7s06]]| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#DEDEAD): 11 |\n|[[7s03]]| 15 | 16 | 17 | 18 | 19 |bgcolor(#DEDEAD): 20 |bgcolor(#DEDEAD): 21 |!|[[7s07]]| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |\n|[[7s04]]| 22 | 23 | 24 | 25 | 26 |bgcolor(#DEDEAD): 27 |bgcolor(#DEDEAD): 28 |!|[[7s08]]| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |\n|[[7s05]]| 29 | 30 | 31 |>|>|>|!|!|[[7s09]]| 26 | 27 | 28 |>|>|>|!|\n|>|>|>|>|>|>|>| !Mars |!|>|>|>|>|>|>|>| !Avril |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s09]]|>|>|!| 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |!|[[7s13]]|>|>|>|>|>|!|bgcolor(#DEDEAD): 1 |\n|[[7s10]]| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#DEDEAD): 11 |!|[[7s14]]| 2 | 3 | 4 | 5 | 6 |bgcolor(#DEDEAD): 7 |bgcolor(#DEDEAD): 8 |\n|[[7s11]]| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |!|[[7s15]]| 9 | 10 | 11 | 12 | 13 |bgcolor(#DEDEAD): 14 |bgcolor(#DEDEAD): 15 |\n|[[7s12]]| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |!|[[7s16]]| 16 | 17 | 18 | 19 | 20 |bgcolor(#DEDEAD): 21 |bgcolor(#DEDEAD): 22 |\n|[[7s13]]| 26 | 27 | 28 | 29 | 30 |bgcolor(#DEDEAD): 31 |!|!|[[7s17]]| 23 | 24 | 25 | 26 | 27 |bgcolor(#DEDEAD): 28 |bgcolor(#DEDEAD): 29 |\n|>|>|>|>|>|>|>|!|!|[[7s18]]| 30 |>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Mai |!|>|>|>|>|>|>|>| !Juin |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s18]]|!|bgcolor(#FFBD20): 1 | 2 | 3 | 4 |bgcolor(#FFBD20): 5 |bgcolor(#DEDEAD): 6 |!|[[7s22]]|>|>|>|!| 1 |bgcolor(#DEDEAD): 2 |bgcolor(#DEDEAD): 3 |\n|[[7s19]]| 7 |bgcolor(#FFBD20): 8 | 9 | 10 | 11 |bgcolor(#DEDEAD): 12 |bgcolor(#DEDEAD): 13 |!|[[7s23]]| 4 | 5 | 6 | 7 | 8 |bgcolor(#DEDEAD): 9 |bgcolor(#DEDEAD): 10 |\n|[[7s20]]| 14 | 15 |bgcolor(#FFBD20): 16 | 17 | 18 |bgcolor(#DEDEAD): 19 |bgcolor(#DEDEAD): 20 |!|[[7s24]]| 11 | 12 | 13 | 14 | 15 |bgcolor(#DEDEAD): 16 |bgcolor(#DEDEAD): 17 |\n|[[7s21]]| 21 | 22 | 23 | 24 | 25 |bgcolor(#DEDEAD): 26 |bgcolor(#DEDEAD): 27 |!|[[7s25]]| 18 | 19 | 20 | 21 | 22 |bgcolor(#DEDEAD): 23 |bgcolor(#DEDEAD): 24 |\n|[[7s22]]| 28 | 29 | 30 | 31 |>|>|!|!|[[7s26]]| 25 | 26 | 27 | 28 | 29 |bgcolor(#DEDEAD): 30 |!|\n|>|>|>|>|>|>|>| !Juillet |!|>|>|>|>|>|>|>| !Août |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s26]]|>|>|>|>|>|!|bgcolor(#DEDEAD): 1 |!|[[7s31]]|>|!| 1 | 2 | 3 |bgcolor(#DEDEAD): 4 |bgcolor(#DEDEAD): 5 |\n|[[7s27]]| 2 | 3 | 4 | 5 | 6 |bgcolor(#DEDEAD): 7 |bgcolor(#DEDEAD): 8 |!|[[7s32]]| 6 | 7 | 8 | 9 | 10 |bgcolor(#DEDEAD): 11 |bgcolor(#DEDEAD): 12 |\n|[[7s28]]| 9 | 10 | 11 | 12 | 13 |bgcolor(#FFBD20): 14 |bgcolor(#DEDEAD): 15 |!|[[7s33]]| 13 | 14 |bgcolor(#FFBD20): 15 | 16 | 17 |bgcolor(#DEDEAD): 18 |bgcolor(#DEDEAD): 19 |\n|[[7s29]]| 16 | 17 | 18 | 19 | 20 |bgcolor(#DEDEAD): 21 |bgcolor(#DEDEAD): 22 |!|[[7s34]]| 20 | 21 | 22 | 23 | 24 |bgcolor(#DEDEAD): 25 |bgcolor(#DEDEAD): 26 |\n|[[7s30]]| 23 | 24 | 25 | 26 | 27 |bgcolor(#DEDEAD): 28 |bgcolor(#DEDEAD): 29 |!|[[7s35]]| 27 | 28 | 29 | 30 | 31 |>|!|\n|[[7s31]]| 30 | 31 |>|>|>|>|!|!|>|>|>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Septembre |!|>|>|>|>|>|>|>| !Octobre |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s35]]|>|>|>|>|!|bgcolor(#DEDEAD): 1 |bgcolor(#DEDEAD): 2 |!|[[7s40]]| 1 | 2 | 3 | 4 | 5 |bgcolor(#DEDEAD): 6 |bgcolor(#DEDEAD): 7 |\n|[[7s36]]| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |!|[[7s41]]| 8 | 9 | 10 | 11 | 12 |bgcolor(#DEDEAD): 13 |bgcolor(#DEDEAD): 14 |\n|[[7s37]]| 10 | 11 | 12 | 13 | 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |!|[[7s42]]| 15 | 16 | 17 | 18 | 19 |bgcolor(#DEDEAD): 20 |bgcolor(#DEDEAD): 21 |\n|[[7s38]]| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |!|[[7s43]]| 22 | 23 | 24 | 25 | 26 |bgcolor(#DEDEAD): 27 |bgcolor(#DEDEAD): 28 |\n|[[7s39]]| 24 | 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |!|[[7s44]]| 29 | 30 | 31 |>|>|>|!|\n|>|>|>|>|>|>|>| !Novembre |!|>|>|>|>|>|>|>| !Decembre |\n|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|Sem.| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|[[7s44]]|>|>|!|bgcolor(#FFBD20): 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |!|[[7s48]]|>|>|>|>|!|bgcolor(#DEDEAD): 1 |bgcolor(#DEDEAD): 2 |\n|[[7s45]]| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#FFBD20): 11 |!|[[7s49]]| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |\n|[[7s46]]| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |!|[[7s50]]| 10 | 11 | 12 | 13 | 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |\n|[[7s47]]| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |!|[[7s51]]| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |\n|[[7s48]]| 26 | 27 | 28 | 29 | 30 |>|!|!|[[7s52]]| 24 |bgcolor(#FFBD20): 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |\n|>|>|>|>|>|>|>|!|!|[[8s01]]| 31 |>|>|>|>|>|!|\n

<html>\n<h1>TITRE</h1>\nbla bla bla\n<h2>ss-ttr</h2>\nbla bla bla\n<h3>chapitre</h3>\nbla bla bla\n<br>\n<hr>\n<a href="http://tecfa.unige.ch/perso/maltt/ossipowb/">Home of Me</a>\n<form>\n<input type=radio >\n<input type=radio checked>\n</form>\n<ol><li>\ngo !\n</li>\n<li>\nfor a list\n</li>\n</ol>\n</html>