Orangeville Camera ClubImage Submission Wiki - - Home - About Us - Galleries - Learn - Links

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]];}

#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; 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 use a logographic writing system and 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;}

.htmlarea .toolbarHA table {border:1px solid ButtonFace; margin:0em 0em;}
/*}}}*/

/*{{{*/
@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 closeTiddler closeOthers +editTiddler > fields syncing permalink references jump'></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 +saveTiddler -cancelTiddler deleteTiddler'></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

Image submissions to the OCC website is not difficult and can accomplished in one of the following ways:
* [[Email|Email Submission]]
* [[FTP|FTP Submission]]
* [[Storage Media|Storage Media Submissions]]
Things to consider:
* Images should edited and cropped for presentation. 
* Resizing may not be necessary depending upon the method of submission. An adequate image has 800 pixels on the longest side of the image.

Adobe Flash formerly "Macromedia Flash" is a rich internet technology, which allows for superior presentation of images, video, animation, graphics, etc.. Flash is ideal for presenting images on the internet.
For more information see [[Adobe|http://www.adobe.com]], [[Wikipedia - Adobe Flash|http://en.wikipedia.org/wiki/Adobe_Flash]]

Related Topics: [[Flash Galleries]]

* Image submissions with CD can be made at any of the General Members Meetings, or at other pre-arranged times. 
* Arrangements can be initiated through email or telephone with any of the website personnel if the pertinent addresses or telephone numbers are known.
* Use of the ''web_master [at] orangevillecameraclub.ca'' address for inquiries is perfectly acceptable (as no other addresses of telephone numbers will be publicly posted on the Web).
* CDRW may be used and will be return for re-use. 
* ~CDs should be recorded such that they are readable by a Windows~~tm~~ systems (format such ~ISO9660) and finalized.
* ~CDs should labelled with the members name for identifications.

Related Topics: [[Email Submission]], [[Email Tips]], [[Flash Drive Submission]], [[Memory Card Submission]], [[FTP Submission]]

|Step 1 - Open the Site Manager|
|To configure a ~FileZilla connection, -click- the small computer icon on top left to open the "Site Manager".<br><br>''Note:'' Be sure to -click- the computer icon and NOT the down arrow adjacent to this button.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla4.jpg]] |

|Step 2 - Initiating a "New Connection" |
|-Click- on the "New Site" button to open the "Site Manager" window and enter a name for the new connection settings.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla5.jpg]] |

|Step 2 - Configuring a new site |
|''Now'' you need to fill in the connection details. Enter ''"Host Name"'', ''"Port Number"'', ''"Server Type" = FTP'', ''"Login Type" = Normal'', ''"Username"'' and ''"Password"'' as per email provided by the OCC Webmaster.<br><br>''If'' you share your PC with other people, please check the ''"Don't save password"'' checkbox to prevent unauthorized site access.<br><br>''Once'' you're sure the settings are correct -Click- Save and Exit button.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla6.jpg]] |
!!!End of - Configuring a New FTP Site

[[Gallery Image Submission Wiki]]

Type the text for 'Dial-up'

Related Topics: [[Procedure for Emailing Images]], [[Email Tips]]

!!Image Submission via Email
* In order to send images as attachments you will need a direct email address. Contact the OCC webmaster for a direct email address by using the OCC website contact form [[link to contact form|http://www.orangevillecameraclub.ca/contact_webmaster.htm]].
* Address your email with the supplied address, then include any details such as Image Name or Caption and attach your images.
* [[Procedure for Emailing Images]]
* [[Email Tips]]

* ''Note:'' Attaching images to a email greatly increases the size your email file size. Members should be aware that issues can arise with transmission because of this larger file size. Some Internet Providers impose limits on email sizes. [[Dial-up]] users for instance may experience very long transmission times and/or failures. The web_master email account has no limitations such as this.


Related Topics: [[Email Tips]], [[Storage Media Submissions]], [[FTP Submission]]

* When send large numbers of images, try sending a lesser number in multiple emails, to reduce the chances of transmission problems. 
* Allow a period of time to pass between emails, to reduce the chances of being categorized as SPAM, which may divert your email to SPAM protection/blocking features of Internet Providers.
* Consider reducing the file size of attachments (images) prior to attachment, see [[Image Resizing]].

Related Topics: [[Email Submission]], [[Storage Media Submissions]], [[FTP Submission]]

!!Overview
Image submissions with "FTP" (File Transfer Protocol) is now possible. Members can upload via the Internet to our server from any home PC. In order to utilize FTP the user will need to be familiar with FTP programs such as FileZilla or FireFTP. With a FTP program users can connect to our server (users would be required to login), navigate to, or create a folder with their own name and upload the images to that folder (see FTPProcedure for a full procedure). Website personnel would then reverse the process to download the images to prepared and posted.

* [[What is FTP?]]
* [[Where do I get FTP Client software?]]
* [[How do I set up FileZilla?]]
** [[FileZilla Program Interface]]
** [[Configuring a New FTP Site]]
** [[Uploading Files with FileZilla]]
* FTPProcedure (in general terms)

Related Topics: [[Email Submission]], [[Email Tips]], [[Storage Media Submissions]]

!!Member Instructions:

Please contact the webmaster and request the latest FTP connection information (this will change periodically).
With a FTP program (FileZilla, FireFTP, etc.) make a connection using the following:
* host: //<provided by webmaster>//
* port: 21
* servertype: ftp
* logintype: normal
* user: //<provided by webmaster>//
* password: //<provided by webmaster>//
When connected the FTP program will show a number of folders. Please do not disturb these folders as they belong to fellow members.

''Step 1''
Connect and create a folder for your submissions. Use a folder name with your own first initial and about the first four characters of your last name as in this example; Mike Kristjanson => mkrist (my folder name). This is not critical but the folder name should be unique to each member. Please communicate to the webmaster the name of the folder and that there are new images to be processed.

''Step 2''
Upload your submissions (images, docs, text files, etc.) to your folder named above. Please feel free to include information (captions, titles, explainations) about the submissions with the upload. Note, all image/file sizes are appropriate (no limits). The only impact members may encounter is upload speeds depending upon individual internet connections.

''Step 3''
Disconnect and email details of your submission to the webmaster.
* Please do not be concerned if when you return to submissions folder that your folder has been removed, I plan to keep this space as tidy as possible.
* This service is for members only.

''"Feature Galleries"'' - are creative outlets for members who wish to present images based upon a theme or subject. These galleries can be "custom made" or in one of the "standard" formatted [[Gallery Media]] types. All [[Feature Galleries]] can be accessed through the main [[Galleries Page]].

For custom [[Feature Galleries]] the website will be open to collaboration with any member, time allowing.

Related Topics: [[Sitewide Header Gallery]], [[Member Galleries]], [[Galleries Page]]

 
For example selecting View>Remote Treeview (see Fig2) adds a "remote folder tree" to the right side of the program interface (see Fig3)
!!!Fig2.
[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla2.jpg]]
!!!Fig.3
[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla3.jpg]]

|''The Program interface is as follows:'' <br><br>''At'' the top is the "Message Window", where messages between the server and this client software can be monitored.<br><br>''On'' the left you can see your "Local Folder Tree" and "Local Selected Folder Contents". This is similar to "Windows Explorer" allowing the user to explore the local hard drive file system for files.<br><br>[img[Fig1|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla1.jpg]]<br><br>''On'' the right is the "Remote Selected Folder Contents". When "connected" this will show the contents of the "Remote Folder" on the server.<br><br>''At'' the bottom is a window called "Transfer Queue". This window will display the transfer progress of files in the "upload and "download" queues.<br><br>''At'' the very bottom is the "Status Bar" which gives information about controls when the mouse hovers over them and other operational status information for the program, such as program "Ready".<br><br>''The'' views and program windows are highly customizable allowing for different configurations and resizing. |
!!!End of - ~FileZilla Program Interface

* Image submission with "Flash Drives" or "USB Drives" can be made at pre-arranged times.
* Arrangements can be initiated through email or telephone with any of the website personnel if the pertinent addresses or telephone numbers are known.
* Use of the ''web_master [at] orangevillecameraclub.ca'' address for inquiries is perfectly acceptable (as no other addresses of telephone numbers will be publicly posted on the Web).

Related Topics: [[Email Submission]], [[Email Tips]], [[CD Submission]], [[Memory Card Submission]], [[FTP Submission]]

!!Flash Gallery Type
This year the [[OCC|Orangeville Camera Club]] website is offering a new [[Gallery Media]] type based on [["Adobe Flash"|Adobe Flash]]. Its major component is "[[Simpleviewer]]" and it offers smooth, quick transitions between images. 

Although "[[Simpleviewer]]" allows for very large galleries, our recommended gallery size is around 20 to 30 images. Additional we recommend that these images should be faithfully replaced every couple of months. This treats the returning visitor to fresh content. 

Members who wish to have more than 20 to 30 images should consider having additional galleries or [[Feature Galleries]].

This gallery type allows for some customization of background colors, borders, etc.. Members are encouraged to inquire about special needs.

Related Topics: [[HTML Galleries]]

The ''"Galleries Page"'' is one of the main website pages (i.e. Home, About Us, Galleries, Learn, Links) This page catalogs all [[Member Galleries]] and [[Feature Galleries]]. The [[Galleries Page]] can accessed by <clicking> on the Galleries Link at the top of each page.

Related Topics: [[Sitewide Header Gallery]], [[Feature Galleries]], [[Member Galleries]]

!Description of Image Galleries on the OCC Website
The [[OCC Website|Orangeville Camera Club]] has many ways to showcase a members images:
!!!''Main Gallery''
Each of the main pages has the ability to show case images. There is active content within the header sections (Logo Area). Each header displays four thumbnails or four thumbnails per page. The visitor has the option to click on a thumbnail and view a larger full screen image which pops-up in a shadow framed layer. Combined the five main pages host 20 images. These images are changed periodically. This is our ''Main Gallery'' or [[Sitewide Header Gallery]]. See [[Sitewide Header Gallery]].
!!!''Member Galleries'' 
Each member is entitled to a personal gallery of their own images. ''Members Galleries'' are a personal space where a member can share his/her personal creative work. Members galleries are indexed on the main "[[OCC Website Galleries Page|http://www.orangevillecameraclub.ca/gallery.htm]]". A member gallery at his time can be one of two types, [[Flash|Flash Galleries]] or [[HTML|HTML Galleries]]. The [[Flash|Flash Galleries]] type is the newest and offers several advantages such as, faster creation time, rich presentation and capable of hosting many images (//at this time the Flash galleries are receiving the bulk of technical development//) . See [[Member Galleries]].
!!!''Feature Galleries''
As a further creative outlet the website offers [[Feature Galleries]]. This gallery type is also open to members for travelogs, field trip, themed or other collection of images. At present we have image collections from several contributing members on a variety of subjects.
!!!''Competition Results''
Our intention is to have winning and noteworthy images from competitions to compliment "Competition Reports" and showcase activities of the club. The procedure for the handling of competition images is not well established at this time, but members are welcome to submit images to the website for reporting. Members are encouraged to discuss competition reporting with the club Competition Executive Chair".

!Welcome to the Orangeville Camera Club's - Image Submission Wiki!
This ''Wiki'' ([[What is a Wiki?]]) is a resource for members wishing to submit images to the club website. Using this Wiki is easy, just follow the steps below:
* ''Select a link from the "Site Menu" in the left margin''  to un-hide blocks of content or text for viewing on the page.

* When you are finished viewing the chosen content, ''<click> the "close button" at the top right of the content blocks or Tiddlers'' ([[What is a "Tiddler"?]]). <Clicking> "Close" will hide this content from view.

* ''For more information about Wikis see'' [[How to use this Wiki?]]

|''Notice to Members:'' <br> This Wiki is currently under development (not complete). The Website invites your comments and suggestions. [[Contact Webmaster|http://www.orangevillecameraclub.ca/contact_webmaster.htm]] |

- [[Flash|Flash Galleries]]
- [[HTML|HTML Galleries]]

- [[Sitewide|Sitewide Header Gallery]]
- [[Member|Member Galleries]]
- [[Feature|Feature Galleries]]

[[Home|http://www.orangevillecameraclub.ca/]] - [[AboutUs|http://www.orangevillecameraclub.ca]]

<<tabs "txtoccmenu" [[Home]] "goto home" [[Home|http://www.orangevillecameraclub.ca/]] [[About Us]] "return to Aboutus" [[AboutUs|http://www.orangevillecameraclub.ca]]>>

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>>

!!HTML Gallery Type
The previous [["HTML Gallery"|HTML Galleries]] type is still available. This gallery is one of the nicest "HTML" galleries on the web. We want to make this gallery even better by increasing the number of images which this gallery type can host. Both member requests and available time will affect the completion date of this project. 
This gallery can be customized in small ways such as, background color, borders on images.

Related Topics: [[Flash Galleries]]

*[[How to use this Wiki?]]

|The following procedure assumes ~FileZilla is installed on your computer and is working correctly. To acquire ~FileZilla see [[Where do I get FTP Client software?]] |
!!!New to FTP? The following links lead to step by step procedure for using ~FileZilla for FTP:
# [[FileZilla Program Interface]] - A brief tour of the program interface.
# [[Configuring a New FTP Site]] - How to configure an new FTP connection. This is often a one time operation which allows for quick connections in the future.
# [[Uploading Files with FileZilla]] - Easy steps to use ~FileZilla to upload your image files to the OCC server.

* [[What is a Wiki?]]
* ViewingContent of this Wiki
* [[Where is the Content?]]
* PageOrganization
* [[What is a "Tiddler"?]]
* TiddlerOrganization

''Note'' - Members interested in the workings of this Wiki are encouraged to contact Mike K.

''"Image Assets" is a term I use to summarily describe all the properties of an image.  It includes all of the following and more:''
| !Image Asset Properties |
| Image Width (Pixels) |
| Image Height (Pixels) |
| Color Depth |
| Color Mode |
| File Type |
* Expressed a different way Assets is a ''recipe'' of Property ''ingredients'' which combine to make an image.
* [[Why are you describing things this way?|WhyAssets?]]
* [[What about Resolution?|WhyAssets?]]

''Note:'' It is the responsibility of the members to submit a image suitable for web preparation.

Related Topics: [[Required Image Assets]]

Below is a table summarizing the specifications of images in their two roles. 
* First as submissions from members 
and 
* then as prepared images posted to the web. 
|>|>| ''"Image Asset" Summary'' |
| ''Asset Name'' | ''Submissions~~1~~'' | ''Postings to OCC Website~~2~~'' |
|''Minimum Width'' (px) | 800 | no limit |
|''Minimum Height'' (px) | 800 | no limit |
|''Maximum Width'' (px) | no limit | 500 |
|''Maximum Height'' (px) | no limit | 500 |
|''Resolution'' | any | any |
|''Color Mode'' | RGB | RGB |
|''Color Depth'' | 8 bit | 8 bit |
|''File Formats'' | jpg, tiff, psd | jpg |
|''Number of saves'' | lowest possible | 1 |
''Submissions~~1~~'' - Specifications for submissions to the website from members.
''Postings to OCC Website~~2~~'' - Specifications for posting to website of images prepared by website personnel 

Related Topics: [[Image Asset Definition]], [[Required Image Assets]]

Image preparation for submission should consider the following:
!!!Step 1> Artistic Expression
This Wiki assumes that the image adjustments such as exposure, flaw removal, aesthetics and artistic expression (to mention a few) are completed by the member. Images submitted will be posted as is with regard to appearance and composition.
!!!Step 2> Sizing for Submission
* Verify that your image for submission meets the minimum [[Required Assets|Required Image Assets]],  [[What are Assets?|Image Asset Definition]]
* My image requires re-sizing. see [[Image Resizing]]
[[What Size?]]

Coming soon, procedures for resizing images...
Photoshop, dimensions and resolution

Presently the website has a target image [[asset|Image Asset Definition]] of 500 pixels maximum for the longest dimension of the image. (if an image is oriented "portrait" then this would be 500px in height and vice versa for landscape) Once sized, the image is "Saved for Web" (once only), at "medium quality" using Photoshop. This establishes a standard to help control the artifacts which will appear in images displayed on the web. 

The file type, the amount of image processing and the original quality of an image will affect the final image quality posted to the web. Members submitting images should be aware of these facts and allow for one additional "Save for Web" operation to be performed during the posting process. 

The website requires that images submitted contain suitable "Image Assets" to allow for correct posting of images for the present and near future. We suggest that images submitted be a minimum of 800 pixels on the longest dimension, save as a tif or non-lossy file format. If Jpeg is required it should have a minimum of previous file saves in its history.

- [[Required Assets|Required Image Assets]]
- [[Asset Definition|Image Asset Definition]]
- [[Asset Summary|Image Asset Summary]]

/***
|''Name:''|LegacyStrikeThroughPlugin|
|''Description:''|Support for legacy (pre 2.1) strike through formatting|
|''Version:''|1.0.2|
|''Date:''|Jul 21, 2006|
|''Source:''|http://www.tiddlywiki.com/#LegacyStrikeThroughPlugin|
|''Author:''|MartinBudden (mjbudden (at) gmail (dot) com)|
|''License:''|[[BSD open source license]]|
|''CoreVersion:''|2.1.0|
***/

//{{{
// Ensure that the LegacyStrikeThrough Plugin is only installed once.
if(!version.extensions.LegacyStrikeThroughPlugin) {
version.extensions.LegacyStrikeThroughPlugin = {installed:true};

config.formatters.push(
{
	name: "legacyStrikeByChar",
	match: "==",
	termRegExp: /(==)/mg,
	element: "strike",
	handler: config.formatterHelpers.createElementAndWikify
});

} //# end of "install only once"
//}}}

Lossey
Lossless

!Site Menu
[[Welcome Message|Gallery Image Submission Wiki]]
[[Who Qualifies?]]
[[Gallery Descriptions]]

''__Submissions:__''
[[How to Submit Images|About Submissions]]
[[Email|Email Submission]]
[[FTP|FTP Submission]]
[[Storage Media|Storage Media Submissions]]

''__About Images:__''
[[Image Preparation]]
[[Required Assets|Required Image Assets]]
[[What are Assets?|Image Asset Definition]]
[[Image Resizing]]

''__Gallery Types:__''
[[Sitewide|Sitewide Header Gallery]]
[[Member|Member Galleries]]
[[Feature|Feature Galleries]]

''__Media Types:__''
[[Flash|Flash Galleries]]
[[HTML|HTML Galleries]]

[[The Future]]
[[How to use this Wiki?]]
[[Help]]
----
<<slider chkWikiAdmin WikiAdmin "Wiki Admin »»" "click to view Wiki Admin links">>

MediaWiki is a Wiki system used by Wikipedia. It requires a server to run and cannot run standalone like TiddlyWiki.
*http://www.mediawiki.org/wiki/Manual:Contents
*[[FAQ site at:|http://www.mediawiki.org/wiki/Manual:FAQ]]
*[[MediaWiki Help - Contents|http://www.mediawiki.org/wiki/Help:Contents]]

The ''"Member Galleries"'' house images specific to each member. 
* [[Member Galleries]] are accessed through the main [[Galleries Page]]. 
* At present there are two media types for Member Galleries, 
** [[Flash|Flash Galleries]] - Utilizes Adobe [["Flash"|Adobe Flash]]
** [[HTML|HTML Galleries]] - utilizes HTML markup language
* A Pop Up Menu is now available to direct visitors to a members personal Web Sites and Spaces. Please submit a list of links you wish to have posted in this space.

Related Topics: [[Sitewide Header Gallery]], [[Feature Galleries]], [[Galleries Page]]

* Image submissions with "Memory Cards" can be made at pre-arranged times. 
* Arrangements can be initiated through email or telephone with any of the website personnel if the pertinent addresses or telephone numbers are known.
* Use of the ''web_master [at] orangevillecameraclub.ca'' address for inquiries is perfectly acceptable (as no other addresses of telephone numbers will be publicly posted on the Web).

Related Topics: [[Email Submission]], [[Email Tips]], [[CD Submission]], [[Flash Drive Submission]], [[FTP Submission]]

<<tagging menu>>

!!What is Micro Content?
It is a small piece of instance linked content. It is dependent upon software to allow the application of links to individual words or terms. Words or terms, within texts can be linked to related content. Such words or terms are generally called WikiWords. WikiWords link content with other content. The prevailing use of WikiWords within [[Wiki]]s is to maximize the use of small content blocks (Micro Content) to form a larger content.
[[Wiki]]s allow the reader the option of investigating added Micro Content.

Contact Mike at: [[email|http://www.orangevillecameraclub.ca/contact_webmaster.htm]]

http://www.orangevillecameraclub.ca

|>|>| !Main Page Title Bar |
| Site Menu | Main Content Area ( [[Tiddlers|Tiddler]]) | Search |
|~|~| Wiki Controls |
|~|~| Options |
|~|~| Wiki Admin |
| Wiki Admin |~| Timeline |
|~|~| Tags |
|~|~| More |
''The diagram above depicts the organization of this Wiki page.''

1. Prepare and Collect images for submission to an easily found folder on your computer.
2. Open Outlook Express (or your favorite email program).
3. <click> ''"Create Mail"'' (or the corresponding button for your email program).


[img[Create Mail|http://www.orangevillecameraclub.ca/submit/images/OutlookExpress500x300.jpg]]


4. Compose your email, include the members name (most important) and any other details for inclusion to your gallery.
5. <click> ''"Attach"'' File button (or the corresponding button for your email program).


[img[Attach Files|http://www.orangevillecameraclub.ca/submit/images/AttachImages500x300.jpg]]


6. With the "Insert Attachment Dialog Box" select your image(s) for transmission and <click> ''"Attach"''. Repeat step #5 and #6 until all images are attached.


[img[Insert Attachment Dialog Box|http://www.orangevillecameraclub.ca/submit/images/AttachDialog500x300.jpg]]


7. <click> "Send" to send your email.


[img[Send Mail|http://www.orangevillecameraclub.ca/submit/images/EmailSend500x300.jpg]]


Related Topics: [[Email Tips]], [[Dial-up]]

|>|>|>| !Required Image Assets |
| ''Asset Name'' | ''Submissions~~1~~'' | [[What are Assets?|Image Asset Definition]] |
|''Minimum Width'' (px) | 1024 |~|
|''Minimum Height'' (px) | 1024 |~|
|''Maximum Width'' (px) | no limit |~|
|''Maximum Height'' (px) | no limit |~|
|''Resolution'' | any |~|
|''Color Mode'' | RGB |~|
|''Color Depth'' | 8 bit |~|
|''File Formats'' | jpg, tiff, psd |~|
|''Number of saves'' | lowest possible ([[Why?|SavingJPGs]]) |~|
''Submissions~~1~~'' - Specifications for member submissions to the website.



Related Topics: [[Image Asset Definition]]

!About Saving JPG File Format

''JPG'' is a ''lossey'' file format. In other words each time a file is save as a JPG, pixel information within the file is lost to create the very compact JPG file. Basically information is sacrificed to allow for a smaller file size.

During photo editing it is recommended that file formats like JPG be used only for the final output and not for intermediate saves during edit operations.

Date 20080609

Simplify organization 
* Who What When Where How
* justify submenus left
* Suggest "Images on Website" to "Gallery Descriptions"
Please advise the webmaster of your intended use of submissions.
<<slider chkSubmissionMethods [[Submission Method]] "Submission Method»" "click to view Submission Methods links">>
<<slider chkImageSpecifications [[Image Specs]] "Image Specs »»" "click to view Image Specification links">>
<<slider chkGalleryTypes [[Gallery Types]] "Gallery Types»»" "click to view Gallery Type links">>
<<slider chkGalleryMedia [[Gallery Media]] "Gallery Media»»" "click to view Gallery Media links">>
Additionally image quality factors into our description of "Image Assets". Are there artifacts in the image:
* from the original image 
* from "Save for Web" operations
* from a Jpeg (or other lossey file format) which has been saved repeatedly. 
Together all of the above play a part in determining what quality of image will finally reach the Web.
----
|>| @@font-size:12pt;Below are the ''Required Image [[Assets|Image Asset Definition]] for Submissions:''@@ |
|''Pixel Dimension''<br>(width & Height) | 800px minimum on the longest dimension |
|''Resolution'' | ''any resolution,'' as long as Pixel Dimension above is 800px minimum |
|''Color Depth'' | 8bit or greater |
|''Color Mode'' | RGB |
|''File Type'' | jpg, tiff, psd |
|''Additionally image quality factors which members should consider'' |''Q:'' Are there artifacts in the image from the original image? |
|~|@@white-space: nowrap;''Q:'' How many "Save for Web" operations has the image undergone?@@ |
|~|''Q:'' For Jpeg (or other lossey file format), how many saves has the image file undergone?<br>''Remember even a image rotation in most cases is not lossless.'' |
| [[What are Assets?|Image Asset Definition]] |>|
''Note: It is the responsibility of the members to submit a image suitable for web preparation.''

Related Topics: [[Image Asset Definition]], [[Image Asset Summary]]


----
Date: 20080416
Image Submissions: 
Method: How to Submit images
Size: How big an image
Gallery Type: Which Gallery area is this image for
Gallery Media: Which kind of gallery do I want
Special Needs: Do I want captions, special colors
Links: Do I want links to my persona.ll Web spaces
Resizing: How Do I resize

About Images on the Website
Info About Gallery types and construction
Step by Step Tiddlers for easier use
Plain English


----
[[Home|http://www.orangevillecameraclub.ca/]] - [[AboutUs|http://www.orangevillecameraclub.ca/aboutus.htm]] - [[Galleries|http://www.orangevillecameraclub.ca/gallery.htm]] - [[Learn|http://www.orangevillecameraclub.ca/learn.htm]] - [[Links|http://www.orangevillecameraclub.ca/links.htm]] - [[Contact|http://www.orangevillecameraclub.ca/aboutus.htm#officers]]

|bgcolor:#8CF;#94EDD6 | mike |

|<html><a href="http://www.orangevillecameraclub.ca/" target="_self">Home</a></html> |

[[Gallery Image Submission Wiki]]
<html><a href="http://www.orangevillecameraclub.ca/" target="_self">Home</a> --- <a href="http://www.orangevillecameraclub.ca/aboutus.htm" target="_self">About Us</a> --- <a href="http://www.orangevillecameraclub.ca/gallery.htm" target="_self">Galleries</a> --- <a href="http://www.orangevillecameraclub.ca/learn.htm" target="_self">Learn</a> --- <a href="http://www.orangevillecameraclub.ca/links.htm" target="_self">Links</a> --- <a href="http://www.orangevillecameraclub.ca/aboutus.htm#officers" target="_self">Contact</a></html>

[[Gallery Image Submission Wiki]]
| <html><a href="http://www.orangevillecameraclub.ca/" target="_self">Home</a></html> | <html><a href="http://www.orangevillecameraclub.ca/aboutus.htm" target="_self">About Us</a></html> | <html><a href="http://www.orangevillecameraclub.ca/gallery.htm" target="_self">Galleries</a></html> | <html><a href="http://www.orangevillecameraclub.ca/learn.htm" target="_self">Learn</a></html> | <html><a href="http://www.orangevillecameraclub.ca/links.htm" target="_self">Links</a></html> | <html><a href="http://www.orangevillecameraclub.ca/aboutus.htm#officers" target="_self">Contact</a></html> |

GalleryPage
[[Lossey]]

Simpleviewer is an rich media application created by "[[Airtight Interactive|http://www.airtightinteractive.com/simpleviewer/]]" which utilizes [[Adobe Flash]], Actionscript,  Javascript and HTML. 
Though the application involves very sophisticated programming, [[Airtight Interactive|http://www.airtightinteractive.com/simpleviewer/]] has many options to make using the application friendly for the average user. Simpleviewer galleries can be created using Adobe Lightroom. Google's Picasa, Porta or manually (and more). [[Airtight Interactive|http://www.airtightinteractive.com/simpleviewer/]] has a free version and a Pro version of Simpleviewer (cost $45 with more options).

Members are encouraged to investigate this application.

<html> - <a href="http://www.orangevillecameraclub.ca/" target="_self">Home</a> - <a href="http://www.orangevillecameraclub.ca/aboutus.htm" target="_self">About Us</a> - <a href="http://www.orangevillecameraclub.ca/gallery.htm" target="_self">Galleries</a> - <a href="http://www.orangevillecameraclub.ca/learn.htm" target="_self">Learn</a> - <a href="http://www.orangevillecameraclub.ca/links.htm" target="_self">Links</a> - <a href="http://www.orangevillecameraclub.ca/aboutus.htm#officers" target="_self">Contact</a> - </html>

[[Orangeville Camera Club]]<br>[[Image Submission Wiki|Gallery Image Submission Wiki]]

http://www.orangevillecameraclub.ca/submit/gallerysubmission_tw.html

The ''"Sitewide Header Gallery"'' contains images which can be viewed by <clicking> on the thumbnails located in the page header of each of the main pages (i.e. Home, About Us, Galleries, Learn, Links). 
* Each of the main pages hosts four different images for total number of 20 images sitewide ( 4 images/page  X 5 pages =20 images total). 
* Each of the four thumbnails (rollovers) on each page can be selected to view a large sized image. 
* All members qualify to place images in this gallery.
Note: to experience the "rollovers" and view the large images you must allow scripting and activex in your browser.

Related Topics: [[Member Galleries]], [[Feature Galleries]], [[Galleries Page]]

Submission of images using ''Memory Cards, Flash Drives, Compact Disks or DVD'' are substantially the same and are outlined below.

!!Compact Disk (CD) or DVD
* Image submissions with ''Compact Disk (CD)'' or ''DVD'' can be made at any of the club meetings, or at other pre-arranged times. 
* ~Re-Writable media may be used and will be return for re-use. 
* ~CDs or ~DVDs should be recorded such that they are readable by a Windows~~tm~~ systems (format such as ~ISO9660) and disc should be finalized.
* ~CDs or ~DVDs should labeled with the members name for identification.
!!Flash Drives or USB Drives
* Image submission with ''"Flash Drives"'' or ''"USB Drives"'' can be made at club meeting or pre-arranged times where a computer is available.
!!Memory Cards
* Image submissions with ''"Memory Cards"'' can be made at club meetings or at pre-arranged times. Images can be transfered with a portable media drive, "instantly" and memory cards can be returned immediately.

''Note:''
* Arrangements can be made through email or telephone with any of the website personnel.
* Use the [[OCC Website contact form|http://www.orangevillecameraclub.ca/contact_webmaster.htm]] for inquiries or for a direct email address for submissions (no other addresses of telephone numbers will be publicly posted on the Web).



Related Topics: [[Email Submission]], [[Email Tips]], [[FTP Submission]]

.sliderPanel {background: #DFEBFF;}

[[About Submissions|About Submissions]]
[[Email|Email Submission]]
[[Compact Disk (CD)|CD Submission]]
[[Flash/USB Drive|Flash Drive Submission]]
[[Memory Card|Memory Card Submission]]
[[FTP|FTP Submission]]

The future for the website is already here. It is time to reconsider the website formatting (presently optimized for 800x600px displays) The existing maximum image posting size of 560px images will no doubt change as new computer models and very large displays seem to be the norm (especially with photographers). This will require a complete site wide redesign. There are no firm plans for this task at present.

"[[Tiddler]]" is the name given to a unit of MicroContent in TiddlyWiki.

[[Tiddler]]s are pervasive in TiddlyWiki. The ~MainMenu is defined by a [[Tiddler]], plugins are delivered in [[Tiddler]], there are special ~StyleSheet [[Tiddler]], and so on.

Other systems have analogous concepts with more prosaic names: like "items", "entries", "entities". Even though "[[Tiddler]]" is undoubtedly a ~SillyName it at least has the virtue of being confusingly distinctive rather than confusingly generic.

Original Author Jeremy Ruston

|>|>|| close | close others | view | more |
|!Tiddler Title |>|>|>|>|>|>|
| author | date ||>|>|>|>|
|>|>|>|>|>| Main Window | Tags |
|>|>|>|>|>|~| Tags |
|>|>|>|>|>|~| Tags |
|>|>|>|>|>|~| Tags |
|>|>|>|>|>|~| Tags |
''The diagram above depicts the organization of a typical "Tiddler".''
*  "Click" "close" to hide "Tiddler".

TiddlyWiki is a unique self contained [[Wiki]]. It is comprised of a single HTML web page which contains special Javascript. 

Using an ordinary web browser (preferably Firefox) the user can edit this single page and save the content.

[[TiddlyWiki website|http://www.tiddlywiki.com]]
[[TiddlyWiki Guides|http://tiddlywikiguides.org/index.php?title=TiddlyWiki_Guides]]

|Step 1 |
|Open ~FileZilla to main program window -click- the small arrow next to the computer icon at top left to see drop-down menu. Pick your programed FTP connection from the list to connect.<br><br> [img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla8a.jpg]] |

|Step 2 |
|When the connection is established you will see the Welcome Message.txt file and other files or folders in the "Remote Selected Folder Contents" window. Additionally the "Message Window" will display "Directory listing successful".<br><br>''Note:'' When connected the FTP program will show a number of folders. Please do not disturb these folders as they belong to fellow members. <br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla9aaa.jpg]] |

|Step 3 |
|Create a folder for your submissions by -right clicking- and selecting "Create Directory" any where in the blank area of the "Remote Selected Folder Contents" window.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla10aa.jpg]] |

|Step 4 |
|Use a folder name with your own first initial and about the first four characters of your last name as in this example; Mike Kristjanson - mKrist (my folder name). This is not critical but the folder name should be unique to each member.<br><br>-Click- OK and note your new folder should now be displayed in the "Remote Selected Folder Contents" window.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla11ab.jpg]] |

|Step 5 |
|To enter your folder, -double click- your folder in the "Remote Selected Folder Contents" window.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla12aa.jpg]] |

|Step 6 |
|To upload, first verify that your remote folder is selected in the "Remote Selected Folder Contents" window (see steps 4 & 5) then navigate to your local files and folders using the "Local Folder Tree" and "Local Selected Folder Contents" windows. Select the local files for upload, -right click- on the highlighted files and select "Upload".<br><br>''Note:'' Upload your submissions (images, docs, text files, etc.) to your folder. Please feel free to include information (captions, titles, explanations) about the submissions with the upload. Note, all image/file sizes are appropriate (no limits). The only impact members may encounter is upload speeds depending upon individual internet connections.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla13aa.jpg]] |

|Step 7 |
|After Initiating an upload you may observe the progress in the "Transfer Queue" window. When the transfer is completed the "Transfer Queue" window will be blank and the uploaded files should be displayed in the "Remote Selected Folder Contents" window.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla14aa.jpg]] |

|Step 8 |
|When your transfer is completed do not forget to ''"disconnect"''. To "disconnect" -click- red the "X" on the ~FileZilla toolbar as illustrated below. The FTP server allows only one connection at a time.<br><br>Please communicate (email) to the webmaster that there are new images to be processed as well as the name of the folder and other pertinent details.<br><br>Please do not be concerned if when you return to submissions folder that your folder has been removed, I plan to keep this space as tidy as possible. This service is for members only.<br><br>[img[Open FileZilla|http://www.orangevillecameraclub.ca/submit/images/ftp/filezilla14aaa.jpg]] |
!!! End of "Uploading Files with ~FileZilla"

Use the links in the main left side menu under "Site Menu". These links will start your exploration of this Wiki. When you have finished reading your selected content -click- "close" to hide the content and tidy up your page.
* ''Site Menu'' - Contains links to the [[Wiki]] content.
* ''Wiki Admin'' - Contains links to [[Wiki]] features used in editing. This section is ''not'' useful to visitors who simply want to view content.
* ''close'' - One of four choices (close, close others, view, more) available for each [[Tiddler]]. "close" will hide the present [[Tiddler]].

!Q: What resolution of image do I submit for galleries?

''A:'' 
* Short answer; ''Resolution does not matter'', submit 800 pixels maximum per side.

* Detailed answer; Resolution is "hotbed" of confusion. The simplest way to prepare an image for web use is by specifying  the pixel dimensions. The physical dimensions (width x height) or resolution (pi or dpi) of a given image are not important for web content, as all will be displayed at 72pi. It is true that between hardware platforms (Apple with 72pi vs PC with 96pi), there are small differences in the resolution used of web content but this impacts the display of content very little. On this basis the OCC Website assumes 72pi.  

Consider if a submision is 600px x 800px at 72pi (pixels per inch) 


Consider which is easier to create:
* an image which is 333 px x 500 px, @72pi
* an image which is 2.313 inch x 3.472 inches @144pi


A: Contrary to all opinions of the  importance of "high resolution" for successful image presentation or printing, resolution requirements for the web is 72 pixels per inch. Between hardware platforms (Apple(72pi) vs PC(96pi)), there are small differences which impact the display very little. On this basis the OCC Website assumes 72pi. Having established this

''Question:'' What size of image do I submit for galleries?
> ''Answer (simplified):'' At this time, images submitted for galleries should be ''no less than 1024 pixels'' on the ''longest side''. All images will be further resized by the webmaster for use on the website. 
> ''Answer (detailed):'' See [[Required Assets|Required Image Assets]].

File Transfer Protocol (FTP) - file transfer protocol for exchanging and manipulating files over a TCP computer network both local or the Internet. With FTP data can be transfered  from one computer to another.
An FTP client may connect to an FTP server to manipulate files on that server.

* [[more info from Wikipedia|http://en.wikipedia.org/wiki/Ftp]]

* This is a "[[Tiddler]]". - This text which you are now reading is contained within a "[[Tiddler]]".
* "[[Tiddler]]" is the name given to a unit of MicroContent in TiddlyWiki.
* [[Tiddlers|Tiddler]] are pervasive in TiddlyWiki. The "Content" of  this Wiki is comprised of  [["Tiddlers"|Tiddler]], the "Site Menu" is defined by a [[Tiddler]], plugins (which add functionality to this Wiki) are delivered in  [[Tiddlers|Tiddler]], there are special ~StyleSheet [[Tiddlers|Tiddler]] (which allow the appearance of the page to vary), and so on.

* ''Note:'' to close (hide) a [[Tiddler]], "click the "close" link in the  [[Tiddlers|Tiddler]] top right hand corner.

>"Wiki Wiki" is Hawaiian for "quick".

>Invented and named by Ward Cunningham.

>[[Wiki]] is a piece of server software that allows users to freely create and edit Web page content using any Web browser. [[Wiki]] supports hyperlinks and has a simple text syntax for creating new pages and crosslinks between internal pages on the fly. - from [[Wiki.org|http://www.wiki.org/wiki.cgi?WhatIsWiki]]

''[[Wiki]] Features:''
* Editable content with the use of a simple Internet browser program (like Microsofts Internet Explorer)
* Multiple users can contribute to the online content. It is a great collaboration tool.
* Content is stored in a database, while the [[Wiki]] software formats and organizes the pages.

This is a [[Wiki]] utilizing TiddlyWiki; a self-editing and self-contained HTML page.

More information can be found in the [[Help]] Section.

We recommend at this time ~FileZilla, a free, open source FTP client software. Filezilla is free of viruses and spyware and is available at http://filezilla-project.org/.

Windows users choose "~FileZilla_3.2.3.1_win32-setup.exe (recommended)" for download. This version includes an installer. Please note the version "3.2.3.1" will change as the software is further developed.

* [[see FileZilla Installation Help|http://wiki.filezilla-project.org/Client_Installation]]

# The ''content'' of this Wiki is all stored within this single page and is normally hidden. 
# ViewingContent is accomplished using the links in the Main left hand menu under Subject Links.
# "Clicking" on a link opens (make visible) the content within this page. Closing (make hidden) the content ( [[Tiddlers|Tiddler]]) by using the "close" link within each [[Tiddler]] or use the "close all" link in the right hand menu to close all content  [[Tiddlers|Tiddler]].

All members in ''"Good Standing"'' are entitled to have both images and galleries on the club website. Specifically images for the [[Sitewide Header Gallery]], [[Member Galleries]] and [[Feature Galleries]]. Additionally given the recent increase in web storage for the website, we foresee no limits to the number of images a member may contribute to the website or galleries, save the time available to website personnel.

Members should know that the website personnel also reserve the right to remove very old content and to act in the best interest of the club or club website.

Assets is a term used to describe all properties of an image. It relates to image properties like a recipe relates to ingredients. 

Image properties are terms widely used and misused. The ways in which they relate to each other often misunderstood. The goal of this Wiki is help members navigate the tangled relationships of these terms to achieve good results. Perhaps along the way increase understanding of these properties for all of us.

>For example commonly images are described in terms of resolution. "Resolution" as it is commonly used is what I call a non-property because it is really a value acquired by considering two real properties, pixels dimensions and displayed or print dimensions. ''Using Resolution in guidelines for resizing is invariably confusing and gives poor results.'' It makes more sense to use the actual pixel dimensions of the image because the pixel dimensions give accurate information about the quality of an image.

A Wiki is a piece of server software which allows users to freely create and edit web content using only a web browser. The software controls the page formatting and organization with the exception of some text formating which can be specified by the user. Information is commonly organized in MicroContent and is well suited to informational writing. .
!!How is a Wiki Used?
A [[Wiki]] is well suited to collaboration by many authors for complete, factual texts. Wikis excel at informational writing. Some use [[Wiki]]s for creating Websites or Blogs.

This [[Wiki]] utilizes TiddlyWiki
Other [[Wiki]] Software:
MediaWiki

More info:
[[Wiki on Wikipedia|http://en.wikipedia.org/wiki/Wiki]]

ToDo
GettingStarted
[[Menus]]
DefaultTiddlers
ScratchPad

A [[Wiki]] Word is any word which is identified as a link to other content. 

Usually Wiki software identifies words to be used as Wiki Words automatically, when it encounters at least two capital letters within the word. Typically two capitalized words are pushed together by eliminating the space between them. This is also called CamelCase. CamelCase preserves much the legibility of conventional writing.

It is possible to force (Wikize) a word to be a Wiki Word without using CamelCase. This is accomplished in a variety of ways depending upon which Wiki software you are using. TiddlyWiki wikizes a word when it is enclosed by double square brackets (eg [ [word] ] ).