CMS Website User Guide
Contents
1. f Manage your websites pages Manage files stored in the media folder Add ons Preferences ey Manage Modules Templates Languages a Change preferences such as email address password etc Settings Admin Tools Changes settings for Website Baker Access the Website Baker administration tools Access ies Manage Users Groups EJ Bizboost Website Baker is released under the GNU General Public License Important Before editing any text on your website please read page 10 How to Copy and Paste and Formatting your text Failure to follow these instructions can result in changes being made to the coding on your website 3 Creating New Website Pages Click on Pages in your Website administration On the next screen you will see the Add Page section look below the list of current pages Add Page Title Administrators Type WYSIWYG Administrators Parent None visibility Public add ERs Title To add a new page to your website enter the name of the new page you wish to create in the Title field This is the name that will appear in the menu on your website A short name is usually better Type There are a number of different types of web pages depending on the modules that you have included in your website The types available to you are listed under Type in the Add Page screen Add Page te Adm2. In the Title field type the name of the news event article you wish to post 27 28 In the Short field enter a short summary or introduction to the news post you are adding This could even be the first sentence of the new post item In the Long field insert the full details of the new post you wish to add You can add Web links page 11 and Insert Images page 17 To finalize your new News Post click on the Save button If you no longer wish to add the new post item click on the Cancel button Managing News Items Posts In the Modify Page work area of your News section your Posts will appear in a list as shown below You can modify individual posts by clicking on the name title or document icon on the left hand side Pages Media Add ons Preferences Settings Access Modify Page Current Page gone Change Settings Manage Sections Add Post Add Group Modify Delete Post Ei News Post One Group None Comments 0 Active Yes F amp Ei News Post Four Group None Comments 0 Active Yes amp Vv E News Post Two Group None Comments 0 Active Yes J amp y g Ei News Post Three Group None Comments 0 Active Yes amp amp Modify Delete Group None Found You can move individual Posts up or down using the arrow icons on the right to decide what order they will appear on your published website You can also delete undesired posts by clicking on the re
3. Parent Window i parent To check that this has worked click on the Save button at the bottom of your Editor work area and then click on the View website icon Click on the address in your website page to make certain that the site that you require appears Create a link to a page within your website Click on the Insert Edit Website Baker link and select the page you wish to link to from the dropdown menu All the pages you have created so far will be listed in this dropdown menu Click on OK Modify Page ID 3 Pers difre a a 2 Taano ed ma pe ge gs 23 ITicatia w AON ace admin j Seo 700 Block Main Content E Source a a Eo oO BT abe x x E olde Lig amp Click on the Save button at the bottom of your Editor work area Creating a link to another point within the same web page Find the place in the current page that you want to link to Click on the Anchor icon E Source v ay ab fie B Z U obe x x f j 2 E da gt Style Format Normal Font Size Insert Edit Anchor Give the anchor a simple short name so that you will recognize this place on the page Now go back to the text that you wish to link to this spot Highlight that text Click on Insert Edit Link CORRETTI BY B Z U abe x SLEE Select Link to anchor in the text under Link Type and then select the anchor name that you have
4. Please note that some applications such as NotePad will automatically print to your default printer when you select the Print option If you want to print to PDF Writer you may need to change your printer selection within that application before printing the file This can typically be done from Page Setup Appendix Three Backing Up Pages Already on Your Website While viewing a page you want to save hit the Source button Pages Media Add ons Preferences Settings Access Highlight all the code you Current Page home Change Settings Manage Sections Modify Page Last modification by Administrator admin 2 08 PM Mar 04 2008 see on the resulting page E samej j a id i LS i Save it in a Word or similar lt p gt lt img height 350 alt width 234 align right text editing program and src http www rgswineclub com media doyle barrel2 jpg gt lt p gt lt p gt nbsp lt p gt save or burn to disk lt p gt nbsp lt p gt lt p gt nbsp lt p gt lt p gt nbsp lt p gt lt p gt nbsp lt p gt lt p gt lt strong gt lt font size 4 gt Welcome to the RGS Wine Club lt font gt lt strong gt lt br gt lt br gt Catch up with the latest news nbsp lt br gt from the nbsp lt br gt lt a href wblink5 gt Desk of Doyle qt lt a gt lt p gt Cea Backing Up Your Pictures and Media Folder Copy the folder from your computer where you have sto
5. Combine different page types onto ONE PAGE c cece cece eect ee ee eee ee eeeeeeeeeaeaeeaenenes 33 i 0 me 0 csv E E E ee Pe Pe E ee eee 34 Appendix One Preparing Images for your Website ee ccccssscccesssssseeeessessseeecesssseeeeeessaas 35 Appendix Two Preparing PDF documents for your website ccceccceessssseeeeeesssteeeeeeseeees 38 Appendix Three Backing Up Pages Already on Your WeDbSItE c cc ccccessssssteeeeeeeesessaes 39 Content Managers Guide You can login to a Content Managers Area to update web pages create new web pages and add images 1 Login Login to the Content Management Area by going to Please enter you username and password below www yourwebsite com admin ae Type in your Username and Password and click Login These details have been provided on the first page of this manual K Forgotten your details Home 2 The Start Screen You are now logged in to the Website Administration It contains the main options for creating and editing your website Your website may not include some of the more advanced management sections If you would like to know more about these contact BizBoost The areas that you will be most likely to use regularly are Pages and Media Pages Media Add ons Preferences Settings Admin Tools Access Welcome to Website Baker Administration You are currently logged in as Administrator Pages Media
6. Save You may want to contact BizBoost for help with this 25 26 8 Adding a document to your website Follow the instructions in Appendix 2 to prepare your document as a PDF Documents should always be in PDF format before linking them to your website Now go to the Media section of your Administration area create a folder called documents using the instructions on page 17 and upload your newly created PDF to the website server Select the website page in your administration area where you wish to 3 link to the document ete i m Type in an appropriate link Highlight this text and click on Insert Edit Link Modify Page Current pey a Calendar raya ee Sapir ante Sections E Source A Ge ie Zjos a 2 lE A LS Qi E TT 5 Gels wig eos gt gt location map Click on Browse Server in the next box and locate the file that you saved Pages Media Add ons ma prp Ta 7 12 AM Apr 04 2008 Now click on the Target tab and select New Window This makes sure that your document appears in a new window rather than in the same window as your website so when the visitor closes the document they do not also inadvertently close your website Click on OK and then Save your page 9 Adding Other Functionality Creating a News Posting Page Go to the Pages section of your Website Administration In the Add Page section type the name of the new page you wish to creat
7. Website Content Management System Users Manual Important Information BEFORE you start Throughout this document we refer to your web address as www yourwebsite com Don t forget to put in your proper address when using the web addresses we mention saving Your Work Computers can and do lose information easily The more places you have your work saved the less likely you are to lose your work forever To avoid losing your work here are some simple precautions to take 1 Write all your text content in Notepad Word OpenOffice or a similar text editing program This way you have a copy on your computer which you can then burn to disk Keep formatting to a complete minimum in your document as you will format later using the tools in the Website Baker administration pages OpenOffice can be downloaded for free at www openoffice org 2 Save changes regularly as you go computer programs can encounter errors and crash If you have not saved your work along the way you may lose everything that you have been working on 3 When you have finished typing out your content you will be able to copy amp paste see later the text from your document into your Website Baker web page Please read page 10 Formatting your text before beginning work on your site 4 Keep all your saved files together and name them in such way that makes sense This prevents your files from getting lost on your computer s hard drive as keeping track of
8. it automatically compresses the images to a web friendly resolution 72 dpi Other programs such as the Pixlr Autodesk export an image at the same resolution as the original If the resolution of the image is too high it can cause your webpage to load slowly PIXLR a A EXPRESS al EDITOR PIXLR O MATIC A fun and powerful photo editor for making quick fixes or adding your personal style Sor most robust browser photo editor for all your editing needs Transform your photos into cool vintage in overlays and borders d Launch Web App Launch Web App Launch Web App r Lua U Mobile App i Le aa 4 Fo Wit ee ea U Mobile App b tan 35 2 Select an image from your computer Once in Pixlr Editor choose the option to open image from EDOT computer Browse and select the picture you intend to add to entan Ss Create a new image yo u r we bs ite FA Start with a blank image or from the clipboard p Open image from computer Browse your computer to select an image Open image from URL Specify an URL of an image to fetch Open image from library Images from pixlr facebook or other library Use pixlr on your mobile device Download free mobile pixlr apps to your phoneAablet 3 Cropping an Image Download pixlr to your mobile device To crop an image in Pixlr Editor select the cropping tool from the tools bar the top left button GF PZOCOCAEYZ FE gt Eeer bego
9. pages to create a subcategory in the navigation menu The main page is called the Parent page The pages under the parent are callled the Children pages Using subcategories creates a cleaner navigation and increased usability Create a Sub Page Child When you Add a Page click on the Parent drop down menu You will see a list of all the web pages on your site Select the Parent page that you want your new Child page to go under None is the default option and selecting this will make your webpage a Parent Page Make an existing page a Child Click on the page and enter the Modify Page area Click on Change Settings top right Select the required Parent page from the Parent drop down menu as described above Pages Media Add ons Preferences Settings Admin Tools Access Modify Delete Page Visibility Page Title Menu Title ID Actions Home Home 1 Y amp 7 xX Who We Are Who We Are 2 SJ amp avs Services Services 3 Yy a FXR Testimonials Testimonials 4 Y amp avy Contact Us Contact Us 5 Y amp A Xx Page i p Administrators WYSIWYG 4 Administrators None vi Vigibility Public vi NOTE the green plus indicates that there are child pages sub menus under this parent page Visibility The Visibility refers to whether your new page is going to be made Public Private Registered H
10. aker web page Paste your text into the Editor work area by clicking on the Paste as Plain Text button Pages Media Add ons Preferences Settings Admin Toals Access Current Page Welcome Change Settings Manage Sections Modify Page Last modification by Administrator admin 5 38 PM May 19 2009 ion alo caama oF oe B Z ae x JIE i meee Wijasena gt Format Ral Ay w WARNING Do Not Use CTRL V on PC or 36 and V on Mac to paste This can create coding problems on the site Formatting your text Format all your text using the drop down list next to Format Pages Media Add ons Preferences Settings Admin Tools Access a Current Page Welcome Change Settings Manage Sections Modify Page Last modification by Administrator admin 5 38 PM May 19 2009 8 Q E S deo bia wo Heading 1 Heading 2 Heading 3 Heading 4 These styles are set up using a Cascading Style Sheet and using these will give your site a consistent and professional look Always use Normal for your basic paragraph text If you are not happy with the size or type of font used for the Normal Paragraphs and Headings ask us to change this for you You can use the Align Text buttons or the Bold or Italic options to highlight text further Also the bullet points or numbered lists are fine to use Press ENTER when you want to start a new paragraph this will skip a line Or if you want to start a new l
11. at you UNERA APENE PI AT rA wish to edit iB Z d x lE lE H lago ts ti geos Format Heading 3 a A a Main content goes here The top part is where you edit the main text on the page The lower part contains the text photos etc for the sidebar Edit this in the same way that you would edit the Save Cancel Block Sidebar Content main text E Source a amp 7 1 a G Y Q a iB Z d IE i eS SS 6 Be ob ae os Format Heading 3 j A AA Sidebar content goes here 16 7 Working with images Images must be uploaded to the website before you can add them to your webpage Uploading images to your website Select Media from the top panel menu Pages Media Add ons Preferences Settings You can either upload your images or other media files straight into the media folder the root folder or create a new folder a sub directory to upload your images to by entering the title of the new folder in Title and clicking on Create Folder In the example below a team photos folder is being created Create Folder Title Team photos Target folder media v Create Folder A sub directory is usually used when you have a lot of images media in one folder Creating sub folder s helps you organise your site and makes it more manageable NOTE Photo Gallery s require that the photos you want to display in a Photo Gallery suc
12. cycle bin icon Click the View button at the top of the page to see how your News page will appear on your published finished website Insert a Table WARNING Keep the use of tables to a minimum The maximum width for a table is 380 pixels This may vary depending on your website layout Click on the Insert Edit Table icon E Source HS Ga Uy z gi b ERAR a Blume xx i lE Se a tja ale gt Style Format Normal Font 7 5ize Ji 44 Er Insert Edit Table Change the table properties by highlighting the fields you wish to alter enter your desired table properties i e amount of columns rows and the width etc you wish your table to have click on OK to insert your table You can enter table gata Dy highlighting an os TTE individual cell and ota Height pi typing in your information Border size Cell spacing Alignment lt Not set gt Cell padding con OOS S To modify your table click on the table in your page and then click on the Insert Edit table icon Make required changes and click OK 29 30 Creating Online Forms A Form page section CTE custom form to gather a information from your visitors Your Messace and users The information is gathered through text fields checkboxes radio buttons drop down menus and other f i Verification interface items which you aS specify and send to an email Submit Form addre
13. e form Short Text a single line text field Long Text a large multi line text field Select Box a drop down menu or listbox multiple selections on Checkbox Group specify from one to several checkboxes each checkbox can be ticked on or off separately from the others Radio Button Group a series of options where only 1 can be selected at any given time selecting one deselects the others Email Address a single line text field where the user must enter a properly formatted email address if text which is obviously not an email address is entered the form will not be submitted Save Cancel Buttons click to save the entered Title and Type or to cancel and return to Admin gt Pages gt Modify Page When should you use a Radio Button Group and when should you use a Select Box instead The rule of thumb is that if there are more than 3 options available you should use a Select Box Additional options Once you click the Save button for the first time additional options become available for the interface item you ve chosen depending on its type Heading in the Template field you can specify using a combination of html and WB markup the layout in which the heading appears Short Text set the length in characters of the field default text to appear in the field as well as whether the field is required see below Long Text specify default text to appear in the field as well as whether the field i
14. e in the Title field This is the name that will appear in the menu on your website A short name is usually better Select your news page from the drop down menu in the Type sinless Title fi e d 1 Type WYSIWYG x Parent Aggregator Code Visibility Form x Menu Link Select the Parent page if you want the news page to be part of a TE wit Gallery sub menu Click on the Add button NB If you have made a mistake or no longer wish to add the page press the Reset button When you click the Add button the following screen will appear Pages Media Add ons Preferences Settings Access Modify Page peck daea cae ee ee pers gle Modify Delete Post None Found Modify Delete Group None Found Click on the Add Post button to get to the following screen Add Modify Post Title News Post One Group None Commenting Disabled Active Yes O No 04 05 2008 00 00 amp Short E Source 7 Ga s 82 a 5 Bi Lol the NeXt ai t de Lil FEES Style Format Normal Size z j A ag E Source a s FP TEY B Z U sex x i 55 1 E ida zuja nz Style Format Normal Size z u 4A The full length story or article You can be as detailed here as you like You can insert web links to other related news events and articles like this one Or you can place pictures in the post that may be of interest
15. e that a number does not appear above the list do not leave the Show pages browser at top box ticked Aggregator Layout Number of lines per page 15 Number of items per line 1 Apply this class to all list items aggregator Assign this id to this aggregator ow pages browser at bottom V Show pages browser at top Save Help Cancel 15 6 Sidebars Adding a Sidebar to your web page Click on the page where you wish to add the sidebar Pages Media Add ons Preferences Settings Admin Tools Access Modify Page _ Current Page Welcome Change Settings Manage Sections Click on Manage sections E Source 7 an 22 2 o P A B Z U abe x x 5 iZ Ej SES SSlt da bial G Style Format gt Font Size x A Ej Under Add Section select WYSIWYG and click on Add This WYSIWYG section will now appear under Manage Sections In the drop down menu under Block select sidebar Manage Sections ID 1 Current Page Home Modify Page Change Settings Type Block Start date End date Actions ID wysIwYG Main Content Onl OX fn DX 7 X 1 WYSIWYG Sidebar Content onl DX fn OX A x Add Section wyswyG J Click on Save before leaving this page Editing a Sidebar Click on the page which Modify Page ID 3 ce eee ee Services Changa i ge ar Manage So contains the sidebar th
16. edasedadnieiadaads 10 mse a Web Link NYDErNK rics 11 s AG TNO e eee S E E E eee 15 Adding an Aggregator t6 YOUR We Se sessrrrrssrerorri isi tsis EsE ESE DENE NENEENS ENESES ESTASE SRA SAEN RNEER ANES EN EE EEEE 15 O EDA a E E E E E 16 Adding a Sidebar to your web page sssnssssnrssrrresrrrrsrrrrrrrrerrrrsrrrrrrrrrrrrrnrrrrnerrrrrrrrntrrrrnrrrnrrrrnnrr EERE ES 16 Editing a Sidebar an 16 l WKN ICI WSS aer E E E E A 17 UPOGNE IMA A O your WoS ea et ec et ce et 17 Insert an image into your web page ccccceccce ese ec ence eee e scene esses easeaeeeeeeeaeeaseaeeaeeseeseaneaneateaeeseeneaneanes 18 Image Properties camonsntcs nsns21 uns onset PiatUtI ODL Oh OLAS TER OURS OLENA OL RUSE SLE AA RET OLRLRL CLES RTERL RL eSOLERenI EEEE EEEE EEEE 19 PHUMDiMablinade TO lkalrger MAGS a E E E E E E E E E EE E 19 8 Adding a document to your website ssssssseeseereesssserererersssssserrrrrsssssrrerrersssserrreeensssssrrerens 26 9 Adding Other FUN CHOMAILY sciscostvoscssrobscdrvnseientansstenanosee tan desbiadhitenadantvosatuaurinsveiad Ee ERNES E Rai 27 Creating a News Posting Page s nannnnssnnesrnrrnrrrrsrrrrsrrrrsrrrtsrrrrsrrrtsrrrtsrrrtsrrrtrrrrtsrrrtnrrrrnrrrnnrrrnnrr rnnr 27 Wg gles EE E E E E E E ene E eee E ee E A E ee ee eee 29 Creating Online FOrMs ccccccececc eee ee eee e ence eee e eee e ences een EEO EEE EG EEE EO EDE EG EEE EG EEE EG EEE EG ESE EG SEE ESSE ESSE ESSE ESSE EE EESS 30 Manage Sections
17. es aera If you have had one of these image galleries installed you can add the gallery to your website as described below Before adding the Photo Gallery page to your website Prepare your images Smooth Gallery and Swift Gallery Follow the instructions provided on page 17 to create a sub folder which will contain all of your images for your gallery and then upload your images in to this subfolder as described on that page Remember to optimize your images for the web first prior to uploading them see Appendix 1 Lightbox Gallery Make sure your image has been resized to the correct size for your gallery See Appendix 1 Your image size is Adding a Photo Gallery Page to your Website Go to the Pages section of your Website Administration In the Add Page section type the name of the new page you wish to create in the Title field This is the name that will appear in the menu on your website A short name is usually better Select your image gallery from the drop down menu in the Type field Add Page Title Administrators Type WYSIWYG mm Administrators Parent Aggregator Code Visibility Form Menu Link WYSIWYG Select the Parent page if you want the image gallery to be part of a sub menu Click on the Add button If you have made a mistake or no longer wish to add the page press the Reset button Now follow the instructions below depending on t
18. files all over your computer can also become confusing 5 Backup the pages already on your website see Appendix Three Editing Your Website To edit the website you will need to go to www yourdomain com au admin Your log in details are Username Password Before editing any text on your website please read page 10 How to Copy and Paste and Formatting your text Failure to follow these instructions can result in changes being made to the coding on your website Table of Contents te LOJ 9 eee ee ne ee E ee 4 2 WAS SU AIL GIO CIN areas secnsiaenens duteunpsctetesoesudesnadeacesneduceaupacietatonsetsdonsesucssessusnaipactetatiededetenssiaseseasugnarsasaetae 4 3 Creating New Website Pages cccccssssscccsssssssececesssssseceessssesecesssssaseeecesssasseeesssseaseeessessaseeeeas 5 TC ecncee scare se scsceseecss senses eee A E ae atee usa ensnees esas ica cuentas etaeu unease eee 5 WV aiasecetatitatitasstetatadi ti ibstacatatitadsiatatadetats Mistassieeetads Gi idiads ace teta tals iotaiadetati ids igd siete tats tia adstasesate tals tidde 5 PATON sesoses eee ee eee eee ee eee ee reer 6 72119 a eee ee a a a A a 7 7 ae 2 06 0 1 19 i 4 i 0 APAE ee eee ree eee ee ee ee ee eee 8 WYSIWYG what Vou See is what you gef cece cetera re cece tee 8 POW TO CODY An Pas eee cect eee EEEE eee cence eee EEEE EEEE EEEE 10 Formalting your TOKi seissen yen davadadadatacavadevadadadaadauniuiadadadatadeendsiadadadadasetndadadat
19. h as a Swift Gallery or a Smooth Gallery see page 21 are saved together in a unique sub folder To upload your image first select the Target Folder you want to upload the image to then press the Browse button Upload File s Target folder media Team photos S3 Fj Upload and unpack a zip archive C Documents and Settings Receptic TRAPPE eo E M C Overwrite existing Files Upload File s 17 A new pop up window will appear titled Choose file Navigate to where your images are stored on your computer Select your image file and press Open Repeat this process by clicking on the next Browse button until you have selected all your images Once all images are selected press the Upload Files s button Your newly uploaded files should be displayed in the Browse Media work area as shown below Browse Media Option Modify Settings Reload gt up Current Folder Imedia Team photos 40 689 5 kB Sunset jpg 800 x 600 px X Sep 03 2009 4 41 AM r 81 8 kB l OAT Water lilies jpg 800 x 600 px o gt X Sep 03 2009 4 41 AM 103 1 kB Winter jpg 800 x 600 px 05 x Sep 03 2009 4 41 AM 45 dD Insert an image into your web page Now go back to the page on which you want to insert an image ie select Pages from the top panel menu and then select the required page Click on the Inser
20. he type of gallery that you are adding Swift Gallery Immediately after clicking on the Add button the following screen will appear Pages Media Add ons Preferences Settings Access Modify Page Current Page Photos Change Settings Manage Sections Edit Gallerys Choose gallery Unnamed Gallery Path to the pictures v Gallery Name Unnamed Gallery Gallery Description Displayed as default Gallery Delete Galery Add Galery modiy Settings Click on the down arrow next to Path to the pictures and locate the folder in your Media folder which contains the pictures that you would like in this gallery Give the Gallery a name and enter a description These will appear on the website with your images Click on Add Gallery Repeat these steps if you would like more than one set of photos on this page of your website Click on the Website View icon to view your gallery 24 There are a number of ways you can change the way your gallery appears by using the Modify Settings button Smooth Gallery Immediately after clicking on the Add button the following screen will appear Pages Media Add ons Preferences Settings Admin Tools Access Current Page Triall Change Settings Manage Sections Modify Page Gallery Title optional Gallery Description optional Put under the gallery Tue Select dir with images media Load extensions
21. ick OK to insert the image into your web page Image Properties If you are not happy with the size click on the picture and then click on the Insert Edit image icon again and URL adjust the width The heig ht will http www ngswineclub commedia Water 20ilies jpg adjust automatically to ensure the Atemative Text image stays in proportion Preview Width 250 ee NB Small adjustments only Height 188 should be made in this box Border HSpace If you want to make a large size re change it is best to make this on the original photo using photo editing software such as The GIMP see page 35 Align Enter a number in the Border box if you wish to create a border around your picture Use the HSpace VSpace and Align boxes to position the image on your page Click OK to insert the image onto your website Click on the Save button at the bottom of your Editor work area Thumbnail Image to Larger Image If you would like visitors to your site to be able to click on a small image and to then view a larger one the steps are as follows Firstly create two different sized images from your original image the small thumbnail size and the larger image Use photo editing software such as The GIMP to do this see page 35 Name these images so that you know which is the small and which is the larger and then upload these into your Media folder in your Admin area 19 20 Now insert the th
22. ick on the page where you wish to add the aggregator Pages Media Add ons Preferences Settings Admin Tools Access Modify Page _Gurrent Page Welcome Change Settings Manage Sections Click on Manage sections E Source 7 ALi Ai Sa2 ke e B Z U d x x EEE dod Ji Re Style Format Font Size x A LAA Under Add Section select Aggregator from the dropdown list and click on Add This Aggregator section will now appear under Manage Sections Manage Sections rBizBoost Modify Page Change Settings Type Block End date Actions WYSIWYG Main v 6 Aggregator Main Content v Ow a 3 Save Add Section WYSIWYG Add Click on Save Once saved click through on the word Aggregator This will take you through to the Aggregator Settings page shown left Modify Page E ape sia A cece al perigee ae Aggregator Settings mar esto coment You will need to remove Ames wttw owes the tick in this box to ensure that your hidden Maximum thumbnail size 0 pages don t appear in Use first image of class your aggregator list 7 Include page title lt lt ______________ To show the link correctly you will need to have the Include page title box ticked Generate thumbnail from first image _ Extract a page summary Find summary element by tag v Find summary element by class V Remove HTML from summary To ensur
23. idden or None Add Page Public Title Administrators Public means that Type WYSIWYG Administrators anyone will be able to parent PE NEPRO you have created it If vbi Pubie Y O A Public i work on the page Registered i wou Having it None S publicly viewable select None and come back and change this to Public when you are happy with the finished page None This is a working mode It allows you to work on pages altering content without the public seeing these steps This is a much more professional way to work It prevents the viewing public from visiting your website in the updating stages and mistakenly thinking that your site is not working Private This refers to pages restricted by login These pages are only accessible to people with a username and password eg staff members Contact BizBoost if you would like to include this functionality To create a page visible to staff members only tick the Staff Members check box to the right of the Visibility field Only present if you have this functionality Registered Registered refers to pages restricted by login These pages are only accessible to members A generic username and password can be set and distributed to selected members only Contact BizBoost if you would like to include this functionality To create a page visible to members only tick the Members check box to the right of the Vi
24. ine directly under the previous one hold the SHIFT key and press ENTER IMPORTANT Remember to click the Save button at the bottom of the screen regularly as you are working on the site and definitely before leaving the page or trying to view your site To view the text on your website click on the View icon in the top right corner of the screen The text will generally look quite different on the website compared to what you are seeing on the Editing screen Click Cancel to return to the Pages menu Home View Log out Insert a Web Link hyperlink You can link to pages within your website or to other websites Highlight the text that you wish to make into a link Click on the Insert Edit Link icon Block Main Content E Source 7 ga 2 E a 22 E ar sles staal ha a gt Format A wW P eel Clicking on this icon will bring up a popup window Create a link to a page on another website Frotocol URL To create a link to a page on another website type the webpage or website address into the box titled URL 11 12 a os a a a m ETa Link Webpage Dialog Click on the Target tab and select New Window in the drop down menu under Target This is to ensure that the website page appears on a new page rather than into the Target Frame Name screen containing your website and therefore sending a visitor away from your site Click OK
25. inistrators Type WYSIWYG me Administrators Aggregator Parent Code Visibility Form Menu Link News Swift Gallery J er WYSIWYG A WYSIWYG is a basic text content page You can add images on a text content page Remember that the more photos you have on a page the longer it will take for the page to load WYSIWYG stands for What You See Is What You Get Aggregator An aggregator lists links to the subpages that come below the page that you are creating News Postings This is the page where you might want to add any club or website news If you are going to add a news page to your website it is a good idea to make sure that you update it regularly otherwise your website will look out of date and new users may not be impressed Instructions on creating and updating a News Postings page are on page 2 News page does not necessarily have to be limited to news You may want to use this feature as 1 a Blog which is a personal journal published on the web 2 a link to favourite websites and anything you might find relevant or helpful for visitors to your site 3 an Events Calendar for your club Gallery A Gallery is a page of images and photos An image gallery is an add on so not all websites will have a gallery There are different types of galleries The example above has a Swift Gallery installed which automatically creates thumbnails of your photos Scr
26. jpg gif png F name TITLE DESC split character forbidden characters gt lt height 300 px width 400 Feed gallery tru resizer False Fade duration 599 Show prev next arrows True Allow thumbnails True v Show info panel True Show image direct link True v Open direct links in JScript window Slideshow False v Delay between transitions 9000 msec Resizer cache dir size OkB Empty cache J Disable Give your photo gallery a title and a description if you wish If you would like your Title and Description to appear below the gallery select True In the box next to Select dir with images select the media folder where you have uploaded the images that you want to appear in this gallery Lightbox Gallery Immediately after clicking on the Add button the following screen will appear Pages Media Add ons Preferences Settings Admin Tools Access Modify Page Be rre e Add Image Settings Modify Delete Image None Found Click on Add Image The following page will appear Pages Media Add ons Preferences Settings Admin Tools Access Modify Delete Image Title gt Image Browse Save Cancel Enter the caption for your image in the Title box Click on the Browse button and locate the image that you wish to upload Click on
27. just created Click OK EE http ia mE commodules Frkeditor Fckeditor feditor Frkdialog a Link Type Link to anchor in the text Select an Anchor By Anchor Name By Element Id Click on Save at the bottom of your Editor work area 13 Block Main Content Modul wysiwyg ID 1 d R m m m M ORM 68 m al Fomat A M B I U S EB Z BE Z 33 W body al Save Cancel If you have this version of the editor for your website please refer to these instructions as they are slightly different for inserting a link 1 Highlight the text that you wish to make into a link whether it is a weblink or a link to another page on the website an anchor point on the same web page or an email 2 Click the Link icon Block Main Content Modul wysiwyg ID 1 A g E m m amp ORM 68 n ee ee Format A B BIUS Zz Link 1 a JE 99 W 3 This will bring up a popup window Srei ITF Link Info Target Advanced 4 Inthe dropdown menu called Link Type select either Link Type URL external web link WB Link Link to another page on the website Link to Anchor in the text Link to a certain ee point on the same webpage Browse Server Email Open a blank email with a preset email address inserted WB Link com 5 Then set up the link as previously outlined in the instructions beforehand 14 5 Aggregator Adding an Aggregator to your website Cl
28. olling a mouse over the photo will allow it to be viewed in full size You can add as many photos to an Image Gallery as you like or you can create multiple Image Gallery pages Instructions on creating and updating an Image Gallery are on pg 21 Menu Link This allows you to link straight to another website from a heading in your menu Pages which you specify as being of type Menu Link are not pages at all They are just hyperlinks that appear in your site s navigation menu to take the user to a page or web site outside your own The Menu Link Editor is very simple giving you the following options Link select external link to link to a page outside of your website Then enter the website address of the Current Page bizboost Change Settings Modify Page site where the menu link ed ___ is http www bizboost com au will take the user a nor Foot greener incl ude http www ai CAs the start Sidebar Conte Target select New Links Window Save Cancel Buttons click to save the entered information or cancel to return to Admin gt Pages gt Modify Page Form Create forms on your website to capture information from visitors from your site For details on how to create a form see page 30 Parent If you would like your new page to appear as a submenu of another page you can select that other page or parent page here Creating Sub Categories in the Menu Pages can be ordered under other
29. p code that is repeated for every interface item defined in the form Footer a mixture of html and WB markup code that closes the form Email To the email to which form submissions will be sent Note You need to enter a valid mail address otherwise no emails will be sent sounds logical doesn t it Email From submissions are going to be sent as if they were from this address You can pick an Email Address field from the list if your form has one or enter a specific email address in the field Email Subject the subject heading of the emails sent by the form Success Message when the form information is submitted successfully the user is shown this message Modify Delete Field Use the Modify Delete Field list to reorder edit and delete the interface items that comprise your form To edit the settings of an existing item click on the Field Name To delete an item click on the Delete icon X To move the item up or down in the form click the item s up or down icon amp FW Submissions The list in this section will contain the submissions of users and visitors who have used your form Only a finite number of submissions is stored in the database by default 100 You can change this number in the form s Settings You can use the list to view and delete the submissions received To view a stored submission click the submission folder icon To delete a submission click the delete icon X for tha
30. page you just added sections to All of the sections will now appear on this page Edit each section just as you would any other typical page IMPORTANT You need to SAVE each section individually as you go The SAVE button at the bottom of the screen will only save the bottom section Click the View button at the top of the page to see how your page will appear on your published finished website 33 34 10 Settings Click on the Settings Tab in the top panel menu The following screen will appear Start Page General Settings Website Title Website Description Website Keywords Website Footer Page Trash Disabled In line Home Folders Enabled Disabled Intro Page O Enabled Disabled Login O Enabled Disabled Sign up Disabled Show Advanced Options gt This screen will contain information which will help your website be found in search engines In the Website Description box enter a concise explanation 25 words or less of your website Make sure you include your main key words in this description Do not use capitals and do not keep repeating words This description will appear in the initial listing of websites that is found when an internet user types in a key word that relates to your website In the Website Keywords type in as many words and phrases as you can think of that relate to your website Enter each word or phrase followed by a comma Include both cor
31. r d E fa Click and drag the mouse over the section of the image you wish to keep You can adjust the area selected by clicking and dragging on the corners as you would when resizing an image in Microsoft word etc Press enter PC or return Mac when happy Press Ctr Z PC or Command Z Mac at any time to undo a step IMG_0237 oD ms g Ob We a Y 3 it NA Wa 36 4 Change the image size To change the size of an image select image then image size from the toolbar at the top of the window Language Help eient 0 IMG_0237 Image Layer Adjustment Filter Li Image Size aa H Canvas size i Rotate canvas 130 Rotate canvas Rotate canvas 90 CCW hese Flip canvas vertical Flip canvas horizontal Crop SLZorBee Y 2 r lb kbYY Adjust the size as needed Width 200 p pixels Height 165 pixels El Constrain proportions Make sure constrain proportions box is ticked so the image resizes both width and height proportionately Otherwise you may end up with a photo like this Select File gt gt Save You can change the name of your image JPEG is the usual format for web photos adjust quality if desired Click OK and selec t the folder you want to save it to 37 38 Appendix Two Preparing PDF documents for your website lf you want to present information from a wo
32. rd processing or spreadsheet document they are best saved first as a PDF Portable Document Format This overcomes the problem of people not being able to open a file because they do not have the same word processing or spreadsheet software as you lf you don t have Adobe Acrobat Distiller on your computer there is a free version you can download Go to www pdfcreator com To install PDF Writer 1 Double click the Setup exe file in Windows Explorer 2 Follow all the instructions in the dialog boxes that appear Or On the Windows taskbar click Start Click Run In the Open box type the full path of the Setup exe file Click OK AWN gt If your Operating System is Windows 2000 XP please use an administrator account to install the application PDF Writer supports Microsoft Windows 98 ME 2000 XP To uninstall PDF Writer Go to the Control Panel double click Add Remove Programs and double click on the PDF Writer list box entry To create PDF files To use your PDF Writer open the file that you would like to print to PDF Select the Print option usually found under File gt Print and select PDF Writer from the list of available printers You will be prompted to select the destination directory and filename for your output file Try to keep all of the files relating to your website together in a Web folder on your hard drive When saving files for use on websites do not include spaces in the filename
33. rect and incorrect spelling of words that are commonly mis spelt This will help you to be found by search engines even when the searcher misspells a word Appendix One Preparing Images for your Website Images used on the website must be 1 Cropped and or resized Generally it is best if the image is less than about 400 pixels wide This will vary depending on your website layout If it needs to fit into a sidebar it will need to be even smaller TIP if you right click on an image already in your website and then select View Image Info you can get an idea of what size you need to make your images 2 Saved as a jpeg which is a file type 3 Only 72 dpi resolution so it loads quickly on the page There are many image editing programs you can use to do these tasks including Microsoft Photo Editor a part of the Microsoft Office Suite Macromedia Fireworks Adobe Photoshop When using an editing program please consult the program s Help files to guide you through the editing process If you don t already have one of these programs we recommend the Image Editing program PIXLR which is a free web based APP for photo editing It also has advanced features such as colour correction 1 Open Pixlr Editor in a web browser Go to https pixlr com Pixlr provides a variety of free web applications that allow users to edit images When it comes to editing an image for use on a website Pixlr Editor is by far the most useful as
34. red the images you have added to your website and burn these to disk You can also save images from your web pages by A Grabbing the image and dragging it to the desktop or B Right mouse Click over the image and choose Save Picture as Backing Up Your Database an Pages Media Add ons Preferences Settings Admin Tools Access Select Admin tools Select Backup Backup all tables in the database This will take a few minutes and then you are asked where to save it 39
35. s required see below Select Box can enter the options to be listed and optionally a specific size for the menu box If Allow Multiple Selections is Yes then it becomes a listbox otherwise it displays as a drop down menu You can also specify whether a selection is required see below Checkbox Group Radio Button Group can enter the options to be listed as well as an optional separator character to be put between each option Can also specify if a selection is required see below Email Address specify whether it is required see below REQUIRED If an item is marked required then the form is not allowed to be submitted unless the user has entered information or made a selection in this item 31 32 Settings Button Click this button to configure the functionality of your form Once clicked your options will be Captcha Verification displays a captcha to help avoid spammers In your email client you can setup a Rule Filter that automatically handles highlights archives etc all the messages from your website form based on the email subject See your email client documentation for details Max Submissions Per Hour low numbers helps avoid spammers Submissions Stored In Database the number of submissions that the database will store when number is exceeded oldest is thrown out Header a mixture of html and WB markup code that opens the form Field Loop a mixture of html and WB marku
36. sibility field beneath the Registered Viewers heading only present if you have this functionality Hidden Hidden refers to pages that are literally hidden from view A hidden page is used for pages that you do not want to appear on the menu but that you want to access from within your website 4 Adding text to a Page WYSIWYG what you see is what you get The main page that you are likely to use is a WYSIWYG page Select WYSIWYG from the drop down menu in the Type field Select the required Parent and Visibility if necessary see explanations on pg 6 and 7 Click on the Add button if the information you have entered is correct If you have made a mistake or no longer wish to add the page press the Reset button Immediately after you create your new WYSIWYG page this screen will appear You can type text straight into the Modify Page Editor work area Or you can add your text by copying and pasting it from your saved word documents Pages Media Add ons Preferences Settings Admin Tools Access A Current Page Services Change Settings Manage Sections Modify Page ID 3 De ee gage spree Block Main Content Save Cancel How to Copy and Paste To copy text select or highlight the text you wish to copy from your document To copy on a PC press the Ctrl and the C keys together and on a Mac press 3 and i Oy When in your Website B
37. ss of your choice l Information submitted is also stored in the backend database and can be browsed directly here in the Admin The form may optionally contain a captcha verification to help avoid spamming To add a form firstly you need to add a Form Section unless this has already been done for you Go to the page on which you would like the form and then select Manage Sections Pages Media Add ons Preferences Settings Admin Tools Access raw Current Page Contact Us Change Settings Manage Sections Modify Page 2 A O 2 a SER H EEPE PERIFER ul wn ta o x Di une st II GE 4 m Epe 8 E Type Block Start date End date Actions WYSIWYG Main Content m OB OM a 6 Form Main Content m OS av G Add Section WYSIWYG lv Now go back to the page where you have added the Form Editor This will be found at the bottom of this page The Form Editor has 2 main buttons Add Field and Settings as well as 2 sub sections Modify Delete Field and Submissions Add Field Modify Delete Field None Found Submissions None Found Add Field Button Click this button to add an interface item to your custom form Once clicked your options will be Title the name of the item which is displayed on the form Type can be one of the following Heading a title or emphatic text that appears on th
38. t Modify Image icon i E Source J 7I A h 8 2 B LB Z Doe x JE Ee eS Se mm laom Style Format Normal Font Size 7 Insert Echt Image Image Properties i i Image Info Link Advanced A popup window will then mage info ene et URL open titled Image Properties Altemative Text Click on Browse Server Select the see folder that You have uploaded your a a C Lorem ipsum dolor sit amet consectetuer adipiscing i Height elt Maecenas feugiat consequat diam Maecenas Image files to and select the Image that metus Vivamus diam purus cursus a commodo non facilisis vitae nulla Aenean dictum lacinia tortor you require from the list Border Nunc a iaculis janana l l HSpace euismod neque sed omare massa maurs sed velit The image you have selected will VSpace eee a a e E molestie Duis velt augue condimentum at ultrices a a ppear In the Preview WI ndow Align luctus ut orci Donec pellentesque egestas eros Integer cursus augue in cursus faucibus eros pede bibendum sem in tempus tellus justo quis ligula Etiam It is a good idea at this point to put some text in the Alternative Text box This text will appear if you mouse over the image on the web page It will also help this image and therefore your website to be found in the search engines so it is a good idea to use keywords in this Alternative Text box if you possibly can Cl
39. t submission here in the list Manage Sections Combine different page types onto one page This refers to combining different sections together into a single page eg You might want to combine a News section on the same page as a WYSIWYG text editing section and an Image Gallery To enter the Manage Sections work area Click on Manage Media Add ons Preferences Settings Access Current Page About us Change Settings Manage Sections Modify Page Sections in the top panel menu E Source anay 42 8 7 EEY B Z U b x oe lii S elles l l da a Sd tiawo This screen will then appear Pages Media Add ons Preferences Settings Access Manage Sections Current Page About us Modify Page Change Settings WYSIWYG Add Section wvswve x From the Add Section drop down menu select the page type that you wish to incorporate into your current page i Add Section News i x Add Aggregator Code News Swift Gallery Wrapper WYSIWYG Click on the Add button You will notice that your new section will appear under the Type heading on your current page You can move individual sections up or down using the arrow icons on the right to decide what order they will appear on your published website You can also delete undesired sections by clicking on the recycle bin icon Click on the Save button Go back to the Pages menu and select the
40. umbnail image onto your site as described above page 18 Click on the Link tab at the top of insert edit image box URL hits Qeenisapanonernog Com mai madia meg s 20 phot ed Syrhcate 0g Target few Vimdow blank Click on Browse server and find the larger photo Click on the down arrow next to Target and select New Window _blank This makes sure that your photo appears in a new window rather than in the same window as your website so when the visitor closes the photo they do not also inadvertently close your website Go back to Image info tab If there is a funny border appearing around the image in the preview put a O in the Border box Now click on OK and Save your page Creating an Image Gallery There are 3 types of Photo Gallery that we may have installed in your website Swift Gallery Creates an image with thumbnails to the side You hover your mouse over the thumbnails to get a better view of that photo Hover your mouse over the thumbnails on the right and cli numbers to navigate through the gallery nt Nae adil 4 oe Ine l ie me gt z aa e pjer b 4 Smooth Gallery Create a Slide Show where the image changes at regular intervals or can be set to change only if you click the arrows at the left and right 21 be Lightbox Gallery Displays the photos on the webpage with a comment underneath Test photo 1 Test photo 4 T Testphoto 2 lin
Download Pdf Manuals
Related Search