Docstoc

cm

Document Sample
cm Powered By Docstoc
					Quick & Dirty guide to
The Silva CMS



   By Chris Dillon 10/02/11. Version 8. Latest version at: www.ucl.ac.uk/isd/staff/fiso/ah/courses
   It is recommended that you use Firefox, rather than other browsers, on both PC and Mac.

   1.      Logging in
         Go to your site’s homepage.
         Type /edit after the address and login using your UCL id and password. This should take
           you to the Contents screen, a list of all the files and folders on your site.
           Note: If, instead of the list of files, you see a page ready to be edited, you are not at your
           site’s homepage. See 3. below.
         Click on a file name in the modify column to edit it. If the file is already published on the
           Internet, you will need to click new version (top left) to edit it. (If you don’t see new
           version, it means the page has not been published on the Internet and you can edit it.)
        Note: If the content you intend to insert is already on the Web, you can copy it from another
        browser window. If the text is heavily formatted, you can strip the formatting by copying it to
        Notepad (Start | Programs | Accessories | Notepad) first.
         When you've finished editing, click the save button (which looks like a floppy disk).
         Click publish now if you want to make the page public (otherwise click the preview tab).
         (If you accidentally publish a page you can close it by clicking the file’s checkbox in the
           Contents screen and clicking the close button, bottom right).
         To make changes to other pages, click the name of your site on the top line
           (―breadcrumbs‖) of your browser window, to the right of UCL Home. You should see the
           Contents Screen with its list of files you can edit. Click on the modify column of any file to
           start the editing process (you are in the same place as you were after typing /edit and
           logging in).

   2.     Settings (first time you use the system only)
   Click user settings (bottom left) to set the default editor to kupu and your e-mail address.

   3.    Editing a page
   You can also edit a page directly, without going via the Contents screen.
       Navigate to the page in your browser.
       At the end of the page’s address, type /edit and login. You should see the page in the
         editor, with a new version button top left. Carry on as above.
      Can’t login? You don’t have the rights necessary. Contact your site’s webmaster.

   4.      Creating a new page
        1. In the Contents screen, click new and select Silva Document in the drop-down list which
           appears.
           id is the file name. It must contain only letters a-z (not including upper case!), numbers 0-
           9 or -. Do NOT use spaces in file names.
           title is what appears, in bookmarks and as the title of a page.*
        2. Click save and edit.
        3. Click the kupu editor button, if necessary.
        4. Click the save button.
        5. Click publish now if you want to make the page public (otherwise click the preview tab).
   *If the title is too long for the menu in the left column of your page, you can click the properties
   tab and give it a short title (which is then used in the menu).




                                                                                                        1
5.        Adding links

Adding a link to another website
     1.   Highlight the words that you want to link to the other website, e.g. UCL.
     2.   Expand the link tab in the right column, if necessary.
     3.   Type the site’s address e.g. http://www.ucl.ac.uk in the box under get link reference.
     4.   Set link target to new window so that the site opens in its own window.
     5.   Click add link.

Adding a Word document, PDF file etc. (so that you can link to it on your site)
    1. In the Contents screen, click new and select Silva File in the drop-down list which
       appears.
    2. Click browse and locate the file.
    3. Click save.
If you need to import a lot of files into a folder, first make a zip file of them. (See the Quick &
Dirty guide to file management!). Then click on the Import button top right in the Contents
screen. That will allow you to upload the files in the zip file to that folder in Silva.

Adding a link to a page on your site
     Note: Any file you link to must already be in the system — see Adding a Word document,
     PDF file etc. above.
     1. Highlight the words you want to link to the other page, e.g. Events.
     2. Expand the link tab in the right column, if necessary.
     3. Click get link reference.
        A window opens. Click in the box next to the file e.g. events.htm, events.doc or
        events.pdf and click select.
     4. Click add link.

Adding a link to an e-mail address
     1. Highlight the words you want to link to the e-mail address, e.g. Chris Dillon.
     2. Expand the link tab in the right column, if necessary.
     3. Type the e-mail address e.g. mailto:c.dillon@ucl.ac.uk in the box under get link reference.
        Note the mailto: bit! You may also include a default subject for e-mails created by clicking
        the link, by using something like: mailto:c.dillon@ucl.ac.uk?subject=About your website
     4. Click add link.

Adding a link in your menu to your site’s homepage
Most of the time the left-hand menu is created automatically. However, you will need to create a
link to your site’s homepage for the top of your menu:
    1. In the Contents screen, click new and select Silva Link in the drop-down list which
        appears.
    2. id needs to be home_link. title needs to be Home. url needs to be of the form:
        http://www.ucl.ac.uk/department
    3. Click the box next to home_link in the Contents screen and click publish now.

Adding a link to an anchor on a page on your site
An anchor is a location in a Web page. Use anchors when you want to link to somewhere in the
middle of a page.
   1. On the page in question, make a space for the anchor by pressing Enter once.
   2. Open the anchor/index item tab in the right column, if necessary.
   3. Enter a short name for the anchor in the anchor name and index title boxes and click add
      element.
   4. Highlight the text which will link to the anchor.
   5. Expand the link tab in the right column, if necessary.

2
     6. In the box under get link reference type # immediately followed by the name of the
        anchor.
        Note: If you link to #changeme that creates a Back to Top link.
     7. Click add link.

6.      Adding an image to a page
    1. Add the image to the system, by clicking new in the Contents screen and selecting Silva
        Image in the drop-down list which appears.
    2. Click browse to find your image and click save.
    3. In edit mode, make a space for the image by pressing Enter once.
    4. Expand the image tab in the right column, if necessary.
    5. Click get image reference.
    6. A window opens. Click through the folders if necessary and select the image.
To right-align the image: Click it and switch image alignment to float right (or align right) in the
right column. With float right the text flows round the image.
    7. Click add image.

7.     Changing an image’s size
Major image-editing should be done in an image-editing program such as Photoshop, Paint
Shop Pro or IrfanView.
   1. In the Contents screen, go to the folder containing the image whose size you want to
       change.
   2. Click on the file name of the image.
   3. Enter either a percentage (the default is 100%) or one of the dimensions (in pixels). In
       the latter case you would end up with e.g. 200x* or *x200. If you enter both dimensions,
       you will probably distort the image.
   4. Click change.
   5. If you have already inserted the image in a Silva document, you will need to highlight it in
       the document and click update image.

8.    Adding a table
You can create simple tables for laying out e.g. numerical data and (unless you are a whiz with
cascading style sheets) arranging images on a page.
   1. Expand the table tab in the right column, if necessary.
   2. Next to rows, type the number of rows required e.g. 2.
   3. Next to columns, type the number of columns required, e.g. 2.
   4. Click on add table.

      You can change the sort of table by clicking on the drop-down menu next to table class.
       There are four types of table: plain (with no lines), list (some lines and a grey
       background), grid (lines, and rows in different colours) and datagrid (black lines).
    You can change the alignment of the text in a column by clicking on the drop-down menu
       next to column align.
    You can change the column width to 2,1 if you would like to have one column wider than
       the other, for example.
After any of these modifications, click update table.

9.    Creating a folder
Folders are useful for organising files of a similar type or on a particular subject.
    In the Contents screen, click new and select Silva Folder in the drop-down list.
    Give the folder a name in the id box (using a-z, 0-9 and – as with document ids) and a
      short description in the title box.
    Click save.

                                                                                                   3
Note: When you create a folder in Silva, a Silva index document is also created with the same
title as the folder. If you ever need to change a folder title (which appears in the automatic menu
on the left), go to the folder in the Contents screen and click on the properties tab.

10.    Deleting and renaming files
If you want to delete or rename a file in the Contents screen, it may be published, in which case
you must first click its checkbox and the close button.

11.     Moving documents and files
If you want to move or copy files in the Contents screen, again you may need to close them first
before using cut or copy.
If you just want to move documents up and down the left-hand menu, use the arrows in the shift
column on the far right of the Contents screen. If you want move the documents a long way, it
will be quicker to click the document’s checkbox, select the position you want it to occupy in the
position drop-down box e.g. 3, bottom left and then click the move button.

12.   Changing font size, colour etc.
You can change the appearance of the text on your site using cascading stylesheets.
     In the new drop-down box, select Silva Stylesheet. Click save + edit. This creates a file
      called local-style.css which changes formatting in its folder and all subfolders (hence
      cascading stylesheet) unless a separate local-style.css is put in a subfolder.
     You can now change elements of formatting by selecting Paragraph Types, Headings,
      Formatting and Lists, Hyperlinks and Anchors, Left Hand Menus and Tables (silvatable,
      plain) etc. in the Text Markup and Image Properties drop-down box, top left.

Examples of CSS code for elements:
font-size: 75%; text-align: center;
color: brown; font-size:120%; margin-left: 1cm;
font-size: 75%; text-align: justified; font-weight: bold;
To change line spacing: line-height: 120%;

Colours
Instead of colour words like brown, you can use Hex codes like #CC9900 (see
www.colorschemer.com/online.html ). N.B. ―Web-safe colours‖ (which display the same on the
PC and the Mac) only contain 00, 33, 66, 99, CC and FF in their Hex codes. If your colour is not
Web-safe, you can round the numbers up or down so that it becomes so.
The p element is for most text; p.lead or p.annotation could be for text you want to stand out.
Once you have defined it, select the paragraph or heading type in the plain drop-down box (top
left) in kupu.

13.    Further information
www.ucl.ac.uk/isd/staff/websites/silvaCMS
silva-support@ucl.ac.uk

Demonstration site for advanced features:
www.ucl.ac.uk/silva/ucl-branding-demo/content-layout




4

				
DOCUMENT INFO