VIVA CMS Manual - National Centre for the Protection of Older
Contents
1. 5 2 PAGE CONTENT Placeholder page content is added to indicate the location of page content items These should be replaced with the required page content The editing of the page content is dealt with in the next section 5 3 ADD RECORD To complete the addition of the new page simply press the Add Record button Page Name aboutus_mission php Page Title aboutus_mission Source Gi Ee dh 55 ED Ty amp B Z U CIE i 4 6 dia eu 41 Style Format Normal Font Size Igy Oye Replace this Title Further Information Replace this body text Replace this body text Add Record Working With Page Content E Source 6 1 VIEW SOURCE For those familiar with HTML the view source is a handy way to check the code you have added or to quickly edit tags and attributes which would take longer via the interface For those not familiar with HTML code the CMS is still perfectly usable without ever using this button 6 2 PREVIEW The preview button allows you to see the page segment as it would appear in a browser It is a handy way to check visual formatting 6 3 MAXIMISE THE EDITOR Clicking this button will enlarge your view of the editor so that it fills the screen Clicking this icon a second time will return it to its original size e Editing Page Content 7 1 CUT As with a normal word processor the scissors ico2. All Rights Reserved 30 Access Level 1 Administrator 3 Staff 1 Administrator Edit N 4 1 Admin Prev Page Account Locking Delete 1 ADD NEW USER Moderators can add pages make them live and create and edit user accounts Users can add and edit pages but not make them live 13 1 ADD USER To order the documents by title select the Document Title header link Email this will be used as the Username Password 40 min max length only characters 24 20 9 allowed 2 29 First Name Last Name Access Level 1 Administrator 2 Management 3 Staff 13 1 1 The email address is a mandatory field and will be the username in the login process 13 1 2 A password must be provided Use a combination of letters and numbers for secutity reasons 13 1 3 Add the user s first name 13 1 4 Add the user s last name 13 1 5 Choose an access level Administrators can add and delete users in addition to normal file and page management 13 2 USER ACTIVE You can easily see whether a user account is active or not These can also be ordered by clicking the header link 13 3 USERNAME EMAIL View users email addresses easily here and order by clicking the header link if needed 13 4 FIRST NAME View users first name here and order by clicking the header link if needed 13 5 LAST NAME View usets last name here and order by clicking the
3. 8 15 RIGHT JUSTIFY The right justify icon is used to align text to the right As with centre alignment use this only for short paragraphs such as image captions or headings as it is more difficult for the user to read particulatly in long paragraphs of text 8 16 BLOCK JUSTIFIED TEXT The block justified text icon is used to align text to the left and right There is some evidence to suggest that users with reading impairments such as dyslexia find this particularly problematic to read as the wotd spacing 1s inconsistent so this should be used with caution 10 Formatting amp Styling Page Content 9 1 INSERT EDIT LINK Use this icon to link highlighted text 9 1 1 If the file or page you are linking to is on another website stmply copy and paste the url into the URL text box in the pop up window 9 1 2 If the file is on your server use the browse server button to find it and select it This will open a new window which will show you the contents of your server Simply select the file you want to link to and it will be added to the URL text box Link Type Protocal WAL FCKeditor Resources Browser Mozilla Firefox ABHA y AddThis 11 http editor Filemanager browser tdefault i browser Connector http 3 4 2F 2Fcarersassociation ie zFadmin szFFckediboi TI Resource Type Spointintegratedstrategy dac sample 3GPP2 342 2 Track 3 mp3 15
4. pdf 11 1 2 Image 1 jpeg 2 Jpg 3 gif 4 png 11 1 3 Flash 1 swf 2 flv 11 1 4 Media 1 mp3 2 mp4 3 avi 4 wmv 5 mpeg 6 mov 7 Nav 25 8 mid 11 2 FILE LISTINGS Selecting a folder from the dropdown allows you to view the contents of the folder If you accidentally upload a file with the same name as one already on the server it will be automatically renamed with an incremental number at the end of the file name FCKeditor Resources Browser Mozilla Firefox m 1 E AMEE Logo Earth and Environmental ait comorategovemnance 01 1 01 2 pg corparategovernance 01 jpg Eri corparategovernance 2 Eri mum bus Upload a new file in this folder Browse _ M 11 3 CREATE NEW FOLDER Clicking the Create New Folder button allows you to create subfolders of these 4 main sections so that you can keep documents organised by category new folder Epointintegratedstrateqy PE sample 3GPP2 3492 21 Track 3 mp3 11 4 UPLOAD A NEW FILE IN THIS FOLDER To upload a new file simply click the browse button to access your own local computer You can then source the file by selecting it 26 Chapter Extranet Adding Password Protected Searchable Files to Your W website licking the main upload files button will allow you to view the extranet managemen
5. 11 4 UPLOAD A NEW FILE IN THIS FOLDER EXTRANET 12 2 DOCUMENT TITLE 12 3 CATEGORY 12 4 ACCESS LEVEL 12 5 DOCUMENT LINK 12 6 DATE UPDATED LINKED 12 7 UPLOADED LINKED BY 12 8 EDIT 12 9 DELETE ADMIN 13 2 USER ACTIVE 13 3 USERNAME EMAIL 13 4 FIRST NAME 13 5 LAST NAME 24 26 26 26 27 13 6 ACCESS LEVEL 13 7 EDIT 13 8 ACCOUNT LOCKING 13 9 DELETE PAGE PROPERTIES 14 1 PAGE ADDRESS 14 2 PAGE TITLE 14 3 PAGE STATUS 14 4 TOP LEVEL PAGE 14 5 SUB NAV LINK 14 6 ROLL BACK 14 7 EDIT 14 8 SETTINGS 14 10 DELETE 31 32 32 VIVA CMS Chapter Overview Overview of Navigation only authorized personnel of National Centre for the Protection fo Older People have access T he Viva CMS interface is protected behind a username and password so that You should receive your username and password from Ilikecake Limited initially or your website administrator To access Viva CMS simply go to http www ncpop ie admin and enter your username and password 1 1 ENTER USERNAME AND PASSWORD Viva CMS Security Protected Enter username and password Username Password clear login 9 Once logged in the main navigation bars and the current website pages ate now visible 2 1 MAIN NAVIGATION Navigational items always present include the Browse button which takes you to this page the Upload Files button which allows you to upload many file types including images
6. 9 REMOVE To remove a webpage from the CMS click the remove icon You will be presented with a confirmation screen and must click OK to confirm the removal The page at http carersassociation ie says WARNING About Us Are you sure vou wish to remove this record From Ehe CIMS Cancel 14 10 DELETE To delete a webpage completely click the delete icon Again you will be presented with a confirmation screen and must click OK to confirm the removal This deletes both the record in the database AND removes the actual file from the server amp WARNING About Us Are you sure you wish to delete this record entirely Cancel 35
7. audio pdf powerpoint and video files and the Admin button which allows administrators to add and delete users amongst other things Depending on your exact website requirements there may be other top level navigation buttons For example in the image below the client has also added a VIVA CMS publicly searchable Courses database and a password protected Extranet for secure document sharing 2 2 SUB NAVIGATION Sub navigation elements will change depending on the section you are in The image below shows a screen shot of the Browse section 2 3 THE MAIN PAGE ELEMENTS Main page elements will vary throughout the CMS depending on the page you are on The image below shows the Browse page You can see that website pages are listed along with various controls which allow user modification Each main page element will be described in detail throughout this manual Viva CMS V user vivienne trulock 1 Administrator http dlvec webhostingireland ie A 3 Browse Upload Files Courses Extranet Admin Logout 7 gt 4 t 2 New Page Assign Page Nav Order 1 Nav Order 2 Website Pages 51 site pages found 123 Next Page 3 Page Top Level 5 Page Address Page litle 4 Nav Link Page Address Page Title Status Sane Sub Nav Link RollBack Edit Settings Remove Delete Top Level 5 n 8 4 aboutus php About Us Live 1st 4 o gt ri aboutus corporateservices php Corporate Se
8. 1 KB Upload a new file in this Folder 11 9 1 3 To link to an email address select Email from the Link Type Dropdown Menu 9 1 4 Place the email address you want to link to in the E mail Address text box 9 1 5 If you want you can also add a Subject line by adding text to the Message Subject text area 9 1 6 If you want you can also add a Message by adding text to the Message Body text area Link Link Info Advanced Link E Mail Address Message Subject ___ 6 P Message Body 12 9 1 7 If the website you are working on is using frames you can choose the target for the link The most common selection is New Window however this 15 not valid code and will render your website non compliant with XHTML validation tools 9 1 8 You can also name the window the content will appear in by adding a name to the Target Frame Name text box Link Link Info Target Upload Advanced Target Target Frame Mame seb 1 2 lt frame Topmost Window top Same window self Parent Window 9 1 9 If the file you want to link to is not yet online you can select the Upload tab and use the browse button to find the document on your local computer 9 1 10 When you have located it simply select the Send it to the Server button Depending on the size of your file this can take a short while so you may need to be patient Link Link Info
9. Tamget Upload Advanced Upload Browse Send it to the Server 13 There is also an advanced tab for specifying additional link properties but these are rarely needed Language Direction Access Mame Code T ab Index Tithe Content uH Classes Linked Resource Charset 9 2 REMOVE LINK Selecting a link and press this icon to unlink hyperlinked text 9 3 INSERT EDIT ANCHOR An anchor is a way of allowing you to link to a part of a document To insert one click at the point in the page you want to link to and then click the insert anchor icon 9 3 1 Add the anchor name in the pop up window Anchor Properties Anchor Mame 14 9 3 2 link to an anchor click the make a link icon as in 9 1 and select the Link to Anchor in the text option from the drop down menu 9 3 3 Select the anchor name from the Select an Anchor by Anchor Name drop down menu Link Info Link Link to anchor in the text Select an Anchor Bu Anchor Mame Bv Element 19 15 9 4 INSERT IMAGE Use the insert image icon to add an image to your page 9 4 1 Use the browse server button to find the image file or simply paste the url of an existing image if you know it already 9 4 2 Add alternative text to describe the image Include keywords in your description if relevant as Google is thought to check alt text as part of its algorithm when computing search eng
10. Top Level Navigation This page is a subpage of Please Select Please Select None Normal Page None 1st Top Level Nav None 2nd Top Level Nav Insert a page name to http www yourwebsit ie php About Us create a physical web page Accessibility Statement required for intuitive urls Add Record 4 4 NAME PAGE Choose Top Level OR Sub Navigation Section Page Name Name the page by entering the page name in the text box provided It is a good idea to have a naming convention so that pages are easily found and retrieved One example is to have the section name followed by an underscore or dash followed by the page or subsection name So a mission statement held in the about us section might be called about mission php or aboutus missionstat php In both examples the section and page subject is clearly identifiable 4 5 ADD RECORD To complete adding the new page simply click the Add Record button Adding Page Titles e Content 5 1 PAGE TITLE The default page title is generated from the file name It is a good idea to write this in proper text as page titles are visible in the browser in the top left blue area Page titles are also seen when book marking a page and in Google search results It is important to place page specific keywords in your titles as Google treats page titles as important when computing a pages search engine ranking and will eive words in titles extra weight
11. Volume VIVA CMS By Ilikecake Limited CMS VIVA CMS User Manual Ilikecake Limited 124 Kennelsfort Road Palmerstown Dublin 20 Phone 00353 0 1 675 4000 Email info ilikecake ie Table of Contents OVERVIEW 1 1 ENTER USERNAME AND PASSWORD 2 1 MAIN NAVIGATION 2 2 SUB NAVIGATION 2 3 THE MAIN PAGE ELEMENTS BROWSE 3 1 CREATING NEW PAGES 4 1 INSTRUCTIONS 4 2 TOP LEVEL NAVIGATION 4 3 SELECT SUB SECTION 4 4 NAME PAGE 5 1 PAGE TITLE 5 2 PAGE CONTENT 5 3 ADD RECORD 6 1 VIEW SOURCE 6 2 PREVIEW 6 3 MAXIMISE THE EDITOR 7 1 CUT 7 2 COPY 7 3 PASTE 7 4 PASTE AS PLAIN TEXT 7 5 PASTE FROM WORD 7 7 6 UNDO 7 7 REDO 7 8 FIND 7 9 FIND AND REPLACE 7 10 SELECT ALL 7 11 REMOVE FORMAT 8 1 TEXT COLOUR 8 2 BACKGROUND COLOUR 8 3 BOLD 8 4 ITALIC 8 5 UNDERLINE 8 6 STRIKETHOUGH N N E 9 O 2 2 2 2 N 1 1 1 lt GW 99 8 7 SUBSCRIPT 8 8 SUPERSCRIPT 8 9 ORDERED LIST 8 10 UNORDERED LIST 8 11 OUTDENT 8 12 INDENT 8 13 BLOCKQUOTE 8 14 LEFT JUSTIFY 8 15 CENTRE JUSTIFY 8 15 RIGHT JUSTIFY 8 16 BLOCK JUSTIFIED TEXT 9 1 INSERT EDIT LINK 9 2 REMOVE LINK 9 3 INSERT EDIT ANCHOR 9 4 INSERT IMAGE 9 5 INSERT FLASH 9 6 INSERT TABLE 9 6 INSERT HORIZONTAL RULE 9 7 INSERT SPECIAL CHARACTER 9 8 INSERT PAGE BREAK 10 1 STYLE 10 2 FORMAT 10 3 FONT 10 4 SIZE UPLOAD FILES 11 2 FILE LISTINGS 11 3 CREATE NEW FOLDER
12. anced UAL Browse Server Width Height 9 5 4 9 5 2 Set the width of the flash object if needed 9 5 3 Set the height of the flash object if needed 18 9 5 4 Preview the flash object in the preview window 9 5 5 If your flash object is not currently on the server you can upload it by selecting the upload tab and browsing your local computer Click the Send it to the Server button to upload it Flash Properties Infa Upload Advanced Upload Browse Send it to the Server Cancel There are advanced options available in the Advanced Tab 9 5 6 Auto Play will cause the flash object to play when the page loads so the user won t have to manually start it 9 5 7 Ticking the loop option will cause the flash movie to restart automatically when it reaches the end of the movie Flash Properties Info pload Advanced Scale 58 Auto Play Loop Enable Flash Menu Id sheet m Title 19 9 6 Use INSERT TABLE the insert table icon to add a table to your page Table Properties Columns Headers i Cell ing Border size 6 el spacing Cell padding Height 9 6 1 Enter the number of rows and colums you would like in your table 9 6 2 Select if you want the top row the first column or both to be table headers 9 6 3 Select a border size in pixels You may already have a style sheet setting in place for this on ta
13. bles so you may not need to set this 9 6 4 The table alignment can be set to left right or bold 9 6 5 A caption is required for accessibility reasons This normally gives an over view of the table content 9 6 6 A summaty is required for accessibility reasons This normally briefly summarises the table contents Some web authors also like to supply information regarding the number of rows and columns in the table 9 6 7 The width here is the number of pixels wide the table is required to be The table will over run the width settings if the content is larger than the space allowed You may already have table width settings specifed in the website style sheet so you may be able to leave this blank 9 6 8 The height can be specified but most tables will auto size to accommodate the contents so this can usually be left blank 9 6 9 Cell spacing 1s the space between the cells This can be left blank as most website style sheets will have specified settings for these 9 6 10 Cell padding is the space within a cell between the text and the cell edge As with cell spacing this can be left blank as most website style sheets will have specified settings for these INSERT HORIZONTAL RULE A horizontal rule is a visible divider which divides pages horizontally into visually separate regions 20 9 7 INSERT SPECIAL CHARACTER HTML pages require that non standard characters are correctly marked up so there is a special code for euro co
14. bsite will have a default font specified you so may not need to use this Arial Comic Sans A35 Courier Tahoma Times Hew Eoman Verdana 22 10 4 SIZE Use the size drop down menu to select an alternative font size 11 SIZE small medium large x large 23 Chapter Upload Files Adding Files to Your Website licking the main upload files button will allow you to view the file management section of the CMS Upload Files The File Management module allows you to view upload and categorise documents within your site structure FCKeditor Resources Browser Mozilla Firefox Sele 7 AddThis http Jcarersassnciation ieJadminjFckedibar editor Filemanager browser default browser hEml Cennecbar htEp9 3 4 2F 2Fcarersassociation 2 2 4 7 Foaintintegratedstrateqy dac 64 EB sample 2 3g2 zip eb KB Track 3 mp3 1512 KB Upload a new file in this Folder 11 1 FILE TYPES Use the size drop down menu to select an alternative folder There are 4 default ones set up for you which should cover most of the site requirements These are File Image Flash and Media It is a good idea to keep documents organized in these categoties as this allows you to easily retrieve them when linking to or inserting them in a web page Below are recommended files type for each category 11 1 1 File 24 1 doc 2 docx 3
15. ered list when items have a natural order such as winners of a race Listing items is important for the web as many users will scan rather than read and lists easier to scan than large amounts of paragraph text For accessibility reasons it is also advisable to put hyperlinked content into lists 8 10 UNORDERED LIST The unordered list icon is used to mark selected text as unordered list items Use the unordered list icon when the order of items it not important Both ordered and unordered lists will inherit styling from the main website style sheet 8 11 OUTDENT The outdent icon can be used to move indented content to the left 1e to remove the previously applied indenting It is displayed grayed out unless the cursor is inside an indented piece of text content 8 12 INDENT The indent icon is used to indent text content from the left It is purely a visual change and has no semantic meaning 8 13 BLOCKQUOTE The blockquote icon is also used to indent text content from the left however this should only used for large blocks of quotations 8 14 LEFT JUSTIFY The left justify icon is used to align text to the left however this is the default for most web pages so may not be needed 8 15 CENTRE JUSTIFY The centre justify icon is used to align text to the centre Use this only for short paragraphs such as image captions or headings as it is more difficult for the user to read particularly in long paragraphs of text
16. header link if needed 13 6 ACCESS LEVEL View users access level here and order by clicking the header link if needed 31 13 7 EDIT Clicking the Edit icon opens the same interface as the New User see 13 1 but the current user details are available to view and edit 13 8 ACCOUNT LOCKING To lock an account for example if someone is on long term leave of absence such as Maternity Leave or a Sabbatical click the account locking icon The page at http carersassociation 1e says 9 WARNING Gre vou sure you wish to change the lacking status of this account Cancel 13 8 1 This transforms to lock into an unlock symbol on that users account To reverse the procedure simply click the lock icon again 13 8 2 This also changes their user active status to suspended Hn Add User Website Users 3 registered users found Prev Page 1 User Active Username Email First Name Last Name Access Level Edit Account Locking Delete Yes jason ilikecake ie Jason Hardy 1 Administrator Suspended me test com Some Body 3 Staff Yes vivienne ilikecake ie vivienne trulock 1 Administrator Viva CMS Copyright 2009 ilikecake LTD All Rights Reserved 13 9 DELETE To delete a user completely choose the delete icon Clicking the Delete icon triggers a warning clarification message Only delete if you are sure that you want to remove the user account The page at http carersassociation ie say
17. ine rankings Image Properties Image Info Link Upload Advanced Browse Server adipiscing elit Maecenas feugiat consequat diam Maecenas metus Vivamus diam purus cursus a commodo nan facilisis vitae nulla amp enean dictum lacinia tortor Nunc iaculis nibh nan iaculis aliquam orci felis euismod neque sed arnare massa mauris sed velit Nulla pretium mi et risus Fusce mi pede tempor id cursus ac 9 4 3 You can add width for the image if needed however if the image is already the correct size this can be left blank Changing the image width will automatically change the image height to keep proportion 9 4 4 You can also add height for the image if needed Again if the image is already the correct size this can be left blank As with the width changing the image height will automatically change the image width to keep proportion 9 4 5 You can add an image border by entering the number of pixels the line thickness should be If you don t want any border enter a zero Your image may have a border applied in the default stylesheet so you may not need to make any changes here 9 4 6 Use H Space to position the image along the horizontal axis Entering a numerical value will reposition the image by that number of pixels 9 4 7 Use V Space to position the image along the vertical axis Entering a numerical value will reposition the image by that number of pixels 9 4 8 Choose an alig
18. move Styles definitions 5 7 6 UNDO As with a word processor this icon undoes the last action undertaken by the user 7 7 REDO As with a word processor this icon redoes the last undo action taken by the user 7 8 FIND Use the find tool to quickly locate a word or phrase within the document Find and Replace Find Match case d Match whole word 7 9 FIND AND REPLACE The find and replace option can be used to quickly fix a misspelled word in several locations Find and Replace Find what O Replace Match case Match whole ward 7 10 SELECT ALL The select all option can be used to quickly select all the content available in the editor The most common use of this is when an entire new page of content 1s required and the user needs to delete all the current content 7 11 REMOVE FORMAT The remove format icon can be used to quickly clear unwanted formatting such as bold and italics from selected text content Formatting e Styling Page Content 99909090999 9 66666606 8 1 TEXT COLOUR The text colour icon can be used to add colour to a text item This should be used sparingly as the overuse of colour can make the page appear amateurish In addition the website is already styled with a stylesheet which will style the page in line with other pages on the site 8 2 BACKGROUND COLOUR The background colour icon can be used to add background colour to a selected text item As with the text colou
19. n is used to cut highlighted content 7 2 COPY As with a normal word processor the pages icon is used to copy highlighted content 7 3 PASTE There are several styles of paste available for use This version simply pastes the item that has been cut or copied with no editing of content As with a word processor simply click in the page where the cut or copied content 8 to be placed and click the paste icon Paste Because af your browser security settings the editor is not able to access your clipboard data directly You are required to paste it again in this window Please paste inside the following bos using the keyboard and hit OF 7 4 PASTE AS PLAIN TEXT This version of paste clears out any formatting previously applied by a word processor or other web page It is safest to do this as the style sheet will style the content in line with the rest of the pages on the website It will however strip out links that may be in place and will remove extra spacing Paste as Plain Text Please paste inside the following using the keyboard and hit OF Li E 7 5 PASTE FROM WORD 7 This version of paste will retain some formatting such as spacing and links This may be the speediest to use if the document is already preformatted with linked content Paste from Word 8 Please paste inside the following box using the keyboard Ctrl and hit OF Ignore Font Face definitionis test 1 Re
20. n of the document can be seen in link format These can also be ordered by clicking the header link 12 6 DATE UPDATED LINKED The date shows the last date of modification of the document details This is to enable users to quickly select most recent documents 12 7 UPLOADED LINKED BY The uploaded linked by field shows the last user to modity the document details This is to enable tracking of extranet use by admin 12 8 EDIT Clicking the Edit icon opens the same interface as the New Docs see 12 1 but the current document details are available to view and edit 12 9 DELETE Clicking the Delete icon triggers a warning clarification message Only delete if you are sure that you want to remove the record and the file The page at http carersassociation ie says y WARMING Test upload document Are vau sure vou wish Eo delete this record entirely Cancel 29 Admin The Admamistration Section Chapter licking the Admin button will allow you to view the Admin section of the CMS if you an A administrator Normal CMS editor will not have access to this section The Admin module allows you to view upload and categorise documents within your site structure d User registered User Active Username Email First Name Last Name Yes jason ilikecake ie Jason Hardy Yes me test com Some Body Yes vivienne ilikecake ie vivienne trulock Viva CMS Copyright 2009 ilikecake LTD
21. nment to position the image 16 9 4 9 If you want to make the tmage into a link select the link tab and either browse the server to link to a file or enter the URL of a website or page 9 4 10 You can choose the target for the link The most common selection is New Window however this is not valid code and will render your website non compliant with XHTML validation tools Image Properties Image Info Link Upload Advanced Browse Server Topmoast Window top Same Window self Parent Window 9 4 11 If your image is not currently on the server you can upload it by selecting the upload tab and browsing your local computer Click the Send it to the Server button to upload it Image Properties Image Info Link Upload Advanced Upload Browse Send it to the Server TEENS Lance 17 9 4 12 If your image is quite wordy or technical such as a table chart or map the alt text may not be sufficiently descriptive You can add additional descriptive text in an alternative page and use the Long Description URL text box to link to it Image Properties Image Into Link Upload Advanced ld Language Direction Language Code 11 Lang Description URL Stylesheet Classes Title 9 5 INSERT FLASH Use the insert Flash icon to add a Flash object to your page 9 5 1 Use the browse server option to find an existing flash file Flash Properties Info Upload Adv
22. ould be indicative of the main content of the document 12 1 2 A Category this is simply a way of dividing up the documents into usable themes Initially no categories are defined To add a new category simply select the Add New Category option Categories added will be available for selection for future documents 12 1 3 Restrict Access Level To this defines who 1s able to view the document Staff can view staff level documents only Management can view management level and staff level documents Administrator can view all documents An unrestricted option can be made available if requested 12 1 4 Document Upload Link use the browse button to upload a document or if the document is already available online simply enter the URL into the web address text area 12 2 DOCUMENT TITLE To order the documents by title select the Document Title header link 12 3 CATEGORY Document categories are available to view These can also be ordered by clicking the header link Initially no categories are defined however categories added will be available for selection for future documents 28 12 4 ACCESS LEVEL Access levels are available to view These can also be ordered by clicking the header link Staff can view staff level documents only Management can view management level and staff level documents Administrator can view all documents An unrestricted option can be made available if requested 12 5 DOCUMENT LINK The locatio
23. puting a pages search engine ranking and will give words in titles extra weight Order the columns alphabetically by clicking on the linked header 14 3 PAGE STATUS The page status simply display whether the page is currently live or not 33 Page Title About Us Page is Live 5 Update Settings 14 4 TOP LEVEL PAGE Top level page are those whose links are visible on all pages and who have no parent Pages which are not top level are represented with a dash 14 5 SUB NAV LINK Pages which are not top level pages may have a reference here This indicates the parent page or which page its sub navigation link is attached to 14 6 ROLL BACK The rollback facility allows you to revert to a previous instance of the page Up to 5 backups are kept Simply click on a back up number to return to that version Back up 1 is more recent than backup 2 and so on If a page has no backups the rollback icon will be shown grayed out Current Version viviennem ilikecake te 1 16 09 2009 5 51pm Backup 1 cam 1 04 10 2009 11 07pm Back jasoni amp gilikecake ie 16 09 2009 3 02pm 14 7 EDIT Clicking Edit takes you to the main page editor For more information on this see Chapter 2 14 8 SETTINGS Page settings allows you to specify whether a page 18 live and which page if any it is a sub section of This page is a subpage of None Normal Page Please Select Mone Normal Fage Make Donation l
24. pyright trademark symbols and other shapes such as arrows fractions etc Use the insert special character symbol to add these characters to your document Select Special Character 11 25 2 20011 gb ees JELMNOPGQGAS TUYWeY 2 7 6 00 o 11 22020 350 4 1111 8 eS 66 8 0 001010 by 7 I 2 gt x 9 8 INSERT PAGE BREAK The insert page break breaks the page at that point when it is printed Other Formatting amp Styling Options 4 Style Format Normal Font Size v 10 1 STYLE There are default styles available for cited work inline quotations keyboard text etc which are available from the style drop down menu to be applied to selected text Style Format Eeyboard Phrase Sample Text karanie Inserted Text Cred Work Inline Quotation 21 10 2 FORMAT The text format is particularly important as marking keyworded content as header text 1s very good for building search engine rankings and also for ordering a document structurally Format Mormal Heading 1 Heading Heading 3 Heading 4 Heading 5 10 3 FONT Use the font drop down menu to select an alternative font Remember that the style sheet for yout we
25. r tool this should be used sparingly as the overuse of colour can make the page appear amateurish In addition the website is already styled with a stylesheet which will style the page in line with other pages on the site 8 3 BOLD As with any word processor the bold icon is used to make a selected text item appear in a bold style 8 4 ITALIC As with any word processor the italic icon is used to make a selected text item appear in an italic style 8 5 UNDERLINE As with any wotd processor the undetline icon is used to make a selected text item appear underlined Caution should be used when using the underline option on web page as novice usets can mistake this for a broken link 8 6 STRIKETHOUGH The strike though icon is used to make a selected text item appear to have a line through it This can be used to indicate a change in a page or that a previously available option is full or no longer available 8 7 SUBSCRIPT The subscript icon is used to make a selected text item appear smaller and slightly below the adjacent content It is normally used a chemical formula C H O or in mathematics 124 lho hex 8 8 SUPERSCRIPT The supersctipt icon is used to make a selected text item appear smaller and slightly above the adjacent content It is normally used when writing dates 1 2 4 3 or for trademark symbols 8 9 ORDERED LIST The ordered list icon is used to mark selected text as list items Use the ord
26. rvices Live About Us y 4 4 4 ix ri 2 L4 aboutus_finance php Finance Department Live About Us D 4 o gt w 1 aboutus_humanresources php Human Resources Live About Us 5 4 X w PT 9 exo H accessibility php Accessibility Statement Live 4 X Chapter Browse Browsing and Editing the Website Pages licking the main browse button will allow you to view the pages available to edit Browse 3 1 CREATING NEW PAGES In this section you may 3 1 CREATE NEW PAGES 3 2 ASSIGN EXISTING WEB PAGES TO THE CMS 3 3 amp 3 4 ORDER THE NAVIGATION 9 9 9 New Page Assign Page Nav Order1 Nav Order 2 O 6 6 There are several steps involved in creating a new page 4 1 INSTRUCTIONS Instructions are available on every page detailing the steps necessary 4 2 TOP LEVEL NAVIGATION Choose whether the new page is a top level page by ticking the checkbox NOTE In some websites the top level navigation may be locked due to design considerations 4 3 SELECT SUB SECTION If the page IS NOT a top level page you must select the subsection to which it belongs so that the correct navigational supports are put in place on the page and so that it is in the correct section Viva CMS nn user vivienne trulock 1 Administrator http dlvec webhostingireland ie P Q 9 3 Browse Upload Files Courses Extranet Admin Logout ADD NEW PAGE
27. s WARNING me best com Are vou sure vou wish to delete this record entirely Cancel 32 Chapter Page Properties Working W ith the Page Properties pages available within the CMS In Chapter 2 we 2 looked at working with web page content We are now going to look at modifying the page s properties 7 licking the Browse button will allow you to view the Browse Website Pages D pages found 14 9 14 10 8 LL Page litle Sub Nav Link Edit Settings Remove Delete Status Page Address aboutus php About Us Live Top Level 24 zo aboutus history php History Live About Us 2 N aboutus jobopportunities php Job Opportunities Live About Us by 2 4 p aboutus_locations php Locations Live About Us 5 gt 2 14 1 PAGE ADDRESS The page address is what you see in a browser window It is unique within each website and so is ideal to use when you want to find a specific page Order the columns alphabetically by clicking on the linked header 14 2 PAGE TITLE The page title is set by the editor in the page edit section A default page title is generated from the file name Page titles are visible in the browser in the top left blue area Page titles are also seen when book marking a page and in Google search results It is important to place page specific keywords in your titles as Google treats page titles as important when com
28. t section of the CMS Extranet The File Management module allows you to view upload and categorise documents within your site structure ig Add Docs Documents e e Date Uploaded Linked Document Title Category Access Level Document Link inkad By Edit Delete Test No http www carersassociation ie documents i a ne Test upload document Category Restrictions thoflashtaacloud zi 16 09 2009 jason ilikecake ie rf Viva CMS Copyright 2009 ilikecake LTD All Rights Reserved 27 ADD EXTRANET DOCUMENTS Enter Document Title or leave blank if you wish to use the name of the file to be uploaded amp linked Select the Category to which it belongs or Add a New Category New Categories will be available from the menu for future documents Restrict access to the file if needed Each level of the hierarchy can see it s own level documents and below Browse to select a file from your computer or enter the URL of a pre existing file 12 1 ADD DOCS Add New Docs to the Extranet by selecting the Add Docs icon Document Title Category Please select AM Please select Add New Category Restrict Access Level to No Restrictions No Restrictions 1 Administrator 2 Management Document Upload Link or enter web address 1 4 Add Document 12 New documents need several pieces of information 12 1 1 A Document Title This sh
29. t supporus_makeadonation php gt Accessibility Statement lt accessibility php Advocacy amp Lobbying lt services_acvocacy php 14 8 2 Benefits of Membership membership benefits php Care inthe Home City and Guilds lt traininqunit_coursedetalls_careinthehome php gt Careline lt services_careline php gt Carers In Ireland Census 2006 Report mediacentre_keyfacts_census 2U0b php gt Carers of the ear Awards events carersoftheyear php Carers of the Year Awards 003 lt qallery_U4 php Carers Payments lt services_information_carerspayments php gt Carers Stories mediacentre kevfacts carersstories php Carers Week 2009 galler D 2 php Caring for Children with Special Needs lt trainingunit_coursedetails_specialneeds php gt Caring Profession Employment Opportunities traininqunit employmentopps php Celebrating Carers lt mediacentre_videohighlights_morningshow php gt Census statistics lt library_census php gt Centre News Connacht lt news_connachtphp gt Centre News Dublin news dublin ohp gt 34 14 8 1 Toggling the page is live checkbox will allow you to control whether a page is externally visible or not This can be se to not live when constructing a page and live when the page is complete 14 8 2 The This page is a subsection of drop down menu show you which page is the parent page of the selected page If the page is not a subsection of any page None Normal Page is selected 14
Download Pdf Manuals
Related Search