<!DOCTYPE html><html lang="en"><html manifest="site.appcache"><head><title>2. Help</title><meta name="description" content="Deskspace CMS the Web site Builder Help "><meta name="keywords" content="deskspace,web-builder,help"><meta name="author" content="Deskspace CMS Pro"><meta charset="UTF-8" > <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="HandheldFriendly" content="True"><meta name="MobileOptimized" content="320"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"><meta name="generator" content="deskspaceCMS_03" ><meta name="robots" content="index, follow"><meta name="revisit-after" content="5 days"><style> @media screen {html, body, footer { height: 100%; -webkit-overflow-scrolling: touch background-color: white; font-size: 100%; font-family:"Gill Sans","Gill Sans MT",Calibri,sans-serif; text-align: left;}html{}body {}section.title { background:url(http://deskspace.com/images/deskspace1kpx.jpg);background-repeat:no-repeat; background-size:cover;}.logo { position:relative; }.imgA1 { position:fixed; top:3px; left:3px; width:50px; z-index:4; } .imgA2 {display: none;}h1,h2,h3,h4,h5,h6,footer { margin-top:0em; padding-top:0em; padding-left:20px; padding-right:20px; padding-bottom:0em; margin-bottom:0em; font-weight: 200; font-size: 1em; color:rgba(76,74,60, 1 ); line-height: 1.2; text-align: left;}h1 { padding-top:4.5em; padding-right:20px; padding-bottom:2.5em; font-weight:100; font-size:2.04em; letter-spacing:+.035em; text-align:center; background-color:rgba(255,255,255,.5); color:rgba(8,73,186,1);}h2 { padding-top:0.9em; padding-right:20px; padding-bottom:.8em; font-weight:300; font-size:1.48em; letter-spacing:+.2em; text-align:center; background-color:rgba(242,80,8,.05); color:rgba(242,80,8,1);}h3 { padding-top:1.0em; padding-bottom:1.1em; font-weight:100; font-size:1.22em; letter-spacing:+.035em; line-height:1.5; text-align:center; background-color:rgba(242,80,8,.8 ); color:White; border-bottom:1px solid ; //box-shadow: 0px 3px 6px #cccccc;}h4{ padding-top:1em; padding-bottom:.4em; font-weight:300; font-size:1.48em; letter-spacing:+.035em; text-align:center; border-top:1px solid rgba(76,74,60,.3); border-bottom:px solid rgba(76,74,60,.3); margin-left:5px; margin-right:5px;}h5 { padding-top:.8em; padding-bottom:.8em; font-weight:300; font-size:1.48em; letter-spacing:+.035em; text-align:center; color:rgba(76,74,60,.8);}h6 { padding-top:0.2em; padding-bottom:0.2em; font-weight:100; font-size:1.22em; letter-spacing:+.035em; text-align:left; color:rgba(76,74,60,.8);} input[type=text],textarea { width:95%; margin:5px; padding: 5px; font-weight:300; font-size:1.28em; letter-spacing:+.035em; border-radius: 4px; outline: none; background-color: white;}textarea { resize:vertical;}select { padding: 16px 20px; border: none; border-radius: 4px; background-color: #f1f1f1;}input[type=button], input[type=submit], input[type=reset] { background-color: #4CAF50; font-weight:100; font-size:1.22em; letter-spacing:+.035em; border: none; color: white; border-radius: 4px; padding: 16px 32px; text-decoration: none; margin: 4px 2px; cursor: pointer;} footer { padding-top:0.2em; padding-bottom:0.2em; margin-top: 0px; font-weight:100; font-size: .9em; letter-spacing:+.07em; text-align:center; text-indent:~~typeindentft~~em; color:rgba(76,74,60, 1 );}p { margin: 1em;} img { width: 100%; height: auto;} .frame { margin: 0 0 0 0; padding: 0;}#page {background-repeat:no-repeat; background-size:cover;} ul{ list-style-type: none; margin:0; padding-top:0em; padding-bottom:0em; padding-left:0em; padding-right:0em; overflow: hidden; border-top:px solid rgba(8,73,186, .3 ); border-right:px solid rgba(8,73,186, .3 ); border-bottom:1px solid rgba(8,73,186, .3 ); border-left:px solid rgba(8,73,186, .3 ); background-color:rgba(8,73,186, .05 );} ul li{padding: 0px 1.3em;}ul li:last-child {border-bottom: none}li { display: inline; float:centre; text-indent: 0em; padding: 0em; font-weight: 100}.frame section,.frame nav,{ margin: 0em;}.frame nav{ display: inline; position: absolute; top: 0em; width: 100%; margin: 0;}.frame #nav{ position:fixed; width:100%; background-color:rgba(8,73,186, .7 ); z-index:2; padding-top:.9em; padding-bottom:.9em; border-top:px solid rgba(8,73,186, .3 ); border-right:px solid rgba(8,73,186, .3 ); border-bottom:1px solid rgba(8,73,186, .3 ); border-left:px solid rgba(8,73,186, .3 ); font-family:"Gill Sans","Gill Sans MT",Calibri,sans-serif; font-weight:300; font-size:1.1em; letter-spacing:+.1em; color:White; text-align: right;} ul #navL{ padding-top:1.0em; padding-bottom:1.0em; border-top:px solid rgba(229,0,120,.7); border-right:px solid rgba(229,0,120,.7); border-bottom:px solid rgba(229,0,120,.7); border-left:px solid rgba(229,0,120,.7); background-color:rgba(8,73,186, .05 ); overflow: hidden;}.frame navL { background-color:rgba(8,73,186, .05 ); margin-top: 0em; margin-left:20px; padding-top:1.0em; padding-bottom:1.0em; color:rgba(76,74,60, 1 ); font-weight:100; font-size:1.22em; letter-spacing:+.1em; text-align:left;} body a:link,body a:visited{ display: inline; color:rgba(76,74,60, 1 ); text-decoration: underline;}body a:active,body a:hover{ display: inline; color:rgba(76,74,60, 1 ); text-decoration: underline;} h3 a:link,h3 a:visited{ display: inline; color:White; text-decoration: underline;}h3 a:active,h3 a:hover{ display: inline; color:White; text-decoration: underline;} .frame #nav a:link,.frame #nav a:visited{ display: inline; color:White; text-decoration: none;}.frame #nav a:active,.frame #nav a:hover{ display: inline; color:White; text-decoration: underline;} .frame #navL a:link,.frame #navL a:visited{ display: block; color:rgba(76,74,60, 1 ); margin-left: 1em; text-decoration: none;}.frame #navL a:active,.frame #navL a:hover{ display: block; color:rgba(76,74,60, 1 ); margin-left: 1em;} footer a:link,footer a:visited{ display: block; color:rgba(76,74,60, 1 ); margin-left: 1em; text-decoration: none;}footer a:active,footer a:hover{ display: block; color:rgba(76,74,60, 1 ); margin-left: 1em; text-decoration: underline;} .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; border: none;}.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; border: none;} .google-maps { position: relative; padding-bottom: 90%; // (450 500 = 0.9 = 90%) height: 0; overflow: hidden;}.google-maps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} } @media screen and (min-width:370px) {h2,h3,h4,h5,h6 { font-weight: 150; }h1 {font-size:1.96em;}h2 {font-size:1.38em;}h3 {font-size:1.16em;}h4 {font-size:1.38em;}h5 {font-size:1.2em;}h6 {font-size:1.14em;}.frame navL {font-size:1.22em;}input[type=text],textarea { font-size:1.38em;}footer{font-size:.9em;}} @media screen and (min-width:560px) {.imgA1 {display: none;}.imgA2 { position:fixed; top:10px; left:10px; width:75px; z-index:4; display: inline; } h1{font-size:1.89em;}h2{font-size:1.31em;} h3{ font-size:1.1em; border-left:1px solid ;}h4{ font-size:1.31em; border-right:px solid rgba(76,74,60,.3); border-left:px solid rgba(76,74,60,.3);}h5{ font-size:1.14em;}h6{ font-size:1.09em;}.frame #nav{text-align:right;}ul li{padding: 0px 1.5em;}.frame navL {font-size:1.22em;}input[type=text],textarea { font-size:1.31em;}footer{font-size:.9em;}.frame #s1 {clear: both;}.frame #s2 {clear: both;}.frame #s3 {float: left; width: 50%;}.frame #s4 {float: right; width: 50%;}.frame #s4+section {clear: both;}.frame #s5 {float: left; width: 50%;}.frame #s6 {float: right; width: 50%;}.frame #s6+section {clear: both;}.frame #s7 {clear: both;}.frame #s8 {clear: both;}.frame #s9 {clear: both;}.frame #s10 {float: left; width: 50%;}.frame #s11 {float: right; width: 50%;}.frame #s11+section {clear: both;}.frame #s12 {clear: both;}.frame #s13 {float: left; width: 50%;}.frame #s14 {float: right; width: 50%;}.frame #s14+section {clear: both;}.frame #s15 {float: left; width: 50%;}.frame #s16 {float: right; width: 50%;}.frame #s16+section {clear: both;}.frame #s17 {clear: both;}.frame #s18 {float: left; width: 50%;}.frame #s19 {float: right; width: 50%;}.frame #s19+section {clear: both;}.frame #s20 {clear: both;}.frame #s21 {float: left; width: 50%;}.frame #s22 {float: right; width: 50%;}.frame #s22+section {clear: both;}.frame #s23 {clear: both;}.frame #s24 {clear: both;}.frame #s25 {float: left; width: 50%;}socmedia {clear: both;}.frame #navL {clear: both;}footer {clear: both;}} @media screen and (min-width:800px) {html { max-width:1000px; margin: 0 auto;}.imgA1 {display: none;}.imgA2 { position:fixed; top:10px; left:10px; width:75px; z-index:4; display: inline; } h1{font-size:1.81em;}h2{font-size:1.24em;}h3{font-size:1.05em;}h4{font-size:1.24em;}h5{font-size:1.09em;}h6{font-size:1.04em;}.frame #nav{ max-width:1000px; position:fixed; margin: 0 auto;}ul li{padding: 0px 2em;}.frame navL {font-size:1.22em;}input[type=text],textarea {font-size:1.24em;}footer{font-size:.9em;}} @media screen and (min-width:990px) {.imgA2 { position:absolute;}body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}h1{font-size:1.72em;}h2{font-size:1.16em;}h3{font-size:.99em;}h4{font-size:1.16em;}h5{font-size:1.05em;}h6{font-size:1em;}.frame navL {font-size:1.22em;}input[type=text],textarea { font-size:1.16em;}footer{font-size:.9em;}}</style><script>window.onbeforeunload = function(){window.scrollTo(0,0);}</script> <script src="https://apis.google.com/js/platform.js" async defer></script> <meta name="google-site-verification" content="8amdNVCMopu2ZsI1ivUi2Q8N0sHxHm_eNFw7plsKpuc" /> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-5243591-1', 'auto'); ga('send', 'pageview');</script> <meta name="msvalidate.01" content="5C4A4C3461959F114E25B3D7814897C2" /> <script type="text/javascript">_atrk_opts = { atrk_acct:"dtk9m1a47E80kU", domain:"deskspace.com",dynamic: true};(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();</script><noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=dtk9m1a47E80kU" style="display:none" height="1" width="1" alt="" /></noscript> </header><body><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-90714099-1', 'auto'); ga('send', 'pageview');</script><body class="frame"><div id="page"><nav><div class="logo"><a href="http://deskspacecloud.com/170202/nick_lightbody"><img class="imgA1" src="http://deskspace.com/images/dIcon2105_trans_224.png"></a></div><div class="logo"><a href="http://deskspacecloud.com/170202/nick_lightbody"><img class="imgA2" src="http://deskspace.com/images/dIcon2105_trans_224.png"></a></div><ul id="nav"><li><a href="http://deskspacecloud.com/170202/nick_lightbody/webstore.html">STORE</a></li><a href="http://deskspacecloud.com/170202/nick_lightbody/help.html">HELP</a></li><li><a href="http://deskspacecloud.com/170202/nick_lightbody/menu.html">MENU</a></li></ul></nav><section class="title"><h1>Help</h1></section><section id="s2"><h2>Deskspace CMS - the Web-site Builder</h2></section><section id="s3"><h3>What it is Deskspace CMS?<br><a href="http://deskspacecloud.com/170202/nick_lightbody/what_is_deskspace_cms.html">click here</a></h3></section><section id="s4"><h3>For our help Videos<br><a href="http://deskspacecloud.com/170202/nick_lightbody/deskspacecms_help_videos.html">click here</a></h3></section><section id="s5"><h3>Using existing content<br><a href="http://deskspacecloud.com/170202/nick_lightbody/tips_on_using_existing_content.html">click here</a></h3></section><section id="s6"><h3>Flexible Typography<br><a href="http://deskspacecloud.com/170202/nick_lightbody/flexible_typography.html">click here</a></h3></section><section id="s7"><h2i><a href="http://deskspacecloud.com/170202/nick_lightbody/images/key_to_the_first_two_screens.jpg"><img src="http://deskspacecloud.com/170202/nick_lightbody/images/key_to_the_first_two_screens.jpg" alt="key_to_the_first_two_screens.jpg"></a></h2i></section><section id="s8"><h2>Tutorial 1: Getting started</h2><h5>Here are the first two screens you will use - the Simple Site Manager and the Simple Page Editor - all the buttons are labelled.</h5><h6>When you first open the App, a web page will have been created using the color and font combination you selected. With the trial 14 day 3 page license you can create 2 more pages and of course you can delete the contents of the index page created for you.</h6><h6>Any page can hold a great deal of information, text, images, links to other resources. When we add 100,000 words to a single page, the equivalent of a reasonable sized book, the page is rebuilt and uploaded in seconds.</h6><h3>To create a second page, click the new page button near the top right of the screen. That will put you on the screen show above on the right.</h3><h5>There are three interfaces on this screen, the preview you start with and two additional tabs to the right that reveal the "add content" and "change content" screens.</h5><h4>If you start by adding content, for example text or an image, then when you click the "preview" tab again your content will be displayed in the web page.</h4><h3>To publish your site with this addition you need to click a publish site button, this is a Globe icon. These at the bottom of the Site Home Page screen and at the top right of both the General and Special Toolboxs.</h3><h5>So in this case, click the General Toolbox at the bottom of the screen to the left of the centre image upload box, the click the top right button.</h5><h3>You have now created a published a web page.</h3></section><section id="s9"><h2>Tutorial 2: Exploring the toolboxs</h2><h4>The appearance of every part of your new web site is controlled by the settings that you make in the General and Special Toolboxs.</h4></section><section id="s10"><h4>The General Toolbox contains the <em>page title</em>, <em>page name</em>, <em>page order</em>, <em>visibility</em>, the ability to <em>insert items</em> into a page and the controls for the six different <em>paragraph styles</em> you can have on any page.</h4></section><section id="s11"><h4>The Special Toolbox contains the equivalent controls for the special parts of the page, the <em>Top Navigation Bar</em> containing the logo and menu buttons, the <em>Menu</em> itself and the <em>Footer</em>.</h4></section><section id="s12"><h2>Examining each in turn - first the General Tool Box</h2></section><section id="s13"><h3>Tab 1: Page Title</h3><h6>You can edit the page title on the first tab of the General toolbox. You can also edit it at the top of the Page Editor screen.</h6><h3>Tab 1: Page Name</h3><h6>Here you can change the page name, its URL, but you should be very careful about doing this once the page has been published since once changed any existing links to this page will be broken.</h6><h3>Tab 1: Page Order</h3><h6>You can change the page order number to control where this page appears in the site menu, because the pages are sorted into the order determined by the page order numbers before the site menu is generated. You can also change the page order number on the Advanced Site List page.</h6></section><section id="s14"><h3>Tab 1: Visibility & Mark</h3><h6>Next there are four items that can be each clicked on or off. A star Mark, which enables the page to be found on the Advanced Site List page, this just like a favourite marker. Then there are three big check boxes which control whether the page is visible in the site menu, whether the page is included in the xml site map which is used by web search indexing programs and whether the page is actually rebuilt and uploaded to the web server with the rest of the site. The last is useful where perhaps you have a very large web page which, once it is processed and published you wish to avoid re-processing it every time you rebuild and publish the whole site. The other two enable you to create, for example, a <em>draft</em> page which is not visible to any user and to have pages published and easy for the search engines to index but not have it shown in the main site menu.</h6></section><section id="s15"><h3>Tab 2: Inserting links</h3><h6>This covers email links, normal links to other pages on your site or other sites and links to YouTube Videos.</h6><h3>Tab 3: Inserting Form, Paypal and Google Maps</h3><h6>This tab enables you to insert all the Form items, text fields, check boxes, radio buttons and submit and reset buttons required to create forms on your web site.</h6></section><section id="s16"><h3>Tab 4: Inserting Images</h3><h6>This tab contains all the image adding controls. An image will only display on the page if it has been uploaded to the images folder on your web server. Deskspace CMS does the upload automatically for you once you have dragged the image onto the yellow upload box. You can also upload a folder full of images. You can add images in three different ways, as a background for the whole page, as a background for the page title or into the page as part of the content. You can check the names of the images that have already been uploaded to your web server.</h6></section><section id="s17"><h2i><a href="http://deskspacecloud.com/170202/nick_lightbody/images/dCMS_v3.1_screen_explanations.jpg"><img src="http://deskspacecloud.com/170202/nick_lightbody/images/dCMS_v3.1_screen_explanations.jpg" alt="dCMS_v3.1_screen_explanations.jpg"></a></h2i></section><section id="s18"><h3>Tab 5: Theme: Paragraph Styles</h3><h6>A theme contains all the settings which control all aspects of the appearance of a page. Every page must have a theme selected for it, otherwise it will not display. If you change the settings of a theme for a page then the theme will be changed and all the other pages that use it will also be changed. You can use different themes for different pages in a site but for consistent appearance it is generally best to start with one theme for the whole site. However, any page of the theme settings can be overridden for any specific page, on Tab 6. Theme settings which have been overridden for the page will show a yellow highlight in the Theme. The Theme contains 7 tabs one for the basic defaults and the other 6 for the Heading Styles H1 - H6. All paragraphs are set to use one of these styles.</h6></section><section id="s19"><h3>Tab 6: Page Override Theme: Paragraph Styles</h3><h6>Here the theme settings are repeated but just for this page.</h6><h6>This means that you can change any aspect of the appearance of a page for just that page without changing the theme and hence the other pages using that theme.</h6></section><section id="s20"><h2>Then the Special Toolbox</h2><h3>Top Navigation</h3><h6>This provides a similar set of controls for the appearance of the Top Navigation Bar, as well as the logo and the buttons shown in the Top Nav.</h6></section><section id="s21"><h3>Menu</h3><h6>This provides a similar set of controls for the appearance of the Menu, which can be on a separate page or can be displayed at the bottom of every page, there is a control for this option.</h6></section><section id="s22"><h3>Footer</h3><h6>This provides a similar set of controls for the appearance of the Footer. The footer has the same content for every page of the site and that content is set here. The appearance can of course be changed on a page by page basis as for the main page content described earlier.</h6></section><section id="s23"><h2>Advanced</h2><h3><a href="http://deskspacecloud.com/170202/nick_lightbody/rules_of_composition.html">Here</a> are the syntax rules for content in this App.</h3></section><section id="s24"><h2><div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/110374088993308993048" data-rel="publisher"></div> &nbsp&nbsp <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.deskspace.com&t=Deskspace%20Responsive%20Web%20Site%20Builder" title="Share on Facebook" target="_blank"><img src="http://deskspace.com/images/flat_web/Facebook.png" style="width:32px;height:32px;" ></a> &nbsp&nbsp <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script><script type="IN/FollowCompany" data-id="4334897" data-counter="right"></script> &nbsp&nbsp <a href="https://twitter.com/nicklightbody" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false" data-dnt="true">Follow @nicklightbody</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></h2></section><section id="s25"></section><div><br><footer>Our business hours are<br>9am - 5pm (+8 PST +5 ECST)<br><div itemscope itemtype="http://schema.org/Person"><span itemprop="name">Deskspace Systems Limited<br></span><span itemprop="address">45 Orchard Close, Burgess Hill, East Sussex RH15 0GF United Kingdom<br></span><span itemprop="tel">+44 (0)7973 518513<br></span><br>built responsively with<a href="http://deskspace.com/index.html">deskspaceCMS v3</a><a href="mailto:info@deskspace.com?subject=Deskspace%20CMS">info@deskspace.com</a><br></footer></div></body></html>