Simple Website setup: Difference between revisions

1,919 bytes added ,  20:32, 22 June 2015
→‎Folders and Files to Transfer: Now covers Cumulus 1 and Cumulus MX
m (mention Cumulus MX)
(→‎Folders and Files to Transfer: Now covers Cumulus 1 and Cumulus MX)
Line 28: Line 28:
* .bmp, .png, .gif, .jpg (and any other graphic formats you might use)
* .bmp, .png, .gif, .jpg (and any other graphic formats you might use)
* audio and video mime types (e.g. Cumulus uses .swf)
* audio and video mime types (e.g. Cumulus uses .swf)
= Folders and Files to Transfer =
== Cumulus 1.x.y ==
Look at the ''Cumulus\webfiles'' folder on your PC.
The folders to be uploaded are:
*dbimages
**When you upload this folder, all of its files will also be uploaded (this folder is essential for the gauges.htm page to work).
*images
**When you upload this folder, the one file within it will also be uploaded (this is a folder to which Cumulus will upload graph images etc.).
One file to be uploaded is the Cascading Style Sheet:
*weatherstyle.css
and there are 2 more files also used for the gauges.htm page:
*wz_jsgraphics.js
*CumulusRealtime.swf
== Cumulus MX ==
Look at the ''CumulusMX\webfiles'' folder after un-zipping the download on your computer/device.
The folders to be uploaded are:
*images
**When you upload this folder, the two files within it will also be uploaded
*js
**When you upload this folder, the one file within it will also be uploaded
*lib
**When you upload this folder, the sub-folders within it will also be uploaded
**#highstock
**#*this script library is used for drawing the graphs, if you need to update any component the download is on [http://www.highcharts.com/download this page];
**#jQuery template, and jQuery 1.9 minimised code
**#*For the best compatibility with modern browsers, replace the latter with the latest jQuery 2.x.y minified code downloaded from [http://code.jquery.com/ this page].   If you think people with obsolete Microsoft Internet Explorer versions might be trying to view your web site then the latest jQuery 1.11.x minified code can be downloaded on that same page to replace version 1.9.
**#HTML5 Canvas Steel Series gauges code
**#*Should you subsequently want to update this web page, the latest version can always be downloaded at [[SteelSeries_Versions]] within this Wiki.
The file to be uploaded is the same Cascading Style Sheet as for Cumulus 1:
*weatherstyle.css


= Instructions =
= Instructions =
Line 42: Line 83:
folder into where you want to store your web site pages, preserving the sub-folder structure.
folder into where you want to store your web site pages, preserving the sub-folder structure.


If you're using a graphical ftp client like Filezilla (recommended), in the left hand pane just navigate to the webfiles folder in Cumulus, open it, and you should see the five (Cumulus 1) or four (Cumulus MX) items listed above.
If you're using a graphical ftp client like Filezilla (recommended), in the left hand pane just navigate to the ''webfiles'' folder in Cumulus, open it, and you should see the five (Cumulus 1) or four (Cumulus MX) items listed in previous section.


[[File:SiteBefore.png | Left]] - Before for Cumulus 1.x.y:
[[File:SiteBefore.png | Left]] - Before for Cumulus 1.x.y:
5,838

edits