Because QwikiWeb/TiddlyWiki is a single HTML file, you've actually already downloaded the entire software just by viewing this site. If you want to be able to SaveChanges, you can save your own TiddlyWiki to your local drive by right clicking on [[this link|#]] and selecting 'Save link as...' or 'Save target as...'. You can choose where to save the file, and what to call it (but keep a .HTM or .HTML extension). You can then use the DeleteAllTiddlers feature to delete all the existing content and start over.\n\nDo ''not'' use the File/Save command in your browser to save TiddlyWiki, because of SaveUnpredictabilities.
TiddlyWiki is published under a BSD OpenSourceLicense that gives you the freedom to use it pretty much however you want, including for commercial purposes, as long as you keep my copyright notice. I'd appreciate a link back to http://www.tiddlywiki.com as well.\n\nThat license covers the TiddlyWiki //code//, any content you create when you are ReusingThisSite is as much yours as if you'd written it using MicrosoftWord.
It's easy to make your own TiddlyWiki that you can publish yourself - see how to SaveChanges for details. For more information and detiled instructions, read QuickStart.
As you can see in the RevisionHistory, I've been occasionally updating TiddlyWiki with bug fixes and minor new features. If you've been using an earlier revision of TiddlyWiki, here's how to upgrade to the latest version:\n* Open your TiddlyWiki file in FireFox (say it's called "mystuff.html")\n* SaveChanges to make sure that you've got a backup of it\n* Without closing that page, right-click on [[this link|http://www.personal.psu.edu/ach12/tiddlywiki/index.htm]], select 'Save target' or 'Save link' and save it as "mystuff.html", replacing your existing file\n* Now go back to the previously opened copy of "mystuff.html" in your browser and SaveChanges again. It will inherit the newly saved code\n* Refresh the page in the browser to verify that the upgrade has worked
#displayArea {background-color: #ffccff; }\n#mainMenu {border: 1px solid #ffff88; }\n#commandPanel {background-color: #008800; }
You can skin TiddlyWiki with a special StyleSheet tiddler containing your own CSS style sheet declarations. Unlike hacking the HTML directly, the StyleSheet tiddler withstands upgrading to a new version of the TiddlyWiki code (see HowToUpgrade).\n\nThe ExampleStyleSheet shows some of the basic options you can control. SaveChanges and then click refresh in your browser to see StyleSheet changes. Any errors in your CSS syntax will be caught and displayed, but they shouldn't stop TiddlyWiki from working.
InterfaceOptions are displayed when you click the 'options' button on the right. They are saved in a cookie on your browser, making them sticky between visits. RegExpSearch allows more complex search expressions; CaseSensitiveSearch does as it's name implies. The user name for edits should be set //before// starting to edit things (ouch. another bug). AutoSave and SaveBackups give the option of automatically saving changes and whether to generate backup files. You can also choose to GenerateAnRssFeed.
To use QwikiWeb as the basis for your website, follow these instructions:\n#Download a copy of the html file by right-clicking on [[this link|#]] and selecting 'Save link as...' or 'Save target as...'. You can choose where to save the file, and what to call it (but keep the .HTML or .HTM extension).\n#Open up the copy of the file you just saved and begin making your content changes. To add or delete tiddlers, make sure that the advanced options are showing.\n''Note:'' you can now use a special command to quickly delete the existing site content and start over with a completely blank copy of QwikiWeb. For more information, read DeleteAllTiddlers.\n#Use the "save changes" command to make your changes permanent. It is a good idea to use this command periodically (or turn on the AutoSave feature) when making numerous changes at one sitting.\n#Now upload the copy of the file saved on your computer to your website. You will need to check with your hosting provider or ISP to determine where your page must be saved and what it should be named.\n#Verify that you can access the website file from the internet.\n#If you want to make additional changes, simply edit the copy of QwikiWeb on your computer and re-upload it to your website.\n#And you can customize the look and feel of QwikiWeb using ColorThemes, StickySettings, and the CustomStyleSheet.
If you have used the HiddenTiddlers feature to hide some of your content, you can check the option to ShowHiddenTiddlers to temporarily show ''all'' tiddler content. In order for the hidden content to show, you must be in EditMode (i.e. the advanced options must be showing). This "catch" allows you to lock down all HiddenTiddlers by using UserMode to disable access to EditMode while the file is being viewed from a web server.\n\nBe aware that if you GenerateAnRssFeed while ShowHiddenTiddlers is checked, any HiddenTiddlers will be published to the RssFeed. To publish only the visible tiddlers, uncheck the ShowHiddenTiddlers option before saving the RssFeed.
TiddlyWiki is the creation of JeremyRuston who was kind enough to share it under an OpenSourceLicense.\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. There are also several other adaptations of TiddlyWiki like QwikiWeb that were written by other developers based on earlier versions of TiddlyWiki.\n\n*Here are some links to some other important TiddlyWiki information:\n**[[MainFeatures|http://www.tiddlywiki.com#MainFeatures]]\n**ReusingThisSite\n**SaveChanges\n**KnownBugs\n\nFor more information, visit the TiddlyWiki website at http://www.tiddlywiki.com.
This is one of the InterfaceOptions you can use to customize TiddlyWiki. It determines whether TiddlyWiki creates a backup file each time you SaveChanges. I'd suggest keeping it switched on for safety!
By WebsiteOriented, I mean that it is easy and effective to use QwikiWeb as a method for publishing your own website. TiddlyWiki works great for this because all of your site's MicroContent is housed in one single html file, making it easy to upload your content revisions. In fact, the only time that additional files are required is when you choose to insert an image or link to an external file or document. Then you need to upload the respective files as well as the altered QwikiWeb file.\n\nThe QwikiWeb adaptation of TiddlyWiki takes a great idea and makes it even better for WebsiteOriented use. Here are a few of the enhancements that make QwikiWeb a useful adaptation:\n*An EditMode which can be toggled on and off or even "locked down" to visitors of your website\n*The ability to mark content which is hidden and does not show up on the Timeline/All tabs. Tiddlers like SiteTitle, MainMenu, and DefaultTiddlers are perfect examples as is the ExtendedFormatting tiddler. You want them there so that you can access them, but you don't want visitors seeing them.\n* The option to excluded certain tiddlers from showing up in the search results (probably for the same reasons you might want make them hidden).\n*Additional improvements that have been gleaned from other TiddlyWikiAdaptations. For more information on all these changes, read the RevisionHistoryACH.
NoSearchTiddlers are one of the SpecialTiddlers. It allows you to block specific tiddlers from showing up in the search results. Simply add the title of the tiddler you wish to block to a tiddler called NoSearchTiddlers and the feature will be activated. For example, adding "MainMenu" to the NoSearchTiddlers tiddler will ensure that the MainMenu tiddler does not show up in the results of a user search.
The addition of AutoSave to the InterfaceOptions causes TiddlyWiki to automatically perform a SaveChanges each time you edit a tiddler, making it a good deal harder to accidentally lose information. However, if you also choose to SaveBackups you will end up generating an awful lot of files...
There are times when you need to have a tiddler, but you don't want to make it visible to your web visitors. You can use one of the SpecialTiddlers called HiddenTiddlers to identify any tiddler titles that you don't want to show in the first two sidebar tab listings. For example, by placing the titles "SiteSubtitle" and "MainMenu" in HiddenTiddlers, they will not display in the Timeline or All tabs. \n\nThere is a checkbox under the interface options to ShowHiddenTiddlers, allowing instant access to all hidden items. Additionally, HiddenTiddlers will not be published to the RssFeed and will not show up as tiddler references (under each tiddler's "references" button) unless the ShowHiddenTiddlers option is enabled.\n\nMaking a tiddler hidden does not affect the search function, so you can use search to quickly find a specific tiddler. If you want to hide a tiddler from showing up in the search results, use the ExcludeFromSearch feature.
If you are wanting to use QwikiWeb for your own website, there is an easy way to delete all the existing tiddler content and start over with a blank copy. This option should be used with caution as it will erase every tiddler in the existing file. \n\n''How to DeleteAllTiddlers:''\n#Make sure that you have downloaded the QwikiWeb file and are viewing that copy on your computer\n#Make sure that you are in EditMode by clicking on the "show advanced options" command. The DeleteAllTiddlers feature will not activate if EditMode is not enabled.\n#Use the save changes command so that you have a backup of the tiddler content (enable backups if necessary)\n#Click in the search box and type in the phrase DeleteAllContent\n#You will be asked to confirm that you want to delete the tiddler content; click OK to proceed\n#All tiddlers will be deleted, and you will be presented with a screen where you can setup new values for the site title, subtitle, main menu, etc.\n#When you have completed your edits, save the changes again to preserve your new content
''Attention Coders:''\nIf you would like to incorporate some or all of the code modifications in QwikiWeb, you may want to look at the latest [[CodeDifference|codediff.htm]] page. It will help you identify exactly what was changed/added in TiddlyWiki to create QwikiWeb.
''Old QwikiWeb revision highlights:''\nThe following modifications were added by AlanHecht:\n----\n|bgcolor(#d0d0d0):Info on TiddlyWiki code changes can be found at http://www.osmosoft.com/#RevisionHistory|\n*''Version 1.2.14 [ach06b] [June 7, 2005]''\n**Fixed a problem where clicking an "edit" button caused an error in IE\n\n*''Version 1.2.14 [ACH06] [June 4, 2005]''\n(//for more details read// ACH06)\n**Added integrated support for SpellBound SpellChecking\n**Added a DuplicateTiddler button to the editor toolbar\n**Added ForceEditMode feature\n\n*''Version 1.2.14 [ach05b] [May 31, 2005]''\n**Incorporated JeremyRuston's changes in the 1.2.14 release\n\n*''Version 1.2.12 [ACH05] [May 26, 2005]''\n(//for more details read// ACH05)\n**Incorporated JeremyRuston's changes in the 1.2.12 release\n**Fixed an issue with the DeleteAllTiddlers feature\n**Added an option item to always ShowHiddenTiddlers\n\n*''Version 1.2.9 [ach04b] [May 19, 2005]''\n**Added the DeleteAllTiddlers feature\n\n*''Version 1.2.9 [ACH04] [May 18, 2005]''\n(//for more details read// ACH04)\n**Incorporated JeremyRuston's changes in the 1.2.9 release, including GenerateAnRssFeed\n**Adjusted the RssFeed feature so that it does not publish HiddenTiddlers\n\n*''Version 1.2.8 [ACH03] [May 17, 2005]''\n(//for more details read// ACH03)\n**Incorporated JeremyRuston's changes in both the 1.2.7 and 1.2.8 releases\n**Changed "save changes" so that the backup files use the same file extension as the original file (.html or .htm)\n**Slight tiddler content changes\n\n*''Version 1.2.6 [ACH02] [May 12, 2005]''\n(//for more details read// ACH02)\n**Improvements to the "locked" mode and NoSearchTiddlers feature\n\n*''Version 1.2.6 [ACH01] [May 11, 2005]''\n(//for more details read// ACH01)\n**Added an EditMode that can be toggled on/off and the HiddenTiddlers & NoSearchTiddlers features\n**Added new commands for creating new tiddlers, restarting DefaultTiddlers, and accessing the site settings\n**Added many of [[Christian Hauck's|http://www.christianhauck.net/html/14300.html]] modifications\n**Created several ColorThemes
If you are using FireFox to edit your QwikiWeb, you can take advantage of a FireFoxExtension called SpellBound which allows you to check the spelling of any text input field on a web page. Beginning with version [[ACH06]], QwikiWeb has integrated support for SpellBound directly into the editing toolbar.\n\nTo use SpellChecking, first confirm that SpellBound is installed and working properly. Then when you edit a tiddler, follow these simple steps:\n#Manually click your mouse in the text input area of the tiddler to signal to SpellBound that this is the field it should spellcheck @@color(#ff0000):''(this is very important)''@@\n#Click the @@color(#606060):''spellcheck''@@ button in the editor toolbar\n\nA pop-up window will give you options to ignore mispelled words, add them to the personal dictionary, or replace them based on SpellBound's word suggestions.
You can click the ''duplicate'' button on a tiddler's edit toolbar to create an exact copy of the original tiddler. This is useful if you want to base new diary entries on a template or have a new tiddler that is similar in format to an existing one.\n\nTo differentiate the new duplicate from the original, the word {{{''Copy''}}} is added to the end of the original tiddler's title.\n\n''Note:'' if you do a lot of duplicating, you can move the duplicate button from the editor toolbar to the standard toolbar (for quicker access) by editing QwikiWeb's source code.
A FireFoxExtension is a downloadable piece of software that adds new functionality to the FireFox web browser. To learn more about extensions and to download the latest extensions, visit the [[FireFox Extension page|https://addons.mozilla.org/extensions/?application=firefox]].
EditMode can be totally suppressed to web vistors by placing a small javascript file in the same directory as your wiki html file on your web server. To get a copy of the javascript file, right-click this [[locked.js|http://www.personal.psu.edu/ach12/tiddlywiki/js/locked.js]] link and save the file to your computer. \n*Locking EditMode will also:\n**Hide the advanced options link entirely and replace it with an InterfaceOptions link\n**Hide the options under InterfaceOptions that only apply when editing & saving tiddler content (e.g. SaveBackups, AutoSave, GenerateAnRssFeed, etc.)\n\n''Note:'' if you have this LockEditMode file and the ForceEditMode file both in the same folder as the html file, then the ForceEditMode will take precedence.
Because EditMode can be toggled on and off in QwikiWeb, reloading the page in between edits may get frustrating as you will have to repeatedly toggle EditMode back on every time the page reloads. You can now ForceEditMode to stay on by placing the [[forced.js|http://www.personal.psu.edu/ach12/tiddlywiki/js/forced.js]] file in the same folder on your hard drive that you use for the QwikiWeb html file.\n\nWhen QwikiWeb sees the forced.js file in the same folder, it always loads the web page with EditMode turned on.\n\n''Note:'' if you have this ForceEditMode file and the LockEditMode file both in the same folder as the html file, then the ForceEditMode will take precedence.
EditMode can be turned on to enable editing of wiki content and settings. Use the "show/hide advanced options" to toggle EditMode on and off. ''Note:'' the site starts with EditMode turned off to simplfy the interface for new site visitors.\n*With EditMode Off:\n**Edit button does not appear in the tiddler toolbars\n**Double-clicking to edit tiddlers is disabled\n**Interface options and other advanced settings are replaced by a simpler options list\n\n*With EditMode On:\n**Edit button is visible in the tiddler toolbars\n**Double-clicking to edit tiddlers is enabled\n**Additional commands appear in the menu (features like: interface options, create new tiddler, site settings, and save changes)\n\nYou can also LockEditMode on a webserver to keep visitors from seeing EditMode at all, or you can ForceEditMode to stay on for faster access to the editing options.
SpellBound was chosen for QwikiWeb's SpellChecking capability for several reasons:\n\nSpellBound...\n#Uses the same language dictionaries as Mozilla Thunderbird. Currently there are over 45 international language [[dictionaries|http://dictionaries.mozdev.org/installation.html]] available which means that most international users can take advantage of SpellChecking\n#Includes a personal dictionary that is kept on your local computer. This means that you can choose to add a common WikiWord to your dictionary so that it will not get flagged on subsequent spell checks (a real time saver)\n#Doesn't try to spell check a URL and other ExtendedFormatting it encounters (another time saver)\n#Is available for Windows, Mac OS X, Linux, and a few other operating systems, so this one solution can meet the needs of most people\n#Does not require a web server or an Internet connection in order to work; once the spell checker and dictionary are installed on your system, you are all set to go\n#Is easy for the end user to install since the spell checker and dictionaries are each available as a FireFoxExtension\n#Doesn't add unwanted bloat to the QwikiWeb/TiddlyWiki code\n#Is free! Read SpellBound for more information.\n\nIf you know of a better approach that meets all of these requirements, by all means EmailMe.\n\n|bgcolor(#d0d0d0):FYI, SpellBound cannot check the whole html document in one pass (not yet anyway), and SpellBound requires that you manually click in the tiddler's edit textarea ''before'' you click the spellcheck button, but those are things I can live with for now.|
SpellBound is a FireFoxExtension that provides comprehensive spellchecking for any text field on any web page you visit. You can use SpellBound to check the spelling of an e-mail message sent from a web interface or a message being posted to a blog or message forum. Most importantly, you can use SpellBound to check the spelling of your QwikiWeb tiddlers using the SpellChecking feature. Visit http://spellbound.sourceforge.net for more information and installation instructions.\n\n*For more detail on why the SpellBound approach was used for QwikiWeb, read WhyUseSpellBound.\n\n*''Additonal Notes:''\n**If you have recently upgraded FireFox and now SpellBound doesn't seem to work, you may have to re-install SpellBound and your dictionaries [[more info|http://spellbound.sourceforge.net/faq#q601]]\n**The author of SpellBound indicates that the method used here to activate the spell checker may be changed in future versions. I will endeavor to keep up to date with future SpellBound releases.
The LanguageOverlay allows users to customize the wording for the QwikiWeb interface and pop-up alerts. The LanguageOverlay is broken into two parts:\n#LingoInterface - used to customize buttons and the hover text for items that appear on the page\n#LingoMessages - used to customize messages and pop-ups that are longer and are usually only visible after some action has taken place\n\n|Here are some additional details about how the LanguageOverlay system works:|\n*The default English interface and messages are hardcoded into QwikiWeb and will survive even if the LingoInterface and LingoMessages tiddlers are deleted\n*The syntax of LingoInterface and LingoMessages are slightly different. LingoInterface puts each item on it's own line that includes an equals sign ("="). In LingoMessages, you must separate each customized message with two tilde ("~") characters. This is due to the fact that //messages// can themselves contain line feeds or hard returns.\n*For any item in LingoInterface or LingoMessages that is left blank or deleted entirely from the tiddler, QwikiWeb will revert back to the hardcoded English default for that item\n*In order for edits to LingoInterface and LingoMessages to take effect, you must "save changes" and reload the file in the browser
You can SaveChanges if you're using FireFox or InternetExplorer:\n# if you're using Windows XP you might run into ServicePack2Problems\n# right click on [[this link|#]] and select 'Save link as...' or 'Save target as...'\n** do ''not'' try to use the File/Save command in your browser because of SaveUnpredictabilities.\n** choose where to save the file, and what to call it (but keep an .HTM or .HTML extension)\n# open the newly downloaded file in your browser\n# click the 'options' button on the right to set your username\n# edit, create and delete the tiddlers you want\n** you can change the SpecialTiddlers to change the SiteTitle and MainMenu etc.\n# click the 'save changes' button under the advanced options on the right to save your changes\n# TiddlyWiki will make a backup copy of the existing file (if the backup option is checked), and then replace it with the new version\n
UserMode is one of the sets of options listed under StickySettings. It allows the QwikiWeb author to define a set of viewing options that define how the QwikiWeb interface will look. You are allowed to define two UserMode groups:\n#''userModeWeb'' defines how the wiki will appear to anyone viewing the page from the web\n#''userModeLocal'' defines how the wiki will appear when it is saved to either a local computer or a mapped hard drive\n\nThere are a few mode options as well, from full editor rights to more simple interface modes. There is even a custom mode that lets you define a specific set of options by copying and pasting pre-programmed lines of javascript code. \n\nFor more information, read StickySettings.
QwikiWeb is built on recent versions of JeremyRuston's TiddlyWiki. But in addition to the basic TiddlyWiki functions and features, AlanHecht has added the following (click on each feature link to read more):\n#A LanguageOverlay for setting your own text and language for all buttons and messages\n#ColorThemes which make customizing the look QwikiWeb very easy\n#UserMode to set the level of difficulty for the display interface\n#Additional buttons for duplicating tiddlers, creating new tiddlers, close all other tiddlers, and collapse/expand a tiddler\n#Integrated SpellChecking support\n#ExcludeFromSearch\n#HidingTiddlers with HiddenTiddlers\n#A SiteSettings page\n#EditMode\n#A DeleteAllTiddlers command that lets you start over with a blank QwikiWeb instantly\n#And much more. Read RevisionHighlights for more detail.\n
*If you wish to contact AlanHecht regarding QwikiWeb (my adaptation of TiddlyWiki), the email address is //''ach12 (at) psu (dot) edu''//\n\n*To contact JeremyRuston (the originator of TiddlyWiki), his email address is\n//''jeremy (at) osmosoft (dot) com''//
To find special characters that can be used in QwikiWeb using HTML character codes or by copy/pasting the character into LingoInterface, visit http://www.tntluoma.com/sidebars/codes or search the web for "HTML character entities."\n\n
These known bugs are with QwikiWeb. For more information on KnownBugs with TiddllyWiki, visit http://tiddlywiki.com#KnownBugs.\n\nNone at this time (but I'm sure you all will let me know.
The original TiddlyWiki code by JeremyRuston is ©2005 by [[osmosoft|http://www.osmosoft.com]].\n\nThe QwikiWeb code additions are ©2005 by AlanHecht.
Several adaptations of TiddlyWiki have been developed. The purpose of this adaptation (called QwikiWeb) is to improve the look and feel of TiddlyWiki when used as the basis for a public web site. New CSS has been used and several features have been added that allow for a more WebsiteOriented experience. \n*If you don't know what TiddlyWiki is, you should visit http://www.tiddlywiki.com first. Once you understand what it is, QwikiWeb will make more sense.\n*For more information on the differences between TiddlyWiki and QwikiWeb, read AddedFeatures\n*For instructions on using QwikiWeb for a website, read QuickStart\n*You can be notified about updates to QwikiWeb by subscribing to the RssFeed\n*You might also benefit from this ''[[general tutorial|http://www.blogjones.com/TiddlyWikiTutorial.html]]'' on TiddlyWiki
The ColorThemes feature has changes. Now you can use the SpecialTiddler called ColorTheme to easily set a new color scheme for QwikiWeb. ColorTheme is predefined with only a few colors that need to be selected. Based on your choices, other elements will be adjusted to use those same colors. To see what your color settings look like, edit and save the ColorTheme tiddler, then SaveChanges. When you reload the page, you should see the new ColorTheme in place.\n\nThere are also a few template ColorTheme samples:\n• ColorThemeBlue\n• ColorThemeEmpty (one just waiting for you to fill it out with your own colors)\n\nTo use one of these, you will have to rename the current ColorTheme to another title, and then rename ColorThemeBlue to ColorTheme.
|!To use this theme, you must rename its tiddler title to ColorTheme|\n''You can use either ColorNames or HexCodes to define the following colors:''\n\n|The ''Background'' color for the main reading area of the page|\n:colBackground=\n\n|The ''Banner'' color is also used for WikiWord links and the sidebar commands text|\n:colBanner=#800040\n\n|SiteTitle text color|\n:colSiteTitle=#fefebf\n\n|SiteSubtitle text color|\n:colSiteSubtitle=#ff8080\n\n|SiteTitle/SiteSubtitle link color|\n:colTitleLineLinks=#fefebf\n\n|SiteTitle/SiteSubtitle link color on mouse hover|\n:colTitleLineLinksOnHover=white\n\n|The ''menu'' background color is also used for links in the title/subtitle, toolbar buttons color, the tiddler links in the sidebar tabs, and the references button pop-up|\n:colMainMenu=#fefebf\n\n|The ''sidebar'' background color is also used for hyperlinks and wiki words in the title/subtitle, and the toolbar button text, and the toolbar buttons on mouse hover|\n:colSidebar=#400040\n\n|Sidebar commands link text color (search, etc.)|\n:colSidebarCommands=white\n\n|Timeline tab background|\n:colTabTimeline=#800040\n\n|Date sub-headings for the Timeline tab|\n:colTimelineHeadings=#ff8080\n\n|All tab background|\n:colTabAll=#a9055b\n\n|More tab background|\n:colTabMore=#ac027d\n\n|The text color used for the body text of tiddlers when they are visible|\n:colTiddlerText=\n\n|The ''Deselected Tiddler'' color is used when the mouse is not hovering over a tiddler|\n:colDeselectedTiddler= \n\n|The ''Selected Tiddler'' color is used when the mouse is hovering over a tiddler|\n:colSelectedTiddler=#ffffef\n\n|The ''Animation'' color is used for the animated box that grows and scrolls when a tiddler opens|\n:colAnimation=#FF8080\n\n|Text color for ExtendedFormatting Headers|\n:colHeaderText=#800040\n\n|Background color for ExtendedFormatting Headers|\n:colHeaderBackground=#FF8080\n\n|Text color for Table Header Cells|\n:colTableHeaderText=#800040\n\n|Background color for Table Header Cells|\n:colTableHeaderBackground=#FF8080\n\n|If you want to change the color or style of anything more specific, you can use the CustomStyleSheet|
|!To use this theme, you must rename its tiddler title to ColorTheme|\n''You can use either ColorNames or HexCodes to define the following colors:''\n\n|The ''Background'' color for the main reading area of the page|\n:colBackground=\n\n|The ''Banner'' color is also used for WikiWord links and the sidebar commands text|\n:colBanner=#005050\n\n|SiteTitle text color|\n:colSiteTitle=#fefebf\n\n|SiteSubtitle text color|\n:colSiteSubtitle=white\n\n|SiteTitle/SiteSubtitle link color|\n:colTitleLineLinks=#fefebf\n\n|SiteTitle/SiteSubtitle link color on mouse hover|\n:colTitleLineLinksOnHover=#008080\n\n|The ''menu'' background color is also used for links in the title/subtitle, toolbar buttons color, the tiddler links in the sidebar tabs, and the references button pop-up|\n:colMainMenu=#fefebf\n\n|The ''sidebar'' background color is also used for hyperlinks and wiki words in the title/subtitle, and the toolbar button text, and the toolbar buttons on mouse hover|\n:colSidebar=#fefebf\n\n|Sidebar commands link text color (search, etc.)|\n:colSidebarCommands=#005050\n\n|Timeline tab background|\n:colTabTimeline=#008080\n\n|Date sub-headings for the Timeline tab|\n:colTimelineHeadings=#000030\n\n|All tab background|\n:colTabAll=#005050\n\n|More tab background|\n:colTabMore=#883900\n\n|The text color used for the body text of tiddlers when they are visible|\n:colTiddlerText=\n\n|The ''Deselected Tiddler'' color is used when the mouse is not hovering over a tiddler|\n:colDeselectedTiddler= \n\n|The ''Selected Tiddler'' color is used when the mouse is hovering over a tiddler|\n:colSelectedTiddler=#ffffef\n\n|The ''Animation'' color is used for the animated box that grows and scrolls when a tiddler opens|\n:colAnimation=#b5b7f5\n\n|Text color for ExtendedFormatting Headers|\n:colHeaderText=#005050\n\n|Background color for ExtendedFormatting Headers|\n:colHeaderBackground=#7CC7CB\n\n|Text color for Table Header Cells|\n:colTableHeaderText=#005050\n\n|Background color for Table Header Cells|\n:colTableHeaderBackground=#7CC7CB\n\n|If you want to change the color or style of anything more specific, you can use the CustomStyleSheet|
|!To use this theme, you must rename its tiddler title to ColorTheme|\n''You can use either ColorNames or HexCodes to define the following colors:''\n\n|The ''Background'' color for the main reading area of the page|\n:colBackground=\n\n|The ''Banner'' color is also used for WikiWord links and the sidebar commands text|\n:colBanner=\n\n|SiteTitle text color|\n:colSiteTitle=\n\n|SiteSubtitle text color|\n:colSiteSubtitle=\n\n|SiteTitle/SiteSubtitle link color|\n:colTitleLineLinks=\n\n|SiteTitle/SiteSubtitle link color on mouse hover|\n:colTitleLineLinksOnHover=\n\n|The ''menu'' background color is also used for links in the title/subtitle, toolbar buttons color, the tiddler links in the sidebar tabs, and the references button pop-up|\n:colMainMenu=\n\n|The ''sidebar'' background color is also used for hyperlinks and wiki words in the title/subtitle, and the toolbar button text, and the toolbar buttons on mouse hover|\n:colSidebar=\n\n|Sidebar commands link text color (search, etc.)|\n:colSidebarCommands=\n\n|Timeline tab background|\n:colTabTimeline=\n\n|Date sub-headings for the Timeline tab|\n:colTimelineHeadings=\n\n|All tab background|\n:colTabAll=\n\n|More tab background|\n:colTabMore=\n\n|The text color used for the body text of tiddlers when they are visible|\n:colTiddlerText=\n\n|The ''Deselected Tiddler'' color is used when the mouse is not hovering over a tiddler|\n:colDeselectedTiddler= \n\n|The ''Selected Tiddler'' color is used when the mouse is hovering over a tiddler|\n:colSelectedTiddler=\n\n|The ''Animation'' color is used for the animated box that grows and scrolls when a tiddler opens|\n:colAnimation=\n\n|Text color for ExtendedFormatting Headers|\n:colHeaderText=\n\n|Background color for ExtendedFormatting Headers|\n:colHeaderBackground=\n\n|Text color for Table Header Cells|\n:colTableHeaderText=\n\n|Background color for Table Header Cells|\n:colTableHeaderBackground=\n\n|If you want to change the color or style of anything more specific, you can use the CustomStyleSheet|
|The following are the default values that are hardcoded into QwikiWeb (i.e. which means that you can delete this tiddler without affecting the default interface). To customize these wordings, simply make your edits after the equals signs. No quote marks are needed. And any items you delete or leave blank after the equals sign will revert back to the original default value that is hardcoded.|\n|''Syntax Notes:'' There should be four tilde ("~") characters at the very beginning of the first customized message, and each message thereafter should be separated by two tilde characters. Quotes are included to help show leading and trailing spaces, but are not required. If you want to embed a double quote mark, you need to preceed it with a "\" character. Any included hard returns will appear in the final message display.|\n~~~~\n:popSaveTest="It appears that this TiddlyWiki has been incorrectly saved. Please see http://www.tiddlywiki.com/#DownloadSoftware for details"\n~~\n:popSaveWarning="You need to save this TiddlyWiki to a file before you can save changes"\n~~\n:popIncompatibleBrowserSave="It's not possible to save changes using this browser. Use FireFox if you can"\n~~\n:popInvalidTiddlyWiki1="The file "\n~~\n:popInvalidTiddlyWiki2=" doesn't appear to be a valid TiddlyWiki"\n~~\n:popErrorBackupSave="Couldn't save backup file"\n~~\n:popErrorRssSave="Failed to save RSS feed"\n~~\n:popErrorTemplateSave="Failed to save empty template file"\n~~\n:popErrorFileSave="Failed to save file"\n~~\n:popErrorDeleteAllContent="There was an error deleting the tiddler content."\n~~\n:popConfirmRssSaveAll="You have selected to GenerateAnRssFeed but have also made all hidden tiddlers visible. This will publish any hidden tiddlers to the RssFeed. Proceed with saving the RssFeed?"\n~~\n:popConfirmDeleteAll1="By searching for the phrase \""\n~~\n:popConfirmDeleteAll2="\" you have triggered the action to delete the contents of this site and start over with a blank TiddlyWiki.\nIf you really want to delete all the current tiddlers and start over, click OK/Yes.\nOtherwise click Cancel/No."\n~~\n:popConfirmDeleteAllSuccess="All tiddler content has been deleted. You can now enter new site title, subtitle, menu, etc. to start your new wiki.\nIf you did not want to delete the other content, you can still refresh the web page to return to the previously saved copy.\nWhen you are done, don't forget to use \"save changes\" to preserve your new site contents.\nDo you want to recreate the DeleteAllTiddlers instructions for future use?"\n~~\n:msgBackupSave="Backup file saved as"\n~~\n:msgRssSave="RSS feed saved as"\n~~\n:msgTemplateSave="Empty template saved as"\n~~\n:msgFileSave="Main file saved as"\n~~\n:msgMissingNewTiddler="This tiddler doesn't yet exist. If you are in advanced edit mode, you can double-click here to create it."
Because you might be upgrading from a previous code set of QwikiWeb and still using your own tiddlers, you may need to add or change some of the content in one or more SpecialTiddlers that QwikiWeb uses to configure certain aspects of the page. The following list identifies any tiddler changes that should be replicated in your existing tiddlers:\n|!QwikiWeb version|!Release Date|!Tiddler Affected|!Change Summary|\n|ach07f|June 16, 2005|LingoInterface|''Added '':btnExpandTitle and also changed the default text for both :btnCollapseTitle and :btnExpandTitle so that they are totally indepent (previously, the default text was combined as "Collapse/expand this tiddler"). Also added an option called :varNumRssItems that lets you customize the number of most recent tiddlers published to the RssFeed.|\n|||ColorTheme|''Added '' separate new elements for the command text in the sidebar, and title/subtitle links and hover links.|\n|ach07i|June 24, 2005|LingoMessages|''Added '':msgMissingNewTiddler that sets the default instructions that appear when a non-exisiting tiddler link is clicked.|\n
''QwikiWeb revision highlights:''\nThe following modifications were added by AlanHecht and are illustrated in CodeDifference:\n----\n|bgcolor(#d0d0d0): Info on TiddlyWiki code changes can be found at http://www.tiddlywiki.com/#RevisionHistory |\n*''Version 1.2.20 [ach07j] [July 6, 2005]''\n**Fixed an error that would appear in FireFox when attempting to load the page. [Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead. Line 233: searchText.focus();]\n\n*''Version 1.2.20 [ach07i] [June 24, 2005]''\n**Added an item in LingoMessages that sets the default text for a non-existing tiddler (i.e. "This tiddler does not exist. Double-click to create it.")\n\n*''Version 1.2.20 [ach07h] [June 23, 2005]''\n**Fixed a problem with the page displaying after using DeleteAllTiddlers\n\n*''Version 1.2.20 [ach07g] [June 20, 2005]''\n**Fixed a problem that would prevent the page from displaying if the LingoMessages tiddler was deleted\n\n*''Version 1.2.20 [ach07f] [June 16, 2005]''\n**Separated the text overlay settings (in LingoInterface) for the text that appears on mouse hover over the collapse and expand button so that they can each be different\n**Added a few extra items to customize for ColorThemes (notice: ColorThemes will change again in the next release thanks to [[a tip|http://shared.snapgrid.com/gtd-forum/viewtopic.php?t=71]] for getting past IE's CSS limitations. I had previously had to "dumb down" my themes so they would work with IE; now I can go back and redo them better.)\n**Added the option in LingoInterface to change the number of RSS items that get published\n**Fixed a problem that would prevent the page from displaying if the StickySettings tiddler was deleted\n\n*''Version 1.2.20 [ach07e] [June 15, 2005]''\n(//for more details read// ACH07)\n**ach07f revision: (June 16)\n***Incorporated JeremyRuston's changes in the 1.2.21 release\n***Separated the text overlay settings (in LingoInterface) for the text that appears on mouse hover over the collapse and expand button so that they can each be different\n***Added the option to change the number of RSS items published to LingoInterface\n**ach07e revision: (June 15)\n***Fixed a problem with UserMode and ColorThemes not being displayed properly\n***Added 2 missing elements (btnCloseOthers & btnCloseOthersTitle) to LingoInterface\n**ach07d revision: (June 15)\n***Incorporated JeremyRuston's changes in the 1.2.20 release\n***Fixed a problem with how the LanguageOverlay affected the editor's username setting\n**ach07c revision: (June 14)\n***Corrected some misleading text especially in the ColorTheme... tiddlers\n***Reworked my adjustments to the More tab's "Missing" links; previously some missing tiddlers were not showing up correctly or were showing up by accident.\n***Added ColorThemeCran and ColorThemeTeal predefined template samples\n***Other minor code changes & bug fixes\n**ach07b revision: (June 14)\n***Incorporated JeremyRuston's changes in the 1.2.19 release \n**ach07 revision: (June 13)\n**Incorporated JeremyRuston's changes in the 1.2.16-1.2.18 releases including the new StorageModel and the MoreTab\n**Tweaked the MoreTab so it is only visible while in EditMode (so it can be hidden from web visitors) and so that it responds to the status of HiddenTiddlers\n**Added a LanguageOverlay system which allows the wording for the entire QwikiWeb interface to be drawn from tiddlers. This also means that any language changes you make will survive an upgrade to the latest code version. The Language Overlay is broken down into two tiddler: LingoInterface and LingoMessages.\n**Added a new feature called UserMode that allows the author to select how complicated the interface is. There is one viewing mode for viewing the file online and one for viewing it locally. This feature replaces the previous LockEditMode & ForceEditMode which required external javascript files.\n**Added two new buttons to the tiddler toolbar: "collapse/expand" and "close others."\n**Added an option after using DeleteAllTiddlers to reinsert the directions tiddler for future use (since that feature is not documented elsewhere)\n**Optimized some of the original QwikiWeb code to enhance performance and decrease size. The newest code has not been optimized yet, but will be in the near future.\n*For earlier revision info, read OldRevisionHighlights
Cracking Science
By Tony Sherborne, of the Centre for Science Education, and NESTA Fellow
|!To use this theme, you must rename its tiddler title to ColorTheme|\n''You can use either ColorNames or HexCodes to define the following colors:''\n\n|The ''Background'' color for the main reading area of the page|\n:colBackground=\n\n|The ''Banner'' color is also used for WikiWord links and the sidebar commands text|\n:colBanner=#000080\n\n|SiteTitle text color|\n:colSiteTitle=#b5b7f5\n\n|SiteSubtitle text color|\n:colSiteSubtitle=white\n\n|SiteTitle/SiteSubtitle link color|\n:colTitleLineLinks=#4455EE\n\n|SiteTitle/SiteSubtitle link color on mouse hover|\n:colTitleLineLinksOnHover=#b5b7f5\n|The ''menu'' background color is also used for links in the title/subtitle, toolbar buttons color, the tiddler links in the sidebar tabs, and the references button pop-up|\n:colMainMenu=#fefebf\n\n|The ''sidebar'' background color is also used for hyperlinks and wiki words in the title/subtitle, and the toolbar button text, and the toolbar buttons on mouse hover|\n:colSidebar=#b5b7f5\n\n|Sidebar commands link text color (search, etc.)|\n:colSidebarCommands=#000080\n\n|Timeline tab background|\n:colTabTimeline=#4455EE\n\n|Date sub-headings for the Timeline tab|\n:colTimelineHeadings=#000030\n\n|All tab background|\n:colTabAll=#000080\n\n|More tab background|\n:colTabMore=#2001cd\n\n|The text color used for the body text of tiddlers when they are visible|\n:colTiddlerText=\n\n|The ''Deselected Tiddler'' color is used when the mouse is not hovering over a tiddler|\n:colDeselectedTiddler= \n\n|The ''Selected Tiddler'' color is used when the mouse is hovering over a tiddler|\n:colSelectedTiddler=#ffffef\n\n|The ''Animation'' color is used for the animated box that grows and scrolls when a tiddler opens|\n:colAnimation=#b5b7f5\n\n|Text color for ExtendedFormatting Headers|\n:colHeaderText=#000080\n\n|Background color for ExtendedFormatting Headers|\n:colHeaderBackground=#b5b7f5\n\n|Text color for Table Header Cells|\n:colTableHeaderText=#000080\n\n|Background color for Table Header Cells|\n:colTableHeaderBackground=#b5b7f5\n\n|If you want to change the color or style of anything more specific, you can use the CustomStyleSheet|
I am looking to make a step change in the quality of the simulations and games I develop for the Centre for Science Education. Previous games I have devloped include the OBs, OutBreak, and SciFiles.
The OBs is a game for 16-19 year olds, to learn about nature-nurture, through the context of obesity. In trying to bring up a virtual child (an OB), and keep them from becoming obese, you'll see the impacts and relationships between different factors such as its genes, upbringing and environmental events. Commissioned by the Wellcome Trust\nhttp://www.wellcome.ac.uk/node5953.html
Have become very excited by the use of Wikis. So much so that I'm basing this website around one (it's called TiddlyWiki). What I like is how it makes content creation and editing so easy, and the idea of micro-content. This is chunking information into bits smaller than web pages, allowing you to hyperlink instantly, without leaving the page or 'context switching'.
See the Timeline tab on the right for my latest entries
Now that so many websites generate newsfeeds (often known as RSS), and there are countless blogs on every subject, you can keep in touch with virtually everything that anyone is thinking. That can easily lead (I'm finding) to an urgency obsession - the need to know what's going on everywhere on the web. No question that things, especially with technology development, are moving fast. The trick is not to be disorientated by the speed, and keep one's mind on the biggger picture.
Stuck for a creative solution? The A-Z of creative techniques is a treasure chest of ways to get one's mind moving. I particularly like these: \n\nAnalogies: using metaphors to use the similarities with a more familiar process to reveal new insights\nhttp://www.crinnology.com/Analogies\n\nSuperheroes: taking on famous roles, from James Bond Spiderman, and using their super strengths to trigger ideas\nhttp://www.crinnology.com/SuperHeroes
I have a NESTA Fellowship to harness strategies for engaging audiences from the entertainment world into the science classroom. I am focussing on [[Games]] and [[simulations]], [[storytelling]], [[contemporary science]], and influencing teaching through [[assessment]]
Solving mysteries isn't just for the X Files and other TV shows, it's science! In Human Torch students are challenged to solve a mysterious case of burning using their scientific skills. The plot is designed to keep them totally absorbed from beginning to end, whilst learning about safety, risk and chemical reactions. The activity can be [[played online|http://www.sycd.co.uk/can_we_should_we/ht/home.htm]] and combines multimedia, video, hands-on experiments and surprises.\n
This activity is designed to add excitement to eaching about chemical reactions or heat transfer. Students embark on a virtual mission to the International Space Station, with the help of audio, images and video clips. When disaster strikes, they have to think and experiment - in order to stay alive. The activity can be [[downloaded here |http://www.sycd.co.uk/is_there_life/survival/activity.htm]]
Should reproductive cloning be allowed? This resource using the teaching strategy of small group debate, where students get into a variety of roles, to help them consider different ethical perspectives more easily. You can [[download it here|http://www.collinseducation.com/Resources/Extracts/SI003_Cloning.pdf]] \n
This activity guides students through the technique of risk benefit analysis, to decide whether foods that have been genetically modified should be sold to consumers. You can [[download it here|http://www.collinseducation.com/Resources/Extracts/SI004_GMfood.pdf]]\n\n
A hair shampoo advert claiming to make hair 10% stronger has been banned by the Advertising Standards Authority. There was, says the ASA, insufficient scientific evidence to support the claim. This activity asks students to evaluate data from hair strength trials, and to decide what the data shows (if anything!). They then examine other advertisers' claims. \n\nVisit the [[Science U P D 8|http://www.upd8.org.uk]] website to download it, and other activities\nOr [[sample it here|http://www.aunm22.dsl.pipex.com/CrackingScience/Shampoo_upd8.pdf]]
Bugs make a regular appearance on "I'm a celebrity - get me out of here". In those stomach-turning Bushtucker Challenges. Celebrities have even been forced to eat them alive. But is it such a bad thing. Many insects are high in protein and low in cholesterol. In this numeracy activity, students devise a nutritionally balanced insect-and-rice menu for a day in the jungle.\n\nVisit the [[Science U P D 8|http://www.upd8.org.uk]] website to download it, and other activities\nOr [[sample it here|http://www.aunm22.dsl.pipex.com/CrackingScience/celebrity_food.pdf]]
FleshEaters is a 'learning adventure', designed for 11-14 year olds like [[Human Torch]]. Students are challenged to unravel a bizarre mystery involving flesh eating bacteria. The plot is designed to keep them totally absorbed from beginning to end - whilst learning about the science of enzymes. The activity can be [[played online|http://www.sycd.co.uk/who_am_i/fe/activity_ie.htm]] combines multimedia, video, hands-on experiments and surprises.
English default values are hardcoded into QwikiWeb (which means that you can delete this tiddler). But you can also customize these wordings by editing the following items. Enter your preferred text after the equals signs (no quotes are needed). Any blank or deleted items will revert back to the original hardcoded default. You can use HTML character codes (read SpecialCharacters) for tab, link, opt, cap, and txt items. For btn items, paste in the actual special character you wish to insert.\n\n|''Tab-related''|\n:tabTimeline=Timeline\n:tabTimelineTitle=Show all items by date\n:tabAll=All\n:tabAllTitle=Show all items in alphabetical order\n:tabMore=More\n:tabMoreTitle=Show other item lists\n:optMissing=Missing\n:capMissing=items that have links to them but are not defined\n:optOrphans=Orphans\n:capOrphans=items that are not linked to from any other tiddlers\n\n|''Sidebar Commands''|\n:lnkSearch=search\n:lnkSearchTitle=Search this site for the word or phrase in the box below\n:lnkCloseAll=close all items\n:lnkCloseAllTitle=Close all displayed items\n:lnkPermaview=permaview\n:lnkPermaviewTitle=Link to an URL that retrieves all the currently displayed items\n:lnkOptions=options\n:lnkOptionsTitle=Change interface options\n:lnkShowAdvanced=show advanced options\n:lnkShowAdvancedTitle=Turn advanced EditMode on\n:lnkHideAdvanced=hide advanced options\n:lnkHideAdvancedTitle=Turn advanced EditMode off\n\n|''Edit Comands''|\n:lnkCreateNew=• create new item\n:lnkCreateNewTitle=Create a brand new item\n:lnkSaveChanges=• save changes\n:lnkSaveChangesTitle=Save all items to create a new TiddlyWiki\n:lnkRestart=• restart items\n:lnkRestartTitle=Close all items and reopen the DefaultTiddlers (does not reload page)\n:lnkSiteSettings=• site settings\n:lnkSiteSettingsTitle=Configure the settings for this site\n:lnkInterfaceOptions=• interface options\n:lnkInterfaceOptionsTitle=Change interface options\n\n|''Toolbar Buttons''|\n:btnClose=close\n:btnCloseTitle=Close this item\n:btnEdit=edit\n:btnEditTitle=Edit this item\n:btnCollapse=collapse\n:btnCollapseTitle=Collapse this item\n:btnExpand=expand\n:btnExpandTitle=Expand this item\n:btnCloseOthers=close others\n:btnCloseOthersTitle=Close all items except this one\n:btnPermalink=permalink\n:btnPermalinkTitle=Permalink for this item\n:btnReferences=references\n:btnReferencesTitle=Show items that link to this one\n:btnDone=done\n:btnDoneTitle=Save changes to this item\n:btnCancel=cancel\n:btnCancelTitle=Undo changes to this item\n:btnSpellCheck=spellcheck\n:btnSpellCheckTitle=Spellcheck this item using SpellBound (you must first click in the item's edit box)\n:btnDuplicate=duplicate\n:btnDuplicateTitle=Duplicate this item\n:btnDelete=delete\n:btnDeleteTitle=Delete this item\n\n|''InterfaceOptions''|\n|"tid..." items are WikiWords next to checkboxes. If you change the name here, ''be sure'' to change the respective item's title for the link will to work.|\n|"txt..." items are pieces of text that combine to form the heading & username descriptions. ''Tip:'' Be sure to include leading/trailing spaces to separate words when compiled.|\n|"fld..." items are default values for form fields.|\n:txtHeading1=These \n:tidInterfaceOptions=InterfaceOptions \n:txtHeading2= for customizing \n:tidTiddlyWiki=TiddlyWiki \n:txtHeading3= are saved in your browser\n\n:txtUsername1=Your username for signing your edits. Write it as a \n:tidWikiWord=WikiWord \n:txtUsername2= (e.g. \n:tidJoeBloggs= JoeBloggs\n:txtUsername3=)\n:fldUsernameDefault=YourName\n\n:tidSaveBackups=SaveBackups\n:tidAutoSave=AutoSave\n:tidGenerateRss=GenerateAnRssFeed\n:tidSaveEmpty=SaveEmptyTemplate\n:tidShowHidden=ShowHiddenTiddlers\n:tidRegExpSearch=RegExpSearch\n:tidCaseSensitive=CaseSensitiveSearch\n:tidEnableAnimations=EnableAnimations\n\n|''Other Variables''|\n|Other customizable settings|\n:varDeleteSearchTrigger=DeleteAllContent\n:varDuplicateSuffix=Copy\n:varDefaultMainMenuText=MainMenu\n:varNumRssItems=20\n
[[About]]
http://www.aunm22.dsl.pipex.com/CrackingScience/QwikiWeb.htm
[img[Tony Sherborne|http://www.aunm22.dsl.pipex.com/CrackingScience/tony_nesta.jpg]]\n\n[[About]]\n[[Resource material]]\n[[Projects]]\n[[Articles]]\n[[NESTA Fellowship]]\nRssFeed\n\n
Here is a list articles I have published :\n\n\n''@@color(blue):[[Primary UPD8 - Science Gets Real|http://www.aunm22.dsl.pipex.com/CrackingScience/primary_gets_real_ase.pdf]]@@'' \n//Education in Science Journal, published by ASE April 2005 //\nExplaining how the new [[Primary UPD8]] service can help achieve what a recent survey said was the best way to improve primary science - bringing in more of the real world.\n\n''@@color(blue):[[Putting on the glitz|http://www.tes.co.uk/search/story/?story_id=2074863]]@@'' \n//Times Education Supplement 18 February 2005//\nLaunching the new concept for [[Primary UPD8]], launching in Summer 2005, to bring more of the real-world into primary science. \n\n''@@color(blue):[[Every picture tells a story|http://www.tes.co.uk/search/story/?story_id=2061585]]@@'' \n//Times Education Supplement 07 January 2005//\nHow the technique of video editing can help students learn concepts deeply, particularly 'how science works' ideas like evidence and risks and benefits of technology.\n\n''@@color(blue):[[Sporting chance|http://www.tes.co.uk/search/story/?story_id=388693]]@@'' \n//Times Education Supplement 02 January 2004//\nHow can you dispel students' misconceptions, such as believing the force on an object continues once you've let go. [[Secondary UPD8]] and its use of contexts from popular culture, at least guarantees you'll have their interest when you start explaining the physics.\n\n''@@color(blue):[[What's the name of the game?|http://www.tes.co.uk/search/story/?story_id=383377]]@@'' \n//Times Education Supplement 05 September 2003//\nAn interview with science advisor Paul Craig, about his tried and tested techniques for keeping students engaged, using simple games.\n\n''@@color(blue):[[I'm glad you asked me that|http://www.tes.co.uk/search/story/?story_id=383377]]@@'' \n//Times Education Supplement 21 February 2003//\nReview of the series 'Science at the edge' - short books that explore that aim to blug the gaps in teachers' knowledge of contemporary science, such as cloning.\n\n''@@color(blue):[[Start scheming now|http://www.tes.co.uk/search/story/?story_id=338197]]@@'' \n//Times Education Supplement 08 September 2000//\nReactions to the introduction of QCA's schemes of work for Key Stage 3.\n\n''@@color(blue):[[Spice up your lessons|http://www.tes.co.uk/search/story/?story_id=334264]]@@'' \n//Times Education Supplement 5 May 2000//\nLaunching 'Ideas and Evidence', a //CD ROM// of [[Resource material]] covering 25 contemporary science issues, aimed at 14-16 year olds and published by Collins Education.\n\n\n
\n\nwill result in <<tag features>>
My work is in curriculum and resource development, as Creative Director for the Centre for Science Education [[(CSE)|http://extra.shu.ac.uk/cse/site]]. This department is based within Sheffield Hallam University. I am also pursuing a Fellowship for the National Endowment of Science Technology and the Arts [[(NESTA)|http://www.nesta.org.uk]]\n\n\n
Since 1995 I have been developing teaching materials, aimed at making science lessons more contemporary and engaging.\n\n\n''@@color(blue):[[Science UPD8 activities|http://www.upd8.org.uk]]@@''\n//Published by Centre for Science Education & ASE 2003-5//\nU P D 8 (pronounced 'update') is about making science topical. Why get all our science from textbooks when every week, there are headline news stories that offer more exciting ways to introduce the concepts. My team works around the clock to turn promising stories into high impact activities, such as [[Shampoo claims]] and [[Celebrity food]] for teachers to 'download and go' - within 10 days. You just need to sign up to download the activities. \n\n''@@color(blue):[[Planet Science activities|http://www.sycd.co.uk/resource-contents.htm]]@@''\n//Published by ASE 2001-2//\nA suite of 5 //CD s// worth of activities to enliven interest in science. Some of the highlight activities that I developed are available online: FleshEaters, [[Human Torch]] and [[Space Station Survival]]\n\n\n''@@color(blue):[[Ideas and Evidence CD-ROM|http://www.collinseducation.com/books/book.aspx?id=17699]]@@'' \n//Published by Harper Collins 2001 //\nThe //CD// contains [[25 activities|http://www.collinseducation.com/Resources/Extracts/SI001_PRIMenu.pdf]] on contemporary science issues aimed at 14-16 year olds. It aims to cover a wide range of science skills, such as interpreting and evaluating evidence, and provides tools for critical thinking, for instances about ethical questions. Samples from the //CD// are available online: [[Cloning]], [[GM food]]\n\n\n\n
// Eric Shulman - ELS Design Studios\n// "Mixed HTML and wiki-style rendering" Plug-in for TiddlyWiki version 1.2.25 or above\nversion.extensions.HTMLFormatting = {major: 1, minor: 0, revision: 1, date: new Date(2005,7,26)};\nwindow.coreWikify=window.wikify;\nwindow.wikify = function(tiddlerText,theViewer,highlightText,highlightCaseSensitive)\n{\nvar startHTML = tiddlerText.indexOf('<'+'html'+'>');\nvar endHTML = tiddlerText.lastIndexOf('<'+'/html'+'>');\nif (startHTML==-1) // bypass HTML parsing\n{ coreWikify(tiddlerText,theViewer,highlightText,highlightCaseSensitive); return; }\nif (startHTML>0) // wikify everything up to HTML tag\ncoreWikify(tiddlerText.substr(0,startHTML-1),theViewer,highlightText,highlightCaseSensitive);\nif (startHTML!=-1) // browser parse everything between HTML and /HTML tags (or end of text)\n{\nvar HTMLText = tiddlerText.substr(startHTML);\nif (endHTML!=-1) HTMLText = tiddlerText.substring(startHTML,endHTML+7);\n// suppress wiki-style literal handling of newlines\nif (HTMLText.indexOf('<hide linebreaks>')!=-1) HTMLText=HTMLText.replace(regexpNewLine,' ');\n// strip any carriage returns added by Internet Explorer's textarea edit field\nHTMLText=HTMLText.replace(regexpCarriageReturn,'');\n// encode newlines as \n so Internet Explorer's HTML parser won't eat them\nHTMLText=HTMLText.replace(regexpNewLine,'\n');\n// encode macro brackets (<< and >>) so HTML parser won't eat them\nHTMLText=HTMLText.replace(/<</g,'%macro(').replace(/>>/g,')%');\n// create a span to hold browser-parsed DOM objects\nvar newSpan = createTiddlyElement(theViewer,"span",null,null,null);\n// give HTML source to browser's parser (builds DOM nodes)\nnewSpan.innerHTML=HTMLText;\nnewSpan.normalize();\n// walk resulting node tree and call wikify() on each text node\nwikifyTextNodes(newSpan,highlightText,highlightCaseSensitive);\n}\nif (endHTML!=-1) // wikify everything after HTML tag\ncoreWikify(tiddlerText.substr(endHTML+8),theViewer,highlightText,highlightCaseSensitive);\n// DEBUG showNodeTree(theViewer.parentNode,theViewer);\n\n}\n\nfunction wikifyTextNodes(theNode,highlightText,highlightCaseSensitive)\n{\n// pre-order traversal\nfor (var i=0;i<theNode.childNodes.length;i++)\n{\nvar theChild=theNode.childNodes.item(i);\nwikifyTextNodes(theChild,highlightText,highlightCaseSensitive);\nif (theChild.nodeName=='#text')\n{\n// don't bother to wikify pure whitespace nodes (if any)\nif (theChild.nodeValue.replace(/\s+/,"").replace(/\t+/,"").length!=0)\n{\n// DEBUG alert('wikify text: "'+theChild.nodeValue.replace(regexpBackSlashEn,'\n')+'"');\nvar theClass = theNode.id.substr(0,6)=="viewer"?"viewer":theNode.id;\nvar newNode = createTiddlyElement(null,"span",null,theClass,null);\n// decode newlines and macro brackets for wikification\nvar theText = theChild.nodeValue.replace(regexpBackSlashEn,'\n').replace(/\%macro\(/g,'<<').replace(/\)\%/g,'>>');\ncoreWikify(theText,newNode,highlightText,highlightCaseSensitive);\ntheNode.replaceChild(newNode,theChild);\n}\n}\n}\n}\n\n// Use this function to generate a report of the DOM tree objects starting from a given node.\n// place = where to display DOM object report, theNode = root of DOM object tree to be reported\nfunction showNodeTree(place,theNode)\n{\ncreateTiddlyElement(place,"HR",null,null,null);\nvar theReport = createTiddlyElement(place,"div",null,null,null);\nwalkNodeTree(theReport,theNode,'');\n}\nfunction walkNodeTree(theOutput,theNode,thePrefix)\n{\nvar msg=thePrefix+':'+((theNode.nodeName=='#text')?' ':theNode.nodeName);\nvar href = (theNode.href)?' href='+theNode.href:'';\nvar id = (theNode.id)?' id='+theNode.id:'';\nvar val = (theNode.name)?' '+theNode.name+((theNode.value)?'='+theNode.value:):;\nvar text = (theNode.nodeName=='#text')?'"'+theNode.nodeValue.replace(regexpBackSlashEn,'\n')+'"':'';\nif ( (theNode.nodeName!='B')\n&&(theNode.nodeName!='I')\n&&(theNode.nodeName!='TBODY')\n&&(theNode.nodeName!='SPAN'))\ncreateTiddlyElement(theOutput,"div",null,null,msg+val+id+href+text);\nfor (var i=0;i<theNode.childNodes.length;i++)\n{\nvar theChild=theNode.childNodes.item(i);\nvar childmsg=msg;\nif (theNode.childNodes.length>1) childmsg+='['+(i+1)+']';\nwalkNodeTree(theOutput,theChild,childmsg);\n}\n}
''Summary:''\n<<<\nThe shorthand Wiki-style formatting syntax of ~TiddlyWiki is very convenient and enables most content to be reasonably well presented. However, there are times when tried-and-true HTML formatting syntax allows more more precise control of the content display. The ~HTMLFormatting plugin allows you to embed standard HTML syntax in your content simply by, umm, well... //embedding them in your content// (duh!).\n<<<\n''Usage:''\n<<<\nWhen a tiddler is about to be displayed, the ~HTMLFormatting plugin looks for tiddler content contained within ''<{{{html}}}>'' and ''<{{{/html}}}>'' HTML tags. This content (if any) is passed directly to the browser's internal "rendering engine" to process as ~HTML-formatted content. Once the HTML formatting has been processed, all the pieces of text occuring in between the HTML formatting are processed by the ~TiddlyWiki rendering engine, one piece at a time, so that normal wiki-style formatting can be applied to the text pieces.\n\nNote: content preceding the ''<{{{html}}}>'' tag or following the ''<{{{/html}}}>'' tag is always processed as normal wiki-style formatted content, without any additional HTML rendering.\n<<<\n''Line breaks:''\n<<<\nOne major difference between Wiki formatting and HTML formatting is how "line breaks" are processed. Wiki formatting treats all line breaks as literal content to be displayed //as-is//. However, because HTML normally ignores line breaks and actually processes them as simple "word separators" instead, many people who write HTML include extra line breaks in their documents, just to make the "source code" easier to read.\n\nEven though you can now use HTML tags within your tiddler content, the default treatment for line breaks still follows the Wiki-style rule (i.e., all new lines are displayed as-is). When adding HTML content to a tiddler (especially if you cut-and-paste it from another web page), you should take care to avoid adding extra line breaks to the text.\n\nIf removing all the extra line breaks from your HTML content would be a big hassle, you can quickly //override the default Wiki-style line break rule// so that the line breaks use the standard HTML rules instead. Placing a ''<{{{hide newlines}}}>'' tag within the tiddler's HTML content changes all line breaks to to spaces before rendering the content, so that the literal line breaks will be processed as simple word-breaks instead.\n\nNote: this does //not// alter the actual tiddler content that is stored in the document, just the manner in which it is displayed. Any line breaks contained in the tiddler will still be there when you edit its content. Also, to include a literal line break when the ''<{{{hide newlines}}}>'' tag is present, you will need to use a ''<{{{br}}}>'' or ''<{{{p}}}>'' HTML tag instead of simply typing a line break.\n<<<\n''Installation:''\n<<<\nimport (or copy/paste) the following tiddlers into your document:\n''HTMLFormattingPlugin'' (tagged with <<tag systemConfig>>)\n^^javascript for HTMLFormatting handling^^\n''HTMLFormattingHelp''\n^^end-user documentation for this plugin^^\n<<<\n''Revision History:''\n<<<\n''2005.07.26 [1.0.1]''\nRe-released as a plugin.\nAdded <{{{html}}}>...</{{{nohtml}}}> and <{{{hide newlines}}}> handling\n''2005.07.20 [1.0.0]''\nInitial Release (as code adaptation)\n<<<\n''Credits:''\n<<<\nThis feature was developed by EricShulman from [[ELS Design Studios|http:/www.elsdesign.com]]\n<<<\n
SiteTitle SiteSubtitle MainMenu DefaultTiddlers ConfigTiddlers SiteUrl ExplicitTiddlers HiddenTiddlers NoSearchTiddlers StyleSheet LingoInterface LingoMessages HTMLFormattingPlugin
These options are called "StickySettings" because they only get loaded when the page is initially opened. This means that only someone who has editing rights and who can resave the page will be able to change StickySettings. Right now there is only one category of StickySettings (UserMode), but we can imagine more.\n----\n|>|UserMode|\n|>|The userModeWeb option sets the UserMode setting when viewing this page from a web server URL (http:). The userModeLocal option sets the UserMode setting when viewing this page from a local URL (file:). The UserMode settings currently have the following options (which are case sensitive):|\n||''standard'': (default mode) EditMode can be toggled on/off by showing or hiding the "advanced options." This gives access to the entire feature set while hiding things like the "save changes" command and each tiddler's "edit" button until they are needed. Editing tiddlers by double-clicking is also disabled if EditMode is off.|\n||''editor:'' Forces EditMode on. This is used mainly in userModeLocal to allow instant access to all of the editing functions.|\n||''readonly'': Locks EditMode so that the user cannot see any edit functions or the "show advanced" link that turns EditMode on.|\n||''simple'': Same as readonly, but also removes the following: permaview, close others, permalink, references, and the all interface options except for EnableAnimations (which is left to ensure browser compatibility)|\n||''bare'': Similar to readonly, but removes everything except the tiddler "close" button and the search command.|\n||''custom'': If you chose this mode, you can manually edit the "customMode()" function in this page's javascript to set up your own personalized set of viewer settings.|\n|>|''Additionally, you can add the phrase {{{=notabs}}} to the END of any the above modes to disable the sidebar tabs for that mode setting.''|\n|>|//examples://|\n||{{{:userModeWeb=readonly=notabs}}}|\n||{{{:userModeLocal=editor}}}|\n|>|Now use the following lines to set your UserMode preferences.|\n:userModeWeb=standard\n:userModeLocal=readonly\n
MainMenu SiteTitle SiteSubtitle SpecialCharacters AddedFeatures AutoSave CodeDifference ColorTheme ColorThemeCran ColorThemeEmpty ColorThemeTeal ColorThemes CopyRight CustomStyleSheet DefaultTiddlers DeleteAllTiddlers DuplicateTiddler\nEditMode ExampleStyleSheet ExcludeFromSearch FireFoxExtension ForceEditMode HTMLFormattingHelp HiddenTiddlers\nHidingTiddlers HTMLFormattingPlugin KnownBugs LanguageOverlay LingoInterface LingoMessages LockEditMode NoSearchTiddlers OldRevisionHighlights OpenSourceLicense QuickStart QwikiWeb ReusingThisSite RevisionHighlights SaveBackups SaveChanges ShowHiddenTiddlers SiteUrl SpellBound SpellChecking StickySettings StyleSheet TiddlerChangesHistory TiddlyWiki UserMode WebsiteOriented WhyUseSpellBound\n