CONTENTS. Classification Manager... 4 Content Contributor... 4 Content Editor... 4 Image Manager... 4 Webpage Publisher... 4

Transcription

1 Last updated 09 November 2011 ARCONICS CONTENT MANAGEMENT SYSTEM USER GUIDE CONTENTS 1. Content Management System Tools Classification Manager... 4 Content Contributor... 4 Content Editor... 4 Image Manager... 4 Webpage Publisher Classification Manager Create top-level menus for your website... 6 Classification templates... 7 Apply base and body templates to a menu Create submenus Edit an existing menu name Reorder menus Hide and show menus Hyperlink a menu name to another website Delete a classification/menu Content Contributor Add text to a page by typing The Editor Add text to a page by pasting Paste from Word Paste as plain text Paste Upload a document Content Editor Edit text on a web page Reclassify a document Delete content Image Manager View an image in the Quick View tab View an image in the Detail tab Upload an image Sort images Paging Find an image Delete an image... 35

2 Last updated 09 November More Procedures Upload a document to a hidden page View a hidden page in your website Replace an uploaded document Create hyperlinks Hyperlink a piece of text to another page of your website Hyperlink a piece of text to a document within your website Hyperlink a menu name to a document within your website Hyperlink a piece of text to an anchor on the same web page Hyperlink a piece of text to an external website Hyperlink an address to an message Insert a table Insert an image Create staff profile pages Create a staff list web page Create a staff profile page Appendices Document Revision History This document is intended for use online. If you wish to print it, it is recommended that you do so in colour.

3 Last updated 09 November 2011 Classification Manager 1. Content Management System Tools To access the Arconics content management system (CMS), log onto using either your network username and password or the username and password issued to you by the UL web editor. (This is only issued in certain circumstances.) Figure 1 The Content Management Tools window opens: Figure 2 Content Management System Mairead Loughran Page 3 of 63

4 Last updated 09 November 2011 Classification Manager Classification Manager Within your website you will have various menus, and some menus will have submenus. This is known as your classification. You use the Classification Manager tool to create your menus and submenus. Each menu (and submenu) represents a location on your website where content is stored. Classification Manager is used to organise the location of your content. Content Contributor The Content Contributor tool is used for uploading and creating new information. With Content Contributor, you choose the type of template to use with your new content and where in your website s classification the new information is to appear. Within Content Contributor, you either type or paste content directly into the text area provided or you upload an attachment. When information is loaded as an attachment, it appears on your website as a hyperlink. Content Editor The Content Editor tool is used in the same way as Content Contributor except you use Content Editor to edit content that is already available on the website, i.e. it has already been created with Content Contributor. Image Manager The Image Manager tool is used to upload images to the CMS. Once the images have been uploaded to the system, you insert them into your web pages using either the Content Contributor tool or the Content Editor tool. Webpage Publisher This tool is used only by the UL web editor. Content Management System Mairead Loughran Page 4 of 63

5 Last updated 09 November 2011 Classification Manager 2. Classification Manager Classification Manager is used for: Creating new menus Applying classification templates to a new menu Creating submenus Editing menu names Reordering menus Hiding menus Hyperlinking from a menu to another website Deleting menus Clicking on Classification Manager brings you to the Classification Manager window. Figure 3 Content Management System Mairead Loughran Page 5 of 63

6 Last updated 09 November 2011 Classification Manager The window is divided into two panes. (i) The left-hand pane shows the tree structure of your website. (ii) The right-hand pane contains the tools needed to manage your website s menus. Create top-level menus for your website When you open the Classification Manager window, you will see either Services or Faculties under WWW at the top of the left-hand pane. Services contains the websites of service departments and Faculties contains the websites of academic departments. (The instructions to follow refer to Services; if you are working on an academic website, you will see Faculties instead.) 1. Click on the Services plus sign. 2. You will now see your department s name. If your website does not yet contain menus, there will not be a plus sign to the left of your department s name. (In the figure to follow you can see Quality, i.e. the website of the Quality Support Unit.) Figure 4 3. To create top-level menus for your website, click on the name of your department so that it is highlighted in blue (see next figure). (To see menu names more clearly in the left-hand pane, i.e. to prevent long names from wrapping to a new line, just drag the divider between the left- and right-hand panes to the right to expand the width of the left-hand pane see next figure.) 4. In the right-hand pane, click on the New button located at the top of this window. Content Management System Mairead Loughran Page 6 of 63

7 Last updated 09 November 2011 Classification Manager Figure 5 5. You will now see a list of empty text boxes in the right-hand pane. Type the name of each menu in the first text box of each row. Menu names must not have spaces, i.e. use an underscore (_) to join up words. Completing the other text boxes in each row is optional. Figure 6 6. When you have finished typing your menu names, click on the Save button at the top of the window (Figure 6). 7. If you have more than 10 menus to create, create the first 10 and click on Save. To create the additional menus, click on the parent menu name, i.e. Quality in this case, and then click on New again and follow the same procedure. 8. When all your menus have been created, open your new website to confirm that the menus have been added. Classification templates When you create a menu for your website, you must apply classification templates to the new menu item so that the web page can display content. Classification templates dictate what type of content can be displayed on a web page. There are two main types of template the base template and the body template. The figure to follow illustrates which part of the web page is governed by the base template and which by the body template. Content Management System Mairead Loughran Page 7 of 63

8 Classification Manager Figure 7 Content Management System Mairead Loughran Page 8 of 63

9 Classification Manager Unless your department has requested a customised base template from ITD, there will only be one type of base template available to you when you apply the base template to a web page (as per the Apply base and body templates to a menu procedure to follow). Unless your department has requested a customised body template from ITD, there will be two types of body template available to you when you apply the body template to your web page in the procedure to follow. The two types of standard body template are Body Text Only and Links. Body Text Only template A Body Text Only template displays one piece of content on a web page at a time. If you place two or more pieces of content (e.g. body text and an uploaded document) at one location, you will see Next and Previous buttons. Figure 8 With a Body Text Only template, it is better to create a hyperlink within a piece of text when you want users to be able to open an uploaded document. (The procedure for creating this type of hyperlink is given under Hyperlink to a document within your own website in section 6, More Procedures.) Links template A Links template (called a Multiple Links template in some departments templates) is used to classify multiple documents or content to one particular menu without the introduction of Next and Previous buttons on the resulting web page. The web page will display the title of each piece of content or document as a hyperlink. You might use a Links template for a News & Events page or for storing documents that are linked from other locations on your website. Appendix A shows images of UL Links template web pages that contain multiple content or documents on one page. If you have other requirements for your website, such as flash, log a request with the ITD Service Desk ( or call Content Management System Mairead Loughran Page 9 of 63

10 Classification Manager Apply base and body templates to a menu Follow the procedure below to apply templates to your newly created menus. 1. In Classification Manager, click on the Services or Faculties plus sign. (The figures for this procedure are taken from an academic department s website so will show Faculties at the top of the Classification tree in the left-hand pane.) You will notice that your department s name now has a plus sign, which means that it contains the top-level menus you created in the previous procedure. 2. Click on the plus sign beside your department s name to view your website s newly created menus. (Remember to drag the divider between the left- and right-hand panes to the right to expand the width of the left-hand pane.) Figure 9 3. In the left-hand pane, click on the first menu item that you created in the previous procedure and that now requires a base template and a body template to be applied to it. It will become highlighted in blue (see next figure). 4. Moving to the right-hand pane, click on the Build button. Figure A new window opens. If the UL web editor has not set base and body templates for your web pages, you will see the screen to follow. To set the templates, click on the Page Layout button. Content Management System Mairead Loughran Page 10 of 63

11 Classification Manager Figure In the Page Layout window, the Base Templates tab will be open by default. Unless your department has been given access to more than one type of base template, there will only be one to choose from (named Basic preceded by your department name, e.g. PPA Basic ). Click on the option button to the left of the template name and click on the Apply button. If you can see more than one base template listed, click on the option button to the left of the template you wish to apply and then click on the Apply button. Figure To apply the body template, click on the Page Layout button. 8. In the Page Layout window, click on the Body Templates tab. Content Management System Mairead Loughran Page 11 of 63

12 Classification Manager 9. To set the body template, click on the option button to the left of the template you wish to apply and then click on the Apply button. Figure Click on the Publish button to apply your chosen templates to your web page. This action will display how the page will look in the published website. Figure Close the window by clicking once on the X (Close) button in the top-right corner of the window. 12. Check your website to see how the published page looks. Content Management System Mairead Loughran Page 12 of 63

13 Classification Manager Create submenus This procedure is used to add child menus (submenus) to a parent menu. 1. In Classification Manager, click on the Services or Faculties plus sign. 2. Click on the plus sign beside your department s name to view your website s existing menus. (Remember to drag to the right the divider between the left- and right-hand panes to see your menu names more clearly.) Figure In the left-hand pane, click on the top-level menu item that requires a submenu. It will become highlighted in blue (as shown in Figure 16). 4. Moving to the right-hand pane, click on the New button. Figure Follow steps 5 to 8 in the Create top-level menus for your website procedure. 6. Follow the Apply base and body templates to a menu procedure to apply classification templates to the new submenus. Note: Use the same procedure to add additional submenus to a parent menu that already has submenus. Content Management System Mairead Loughran Page 13 of 63

14 Classification Manager Edit an existing menu name 1. In Classification Manager, drag the pane divider to the right and expand the menu tree in the left pane until you see the menu whose name you wish to change. 2. Click on the menu name so that it becomes highlighted in blue. 3. In the right-hand pane, click on Edit. 4. The menu name appears in a text box. Change the name in this text box, remembering to use underscores to join up multiple words in the new menu name. 5. Click on Save. Reorder menus 1. In Classification Manager, drag the pane divider to the right and expand the menu tree in the left pane until you see the menus you wish to reorder. 2. Click the parent menu item to highlight it. 3. In the right-hand pane, click on the Reorder button. 4. Select a menu item you want to reorder by clicking on it. 5. Use the Move Up or Move Down button to reorder that menu item. Figure Repeat until all menu items are in the desired order. 7. Click on Save. Hide and show menus You may wish to hide menu items in your website when: A menu item is under construction A menu item contains documents that are accessed through hyperlinks on other web pages Content Management System Mairead Loughran Page 14 of 63

15 Classification Manager To hide a menu: 1. Expand the tree structure in the left-hand pane until you see the menu item you want to hide. Click on the menu name to highlight it. 2. In the right-hand pane, click on the Hide/Show button. 3. This action places an asterisk (*) after the menu item, which indicates that it is hidden from view on your website. 4. To make the menu visible again on your website, click to select the menu item and click on the Hide/Show button again. Hyperlink a menu name to another website You may wish users of your website to be brought straight to another website when they click on a menu name in your website. 1. In your web browser, open the website you want to hyperlink to and copy its URL. 2. In Classification Manager, select the menu that you want to link to this other website. 3. In the right-hand pane, click on the Edit button. 4. In the URL box, paste in the URL you copied in step Click on Save. Figure Confirm that the link works by testing it in your website. Delete a classification/menu Let s say you create a classification (i.e. menu or submenu) but before you add any content to it, you decide that you no longer need it. Use this procedure to delete a classification that (i) does not have submenus or (ii) does not yet store any content. Content Management System Mairead Loughran Page 15 of 63

16 Classification Manager 1. Drag the pane divider to the right and expand the menu tree in the left pane until you see the menu you wish to delete. 2. Click on the menu name so that it becomes highlighted in blue. 3. In the right-hand pane, click on Delete. 4. A message box appears warning you that any content exclusive to this classification will be lost if you delete the menu. If you have not yet classified any content to this menu, click on OK. Figure Check your website to confirm that the menu has been deleted. Content Management System Mairead Loughran Page 16 of 63

17 Content Contributor 3. Content Contributor You use the Content Contributor tool to place new content on your web pages. You can type or paste text directly into the content area or you can upload a document from your hard drive. You can classify both types of content to the same page (i.e. body text and uploaded documents) but you cannot do so at the same time. How multiple pieces of content are accessed on the published web page (e.g. via Next and Previous buttons or as hyperlinks) depends on the type of body template you used for the page (refer back to Classification Templates in section 2, Classification Manager). Add text to a page by typing 1. In Content Contributor, click on the New button. Figure In the Content Contributor New window, select from the available options a template for the content you want to create. (Content templates dictate how content is displayed on a web page, as opposed to classification templates, which dictate what type of content can be displayed.) Content Management System Mairead Loughran Page 17 of 63

18 Content Contributor Figure 21 Please note that this image is taken from the Quality Support Unit CMS your options may be different. In some cases you may have more options to choose from. 3. On the Metadata screen, enter the following information: i. In the Title box, enter the text you wish to appear as the title of your web page. ii. If the template you chose includes a Summary box (and it may not), enter text you wish to display as summary text on your web page. Click here for an example of how summary text can be displayed. iii. Filling in the Description and Keywords boxes is optional unless the labels appear in red. If you do enter text here, it will not appear on your web page. (If the Description and Keywords labels in your version of the CMS are written in red, then you must enter some text in each box.) iv. Under Dates, publication and expiry dates and times will be set by default so you can ignore these fields unless the web editor instructs you otherwise. 4. When you have finished with the Metadata screen, click on the Next button. 5. On the Classification page, classify your content by selecting the menu where you want this content to appear. Do this by clicking once on the menu item in the classification list in the white box. If you want the content to appear on more than one page, click on other menu items as appropriate. If you change your mind about a particular menu item you have selected, simply click on that menu item again to remove the blue highlighting. Figure 22 Content Management System Mairead Loughran Page 18 of 63

19 Content Contributor 6. When you have finished, click on the Next button. This will take you to the Content page. You can return to the Classification or Metadata pages by clicking on the Back button. 7. Type your text in the Content text box. This text will appear on your web page as the body text. 8. You can format your text with the Editor. Click here for information on the Editor s formatting and editing tools. The Editor does not have a spell checker so be sure to check carefully the spelling in your text. Figure When you have finished entering and formatting your text, click on the Next button. This will take you to the Preview page. You can return to the Content page by clicking on the Back button. 10. If you are happy to proceed, click on the Submit button at the top of the screen. Figure Check your website to see how the text appears on the web page. You cannot enter text in the Content text box and upload a document at the same time. If you want your website users to be able to access documents from a piece of body text, you can create hyperlinks to the documents from within the text (see Hyperlink to a document within your own website procedure in section 6, More Procedures). You can store all your documents on a hidden page, i.e. on a page that is not visible to users of the website. To do this, follow the Upload documents to a hidden page procedure in section 6, More Procedures. Content Management System Mairead Loughran Page 19 of 63

20 Content Contributor The Editor (As depicted when size of editing area is maximised) Content Management System Mairead Loughran Page 20 of 63

21 Content Contributor Add text to a page by pasting You will often want to paste text into a web page instead of typing it from scratch. There are three ways of doing this: (i) paste from Word (or other Microsoft product); (ii) paste as plain text; and (iii) paste directly without formatting. The tools in the Editor that allow you to paste in each way are illustrated below. Figure Paste from Word The Paste from Word button allows you to paste a block of text from a Microsoft application (e.g. Word, Excel, PowerPoint). While pasting this way retains the formatting and layout of the original text (such as tables and hyperlinks), it also ensures that the text is in an acceptable format for the CMS. 1. Follow steps 1 to 6 in the previous procedure, Add text to a page by typing. 2. Find the text you want to copy (i.e. from a Microsoft application) and copy it. 3. Place the insertion point (i.e. the cursor) in the Content text box* where you want the copied text to appear, and then click on the Paste from Word button in the Editor. Figure The Paste from Word dialog box appears. (If the dialog box doesn t appear, select the Always allow pop-ups from this website setting in your browser.) Place your insertion point in the text box of the dialog box, paste in the text by pressing Ctrl+v on your keyboard, click on the Remove Styles definitions check box and click on OK. Content Management System Mairead Loughran Page 21 of 63

22 Content Contributor Figure When you have finished adding text to your page, follow steps 9, 10 and 11 of the previous procedure, Add text to a page by typing. * You can expand the Content text box by clicking on the Maximise the editor size button in the Editor (as highlighted below). Figure Paste as plain text Regardless of where you copied text from, you may wish to paste it into your web page with no formatting of any type. You will certainly want to do this when there is a lot of undesired formatting in the text you are copying. To strip the copied text of all its formatting, you use the Paste as plain text button. Content Management System Mairead Loughran Page 22 of 63

23 Content Contributor 1. Follow steps 1 to 6 of the Add text to a page by typing procedure. 2. Find the text you want to copy, and copy it. 3. Place the insertion point in the Content text box where you want the copied text to appear, and then click on the Paste as plain text button in the Editor. Figure When you have finished adding text to your page, follow steps 9, 10 and 11 of the Add text to a page by typing procedure. 3. Paste If the text you want to paste into your web page has already been through Arconics (e.g. you intend copying the text from another Arconics web page from within the CMS or from a live Arconics website), this means that the text has already been put into an acceptable format and therefore does not need to be formatted by the CMS (i.e. it does not need to be cleaned up ). You can paste this text directly into the Content text box using the Paste button. 1. Follow steps 1 to 6 of the Add text to a page by typing procedure. 2. Find the text you want to copy (i.e. text that was created in Arconics) and copy it. 3. Place the insertion point in the Content text box where you want the copied text to appear, and then click on the Paste button in the Editor. Figure 30 Content Management System Mairead Loughran Page 23 of 63

24 Content Contributor 4. When you have finished adding text to your page, follow steps 9, 10 and 11 of the Add text to a page by typing procedure. Upload a document 1. Make sure the document you want to upload is on your hard drive. 2. In Content Contributor, click on the New button. Figure In the New window, select from the available options a template for the document you want to create. Figure 32 Please note that this image is taken from the Quality Support Unit CMS your options may be different. In some cases you may have more 4. On the Metadata screen, enter the following information: i. In the Title box, enter text you wish to associate with the document you want to upload (e.g. the name of the document). Please note that this text is what your users will see on the page (unless it s a hidden page) so make it explicit, e.g. do not use shorthand. ii. Unless the Description and Keywords labels are written in red, these two boxes can be ignored. iii. Because publication and expiry dates and times will have been set by default, you can ignore these fields. 5. When you have finished with the Metadata screen, click on the Next button. 6. On the Classification page, select the classification where you want your document to be stored. Do this by clicking once on the menu item in the classification list. If you want the document to be stored in more than one location, click on other menu items as appropriate. (It is not recommended that you store a document in more than one location; it is better practice to store it in one location only and then use hyperlinks on other web pages to bring users to the document.) Content Management System Mairead Loughran Page 24 of 63

25 Content Contributor Figure When you have finished, click on the Next button. This will take you to the Content page. You can go back to the Classification or Metadata pages by clicking on the Back button. 8. This time ignore the Content text box because you cannot enter text and upload a document at the same time. Instead, browse for the document by clicking on the Upload from your PC Browse button. 9. In the Choose File to Upload dialog box that appears, locate the document you want to upload. Select the document and click on the Open button (or just double-click the document). 10. Click on the Upload Document button and wait for the document to upload. If you uploaded the wrong document, click on the Remove button and browse for the correct document. Figure Click on the Next button to take you to the Preview page. You can go back to the Content page by clicking on the Back button. 12. If you are happy to proceed, click on the Submit button. 13. Check your website to make sure the document is displayed on the web page as a hyperlink. Content Management System Mairead Loughran Page 25 of 63

26 Content Editor 4. Content Editor The Content Editor tool is used to edit information that has already been placed on the website. Content Editor also allows you to move the location of content by associating it with a different menu item in the Classification list. Edit text on a web page This procedure relates to editing text that you have entered directly into the Content text box with the Content Contributor tool (i.e. Add text to a page by typing or Add text to a page by pasting). It does not relate to editing attached documents. 1. In Content Editor, use the tree structure on the left to navigate to the menu item where the text to be edited is stored. (Remember that you can see your menu names more clearly by dragging the pane divider to the right to expand the width of the tree structure.) 2. Click once on the menu item to highlight it. 3. In the right-hand pane, click on the Published tab. 4. Your web page text is stored by the CMS as a file (or document), which is displayed as a blue hyperlink (or document title link) in the Published tab. Click on the hyperlink to open it. Figure 35 Content Management System Mairead Loughran Page 26 of 63

27 Content Editor 5. The document opens in the Preview tab. To edit the content, click on the Edit button. Figure The document now appears in the Content tab. On this screen you can edit text in the Title text box, the Summary text box (if applicable) and the Content text box. Figure To edit text in the Content text box (i.e. the body text of your web page), expand the text box by clicking on the Maximise the editor size button. Figure 38 Content Management System Mairead Loughran Page 27 of 63

28 Content Editor 8. Use the Editor (the editing toolbar at the top of the screen) to edit and format your text, add new text, hyperlink text, etc. When you are finished, click on the Maximise the editor size button again. Figure Scroll back to the top of the screen. If you need to reclassify the document, click on the Classification tab and make your choices in the Classification list (Figure 40). 10. When you are ready to proceed, click on the Save button. Figure 40 Content Management System Mairead Loughran Page 28 of 63

29 Content Editor Reclassify a document Follow this procedure if you want to change the location of content on your website. This applies both to content that was entered directly onto a page and to documents that were uploaded to your website. 1. In Content Editor, follow steps 1 to 5 of the previous procedure (Edit text on a web page). 2. Click on the Classification tab. Figure Reclassify the document in the Classification list (Figure 42). 4. When you are ready to proceed, click on the Save button. Figure 42 Content Management System Mairead Loughran Page 29 of 63

30 Content Editor Delete content You use the Published tab in the Content Editor tool to delete content. Each piece of content you classify to a menu item is stored by the CMS as a file (or document), which is displayed as a blue hyperlink (or document title link) in the Published tab. This applies to content that was entered directly onto a page as well as to documents that were uploaded to your website. 1. In Content Editor, drag the pane divider to the right and expand the menu tree in the left pane until you see the menu that contains the content you wish to delete. 2. In the right pane, click on the Published tab. Here you will see a list of all the separate pieces of content that have been classified to that menu item. 3. Select the check box to the left of the piece of content you wish to delete, and then click on the Delete button. Figure If you re sure you want to delete that piece of content, click on OK in the message window that opens. Figure 44 Content Management System Mairead Loughran Page 30 of 63

31 More Procedures 5. Image Manager The Image Manager tool stores web page images. You use Image Manager to (i) view existing images; (ii) upload new images; and (iii) manage your images (i.e. sort, find and delete). It is important to upload images to the CMS with Image Manager before inserting them on your web pages because if you simply copy and paste an image directly onto a web page, there is a risk that the link to it will break over time. This section covers viewing, uploading and managing images in Image Manager. The procedure for inserting an image on a web page is carried out in Content Editor and is covered in section 6, More Procedures. Image Manager has two tabbed pages (or tabs) in the right pane: Quick View and Detail. When you open Image Manager, the Quick View tab is displayed by default. This aptly named page lists your site s images by file name and allows you to view them at a glance. The Detail tab gives you more details about your images. As well as listing the images by file name, it gives the title, size, name of contributor and creation date for each image. You can sort, search for and view images in the Detail tab. View an image in the Quick View tab When you expand the hierarchy tree in the left pane and select your website name, your website s images are listed by file name in the Please select an image to view box of the Quick View tab. The image at the top of the list will always be selected by default. When you select (i.e. single left click) a particular image, you will see a small preview of that image to the right of the list box. To view the actual size of an image, select the image file name and click on the Actual Size button underneath the image preview. The actual size of the image is then displayed in a new window. Content Management System Mairead Loughran Page 31 of 63

32 More Procedures Figure 45 View an image in the Detail tab 1. If you have not already done so, use the tree structure in the left pane to navigate to your website. Click on the site name so that it becomes highlighted in blue. 2. In the right pane, click once on the file name of the image you wish to view. The image is then displayed in its actual size in a new window. Figure 46 Upload an image Before you upload an image to the CMS, you must ensure that the image file name does not contain any spaces. If it does, rename it accordingly, e.g. 2009_graduates.gif. Before you upload photos of staff members for staff profile pages, make sure they are all the same size (approximately 100x150 pixels). If not, resize them in your graphics package, not in the CMS, and then upload them to the CMS. The allowable maximum file size for an uploaded image is 2MB. To upload an image to the CMS: 1. In Image Manager, use the tree structure in the left pane to navigate to your website. Click on the site name so that it becomes highlighted in blue. Content Management System Mairead Loughran Page 32 of 63

33 More Procedures Figure In the right pane, click on the New button. 3. Type a title for the image in the top text box and click on the Browse button. The title you give the image will also serve as the image s ALT text, i.e. the text that pops up over the image when you move your cursor over it on a web page. Figure In the Choose file dialog box that appears, locate the image you want to upload. Click on the image and click on the Open button. The file path to the image now appears in the second text box. Figure 49 Content Management System Mairead Loughran Page 33 of 63

34 More Procedures 5. Click on the Upload button to upload the image to the CMS. The image is now available to you to insert on any of your web pages. (To do this, refer to the Insert an image procedure in section 6, More Procedures.) Sort images In the Detail tab, you can sort your images by file name, image title, file size, contributor or creation date. By default, images are listed by creation date. To change the way your images are listed, click on the name of the column you want to sort by. A green arrow is displayed to indicate the current sorting column. Figure 50 Paging If the number of images exceeds that which can be displayed on the screen, the system will create pages. The page numbers appear directly below the image list on the right. You can select a page by clicking on the required page number. You can scroll through the pages by using the Next and Previous links. Figure 51 Content Management System Mairead Loughran Page 34 of 63

35 More Procedures Find an image The only way to find an image on the Quick View tab is to scroll down through the list of images until you see the one you want. More comprehensive search facilities are available on the Detail tab. To find a particular image: 1. Click on the Detail tab. 2. Type a simple keyword or phrase into the Search text box above the list of images and click on the Search button. Figure 52 The images that match the result are displayed. Note: You should not use complex search parameters, such as quotation marks, parentheses, etc. Delete an image You can permanently delete an image from the repository. However, if you do so and the image is in use on your website, a broken link will appear where the image should be. If you just want to delete the image from a particular page, use Content Editor to do so. By doing this, the image remains in the repository and continues to be available to you should you need it again for that page or other pages of your site. To permanently delete an image from the repository: 1. Select the Detail tab. (You cannot delete images on the Quick View tab.) 2. Locate the image you wish to delete. (If you have a problem locating the image, follow the instructions given in the Find an Image procedure above.) 3. Select the image you wish to delete by selecting the option button beside it. 4. Click on the Delete button. A pop-up message will ask you to confirm that you wish to delete the image. Click on OK to continue or on Cancel to abandon. Content Management System Mairead Loughran Page 35 of 63

36 More Procedures 6. More Procedures Upload a document to a hidden page If your website contains documents that users access by clicking on hyperlinks within text, it is good web design practice to classify these documents to a hidden page. (The procedure for hyperlinking a piece of text to a document is given later in this section.) Uploading documents to a hidden page involves three distinct stages: (i) creating a new menu item with the Classification Manager tool; (ii) uploading the documents to the new menu with the Content Contributor tool; and (iii) hiding the menu with the Classification Manager tool. 1. In the Classification Manager tool, expand the tree structure in the left pane (remember to drag the pane divider to the right to make the left pane wider), select your website name and click on the New button. Figure In the right-hand pane, type a name for the new menu item in the Name (required) box, e.g. Hidden_Docs (remember to use underscores instead of spaces), and click on the Save button. Figure You now need to apply classification templates to the newly created menu item. To do this, expand the tree structure in the left pane until you see the menu item name (e.g. Hidden_Docs). 4. Click on the Hidden_Docs menu name and click on the Build button. Content Management System Mairead Loughran Page 36 of 63

37 More Procedures Figure To apply the base template, select your department s basic base template and click on the Apply button. 6. To apply the body template, click on the Page Layout button. 7. In the Page Layout window, click on the Body Templates tab. 8. You need a Links body template for this hidden page (because it will have multiple documents classified to it). To set the body template to Links, click on the option button to the left of the Links template name and click on the Apply button. (In the figure to follow, the Links template is named Quality Multiple Links Quality denoting the Quality Support Unit and Multiple Links meaning Links.) Figure Click on the Publish button. Content Management System Mairead Loughran Page 37 of 63

38 More Procedures Figure Close the window by clicking once on the X (Close) button in the top-right corner of the window. 11. The next stage of the procedure is to upload the documents to this page with the Content Contributor tool. (These are the documents you want users of your website to be able to access by clicking on hyperlinks on other pages.) Switch to the Content Contributor tool by clicking on the 1A Builder button at the top of the left pane. This brings you to the CMS home page, where you click on Content Contributor. 12. To upload the first document, follow steps 1 to 5 of the Upload a document procedure in section 3, Content Contributor. 13. On the Classification page, select Hidden_Docs from the classification list and click on the Next button. Figure In the Content page, click on the Upload from your PC Browse button and browse for the first document you want to upload. Content Management System Mairead Loughran Page 38 of 63

39 More Procedures 15. In the Choose file dialog box that appears, locate the document you want to upload. Select the document and click on the Open button (or just double-click the document). 16. Click on the Upload Document button and wait for the document to upload. 17. Click on the Next button to take you to the Preview page. 18. Click on the Submit button. 19. This brings you back to the initial Content Contributor window. To upload other documents, repeat steps 12 to 18 above for each document. 20. Next, go to the Hidden_Docs page of your website to make sure all your uploaded document titles are displayed on it. (At this point you can see the page in your website because you haven t yet hidden it.) Document titles are displayed in order of those most recently uploaded. 21. You now need to hide the page so that it will not be visible in your website. To do this, click on the PublishPort button, go back to the CMS home page and click on Classification Manager. 22. Expand the tree structure in the left pane until you see the Hidden_Docs menu name. Select the menu name to highlight it. 23. In the right pane, click on the Hide/Show button. Figure Finally, check your website to ensure the Hidden_Docs menu item is not visible. View a hidden page in your website As illustrated in the previous procedure, you will want to hide pages of your website that contain documents that are accessed by clicking hyperlinks on other pages. However, it s handy to be able to temporarily view a hidden page in the website after you ve uploaded a new document to it. As an alternative to showing the hidden page with Classification Manager (the Hide/Show button) and having to hide it again, use this quick and easy method instead: Content Management System Mairead Loughran Page 39 of 63

40 More Procedures 1. Open the website. 2. Click on the menu item for which the hidden page is a submenu (i.e. the menu under which you created the Hidden_Docs page in Classification Manager). If the hidden page was created as a direct submenu of the home page, go straight to the next step. 3. At the end of the website address in your browser s address bar, type a forward slash (/) followed by the name you gave the hidden menu (e.g. /Hidden_Docs) and press the Enter key. This temporarily displays the hidden page for you without the menu name appearing in the menu bar. (Note that you must type the name of the hidden page exactly as written when created, i.e. case sensitive.) Figure 60 Replace an uploaded document Once a document has been uploaded to a web page, it can very easily be replaced with a more up-to-date version. The procedure to follow will replace the Quality Manual on the Hidden_Docs page of the Quality Support Unit website. 1. Before you carry out this procedure in the CMS, make sure you have the replacement document ready on your hard drive. It doesn t have to have the same filename as the document that it is replacing. 2. In Content Editor, use the tree structure on the left to navigate to the menu item that stores the document to be replaced. 3. Click once on the menu item to highlight it. 4. In the right-hand pane, click on the Published tab. 5. All the documents classified to this page will appear as blue hyperlinks in the Published tab. If the page contains a lot of documents and if you don t see the document you want, click on 2 (i.e. page 2) in the bottom-right corner of the screen, and repeat this search until you find your document. Content Management System Mairead Loughran Page 40 of 63

41 More Procedures Figure When you see your document, click on it to open it. Figure The document opens in the Preview tab. Click on the Edit button. 8. The document now appears in the Content tab. Scroll down to the Attached area at the bottom of the screen. You ll see the name of the existing document in this area. Figure To replace the document, click on the Browse button. (You don t need to click on the Remove button.) 10. In the Choose File to Upload dialog box, locate the replacement document, select it and click on the Open button (or just double-click the document). 11. Click on the Upload Document button and wait for the document to upload. 12. Scroll to the top of the screen and click on the Save button. 13. Check that you have uploaded the correct document by either opening it in the CMS or in the website. Open it in the CMS in Content Editor as follows: Click on the document hyperlink in the Published tab and open the document in the Preview tab. To open the document on a hidden page in the website, Content Management System Mairead Loughran Page 41 of 63

42 More Procedures follow the previous procedure View a hidden page in your website and open the document on the page that is displayed. Create hyperlinks A hyperlink is a mechanism for giving your website users quick and easy access to additional, related information. In addition to hyperlinking a menu item in your website to another website (covered in section 2, Classification Manager), you can create hyperlinks to bring users (i) from text on one page to another page of your website; (ii) from text on a page to a document on your website; (iii) from a menu item to a document on your website; (iv) from text on a page to a place further down that page; (v) from text on a page to an external website; and (vi) from an address to an message for the addressee. The procedures to follow assume that you want to create hyperlinks on existing web pages, i.e. pages you previously created with the Content Contributor tool. 1. Hyperlink a piece of text to another page of your website Use this procedure when you want users of your website to be able to hyperlink from a piece of text on one page to another page of your website. 1. In Content Editor, use the tree structure on the left to navigate to the menu item that contains the text to be hyperlinked. (Remember that you can see your menu names more clearly by dragging the pane divider to the right to expand the width of the tree structure.) 2. Select the menu item and click on the Published tab. 3. In the Published tab, click on the file that contains the text you want to hyperlink. 4. The file opens in the Preview tab. Click on the Edit button. 5. Scroll down to the Content text box and click on the Maximise the editor size button. 6. If the piece of text to be hyperlinked is already included in the Content text box, highlight it by selecting it. Otherwise type the piece of text wherever is appropriate and highlight it. 7. Click on the Insert Internal Link button in the Editor. Figure The Internal Link window opens. In this window, expand the hierarchy tree by repeatedly clicking the plus signs until you can see the menu you want to link to (see Figure 65). 9. Highlight the menu name and click on the OK button. Content Management System Mairead Loughran Page 42 of 63

43 More Procedures Figure On the Content page, you will see the hyperlinked text highlighted in blue. Minimise the editing area, scroll up and click on the Save button. Figure Check your website to make sure the hyperlink brings you to the intended menu. Content Management System Mairead Loughran Page 43 of 63

44 More Procedures 2. Hyperlink a piece of text to a document within your website Use this procedure when you want users of your website to be able to hyperlink from a piece of text to a document that is classified to a hidden page of your website. The user clicks on the hyperlinked piece of text on one page, and this opens the document in its own window. This procedure assumes that you have already classified the document to a hidden page of your website. If not, follow the Upload documents to a hidden page procedure at the start of this section. 1. Before you insert the hyperlink into a piece of text, you must copy the URL of the document you want your users to hyperlink to. To copy the URL of the document, open the Hidden_Docs web page in your website by typing its menu name in your browser s address bar (as covered in the View a hidden page in your website procedure earlier in this section). 2. On your Hidden_Docs web page, open the document you want your users to hyperlink to. 3. Copy the URL of the open document from your browser s address bar. Figure In Content Editor, follow steps 1 to 5 of the previous procedure (Hyperlink a piece of text to another page of your website). 5. If the piece of text to be hyperlinked to the document is already included in the Content text box, highlight it by selecting it. Otherwise type the piece of text wherever is appropriate and highlight it. 6. Click on the Insert/Edit Link button in the Editor. Figure In the Link window that opens, leave the Link Type as URL. 8. In the URL box, paste the URL of the document you want to link to (i.e. the URL you copied in step 3 above). Content Management System Mairead Loughran Page 44 of 63

45 More Procedures Figure Click on the Target tab. 10. Click on the drop-down arrow in the Target box and select New Window (_blank). This will ensure that the hyperlinked document opens in its own window. Figure Click on OK. 12. On the Content page, you will see the hyperlinked text highlighted in blue. Minimise the editing area, scroll up and click on the Save button. 13. Check your website to make sure that clicking on the hyperlink opens the intended document in its own window. 3. Hyperlink a menu name to a document within your website Use this procedure when you want users of your website to be able to hyperlink directly from a menu name to a document that is classified to a hidden page of your website. For example, if you wanted your users to access your unit s quality manual quickly and easily, you might decide to create a menu item named Quality Manual and insert a hyperlink on the menu name to the manual itself rather than to a web page. When the user clicks on the Quality Manual menu name, the manual opens. (However, the CMS cannot set the Content Management System Mairead Loughran Page 45 of 63

46 More Procedures document to open in its own window when hyperlinked from a menu.) This procedure assumes that you have already classified the document to a hidden page of your website. If not, follow the Upload documents to a hidden page procedure earlier in this section. 1. Before you insert the hyperlink onto the menu name, you must copy the URL of the document you want your users to hyperlink to. To copy the URL of the document, display the Hidden_Docs web page in your website (as covered in the View a hidden page in your website procedure earlier in this section), click on the document link and copy the document s URL from your browser s address bar. 2. In Classification Manager, navigate to and select the menu that you want to link to the document. 3. In the right-hand pane, click on the Edit button. Figure In the URL box in the right pane, paste the URL you copied in step 1 and click on Save. Figure Confirm that this works by testing it in your website. Content Management System Mairead Loughran Page 46 of 63

47 More Procedures 4. Hyperlink a piece of text to an anchor on the same web page Anchors are the same as bookmarks in MS Word they allow you to hyperlink a piece of text to another piece of text that appears on the same web page. You will most likely want to insert an anchor to a section of text that appears further down the web page but is referred to higher up the page. (However, bear in mind that it is not good web design to create long web pages, i.e. ones that require the user to scroll down. It is better practice to create separate menus/submenus for such pieces of information.) To hyperlink to an anchor, you first insert the anchor and then you create the hyperlink. 1. In Content Editor, follow steps 1 to 5 of the procedure Hyperlink a piece of text to another page of your website. 2. In the maximised Content text box, place the insertion point to the left of the section of text where you want to place the anchor. 3. Click on the Anchor button. Figure Type an appropriate name for the anchor (without spaces) and click on OK. Figure The text that has the anchor attached to it will appear as illustrated in Figure 75. Content Management System Mairead Loughran Page 47 of 63

48 More Procedures Figure Repeat this procedure until you have placed all your anchors on the page. 7. You now insert hyperlinks for each anchor. Highlight the piece of text you want to hyperlink to your first anchor and click on the Insert/Edit Link button. Figure The Link window opens. In the Link Type box, click on the down arrow and select Link to anchor in the text. 9. In the Select an Anchor By Anchor Name box, click on the down arrow and select the name of your first anchor. 10. Ignore the By Element Id box and click on OK. Figure 77 Content Management System Mairead Loughran Page 48 of 63

49 More Procedures 11. The hyperlinked text appears as highlighted below. Figure Repeat this procedure until you have inserted a hyperlink for each anchor. 13. When all anchors and hyperlinks have been inserted, minimise the editing area, scroll up and click on Save. 14. Check your website to make sure that clicking on a hyperlink brings you to the intended anchored piece of text on that page. 5. Hyperlink a piece of text to an external website Use this procedure when you want users of your website to be able to hyperlink from text on a web page to an external website (as opposed to hyperlinking from a menu item to an external website, as covered in the Hyperlink a menu name to another website procedure in section 2, Classification Manager). 1. Navigate to the external website and copy its URL from your browser s address bar. 2. In Content Editor, open the page where you want to place the link to the external website. (Follow steps 1 to 7 of the Edit text on a web page procedure in section 4, Content Editor.) 3. In the maximised Content text box, type the name of the external website wherever is appropriate. If the name had already been typed in by you when you created the page, go straight to the next step. 4. Select the website name and click on the Insert/Edit Link button in the Editor. Figure In the Link window that opens, leave the Link Type as URL and paste the address of the external website (which you copied in step 1) into the URL box. Content Management System Mairead Loughran Page 49 of 63

50 More Procedures Figure Click on the Target tab. 7. Click on the drop-down arrow in the Target box and select New Window (_blank). This will ensure that the external website opens in its own window. Figure Click on OK. 9. On the Content page, you will see the hyperlinked text highlighted in blue. Minimise the editing area, scroll up and click on the Save button. 10. Check your website to make sure that clicking on the hyperlinked external website name opens the website in its own window. 6. Hyperlink an address to an message Use this procedure when you want users of your website to be able to open a new message by clicking on a hyperlinked address. 1. In Content Editor, open the page where you want to place the link on the address. (Follow steps 1 to 7 of the Edit text on a web page procedure in section 4, Content Editor). Content Management System Mairead Loughran Page 50 of 63

51 More Procedures 2. In the maximised Content text box, type the address wherever is appropriate. If the address had already been typed by you when you created the page, go straight to the next step. 3. Select the address and click on the Insert/Edit Link button in the Editor. Figure In the Link window that opens, select from the Link Type drop-down list. 5. Type the address in the Address box. Completing the Message Subject and Message Body boxes is optional. Figure Click on OK. 7. On the Content page, you will see the hyperlinked address in blue. Minimise the editing area, scroll up and click on the Save button. 8. Check your website to make sure that clicking on the hyperlinked address opens a new message with the addressee as the recipient. Content Management System Mairead Loughran Page 51 of 63

52 More Procedures Insert a table You can use tables in the CMS to display tabulated content and to place images on a page. You insert tables into your web pages by using the Insert/Edit Table button in the Editor. By way of example, the procedure to follow places a 7-row, 3-column table on an existing page. 1. In Content Editor, open the page where you want to insert the table. (Follow steps 1 to 7 of the Edit text on a web page procedure in section 4, Content Editor.) 2. In the maximised Content text box, place the insertion point where you want your table to appear and click on the Insert/Edit Table button in the Editor. Figure In the Table Properties window that opens, set the number of rows to 7 in the Rows box and set the number of columns to 3 in the Columns box. 4. Use the Width and Height boxes to set the width and height of table cells in pixels or (in the case of table width) as a percentage of page width. In this case, leave the Width setting at 200 pixels and leave the Height setting blank. 5. If you want your table borders to be seen on the web page, leave the Border size setting at 1. If you do not want the borders to be seen, set the Border size to 0. In this case, leave the setting at If you choose to show borders, use the Cell spacing setting to vary the width of the borders and the Cell padding setting to vary the amount of spacing between the text and the borders. In this case, leave each setting at By default, the Alignment setting of <Not set> will place the table on the left of the page. You can align the table in the centre or on the right by using the Alignment drop-down list. In this case, leave the setting at <Not set>. 8. Choose a Type option depending on whether you want the table to have a header column (first option), a header row (second option) or both (third option). (Text that you type later on in the header row or header column will appear in bold.) In this case, select the second option. 9. If desired, enter a caption for your table in the Caption box. 10. Ignore the Summary box and click on OK. Content Management System Mairead Loughran Page 52 of 63

53 More Procedures Figure Enter data into the table cells. As you enter text into a cell, the width of that column will expand to accommodate the text. You can resize the columns when you have finished entering all your data. 12. When typing text in a cell, use a soft return (Shift+Enter) to move to the next line without introducing an unwanted line space (as happens when you press Enter on its own). 13. Manipulate the size of the rows and columns by selecting the entire table and dragging the table handles. Select the table by clicking anywhere on the perimeter of the table. Figure Right-clicking in the table gives you options to add or delete rows, columns or cells; merge or split cells; delete the entire table or return to the Table Properties window. Content Management System Mairead Loughran Page 53 of 63

54 More Procedures Insert an image Before you can insert images on your web pages, you must first upload the images to the CMS. Do this by following the Upload an image procedure in section 5, Image Manager. Once the images have been uploaded to the system, you are ready to insert them on your web pages. You can insert an image with the Content Contributor tool or the Content Editor tool. The procedure to follow assumes you want to insert an image on an existing web page. In this case, you insert the image with Content Editor. 1. In Content Editor, open the page where you want to place the image. (Follow steps 1 to 7 of the Edit text on a web page procedure in section 4, Content Editor.) 2. In the maximised Content text box, place the insertion point where you want the image to appear and click on the Insert/Edit Image button in the Editor. Figure In the left pane of the Image Properties window, expand the Groups tree structure until you see your website name. Click on your website name (so that it highlights in blue). 4. In the Quick View tab in the right pane, select the image you want to insert* and click on the Insert button. Figure 88 Content Management System Mairead Loughran Page 54 of 63

55 More Procedures 5. You will see the inserted image on the Content page. Minimise the editing area, scroll up and click on the Save button. 6. Check your website to see how the image looks on the page. * If you cannot easily find the image you want in the Quick View tab, open the Detail tab and follow the Find an image procedure given in section 5, Image Manager. Create staff profile pages Your department will more than likely want to provide staff profile details on its website. The following procedures show you how to (i) create a staff web page that lists all members of staff and their contact details; and (ii) create a profile page for each member of staff. The information for both types of page will be placed in tables. 1. Create a staff list web page This page will list all department members of staff and their contact details in a table with no borders and will provide hyperlinks from each person s name to their own profile page. It will look something like the page below. Figure 89 This procedure assumes you have already created a menu item for the staff list, e.g. Faculty and Staff, with the Classification Manager tool and that you have applied base and body templates to the menu classification (a Body Text Only template is sufficient) and classified content to the menu with the Content Contributor tool. 1. In Content Editor, open the page where you want to create the staff list. (Follow steps 1 to 7 of the Edit text on a web page procedure in section 4, Content Editor.) Content Management System Mairead Loughran Page 55 of 63

56 More Procedures 2. In the maximised Content text box, you will insert a three-column table to display staff names & position titles, phone numbers and addresses. To do this, place the insertion point where you want your table to appear and click on the Insert/Edit Table button in the Editor. (Alternatively, create and populate the table in Word and copy it into the Content text box by using the Paste from Word button in the Editor. In the Paste from Word window that appears, paste the table into the box and de-select the Ignore Font Face definitions check box. If you choose to create and populate the table in Word, do your editing and formatting in Word before pasting the table into the Content text box. Now proceed to step 13 to hyperlink the addresses.) 3. In the Table Properties window, set the number of rows to the number of staff members plus one (to allow for a header row). Set the number of columns to Set the table width to 80% and leave the Height setting blank. 5. Set the Border size to 0 and ignore the Cell spacing and Cell padding settings. (This will hide the borders of your table on the web page as depicted in Figure 89 above and is a personal choice. You will still see the borders in the CMS.) 6. Leave the Alignment setting at <Not set>. 7. Even though you may not want to have a header row for this particular table, you have to choose a Type option. In this case, select the second option. 8. In this case, leave the Caption and Summary boxes blank. 9. Click on OK. Figure Leaving the first row blank (because it s the header row and can be ignored in this case), type in names and job titles (first column), phone numbers (second column) and addresses (third column) for all staff members. If you re pasting text from another source (e.g. from the department s old website), use the Editor s Paste as plain text button. 11. You can apply formatting changes to the text with the Editor s tools. Content Management System Mairead Loughran Page 56 of 63

57 More Procedures 12. Use your keyboard s spacebar at the end of cell text to manipulate column width. (This is done by trial and error check how the columns look in your website.) 13. To hyperlink the addresses, follow the Hyperlink an address to an message procedure given earlier in this section. 2. Create a staff profile page Once you have created the web page that lists all members of staff, you are ready to create individual staff profile pages that are accessed via hyperlinks on the main staff list page. The figure below shows a sample staff profile page. Figure 91 The procedure to follow shows you how to create the above staff profile page. 1. In Classification Manager, create submenus under the Faculty_and_Staff menu for each member of staff. (You can hide these submenus later but leave them unhidden while you are creating each page.) 2. By clicking on the PublishPort button, go back to the CMS home page and click on Content Contributor. Content Management System Mairead Loughran Page 57 of 63

58 More Procedures 3. In Content Contributor, follow steps 1 to 4 of the Add text to a page by typing procedure from section 3, Content Contributor. 4. On the Classification page, classify your content by selecting the first submenu under the Faculty_and_Staff menu and click on the Next button. Figure Expand the Content text box and insert a table to hold the staff profile details, including a photo of the staff member. An 80% three-column table is used in the sample staff profile page in Figure 91 above, with the photo being inserted in the third column. The block of text below the image was pasted into the last row of the table using the Paste as plain text button in the Editor. (Alternatively, you can create and populate the table in Word as described in step 2 of the previous procedure, leaving the third column empty for inserting the staff photo from within the CMS.) 6. The photo needs to have been uploaded to the CMS before you can insert it on the page. If you haven t already done this, do so by following the Upload an image procedure in section 5, Image Manager. Ensure that the photo is approximately 100x150 pixels in size. 7. To insert the photo, place the insertion point in the third column and click on the Insert/Edit Image button in the Editor. 8. In the left pane of the Image Properties window, expand the Groups tree structure and click on your website name. 9. In the Quick View tab in the right pane, select the image you want to insert (use the Detail tab if you have trouble finding it), and then click on the Insert button. 10. When you have finished entering and formatting the text and have inserted the photo, click on the Next button to proceed to the Preview page. 11. If you are happy to proceed, click on the Submit button. Content Management System Mairead Loughran Page 58 of 63

59 More Procedures 12. To insert a hyperlink on the staff member s address and to create links to such material as programme and module documentation and the staff member s publications, switch to the Content Editor tool (via the PublishPort button) and follow the relevant procedures for creating hyperlinks as documented earlier in this section. 13. When you have finished creating all the individual staff profile pages, go back to the main page that lists all members of staff and, using the Insert Internal Link button in the Editor, insert hyperlinks from each staff member s name to their own staff profile page. Do this by following the Hyperlink a piece of text to another page of your website procedure described earlier in this section. Content Management System Mairead Loughran Page 59 of 63

60 Appendices Appendices Appendix A: Links Web Page Samples Sample 1: News & Events with summary field (common method) Note: Some departments have developed a Facebook page for their websites. A Facebook page will help with your Google rankings. Please note that the Facebook page is created and maintained by the department. The link and image are provided by the UL web editor. Content Management System Mairead Loughran Page 60 of 63

61 Appendices Sample 2: News & Events with image and text in summary field Content Management System Mairead Loughran Page 61 of 63

62 Appendices Sample 3: Multiple documents on visible page of website Sample 4: Multiple documents on hidden page of website* * As documented in the View a hidden page in your website procedure in section 6, More Procedures, you can view a hidden page by typing a forward slash (/) followed by the name you gave the hidden page (e.g. /Hidden_Docs) at the end of your browser s address bar and pressing the Enter key. Content Management System Mairead Loughran Page 62 of 63