Logging onto the Content Managment System WYSIWYG Editor Icons Explained Editing a page Formatting Text Inserting & Editing Tables Inserting & Editing Images Inserting & Editing Links Inserting & Editing Anchors Inserting Flash Elements Using Content Templates Installing the Spell Checker Pasting MSWord Content Pasting Plain Text Content Using the Replace Tool Find a topic or area you would like more information about above. If there are any further questions that are not covered in this manual, please feel free to contact us at any time. Logging onto the Content Managment System To access your websites CMS, type the CMS URL provided by InLoco into your favourite web browser. Type your username and password which was emailed to you by the developer in charge of your site. Before you click on the "Login" button, notice that there are three radio buttons on the login page. When the first radio button option is selected before clicking the "Login" button, you will automatically be logged in when accessing the CMS Admin URL. The second radio button option will remember your username but not your password, and the last radio button will cause the system to always ask you for your username and password. The last option is recommended when you are using a public computer for example an internet cafe. To Top WYSIWYG Editor Icons Explained Icon What it Does View or edit document source code (for advanced users) Preview what the HTML page will look like for users Select a layout template. See "Templates" for details Remove the highlighted text Copy the highlighted text Paste the text you copied (with or without formatting) Copy content from Microsoft Word, then paste it into the HTML editor using the pop-up accessed from this icon Print the HTML page Spell check the HTML page Undo or redo the most recent action taken Find a word or phrase within the text of the HTML page Find and replace a word or phrase within the text Select all of the text in the HTML page (usually used before copy or cut or to apply a style or format to the whole page) Remove the formatting from highlighted text Bold, italic, underscore or strikethrough highlighted text Superscript or subscript the highlighted text Change the color of the highlighted text Change the background color behind the highlighted text Add numbering or bullets to highlighted text lines Increase or decrease the highlighted text's indentation Alignment of highlighted text (left, centered, right, justified) Add or remove hyperlink from highlighted text. Also used to manage file uploads and links to files on the web server Upload or insert your own or other's images into the HTML page Insert table. Number of columns or rows, and table width, height, borders, & alignment can also be set Insert divider line (horizontal rule) Insert emoticons (e.g. smiley faces, email icon, lightbulb) Insert symbols & special characters (trademarks, currency, etc.) Insert page break. Only impacts printed version Online keyboard for certain non-roman character languages Styles & formatting determine the appearance of HTML text. You may also use the drop down boxes to style specific elements (such as headings), or set overrides for font face, font size, etc To Top Editing a page Once you are logged onto the CMS Admin section, you will typically see a list of all your pages. Next to each page will be the option to View or Edit that particular page. To edit a page, simply click on the "Edit" link next to the page you would like to edit. A new page which contains various form fields as well as a WYSIWYG (what You See Is What You Get) rich text editor. The various WYSIWYG functions and options are discussed throughout this manual, please browse through the index above and select the particular topic or area you would like more information about. To Top Formatting Text There are several rich text formatting options available in the WYSIWYG (What You See Is What You Get) Editor. The text formatting options are similar if not identical to that of Popular word processing programs such as MSWord or Star Office. The text formatting actions / results are typically indicated on the icon for example to my text bold, click and drag your mouse over the text you want to modify to select / highlight it, now click on the big bold [B], you will immediatly see the selected text transform and become bold. Other options include the [I] for italics, [U] for underline and [ABC] Strike Through modification. There are also options such as Subscript [x] and Superscript [x]. Numbered and bulleted lists may also be inserted. To convert a list of words / sentences into a numbered or bulleted list, simply create the list, click and drag your mouse to select the text and click on either the bulleted or numbered list icon. Finally we have the align formatting options, firstly there is left align, secondly centre/middle align, right align and justify align. To apply the alignment to text, simply select the text and select the alignment option required. To Top Inserting & Editing Tables To insert a table, place and click your mouse pointer where you want to place the table. Click on the table icon, a popup window appears with several options. A small form allows you to specify how many rows and columns the table should have, the table width may be specified in pixel and percentage values, if you want your table to be as wide as the entire screen, type 100 in the width field and select percent. If you want your table to have a border, type a value larger than 0 in the broder field or 0 if you do not want a border. Once you have selected yout table specifications click on OK, or Cancel to exit the table window. To Top Inserting & Editing Images To place an image on your page, point and click your pointer to where you want to place the image, now click on the Image icon. The Image popup window will appear, next to the URL field, click on the browse server button. If the image you are looking for is not on the server, you need to upload the image. Click on the Browse... button, browse your system and find the image, now click on the Upload button. Wait untill the image is uploaded and appears in the list of files on the server. Fianlly click on the image filename and click "OK". For improved search engine rankings, we would suggest that you provide Alt text for each image, the alt text should contain a description of the image with appropriate keywords which relates to the image subject matter. To Top Inserting & Editing Links Inserting a link is simple, select the text or image you want to convert into a link, click on the "Insert/Edit Link" icon. If you want to link to another website, enter the website URL into the URL field. To link to a file on the server, click on the "Browse Server" button, find the file on the server and click ok, to upload a file to link to, click on "Browse...", find the file on your system and click on Upload, once the file is uploaded, select the file and click OK. To create a link that opens up an email message complete with email address, change the Link Type to email, provide the email, subject and body message of your choice. To create a link to an anchor, change the link type to "Anchors this page" and select the anchor you want to link to. Note: in order to link to an anchor, you will need to define a page anchor first. Please read the next section titled: Inserting & Editing Anchors To Top Inserting & Editing Anchors An anchor is a particular area on a page that you can link to. If the anchor is at the bottom of the page, the browser will scroll all the way doen to where the anchor is once the anchor link is clicked. To specify an anchor on a page, point and click your mouse at the position where you want to insert the anchor, you can also select text or an image, once selected, click on the "Insert/Edit Anchor" icon. Specify a name for the anchor in the Anchor Name field and click OK. To Top Inserting Flash Elements Inserting a flash element is exactly the same as inserting an image. If you would like more information or instructions, please read the "Inserting/Editing Images" section above. To Top Using Content Templates Content templates are predefined layouts which could contain images and specific text layouts. Click on the "Content Templates" icon to view the available content templates created by your websites developer. Your websites content does by default fit in with the websites look and feel, for this reason content templates are seldomly used. To Top Installing the Spell Checker ieSpell is a free Internet Explorer browser extension that spell-checks text-input boxes on a Web page. You get to store and use your personal word list across all your applications instead of having to maintain separate ones on each application. The latest version of IeSpell can be downloaded here, but for your convenience, we have a copy on our server which can be downloaded here IeSpell [1.96 MB]. Please Note: IeSpell is a thirdparty application, and InLoco offers no support for this product. To Top Pasting MSWord Content Retains formatting created in Microsoft Word. Tables, alignment and rich text formatting is retained. Please note that images will be lost and need to be inserted via the Insert/Edit Image function. To Top Pasting Plain Text Content Remove all formatting and paste only text in it's simplest form / format. I.e. Plain Text To Top Using the Replace Tool Find words, character, numbers or any character patern and replace it with another. To Top

Home | Web design | Web hosting | Search Engines | ADSL/iBurst
Client Centre | Site map | Contact Us

Phone : 011 262 6314 | Fax : +27 (0) 11 262 2150 | andrew@inloco.co.za

Authorised Use Policy | Privacy Policy | Inloco Disclaimer | (PAIA manual)