<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected{color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
	
.wizard .notChanged {background:transparent;}
.wizard .changedLocally {background:#80ff80;}
.wizard .changedServer {background:#8080ff;}
.wizard .changedBoth {background:#ff8080;}
.wizard .notFound {background:#ffff80;}
.wizard .putToServer {background:#ff80ff;}
.wizard .gotFromServer {background:#80ffff;}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>
<!--}}}-->
To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* MainMenu: The menu (usually on the left)
* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
These InterfaceOptions for customising TiddlyWiki are saved in your browser

Your username for signing your edits. Write it as a WikiWord (eg JoeBloggs)

<<option txtUserName>>
<<option chkSaveBackups>> SaveBackups
<<option chkAutoSave>> AutoSave
<<option chkRegExpSearch>> RegExpSearch
<<option chkCaseSensitiveSearch>> CaseSensitiveSearch
<<option chkAnimate>> EnableAnimations

----
Also see AdvancedOptions
<<importTiddlers>>
J'aime cette ''constellation'' absente du zodiaque antique. Je m'y promène, impressionné, ravi ...
<<tabs _constellation_ [[historique]] [[historique]]  [[historique]] [[portails]] [[portails]] [[portails]] [[blogs]]  [[blogs]]  [[blogs]] [[photos]] [[photos]] [[photos]] 
[[partage de liens]] [[partage de liens]] [[partage de liens]]
[[wiki]] [[wiki]] [[wiki]]
[[collaboration]] [[collaboration]] [[collaboration]]
Ok Ok Ok>>
[[Methodood]]
[[adresses]]
/***
|''Name:''|LoadRemoteFileThroughProxy (previous LoadRemoteFileHijack)|
|''Description:''|When the TiddlyWiki file is located on the web (view over http) the content of [[SiteProxy]] tiddler is added in front of the file url. If [[SiteProxy]] does not exist "/proxy/" is added. |
|''Version:''|1.1.0|
|''Date:''|mar 17, 2007|
|''Source:''|http://tiddlywiki.bidix.info/#LoadRemoteFileHijack|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0|
***/
//{{{
version.extensions.LoadRemoteFileThroughProxy = {
 major: 1, minor: 1, revision: 0, 
 date: new Date("mar 17, 2007"), 
 source: "http://tiddlywiki.bidix.info/#LoadRemoteFileThroughProxy"};

if (!window.bidix) window.bidix = {}; // bidix namespace
if (!bidix.core) bidix.core = {};

bidix.core.loadRemoteFile = loadRemoteFile;
loadRemoteFile = function(url,callback,params)
{
 if ((document.location.toString().substr(0,4) == "http") && (url.substr(0,4) == "http")){ 
 url = store.getTiddlerText("SiteProxy", "/proxy/") + url;
 }
 return bidix.core.loadRemoteFile(url,callback,params);
}
//}}}
[[Methodood]]
Outre les sites créés sous le pseudo //methodood// dans le cadre de ce [[projet]], j'en fais vivre ou en ai commis quelques autres :

|!contenu|!nom|
|pigeonniers et maisons dans les arbres    |[[dovecotez and updwellings |http://dovecots.tumblr.com/]] |
|bonnes pratiques pour la planète          |[[la gazette de l'arbre |http://lagazettedelarbre.tiddlyspot.com]] |
|mécanismes de la précession des équinoxes |[[précession - tout sur la précession |http://precession.tiddlyspot.com]] |
|clichés - idées et photos en vrac         |[[SIP and clichés - statistically cliché |http://rvstman.tumblr.com/]] |
|Cythère voyages mythiques                 |[[Cythère|http://cythere.tiddlyspot.com]]|
|Tarot                                     |[[Too Good ! tarot |http://toogood.tiddlyspot.com]]|
|Des roses rouges pour Jérusalem           |[[Roses Jérusalem |http://site.voila.fr/rosesjerusalem]]|
|Ha'penny for you Thot	                   |[[apfyt |http://apfyt.blogspot.com/]]|
|un conte à votre façon	                   |[[conte façon|http://queneauddly.tiddlyspot.com]]|
|association pour la découverte des rostres|[[Rostrata |http://rostrata.tiddlyspot.com]]|
|couleur! découverte et rouge              |[[couleur! |http://couleur.tiddlyspot.com ]]|
|Robin Hood - Robin + method               |[[methodood |http://methodood.tiddlyspot.com ]]|
!!Methodood
''Methodood'' est mon projet - à la fois un pseudo sur le net et un parti pris.
!!Pseudo
À travers //Methodood//, je propose ma [[méthode|projet]] d'approche des joies du [[réseau]]. Je suis ainsi identifié sur quelques dizaines de sites et j'en analyse les particularités, similitudes et correspondances.
!!Parti pris
//Robin Hood with less Robin and more method// = Robin des Bois avec moins de Robin et plus de méthode!
Il est des sites où l'on voir l'auteur, ou les auteurs, se jeter sur le nouveau, l'idée, l'[[image|photos]]. J'en suis parfois.
Je tente aujourd'hui une approche douce, patiente et détaillée, autant pour apprivoiser l'environnement que le lecteur.
!!Constellation
J'ai tenté quelques façons de prendre pied, il en est des milliers que je n'ai pas tentées ou qui ne me tentent guère.
La [[Constellation]] actuelle dessinée par le [[réseau]] Internet se décline en termes plus ou moins bizarres, portails, agrégateurs, blogs, sites de partage ... on y va.

//[[navigation dans ce site]]//
//[[plan du site]]//
/***
|''Name:''|PasswordOptionPlugin|
|''Description:''|Extends TiddlyWiki options with non encrypted password option.|
|''Version:''|1.0.2|
|''Date:''|Apr 19, 2007|
|''Source:''|http://tiddlywiki.bidix.info/#PasswordOptionPlugin|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0 (Beta 5)|
***/
//{{{
version.extensions.PasswordOptionPlugin = {
	major: 1, minor: 0, revision: 2, 
	date: new Date("Apr 19, 2007"),
	source: 'http://tiddlywiki.bidix.info/#PasswordOptionPlugin',
	author: 'BidiX (BidiX (at) bidix (dot) info',
	license: '[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D]]',
	coreVersion: '2.2.0 (Beta 5)'
};

config.macros.option.passwordCheckboxLabel = "Save this password on this computer";
config.macros.option.passwordInputType = "password"; // password | text
setStylesheet(".pasOptionInput {width: 11em;}\n","passwordInputTypeStyle");

merge(config.macros.option.types, {
	'pas': {
		elementType: "input",
		valueField: "value",
		eventName: "onkeyup",
		className: "pasOptionInput",
		typeValue: config.macros.option.passwordInputType,
		create: function(place,type,opt,className,desc) {
			// password field
			config.macros.option.genericCreate(place,'pas',opt,className,desc);
			// checkbox linked with this password "save this password on this computer"
			config.macros.option.genericCreate(place,'chk','chk'+opt,className,desc);			
			// text savePasswordCheckboxLabel
			place.appendChild(document.createTextNode(config.macros.option.passwordCheckboxLabel));
		},
		onChange: config.macros.option.genericOnChange
	}
});

merge(config.optionHandlers['chk'], {
	get: function(name) {
		// is there an option linked with this chk ?
		var opt = name.substr(3);
		if (config.options[opt]) 
			saveOptionCookie(opt);
		return config.options[name] ? "true" : "false";
	}
});

merge(config.optionHandlers, {
	'pas': {
 		get: function(name) {
			if (config.options["chk"+name]) {
				return encodeCookie(config.options[name].toString());
			} else {
				return "";
			}
		},
		set: function(name,value) {config.options[name] = decodeCookie(value);}
	}
});

// need to reload options to load passwordOptions
loadOptionsCookie();

/*
if (!config.options['pasPassword'])
	config.options['pasPassword'] = '';

merge(config.optionsDesc,{
		pasPassword: "Test password"
	});
*/
//}}}
<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY" "journal">><<saveChanges>><<tiddler TspotSidebar>><<slider chkSliderOptionsPanel OptionsPanel "options »" "Change TiddlyWiki advanced options">> <<tabs aha [[mes sites persos]]  [[mes sites persos]] [[mes sites persos]] >>
Robin Hood with less Robin and more method
methodood [img[http://data.tumblr.com/avatar_da75552700dc_64.png]]
[['TiddlyWiki'|http://www.tiddlywiki.com/]] est un [[wiki]] conçu pour tenir sur une seule [[page]] par Jeremy Ruston.
Voir le site : http://www.tiddlywiki.com.

Ce site ''methodood'' est basé sur le même principe, et se trouve [[hébergé|hébergement]].
//[[plan du site]]//
/***
Description: Contains the stuff you need to use Tiddlyspot
Note, you also need UploadPlugin, PasswordOptionPlugin and LoadRemoteFileThroughProxy
from http://tiddlywiki.bidix.info for a complete working Tiddlyspot site.
***/
//{{{

// edit this if you are migrating sites or retrofitting an existing TW
config.tiddlyspotSiteId = 'methodood';

// make it so you can by default see edit controls via http
config.options.chkHttpReadOnly = false;
window.readOnly = false; // make sure of it (for tw 2.2)
window.showBackstage = true; // show backstage too

// disable autosave in d3
if (window.location.protocol != "file:")
	config.options.chkGTDLazyAutoSave = false;

// tweak shadow tiddlers to add upload button, password entry box etc
with (config.shadowTiddlers) {
	SiteUrl = 'http://'+config.tiddlyspotSiteId+'.tiddlyspot.com';
	SideBarOptions = SideBarOptions.replace(/(<<saveChanges>>)/,"$1<<tiddler TspotSidebar>>");
	OptionsPanel = OptionsPanel.replace(/^/,"<<tiddler TspotOptions>>");
	DefaultTiddlers = DefaultTiddlers.replace(/^/,"[[WelcomeToTiddlyspot]] ");
	MainMenu = MainMenu.replace(/^/,"[[WelcomeToTiddlyspot]] ");
}

// create some shadow tiddler content
merge(config.shadowTiddlers,{

'WelcomeToTiddlyspot':[
 "This document is a ~TiddlyWiki from tiddlyspot.com.  A ~TiddlyWiki is an electronic notebook that is great for managing todo lists, personal information, and all sorts of things.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //What now?// &nbsp;&nbsp;@@ Before you can save any changes, you need to enter your password in the form below.  Then configure privacy and other site settings at your [[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]] (your control panel username is //" + config.tiddlyspotSiteId + "//).",
 "<<tiddler TspotControls>>",
 "See also GettingStarted.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Working online// &nbsp;&nbsp;@@ You can edit this ~TiddlyWiki right now, and save your changes using the \"save to web\" button in the column on the right.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Working offline// &nbsp;&nbsp;@@ A fully functioning copy of this ~TiddlyWiki can be saved onto your hard drive or USB stick.  You can make changes and save them locally without being connected to the Internet.  When you're ready to sync up again, just click \"upload\" and your ~TiddlyWiki will be saved back to tiddlyspot.com.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Help!// &nbsp;&nbsp;@@ Find out more about ~TiddlyWiki at [[TiddlyWiki.com|http://tiddlywiki.com]].  Also visit [[TiddlyWiki.org|http://tiddlywiki.org]] for documentation on learning and using ~TiddlyWiki. New users are especially welcome on the [[TiddlyWiki mailing list|http://groups.google.com/group/TiddlyWiki]], which is an excellent place to ask questions and get help.  If you have a tiddlyspot related problem email [[tiddlyspot support|mailto:support@tiddlyspot.com]].",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Enjoy :)// &nbsp;&nbsp;@@ We hope you like using your tiddlyspot.com site.  Please email [[feedback@tiddlyspot.com|mailto:feedback@tiddlyspot.com]] with any comments or suggestions."
].join("\n"),

'TspotControls':[
 "| tiddlyspot password:|<<option pasUploadPassword>>|",
 "| site management:|<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . .  " + config.tiddlyspotSiteId + ">>//(requires tiddlyspot password)//<br>[[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]], [[download (go offline)|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download]]|",
 "| links:|[[tiddlyspot.com|http://tiddlyspot.com/]], [[FAQs|http://faq.tiddlyspot.com/]], [[blog|http://tiddlyspot.blogspot.com/]], email [[support|mailto:support@tiddlyspot.com]] & [[feedback|mailto:feedback@tiddlyspot.com]], [[donate|http://tiddlyspot.com/?page=donate]]|"
].join("\n"),

'TspotSidebar':[
 "<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . .  " + config.tiddlyspotSiteId + ">><html><a href='http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download' class='button'>download</a></html>"
].join("\n"),

'TspotOptions':[
 "tiddlyspot password:",
 "<<option pasUploadPassword>>",
 ""
].join("\n")

});
//}}}
| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |
| 04/01/2009 17:12:19 | H_man | [[methodood.html|file:///C:/Mi/allgood/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . | ok |
| 04/01/2009 22:21:27 | H_man | [[methodood.html|file:///C:/Mi/allgood/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . | ok |
| 05/01/2009 13:16:34 | H_man | [[methodood.html|file:///C:/Mi/allgood/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . |
| 06/01/2009 21:58:11 | H_man | [[methodood.html|file:///C:/Users/Robin/Downloads/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . |
| 06/01/2009 22:29:51 | H_man | [[methodood.html|file:///C:/Users/Robin/Downloads/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . |
| 23/01/2009 22:27:00 | H_man | [[methodood.html|file:///C:/Users/Robin/Documents/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . | failed |
| 23/01/2009 22:27:41 | H_man | [[methodood.html|file:///C:/Users/Robin/Documents/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . | ok |
| 04/02/2009 18:06:17 | H_man | [[methodood.html|file:///C:/Users/Robin/Documents/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . | ok |
| 06/02/2009 20:21:52 | H_man | [[methodood.html|file:///C:/Users/Robin/Documents/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . | ok |
| 06/02/2009 20:38:55 | H_man | [[methodood.html|file:///C:/Users/Robin/Documents/methodood.html]] | [[store.cgi|http://methodood.tiddlyspot.com/store.cgi]] | . | [[index.html | http://methodood.tiddlyspot.com/index.html]] | . |
/***
|''Name:''|UploadPlugin|
|''Description:''|Save to web a TiddlyWiki|
|''Version:''|4.1.3|
|''Date:''|Feb 24, 2008|
|''Source:''|http://tiddlywiki.bidix.info/#UploadPlugin|
|''Documentation:''|http://tiddlywiki.bidix.info/#UploadPluginDoc|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0|
|''Requires:''|PasswordOptionPlugin|
***/
//{{{
version.extensions.UploadPlugin = {
	major: 4, minor: 1, revision: 3,
	date: new Date("Feb 24, 2008"),
	source: 'http://tiddlywiki.bidix.info/#UploadPlugin',
	author: 'BidiX (BidiX (at) bidix (dot) info',
	coreVersion: '2.2.0'
};

//
// Environment
//

if (!window.bidix) window.bidix = {}; // bidix namespace
bidix.debugMode = false;	// true to activate both in Plugin and UploadService
	
//
// Upload Macro
//

config.macros.upload = {
// default values
	defaultBackupDir: '',	//no backup
	defaultStoreScript: "store.php",
	defaultToFilename: "index.html",
	defaultUploadDir: ".",
	authenticateUser: true	// UploadService Authenticate User
};
	
config.macros.upload.label = {
	promptOption: "Save and Upload this TiddlyWiki with UploadOptions",
	promptParamMacro: "Save and Upload this TiddlyWiki in %0",
	saveLabel: "save to web", 
	saveToDisk: "save to disk",
	uploadLabel: "upload"	
};

config.macros.upload.messages = {
	noStoreUrl: "No store URL in parmeters or options",
	usernameOrPasswordMissing: "Username or password missing"
};

config.macros.upload.handler = function(place,macroName,params) {
	if (readOnly)
		return;
	var label;
	if (document.location.toString().substr(0,4) == "http") 
		label = this.label.saveLabel;
	else
		label = this.label.uploadLabel;
	var prompt;
	if (params[0]) {
		prompt = this.label.promptParamMacro.toString().format([this.destFile(params[0], 
			(params[1] ? params[1]:bidix.basename(window.location.toString())), params[3])]);
	} else {
		prompt = this.label.promptOption;
	}
	createTiddlyButton(place, label, prompt, function() {config.macros.upload.action(params);}, null, null, this.accessKey);
};

config.macros.upload.action = function(params)
{
		// for missing macro parameter set value from options
		if (!params) params = {};
		var storeUrl = params[0] ? params[0] : config.options.txtUploadStoreUrl;
		var toFilename = params[1] ? params[1] : config.options.txtUploadFilename;
		var backupDir = params[2] ? params[2] : config.options.txtUploadBackupDir;
		var uploadDir = params[3] ? params[3] : config.options.txtUploadDir;
		var username = params[4] ? params[4] : config.options.txtUploadUserName;
		var password = config.options.pasUploadPassword; // for security reason no password as macro parameter	
		// for still missing parameter set default value
		if ((!storeUrl) && (document.location.toString().substr(0,4) == "http")) 
			storeUrl = bidix.dirname(document.location.toString())+'/'+config.macros.upload.defaultStoreScript;
		if (storeUrl.substr(0,4) != "http")
			storeUrl = bidix.dirname(document.location.toString()) +'/'+ storeUrl;
		if (!toFilename)
			toFilename = bidix.basename(window.location.toString());
		if (!toFilename)
			toFilename = config.macros.upload.defaultToFilename;
		if (!uploadDir)
			uploadDir = config.macros.upload.defaultUploadDir;
		if (!backupDir)
			backupDir = config.macros.upload.defaultBackupDir;
		// report error if still missing
		if (!storeUrl) {
			alert(config.macros.upload.messages.noStoreUrl);
			clearMessage();
			return false;
		}
		if (config.macros.upload.authenticateUser && (!username || !password)) {
			alert(config.macros.upload.messages.usernameOrPasswordMissing);
			clearMessage();
			return false;
		}
		bidix.upload.uploadChanges(false,null,storeUrl, toFilename, uploadDir, backupDir, username, password); 
		return false; 
};

config.macros.upload.destFile = function(storeUrl, toFilename, uploadDir) 
{
	if (!storeUrl)
		return null;
		var dest = bidix.dirname(storeUrl);
		if (uploadDir && uploadDir != '.')
			dest = dest + '/' + uploadDir;
		dest = dest + '/' + toFilename;
	return dest;
};

//
// uploadOptions Macro
//

config.macros.uploadOptions = {
	handler: function(place,macroName,params) {
		var wizard = new Wizard();
		wizard.createWizard(place,this.wizardTitle);
		wizard.addStep(this.step1Title,this.step1Html);
		var markList = wizard.getElement("markList");
		var listWrapper = document.createElement("div");
		markList.parentNode.insertBefore(listWrapper,markList);
		wizard.setValue("listWrapper",listWrapper);
		this.refreshOptions(listWrapper,false);
		var uploadCaption;
		if (document.location.toString().substr(0,4) == "http") 
			uploadCaption = config.macros.upload.label.saveLabel;
		else
			uploadCaption = config.macros.upload.label.uploadLabel;
		
		wizard.setButtons([
				{caption: uploadCaption, tooltip: config.macros.upload.label.promptOption, 
					onClick: config.macros.upload.action},
				{caption: this.cancelButton, tooltip: this.cancelButtonPrompt, onClick: this.onCancel}
				
			]);
	},
	options: [
		"txtUploadUserName",
		"pasUploadPassword",
		"txtUploadStoreUrl",
		"txtUploadDir",
		"txtUploadFilename",
		"txtUploadBackupDir",
		"chkUploadLog",
		"txtUploadLogMaxLine"		
	],
	refreshOptions: function(listWrapper) {
		var opts = [];
		for(i=0; i<this.options.length; i++) {
			var opt = {};
			opts.push();
			opt.option = "";
			n = this.options[i];
			opt.name = n;
			opt.lowlight = !config.optionsDesc[n];
			opt.description = opt.lowlight ? this.unknownDescription : config.optionsDesc[n];
			opts.push(opt);
		}
		var listview = ListView.create(listWrapper,opts,this.listViewTemplate);
		for(n=0; n<opts.length; n++) {
			var type = opts[n].name.substr(0,3);
			var h = config.macros.option.types[type];
			if (h && h.create) {
				h.create(opts[n].colElements['option'],type,opts[n].name,opts[n].name,"no");
			}
		}
		
	},
	onCancel: function(e)
	{
		backstage.switchTab(null);
		return false;
	},
	
	wizardTitle: "Upload with options",
	step1Title: "These options are saved in cookies in your browser",
	step1Html: "<input type='hidden' name='markList'></input><br>",
	cancelButton: "Cancel",
	cancelButtonPrompt: "Cancel prompt",
	listViewTemplate: {
		columns: [
			{name: 'Description', field: 'description', title: "Description", type: 'WikiText'},
			{name: 'Option', field: 'option', title: "Option", type: 'String'},
			{name: 'Name', field: 'name', title: "Name", type: 'String'}
			],
		rowClasses: [
			{className: 'lowlight', field: 'lowlight'} 
			]}
};

//
// upload functions
//

if (!bidix.upload) bidix.upload = {};

if (!bidix.upload.messages) bidix.upload.messages = {
	//from saving
	invalidFileError: "The original file '%0' does not appear to be a valid TiddlyWiki",
	backupSaved: "Backup saved",
	backupFailed: "Failed to upload backup file",
	rssSaved: "RSS feed uploaded",
	rssFailed: "Failed to upload RSS feed file",
	emptySaved: "Empty template uploaded",
	emptyFailed: "Failed to upload empty template file",
	mainSaved: "Main TiddlyWiki file uploaded",
	mainFailed: "Failed to upload main TiddlyWiki file. Your changes have not been saved",
	//specific upload
	loadOriginalHttpPostError: "Can't get original file",
	aboutToSaveOnHttpPost: 'About to upload on %0 ...',
	storePhpNotFound: "The store script '%0' was not found."
};

bidix.upload.uploadChanges = function(onlyIfDirty,tiddlers,storeUrl,toFilename,uploadDir,backupDir,username,password)
{
	var callback = function(status,uploadParams,original,url,xhr) {
		if (!status) {
			displayMessage(bidix.upload.messages.loadOriginalHttpPostError);
			return;
		}
		if (bidix.debugMode) 
			alert(original.substr(0,500)+"\n...");
		// Locate the storeArea div's 
		var posDiv = locateStoreArea(original);
		if((posDiv[0] == -1) || (posDiv[1] == -1)) {
			alert(config.messages.invalidFileError.format([localPath]));
			return;
		}
		bidix.upload.uploadRss(uploadParams,original,posDiv);
	};
	
	if(onlyIfDirty && !store.isDirty())
		return;
	clearMessage();
	// save on localdisk ?
	if (document.location.toString().substr(0,4) == "file") {
		var path = document.location.toString();
		var localPath = getLocalPath(path);
		saveChanges();
	}
	// get original
	var uploadParams = new Array(storeUrl,toFilename,uploadDir,backupDir,username,password);
	var originalPath = document.location.toString();
	// If url is a directory : add index.html
	if (originalPath.charAt(originalPath.length-1) == "/")
		originalPath = originalPath + "index.html";
	var dest = config.macros.upload.destFile(storeUrl,toFilename,uploadDir);
	var log = new bidix.UploadLog();
	log.startUpload(storeUrl, dest, uploadDir,  backupDir);
	displayMessage(bidix.upload.messages.aboutToSaveOnHttpPost.format([dest]));
	if (bidix.debugMode) 
		alert("about to execute Http - GET on "+originalPath);
	var r = doHttp("GET",originalPath,null,null,username,password,callback,uploadParams,null);
	if (typeof r == "string")
		displayMessage(r);
	return r;
};

bidix.upload.uploadRss = function(uploadParams,original,posDiv) 
{
	var callback = function(status,params,responseText,url,xhr) {
		if(status) {
			var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:")));
			displayMessage(bidix.upload.messages.rssSaved,bidix.dirname(url)+'/'+destfile);
			bidix.upload.uploadMain(params[0],params[1],params[2]);
		} else {
			displayMessage(bidix.upload.messages.rssFailed);			
		}
	};
	// do uploadRss
	if(config.options.chkGenerateAnRssFeed) {
		var rssPath = uploadParams[1].substr(0,uploadParams[1].lastIndexOf(".")) + ".xml";
		var rssUploadParams = new Array(uploadParams[0],rssPath,uploadParams[2],'',uploadParams[4],uploadParams[5]);
		var rssString = generateRss();
		// no UnicodeToUTF8 conversion needed when location is "file" !!!
		if (document.location.toString().substr(0,4) != "file")
			rssString = convertUnicodeToUTF8(rssString);	
		bidix.upload.httpUpload(rssUploadParams,rssString,callback,Array(uploadParams,original,posDiv));
	} else {
		bidix.upload.uploadMain(uploadParams,original,posDiv);
	}
};

bidix.upload.uploadMain = function(uploadParams,original,posDiv) 
{
	var callback = function(status,params,responseText,url,xhr) {
		var log = new bidix.UploadLog();
		if(status) {
			// if backupDir specified
			if ((params[3]) && (responseText.indexOf("backupfile:") > -1))  {
				var backupfile = responseText.substring(responseText.indexOf("backupfile:")+11,responseText.indexOf("\n", responseText.indexOf("backupfile:")));
				displayMessage(bidix.upload.messages.backupSaved,bidix.dirname(url)+'/'+backupfile);
			}
			var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:")));
			displayMessage(bidix.upload.messages.mainSaved,bidix.dirname(url)+'/'+destfile);
			store.setDirty(false);
			log.endUpload("ok");
		} else {
			alert(bidix.upload.messages.mainFailed);
			displayMessage(bidix.upload.messages.mainFailed);
			log.endUpload("failed");			
		}
	};
	// do uploadMain
	var revised = bidix.upload.updateOriginal(original,posDiv);
	bidix.upload.httpUpload(uploadParams,revised,callback,uploadParams);
};

bidix.upload.httpUpload = function(uploadParams,data,callback,params)
{
	var localCallback = function(status,params,responseText,url,xhr) {
		url = (url.indexOf("nocache=") < 0 ? url : url.substring(0,url.indexOf("nocache=")-1));
		if (xhr.status == 404)
			alert(bidix.upload.messages.storePhpNotFound.format([url]));
		if ((bidix.debugMode) || (responseText.indexOf("Debug mode") >= 0 )) {
			alert(responseText);
			if (responseText.indexOf("Debug mode") >= 0 )
				responseText = responseText.substring(responseText.indexOf("\n\n")+2);
		} else if (responseText.charAt(0) != '0') 
			alert(responseText);
		if (responseText.charAt(0) != '0')
			status = null;
		callback(status,params,responseText,url,xhr);
	};
	// do httpUpload
	var boundary = "---------------------------"+"AaB03x";	
	var uploadFormName = "UploadPlugin";
	// compose headers data
	var sheader = "";
	sheader += "--" + boundary + "\r\nContent-disposition: form-data; name=\"";
	sheader += uploadFormName +"\"\r\n\r\n";
	sheader += "backupDir="+uploadParams[3] +
				";user=" + uploadParams[4] +
				";password=" + uploadParams[5] +
				";uploaddir=" + uploadParams[2];
	if (bidix.debugMode)
		sheader += ";debug=1";
	sheader += ";;\r\n"; 
	sheader += "\r\n" + "--" + boundary + "\r\n";
	sheader += "Content-disposition: form-data; name=\"userfile\"; filename=\""+uploadParams[1]+"\"\r\n";
	sheader += "Content-Type: text/html;charset=UTF-8" + "\r\n";
	sheader += "Content-Length: " + data.length + "\r\n\r\n";
	// compose trailer data
	var strailer = new String();
	strailer = "\r\n--" + boundary + "--\r\n";
	data = sheader + data + strailer;
	if (bidix.debugMode) alert("about to execute Http - POST on "+uploadParams[0]+"\n with \n"+data.substr(0,500)+ " ... ");
	var r = doHttp("POST",uploadParams[0],data,"multipart/form-data; ;charset=UTF-8; boundary="+boundary,uploadParams[4],uploadParams[5],localCallback,params,null);
	if (typeof r == "string")
		displayMessage(r);
	return r;
};

// same as Saving's updateOriginal but without convertUnicodeToUTF8 calls
bidix.upload.updateOriginal = function(original, posDiv)
{
	if (!posDiv)
		posDiv = locateStoreArea(original);
	if((posDiv[0] == -1) || (posDiv[1] == -1)) {
		alert(config.messages.invalidFileError.format([localPath]));
		return;
	}
	var revised = original.substr(0,posDiv[0] + startSaveArea.length) + "\n" +
				store.allTiddlersAsHtml() + "\n" +
				original.substr(posDiv[1]);
	var newSiteTitle = getPageTitle().htmlEncode();
	revised = revised.replaceChunk("<title"+">","</title"+">"," " + newSiteTitle + " ");
	revised = updateMarkupBlock(revised,"PRE-HEAD","MarkupPreHead");
	revised = updateMarkupBlock(revised,"POST-HEAD","MarkupPostHead");
	revised = updateMarkupBlock(revised,"PRE-BODY","MarkupPreBody");
	revised = updateMarkupBlock(revised,"POST-SCRIPT","MarkupPostBody");
	return revised;
};

//
// UploadLog
// 
// config.options.chkUploadLog :
//		false : no logging
//		true : logging
// config.options.txtUploadLogMaxLine :
//		-1 : no limit
//      0 :  no Log lines but UploadLog is still in place
//		n :  the last n lines are only kept
//		NaN : no limit (-1)

bidix.UploadLog = function() {
	if (!config.options.chkUploadLog) 
		return; // this.tiddler = null
	this.tiddler = store.getTiddler("UploadLog");
	if (!this.tiddler) {
		this.tiddler = new Tiddler();
		this.tiddler.title = "UploadLog";
		this.tiddler.text = "| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |";
		this.tiddler.created = new Date();
		this.tiddler.modifier = config.options.txtUserName;
		this.tiddler.modified = new Date();
		store.addTiddler(this.tiddler);
	}
	return this;
};

bidix.UploadLog.prototype.addText = function(text) {
	if (!this.tiddler)
		return;
	// retrieve maxLine when we need it
	var maxLine = parseInt(config.options.txtUploadLogMaxLine,10);
	if (isNaN(maxLine))
		maxLine = -1;
	// add text
	if (maxLine != 0) 
		this.tiddler.text = this.tiddler.text + text;
	// Trunck to maxLine
	if (maxLine >= 0) {
		var textArray = this.tiddler.text.split('\n');
		if (textArray.length > maxLine + 1)
			textArray.splice(1,textArray.length-1-maxLine);
			this.tiddler.text = textArray.join('\n');		
	}
	// update tiddler fields
	this.tiddler.modifier = config.options.txtUserName;
	this.tiddler.modified = new Date();
	store.addTiddler(this.tiddler);
	// refresh and notifiy for immediate update
	story.refreshTiddler(this.tiddler.title);
	store.notify(this.tiddler.title, true);
};

bidix.UploadLog.prototype.startUpload = function(storeUrl, toFilename, uploadDir,  backupDir) {
	if (!this.tiddler)
		return;
	var now = new Date();
	var text = "\n| ";
	var filename = bidix.basename(document.location.toString());
	if (!filename) filename = '/';
	text += now.formatString("0DD/0MM/YYYY 0hh:0mm:0ss") +" | ";
	text += config.options.txtUserName + " | ";
	text += "[["+filename+"|"+location + "]] |";
	text += " [[" + bidix.basename(storeUrl) + "|" + storeUrl + "]] | ";
	text += uploadDir + " | ";
	text += "[[" + bidix.basename(toFilename) + " | " +toFilename + "]] | ";
	text += backupDir + " |";
	this.addText(text);
};

bidix.UploadLog.prototype.endUpload = function(status) {
	if (!this.tiddler)
		return;
	this.addText(" "+status+" |");
};

//
// Utilities
// 

bidix.checkPlugin = function(plugin, major, minor, revision) {
	var ext = version.extensions[plugin];
	if (!
		(ext  && 
			((ext.major > major) || 
			((ext.major == major) && (ext.minor > minor))  ||
			((ext.major == major) && (ext.minor == minor) && (ext.revision >= revision))))) {
			// write error in PluginManager
			if (pluginInfo)
				pluginInfo.log.push("Requires " + plugin + " " + major + "." + minor + "." + revision);
			eval(plugin); // generate an error : "Error: ReferenceError: xxxx is not defined"
	}
};

bidix.dirname = function(filePath) {
	if (!filePath) 
		return;
	var lastpos;
	if ((lastpos = filePath.lastIndexOf("/")) != -1) {
		return filePath.substring(0, lastpos);
	} else {
		return filePath.substring(0, filePath.lastIndexOf("\\"));
	}
};

bidix.basename = function(filePath) {
	if (!filePath) 
		return;
	var lastpos;
	if ((lastpos = filePath.lastIndexOf("#")) != -1) 
		filePath = filePath.substring(0, lastpos);
	if ((lastpos = filePath.lastIndexOf("/")) != -1) {
		return filePath.substring(lastpos + 1);
	} else
		return filePath.substring(filePath.lastIndexOf("\\")+1);
};

bidix.initOption = function(name,value) {
	if (!config.options[name])
		config.options[name] = value;
};

//
// Initializations
//

// require PasswordOptionPlugin 1.0.1 or better
bidix.checkPlugin("PasswordOptionPlugin", 1, 0, 1);

// styleSheet
setStylesheet('.txtUploadStoreUrl, .txtUploadBackupDir, .txtUploadDir {width: 22em;}',"uploadPluginStyles");

//optionsDesc
merge(config.optionsDesc,{
	txtUploadStoreUrl: "Url of the UploadService script (default: store.php)",
	txtUploadFilename: "Filename of the uploaded file (default: in index.html)",
	txtUploadDir: "Relative Directory where to store the file (default: . (downloadService directory))",
	txtUploadBackupDir: "Relative Directory where to backup the file. If empty no backup. (default: ''(empty))",
	txtUploadUserName: "Upload Username",
	pasUploadPassword: "Upload Password",
	chkUploadLog: "do Logging in UploadLog (default: true)",
	txtUploadLogMaxLine: "Maximum of lines in UploadLog (default: 10)"
});

// Options Initializations
bidix.initOption('txtUploadStoreUrl','');
bidix.initOption('txtUploadFilename','');
bidix.initOption('txtUploadDir','');
bidix.initOption('txtUploadBackupDir','');
bidix.initOption('txtUploadUserName','');
bidix.initOption('pasUploadPassword','');
bidix.initOption('chkUploadLog',true);
bidix.initOption('txtUploadLogMaxLine','10');


// Backstage
merge(config.tasks,{
	uploadOptions: {text: "upload", tooltip: "Change UploadOptions and Upload", content: '<<uploadOptions>>'}
});
config.backstageTasks.push("uploadOptions");


//}}}

Le World Wide Web Consortium (''~W3C'') est une organisation qui développe et promeut les standards du web que sont HTML, XML, URL, &c. :
*HTML, //hyper text markup language//, est le langage de description des [[pages|page]] de tout site web. Il se construit à l'aide de balises qui encadrent un segment de texte et indiquent ses propriétés.
*XML, //extended markup language//, est le langage d'échange de données qui tend à un usage généralisé.
*un URL, //uniform resource locator//, est l'adresse d'un site web (exemple pour le ~W3C : http://www.w3.org/)
Les règles de codification des //couleurs//, pour l'affichage sur un [[navigateur]] Internet, sont aussi de leur ressort.
La gestion de l'''accès'' à un site dépend uniquement du bon vouloir du propriétaire, qu'il s'agisse d'un site commercial, universitaire ou privé.
Certains sites sont fermés, d'autres, ouverts, font payer l'accès à certaines [[pages|page]] : c'est le modèle adopté par certains groupes de presse (le Monde, Libération).
Les sites sociaux et de partage permettent généralement de réserver l'accès à tout ou partie des contenus à des [[contacts]] sélectionnés ou à des invités.
Voici les ''adresses'' des sites que j'utilise avec le pseudo //methodood// :
//Un clic sur un lien externe ouvre une autre fenêtre (ou onglet)//

|!nom |!type |!adresse |
|tiddlyspot [img[favicon tiddlyspot|http://tiddlyspot.com/favicon.ico]]  |TiddlyWiki |http://methodood.tiddlyspot.com (//ce site)//|
|tumblr [img[favicon tumblr|http://www.tumblr.com/images/favicon.gif]] |blog |http://methodood.tumblr.com/ ou http://tinyurl.com/methodood |
|yahoo! mail [img[favicon yahoo|https://a248.e.akamai.net/sec.yimg.com/a/ym/ymc/mail/07041/20070502_ymail_wel_ybang.gif]] |mél |https://login.yahoo.com/config/mail (pour communiquer : //methodood at* yahoo.com//) |
|flickr [img[favicon flickr|http://www.flickr.com/favicon.ico]] |photos |http://www.flickr.com/people/33906713@N07/ |
|netvibes [img[favicon netvibes |http://cdn.netvibes.com/favicon.ico]] |portail |http://www.netvibes.com/methodood |
|picasa [img[favicon picasa|https://www.google.com/accounts/picasa20x20.png]] |photos |http://picasaweb.google.fr/home |
|gmail [img[favicon gmail|http://mail.google.com/mail/images/favicon.ico]] |mél |http://mail.google.com/mail/ |
|delicious [img[favicon delicious|http://delicious.com/favicon.ico]] |[[partage de liens]] |http://delicious.com/ |
|twitter [img[favicon twitter|https://assets1.twitter.com/images/favicon.ico]] |site social |http://twitter.com/methodood |
|Wikipédia [img[favicon |http://en.wikipedia.org/favicon.ico]] |wiki |http://en.wikipedia.org/wiki/User:Methodood (en*) ou http://fr.wikipedia.org/wiki/Utilisateur:Methodood (fr) |
|hexday [img[favicon hexday|http://hexday.com/favicon.ico]]| création graphique |http://hexday.com/|


Notes * : at=@, en=english, fr=français.

//[[index de ce site]]//
//[[plan du site]]//
Il y a des ''blogs'' partout et l'envie de [[créer]] des blogs ne semble pas se calmer.

Un blog est un //web log//, journal écrit sur le web. C'est, le plus souvent, une série d'articles présentés par fraîcheur (date de publication) décroissante, le plus récent en haut. La présentation, la mise en forme, l'archivage, la recherche, sont gérés ou facilités par l'éditeur du //moteur de blog//, qui est aussi parfois [[hébergeur|hébergement]] : Skyblog, Wordpress, Blogger, &c.
De belles réalisations sont obtenues avec une ''collaboration'' active des internautes. Elles prennent plusieurs formes :
*collaboration organisée, par exemple à partir d'un [[wiki]] comme Wikipédia, l'encyclopédie en ligne.
*collaboration induite ou émergente ... parfois difficile à distinguer de la précédente ... où, à partir des actions unitaires et personnelles des internautes, se dessine un résultat : promotion de sites favoris ([[partage de liens]], répertoriés sur Digg ou Delicious), marquage de contenus à l'aide de tags, etc.
SITE EN ~CONStruction
cet article "commodities" est destiné à recenser ce qui reste : utilisation fréquente ou à faire

<<list missing>>
<html><code>//[[plan du site]]//<br>
//Un clic sur un lien externe ouvre une autre fenêtre (ou onglet)//<br>
<< tabs _a_ [[]] Ok Ok Ok>> <br>
 DefaultTiddlers	  photos	  Methodood	  moteur	  contenus	  html	  index
  réseau	  adresses	  UploadLog	  navigation	  consulter	  à savoir	  portails
  lien	  commodities	  plan du site		  historique		  Constellation	  MainMenu
TiddlyWiki		blog	blogs	consulter	contenu	contenus	créer
enrichir	hébergement	images	infrastructure	moteurs	méthode	navigateur
page	photos	projet	réseau	site

</code></html>
''Consulter'' un site, c'est facile, il suffit de tomber dessus par hasard, ou en cliquant sur un [[lien]]. Il faut cependant être équipé :
*d'un ordinateur
*d'un accès Internet, par abonnement ou public
*d'un logiciel d'affichage des [[pages|page]] web : un navigateur comme Internet Explorer, Safari ou Firefox.
Pour accéder à un site déterminé, il faut connaître son adresse, ou utiliser un [[moteur]] de recherche comme Google, Yahoo, Baidu, Live Search, Ask, etc.
Parfois, pour en voir le contenu en détail, il faut un mot de passe, ou encore y être [[invité|contacts]].
Une sommité du monde Internet a un jour proféré ceci - sur le web, personne ne vous entend crier. Est-ce encore vrai ?

Internet est fondamentalement un système ouvert et communicatif, mais plus de 90% des [[contenus|contenu]] créés ne sont pas accessibles à n'importe qui. Il faut payer, ou disposer d'un mot de passe, ou, pour des sites personnels, des identités gérées par un fournisseur de mél, sur un site social, il faut être invité, faire partie d'une liste restreinte de [[contacts]].
La gestion d'un site offre donc divers niveaux d'accès plus ou moins priviliégiés, typiquement : le propriétaire, les proches, les amis et le reste du monde. C'est à qui aura le droit de lire, ou de voir les [[photos]], de [[commenter|commentaires]] ou d'écrire.
Les ''contenus'' sont l'enjeu du web dans son évolution actuelle, dite "web 2.0" pour souligner qu'il y aura d'autres versions, 3.0, etc.
Le terme de contenu recouvre tout ce qui peut se trouver sur un site : texte, média, programmes disponibles en ligne, vidéos.

Le web a longtemps été le modèle unique où les créateurs de contenus étaient rares et indépendants les uns des autres.
Les sites [[collaboratifs|collaboration]] comme les [[wikis|wiki]], les plateformes d'échange, et les outils de gestion de contenu ont permis un développement du web assez différent pour qui veut en profiter.
<html><img src="http://upload.wikimedia.org/wikipedia/commons/3/38/Carte_web_2.png" width="550">concepts du web 2.0</img></html>
''Créer'' du [[contenu]] sur le web ne signifie pas exactement se connecter pour écrire ou dessiner. Il s'agit, le plus souvent, d'un téléchargement "upload" (le "download" signifie l'opération opposée, aller chercher un contenu).

Les internautes tendent, de plus en plus, à mettre en ligne leurs vidéos, leurs photos, leurs pensées et dessins ... et les sites destinés à les y aider fleurissent chaque jour. Il est ainsi possible de :
*mettre à jour un [[blog|blogs]] personnel
*alimenter un site de partage (~YouTube, Flickr) ou social (Facebook)
*contribuer sur un [[wiki]] comme Wikipédia
*laisser un commentaire un autre site.
Les outils de création en ligne existent, mais sont encore limités en termes de diffusion et de facilité d'emploi.
Dès lors qu'on tente une mise en forme ou que l'on veut incorporer des média - images, son ou vidéo -, ça se corse un peu.

Il y a la possibilité d'avoir recours à des sites spécialisés. Mais ce n'est pas la peine de vouloir dessiner un tableau ou un organigramme structuré dans un site de publication de vidéos.
Il y a la possibilité d'utiliser un blog généraliste, et il est toujours préférable de connaître un peu la grammaire du web - le langage [[html]] et ce qui gravite autour comme css ou javascript.
La ''gratuité'' est un concept intéressant en ce sens qu'il met l'accent plutôt sur l'échange que sur la valeur.

Pour partir de l'exemple de la télévision, celle-ci n'est pas ''gratuite'', elle représente un ensemble de coûts de production, diffusion et administration qui sont financés par la publicité ou la redevance, coûts supportés en finale par le public.

On peut dire la même chose des routes, de l'éducation et de tout ce qui est financé par l'impôt : Internet n'obéit pas à d'autres règles, en gros :
*les infrastructures du [[réseau]], câbles, routeurs, répertoires d'adresses, sont financés par l'impôt
*les sites commerciaux préfèrent souvent se financer par la publicité que tenter de vendre leurs contenus, facilement reproduit par les internautes
*les logiciels libres et les sites [[collaboratifs|collaboration]] comme Wikipédia supportent des coûts financés par le mécénat, les dons du public, &c.
!!Sites en réseau
À partir d'une [[infrastructure]] financée par les institutions, le réseau Internet - le net, le web (world wide web), en termes de [[contenus]], se construit n'importe comment et s'organise de même : c'est une belle floraison, une croissance très vive.
!!Classement
Chacun crée son site, de partout, sur tous les sujets ; quand il y en a trop certains tentent de les classer dans des catalogues qui deviennent vite géants : Yahoo a commencé ainsi.
!!Sélection
Les [[moteurs|moteur]] de recherche prennent le parti du désordre en n'offrant qu'une sélection censée répondre à une demande exprimée sous forme de texte : les //mots-clés//. Google peut trouver 2 millions d'occurrences de //Britney//.
!!Net économie
Enfin, tout n'a pas le même poids, surtout en termes économiques. Les grands acteurs du net créent des [[portails]] qui proposent des thèmes - actualités, voyages, sport, vidéo ... assaisonnés d'autant de publicité que possible.
Hypertext Markup Language : ''html''. Les pages web avaient besoin, pour exister, du concept d'hyperlien où un élément d'une [[page]] peut renvoyer à une autre page ou bien à un autre livre, à un catalogue même. 

C'est le domaine de l'érudition, des bibliothèques, de l'indexation, des références qui a créé les premiers langages de marquage. Une version simplifiée, //html//, inventée au CERN, a eu le succès que l'on sait en tant que vecteur de la majeure partie des contenus des pages web.
Le langage html, normalisé par le W3C, permet de spécifier, et le format (titre, police, gras, italique), et le type (image, lien, tableau) des données affichées. Le navigateur se contente de gérer le rendu spécifié par des balises entre crochets.
[img[exemple html|http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/HTML.svg/105px-HTML.svg.png]]
//Exemple// : un texte codé "<html><code> < b> texte en gras < /b></code></html>" sera affiché ''texte en gras''.
Pour créer un [[site]] internet, il faut :
*Élaborer les [[contenus|contenu]] du site - mise en page, couleurs, style ;
*Héberger le site sur un serveur [[Web|réseau]], continuellement connecté à Internet ;
*Réserver un nom de domaine (l’[[adresse|lien]] Web à laquelle le site est accessible).

Certaines sociétés proposent ces trois services en un : le logiciel de création du site, l'hébergement et le nom de domaine. Il ne reste plus qu'à créer les contenus de base ou les butiner sur le net.
!!Sociétés et marques
Apple
AOL
Ask
Baidu
Blogger
Bloglines
CERN
Delicious
Digg
Firefox
Flickr
Google
Internet Explorer
Libération
Live Search
Microsoft
le Monde
Mozilla Firefox
MSN
~MySpace
Netscape
Netvibes
Opera
Photobucket
Picasa
Safari
Skyblog
Technorati
Tiddlyspot
TiddlyWiki
Tinyurl
Tumblr
Twitter
W3C
Wikipédia
Wordpress
Yahoo
~YouTube
!!langages et technique
css
[[html]]
http
javascript
routeur
RSS
[[wiki]]
xml
L'''infrastructure'' du [[réseau]] est constitué de fils et de noeuds : le transport passe par des câbles, localement il peut emprunter des ondes comme la wi-fi ; à chaque noeud, des tâches de tri, de répartition, de contrôle des informations qui transitent sont gérées par des routeurs.
Internet est conçu de manière à ce que un problème sur un noeud ne supprime pas le trafic, qui peut toujours trouver un autre chemin.

L'adressage des informations emprunte des normes portant sur les noms de domaine et les adresses internet (URL, //uniform resource locator//). L'élément principal d'un nom de domaine est situé à la fin, il se rapporte, soit à un mode de gestion (commerce, gouvernement, association : //.com, .gov, .org//, &c), soit à un pays codifé sur deux lettres (//.fr, .us, .de, .cn//). Tuvalu est un archipel qui fait fortune en cédant son //.tv// qui fait penser à télévision.
Un ''lien'', sur une [[page]] web, est un mot, une ligne ou une image qui accepte un clic de souris. Cette action déclenche l'affichage d'une autre page sur le même [[site]] ou sur un autre site.
Le lien se compose d'une ancre et d'une adresse : 
*l'ancre est ce qui est affiché et que l'on clique
*l'adresse est l'URL de la page de destination.
Une adresse web (URL, uniform resource locator, emplacement normalisé de ressource) commence par "http://" et inclut le nom du site, suivi de l'emplacement et du nom de la page ; le séparateur étant le slash "/".
Elle référence ainsi de manière exacte et unique un objet donné.

Il faut rappeler qu'il peut exister de nombreuses références imprécises ou même pleinement équivoques, ou encore soumises à un test ou un jugement :
*Quand je dis "le président", on ne peut que tenter de deviner auquel je fais allusion : peuvent aider l'actualité, le pays ou la société dans lesquels je me situe.
*Il existe, aujourd'hui encore et pour longtemps, plus d'objets que d'URL. Et il existe déjà de nombreux liens inutiles, car pointant sur des sites qui ont disparu du réseau.
*Les pages obtenues depuis un moteur de recherche ne sont pas nécessairement ce qu'on cherchait précisément.
<html><a href="http://cythere.tiddlyspot.com">Cythère voyages mythiques    </a>
<a href="http://dovecots.tumblr.com/"> Dovecotez & updwellingz  </a>
<a href="http://precession.tiddlyspot.com"> précession - tout sur la précession  </a>
<a href="http://toogood.tiddlyspot.com">Too Good ! tarot	   </a>
<a href="http://site.voila.fr/rosesjerusalem">Des roses rouges pour Jérusalem   </a>
<a href="http://apfyt.blogspot.com/">Ha'penny for you Thot   </a>
<a href="http://rvstman.tumblr.com/">SIP and clichés - statistically cliché   </a>
<a href="http://queneauddly.tiddlyspot.com">un conte à votre façon   </a>
<a href="http://lagazettedelarbre.tiddlyspot.com">La gazette de l'arbre   </a>
<a href="http://rostrata.tiddlyspot.com">association pour la découverte des rostres   </a>
<a href="http://couleur.tiddlyspot.com" > couleur! découverte et rouge	  </a>
<a href="http://methodood.tiddlyspot.com">Robin Hood - Robin + method : methodood     </a></html>
Un ''moteur'' de recherches permet de sélectionner des sites à partir de mots-clés ; l'accès se fait à partir des liens présentés en liste avec quelques phrases de contexte.

Les mots-clés sont également associés aux contenus multimédia, soit de manière structurée, soit à partir de l'indexation globale du texte environnant, soit enfin à partir de "tags", mots-clés saisis en complément, soit par l'auteur, soit par l'[[hébergeur|hébergement]], soit par le public autorisé.
On peut ainsi retrouver des photos, des vidéos, des émissions, clips de chansons ... au même titre que des textes ou des sites commerciaux.

Les principaux moteurs comme Google ou Yahoo sont devenus des acteurs incontournables et des [[sociétés|index de ce site]] puissantes. Ils offrent sans cesse de nouvelles possibilités : gestion d'images, [[portails]], programmation en ligne ...
La reconnaissance de formes fait des progrès qui permettront d'obtenir des images ressemblant à une autre image ; quant à obtenir un résultat répondant à une description, c'est encore aujourd'hui basé sur des tags, nécessairement incomplets ou imprécis.
Le navigateur recherche et affiche les pages web. Celles-ci sont signalées par leur [[adresse|lien]], saisie dans la barre de navigation ou attachées sous forme de lien au texte d'une [[page]].

Les navigateurs Internet du marché : Internet Explorer, Mozilla Firefox (successeur de Netscape), Safari dans le monde Apple, Opera, offrent plus ou moins de facilités :
*gestion de plusieurs pages dans la même fenêtre à l'aide d'onglets
*zoom sur les images, le texte
*invocation de petits programmes, les plug-ins, destinés à jouer des vidéos ou des animations programmées (Flash, &c.)
*gestion de l'historique des pages consultés, d'une liste de site //favoris//.
Dans ce site basé sur le concept de TiddlyWiki, la ''navigation'' s'effectue dans la même page ; les articles sont affichés en cliquant sur les liens, et masqués avec "close".

Aucune des sociétés et marques citées ne fait l'objet d'un lien externe, à l'exception de celles qui font fonctionner ce site ; un [[index|index de ce site]] les regroupe.
Une ''page'' web est le contenu qui s'affiche à l'écran d'un clic sur un lien. Elle provient d'un [[site]], son adresse est une URL, et c'est un navigateur qui permet de l'afficher.

On dit //page web// pour marquer la différence avec un document bureautique (traitement de texte comme Word, &c.), mais c'est un document à part entière avec son titre, du texte, des images, du contenu multimédia.
Le titre de la page est présenté dans la barre supérieure de la fenêtre. Son adresse figure dans la barre de navigation (là où l'on peut saisir ou coller une adresse), lorsqu'elle est affichée.
Le contenu n'est pas modifiable, sauf dans certains cas particuliers comme les formulaires de saisie et les pages d'un [[wiki]].
Si donc cela bouge, réagit au passage du curseur de la souris, c'est qu'un programme, réalisé en flash, en java, etc., est invoqué au sein de la page.
''Partage de liens'' : le //social bookmarking//, en français marque-page social, navigation sociale ou partage de signets, est une façon pour les internautes de stocker, de classer, de chercher et de partager leurs [[liens|lien]] favoris.
Les //favoris//, marque-pages ou signets sont des liens enregistrés par l'utilisateur dans un des menus de son navigateur Internet.
Des sites comme Technorati, Digg ou Delicious, à l'origine créé pour retrouver ses favoris d'un poste à l'autre (au bureau comme à la maison) se sont spécialisés pour générer de vrais phénomènes de mode.
Les sites de stockage de ''photos'' et de vidéos remplissent des rôles importants :
*Gérer l'important volume de données représenté par les contenus multimédia, en proposant des espaces de stockage [[gratuits|gratuité]] ou peu coûteux
*Faciliter la diffusion de leurs productions par les particuliers et les professionnels avec la création d'albums, de listes de contacts, etc.
*Déporter la gestion des illustrations d'un site de manière autonome par rapport aux évolutions de celui-ci (la photo A dans la [[page]] B ne change pas d'adresse quand la page B devient la page C).
Pour la gestion des photos, Flickr, Photobucket ou Picasa offrent la plupart des services indiqués ; il est notable que ce sont aujourd'hui de grands groupes, respectivement, Yahoo, ~MySpace et Google, qui les détiennent.
!![[Bienvenue!]]
[[utilisation de ce site]]
[[mes sites persos]]
[[sites amis]]
[[mes favoris]]
[[outils]]
[[index de ce site]]
[[navigation dans ce site]]

!![[Methodood]]
[[projet]]

[[à savoir]]
[[adresses]]

!![[Constellation]]
[[historique]]
[[portails]]
[[blogs]]
[[photos]]
[[partage de liens]]
[[wiki]]
[[collaboration]]

!![[Vous avez dit ...|index de ce site]]
[[site]]
[[consulter]]
[[contenus]]
[[moteur]]
[[créer]]
[[accès]]
[[hébergement]]
[[enrichir]]
[[lien]]
[[contacts]]
[[réseau]]
[[infrastructure]]
[[gratuité]]
[[html]]


Les grands acteurs du net : Google, Yahoo, Microsoft ... ont tous des portails qui proposent des thèmes - actualités, voyages, sport, vidéo ... et des services, chat, mél (courrier électronique), [[hébergement]] de sites ou de blogs.
La plupart profitent de la diffusion offerte par de nombreux sites, sous forme de "flux", pour les réunir. Il s'agit alors d'agrégation de [[contenus]], sans création.
Cette méthode est personnalisable par chacun à partir de l'inscription au portail : ainsi, je me crée mon compte et j'y affiche ma sélection de news.

Le concept de portail personnalisable se décline en portails personnel et public : sur mon portail public, je peux offrir l'[[accès]] et gérer mes [[contacts]]. De nombreux sites généralistes - Netvibes, Bloglines, AOL, MSN, ou de partage de média - [[photos]], etc. - comme Flickr ou Picasa fonctionnent sur ce dernier principe.
À travers //methodood//, je propose ma méthode d'approche des joies du [[réseau]]. Je suis ainsi identifié sur quelques dizaines de [[sites|site]] et j'en analyse les particularités, similitudes et correspondances.

Le ''projet'' complet inclut, outre cette phase ou cette strate d'analyse, une constellation de [[contenus|contenu]] que je collecte, agrège, ou produis :
*[[sites persos|mes sites persos]]

*[[sites amis]]

*[[sites préférés|mes favoris]]

*[[choix d'outils ...|outils]]




Le ''réseau'' Internet, créé pour le département de la Défense des ~États-Unis (d'Amérique), a été offert aux grandes universités.

Il existait des dizaines de réseaux concurrents, basés sur des protocoles de communication en ligne plus ou moins différents, dans les années qui ont précédé l'explosion liée au //world wide web// : celui-ci ne s'est réellement développé que grâce à l'utilisation combinée de protocoles comme //http// et d'un langage clé : le langage hypertexte [[html]].
On a alors obtenu ce qui constitue le réseau aux dimensions du monde : le World Wide Web (d'où le //www.// dans certaines [[adresses|lien]] Web).
S'agissant de la sécurité nationale, l'[[infrastructure]] du réseau continue à être financé en partie par la puissance publique.
Un ''site'' web est un ensemble de [[pages web|page]] liées entre elles - à l'aide d'[[hyperliens|lien]] - et mises en ligne à une adresse Web ([[URL|lien]]). On dit aussi site Internet par métonymie, le World Wide Web reposant sur Internet. En 2006, le Web avait déjà dépassé les 100 millions de sites.


Le concept de TiddlyWiki ne propose encore pas la gestion des commentaires. 
Il autorise, par contre, à s'approprier le site pour le modifier en local sur son pc (download dans le menu de droite).

Ajouter un article, grâce au moteur [[wiki]], suppose juste de le nommer :
*le créer dans le menu : new tiddler, sous la barre de recherche search
*ou bien mot entre double crochets droits [ [  ] ] dans un article
*ou bien mot en ~CamelCase (avec plus d'une majuscule).


Contact : methodood at yahoo . com
Un ''wiki'' est, à la fois, une communauté, un site et un //moteur//.
!!Communauté
Le concept de wiki consiste à fédérer des contributeurs volontaires, soit anonymes, soit cooptés, et validant mutuellement leurs productions. Chacun peut amender le texte ou le contenu de chaque [[page]].
!!Site
L'exemple de wiki le plus connu est une fédération de sites en plusieurs langues : l'encyclopédie Wikipédia. Mais ce [[site-ci|utilisation de ce site]], //methodood//, est, en théorie, contributif et utilise aussi un moteur wiki.
!!Moteur
Le moteur wiki gère les comptes des utilisateurs, la mise en forme, la recherche et l'archivage des pages du site, &c.
Le texte est saisi en langage naturel et mis en forme de manière très simple avec la syntaxe wiki, qui dérive de [[html]] et utilise le langage javascript pour le reformatage.
Exemple : la saisie de <html><code> !!Moteur</code></html> suffit pour créer le titre ci-dessus, "Moteur" (gras, souligné, etc.)


//[[plan du site]]//
!![[Consulter|consulter]]
Il y a peu de choses ''à savoir'' pour parcourir le réseau, en surfant de site en site. Souvent, cliquer sur un [[lien]] ou copier un nom de lien (affiché dans un mél) dans la barre d'adresse du [[navigateur]] Internet suffit.
!![[Créer|créer]]
Les informations réellement à savoir pour créer du [[contenu|contenus]], par exemple mettre à jour un [[blog|blogs]], sont tout aussi limitées, bien que chaque site puisse présenter ses particularités.
!![[Enrichir|enrichir]]
Dès lors qu'on tente une mise en forme ou que l'on veut incorporer des média - [[images]], son ou vidéo -, ça se corse un peu.

<<tabs _a_savoir_ [[consulter]] [[consulter]] [[consulter]] [[créer]] [[créer]] [[créer]] [[enrichir]] [[enrichir]] [[enrichir]] Ok Ok Ok>>


//[[plan du site]]//