WCMS Designing Content

Transcription

1 WCMS Designing Content WCMS Redesign Series: Part II FINAL California State University, Bakersfield Last modified 7/15/2014

2 Page 2

3 REVISION CONTROL Document Title: Author: File Reference: CT055 WCMS - Designing Content QRG.docx Campus Training../SA Training/Production/Training Courses/Web/CT055 WCMS - Designing Content4 Sitemapping with WCMS Revision History Revision Date Revised By Summary of Revisions Section(s) Revised 4/18/2013 T. Sherman Created document All Review / Approval History Review Date Reviewed By Action (Reviewed, Recommended or Approved) 5/10/2013 Colleen Dillaway Approved Don David Reviewed Page 3

4 Table of Contents Page 1.0 WCMS Redesign Series Overview WCMS Designing Content Overview Assumptions File and Page Management How to view files and pages How to edit pages How to move and rename files and pages How to copy files and pages How to publish files and pages How to unpublish files and pages How to delete files and pages How to upload files WCMS Editor Editor Composition Working with Content Pages Inline Metadata Content-template How to edit a Content Page Working with FAQ Pages FAQ-template How to edit a FAQ Page Working with Organized Links Pages Landing-template How to edit an Organized Links Page Enhancing your Pages Symbols, Subscripts, and Superscripts Bold, Italics, Underline, and Strike-through Styles Format Options Copy, Cut, and Paste Find/Replace Spell Checking Lists Page 4

5 7.9 Indentation Undo/Redo Internal Hyperlinks External Hyperlinks Clearing Formatting Full screen Mode and Zoom Getting Help Appendix How to access the WCMS WCMS Editor Options Full Listing Sample Organized Links Page Page 5

6 1.0 WCMS Redesign Series Overview The WCMS Redesign series aims to assist you with redesigning your website. The series concentrates on the WCMS tool and the five basic content templates designed by Articulate Solutions Incorporated. Additionally, it covers adding images from the CSUB stock photos residing on Yahoo Flickr. The series focuses on three main areas of your website: Sitemap Panel Content Panel Feature Panel As such, this series covers these panels in three parts. The parts of the series are: Sitemap Content Feature Elements WCMS - Site Mapping WCMS - Designing Content WCMS - Adding Feature Elements 1.1 WCMS Designing Content Overview WCMS Designing Content is the second section of the three part series on website redesign. In this section, you will learn how to use the WCMS editor. You will add content using the Content, Organized Links, and FAQ pages. Additionally, you will learn how to manage your files and web pages. The subsequent guide in this series will build upon the content in this guide. WCMS Site Mapping WCMS Designing Content WCMS Adding Feature Elements 1.2 Assumptions The general instructions herein assume that you: Are comfortable with using web applications Have the appropriate security access to use the WCMS Are responsible for maintaining your website content Are familiar with the concepts covered in the WCMS Site Mapping guide Are using Mozilla FireFox, the preferred web browser for the WCMS Page 6

7 2.0 File and Page Management You have several operations for managing your files and pages within the WCMS. You have the ability to perform any of the following tasks: View Edit Move / Rename Copy Publish Delete You can perform these operations a number of ways, such as from the left pane or main window view. Similar operations are available for folders. However, this guide will focus on performing these operations for files and pages from the left pane. 2.1 How to view files and pages The View option allows you to see the contents of a file or page. These instructions will guide you in viewing a file or page. 1. To begin, Navigate to the desired page Click beside the page 2. When the pop-up menu appears, Click View 3. The page opens in your main window view in Layout view. Page 7

8 2.2 How to edit pages The Edit operation allows you to change the contents of your page, such as the Title, Keywords, etc. Regardless of the type of page, you will follow these same steps to open a page in edit mode. Once the page is in edit mode, the features available to you will vary based on the type of page. These instructions will guide you in editing a page. 1. To begin, Navigate to the desired page Click beside the page, such as index 2. When the pop-up menu appears, Click Edit 3. The page will open in edit mode. The features on this page will vary depending on the type of page. 4. Make the desired changes to the page and click the button Page 8

9 2.3 How to move and rename files and pages The Move/Rename operation allows you to change the location and name of a page. This operation is helpful, if you select accidently the wrong Parent Folder or you want to change the page name. These instructions will guide you in moving a folder. 1. To begin, Navigate to the desired page Click beside the page, such as index 2. When the pop-up menu appears, Click Move/Rename 3. The Move/Rename page opens. 4. To rename your page, In the System Name, enter the new name If you are renaming a file, you must include the file extension, such as.docx or.pdf If you are not moving your file or page, skip to step 7, otherwise continue with the next step. 5. To move your folder, In the Parent Folder, click the picture button to navigate to the desired parent folder. Page 9

10 6. The page opens to allow you to navigate to the desired parent folder. appropriate folder, button 7. If you move or rename your file, then you must click the Unpublish Content box. After unpublishing the content, you will need to republish the page. To republish the page, see 0 How to publish on page When you are satisfied with your changes, button 2.4 How to copy files and pages The Copy operation allows you to duplicate a page. This operation is helpful, if you want to back up a page before making major changes or you plan to use a similar page structure in a different area of your website. These instructions will guide you in copying a page. 1. To begin, Navigate to the desired page Click beside the page, such as index 2. When the pop-up menu appears, Click Copy Page 10

11 3. The Copy properties page opens. 4. To copy your file, In the System Name, enter the new name, such as index-original If you are renaming a file, you must include the file extension, such as.docx or.pdf. If you are making a backup copy, add to the original name, such as index-original or index Alternatively, you can use the versioning feature to revert to a prior version. 5. If you are copying the page to a different folder, then, In the Parent Folder, click the navigate to the new location. Otherwise, skip to step 7. button to 6. The page opens to allow you to navigate to the desired parent folder. appropriate folder, such as Degrees. button 7. When you are satisfied, button Page 11

12 2.5 How to publish files and pages The Publish operation allows you to publish a page. This operation is helpful, if you update a page. Also, you will need to publish any files or images to which the page refers. These instructions will guide you in publishing a page. 1. To begin, Navigate to the desired page Click beside the page, such as index 2. When the pop-up menu appears, Click Publish 3. On the Publish tab, Check the Publish Report Check the Publish Mode button 4. After publishing the page, you will receive success message. 5. You will need to check the message to ensure the publishing success. To check the message, Click Home Page 12

13 6. When the Dashboard opens, click the Publish of message 7. The view Message Detail page appears. You should check the links for Successful Jobs, Jobs with Errors, Skipped Jobs, and Broken Links. The Successful Jobs followed by a number in parentheses indicate the publishing or other process was successful. If a number in parentheses follows the Jobs with Errors, Skipped Jobs, or Broken Links, then an error took place, during the process. You will need to click the link to view the error detail. 2.6 How to unpublish files and pages The Publish operation allows you to unpublish a page or file. This operation is helpful, if you move or no longer need a page. Also, you will need to unpublish any files or images to which the page refers. These instructions will guide you in unpublishing a page. 1. To begin, Navigate to the desired page Click beside the page, such as index Page 13

14 2. When the pop-up menu appears, Click Publish 3. On the Publish tab, Check the Publish Report Check the Un-publish button 4. After publishing the page, you will receive success message. 5. You will need to check the message to ensure the unpublishing operation was successful. To check the message, Click Home 6. When the Dashboard opens, click the Unpublish of message 7. The view Message Detail page appears. You should check the links for Successful Jobs, Jobs with Errors, Skipped Jobs, and Broken Links. Page 14

15 The Successful Jobs followed by a number in parentheses indicate the publishing or other process was successful. If a number in parentheses follows the Jobs with Errors, Skipped Jobs, or Broken Links, then an error took place, during the process. You will need to click the link to view the error detail. 2.7 How to delete files and pages The Delete operation allows you to remove a page permanently. This operation is helpful, if you no longer need a page. Once you delete a page, you cannot retrieve it. So, exercise extreme care when using this operation. These instructions will guide you in deleting a page. 1. To begin, Navigate to the desired page Click beside the page, such as index 2. When the pop-up menu appears, Click Delete 3. In the Un-publish section, Check the Un-publish Content 4. In the Confirm section, button Page 15

16 5. After deleting the folder, you will receive a success message. You will need to check your messages, if the operation was not successful. 2.8 How to upload files As you create your web content, you may want to add files, such as PDF or Word documents. To make these items available to your web pages, you will need to upload them. These instructions will guide you in uploading files. For instructions on uploading images, please refer to the Adding Feature Elements with WCMS guide. 1. To upload a file, Click New Click Uploads Click Upload New File 2. When the New File page appears, In the System Name, enter a name for the file including the file extension, such as geoapp.pdf or geoapp.docx You must include the file extension, such as.docx or.pdf. Omitting the file extension will cause undesirable results. 3. In the Parent Folder, click the button to navigate to the desired parent folder. 4. The page opens to allow you to navigate to the desired parent folder. appropriate folder, such as _files. button For good page management reasons, you should keep all your files and images in one place. Page 16

17 5. In the Data section, button. 6. When the File Upload window opens, Navigate to the desired folder desired file button 7. After selecting the file, click the button 8. If your file upload was successful, you should see: Asset created successfully message Your uploaded file in the selected folder Your uploaded file in the main window view Page 17

18 3.0 WCMS Editor The WCMS Editor is a user-friendly utility for creating, managing, and publishing your website content. From the editor, you have several options for enhancing your text. Additionally, you can add design elements, such as images, videos, and tables. You can format your text using the alignment, indentation, styles, and other format options. Moreover, you can use the full screen option to see more of your content at once. 3.1 Editor Composition For most pages, the WCMS editor contains a Column Header, Column Content, and Editing Options. The Column Header works similar to a heading. You enter your web content into the Column Content area Editing Options The WCMS editor provides many options for customizing your web content. Figure 1 shows the features available in the WCMS for designing your content. As you can see from the editor, many of these features are similar to the ones used for word processing. Figure 1: WCMS Editor Options For the features that are new to you, Table 1 contains a partial listing of the symbols, symbol names, descriptions, and examples, when appropriate. For a complete listing including the unsupported features, see the Appendix on page 44. Table 1: WCMS Editor Partial Listing Symbol Name Description Example Symbol Inserts a symbol or X 2 Subscript Adds a subscript He 2 X 2 Superscript Adds a superscript e=mc 2 B Bold Bolds the selected text Bold text Page 18

19 I U Italics Underline 4.0 Working with Content Pages The Content page is the most versatile page available in the WCMS. When created, the index page is a blank page with no additional formatting (Figure 2). You can edit the page to add the main content and optionally add Feature Panel elements. The Content page has two main areas: Inline Metadata and content-template. Figure 2: Blank Content Page Preview 4.1 Inline Metadata The Inline Metadata section (Figure 3) allows you to add a title and keywords. Figure 3: Inline Metadata Title The title is the name that shows in the tab or window of your web browser, as illustrated in Figure 4. Figure 4: Title Illustration Keywords Page 19

20 Keywords are words that someone may use to search for your web page. You should consider adding words that are on your web page or relate to the subject area of your webpage (see Figure 3). 4.2 Content-template The content-template section has three sections: Banner, Main Content, and Feature Panel as shown in Figure 5. The Banner and Feature Panel sections are covered in the Adding Feature Elements with WCMS guide. Figure 5: Content template The Main Content consists of the Column Header and the Column Content. The Column Header displays at the top of the web page and is preformatted (Figure 6.1). The Column Content contains the body of your web page (Figure 6.2). The WCMS editor is available for this area. Figure 6: Main Content 4.3 How to edit a Content Page These instructions will guide you in editing a Content page. 1. After clicking the Edit tab, your Content page opens Page 20

21 2. In the Inline Metadata section, Enter a Title, such as News & Events Enter Keywords, such as news, events 3. In the Main Content, Enter a Column Header, such as What s Happening in Geology? 4. In the Column Content, Enter your desired text 5. To save your work, click the button. 6. After entering your text, you can add formatting, insert elements, such as links and images, and more. For more information, see 7.0 Enhancing your Pages on page 29. Page 21

22 5.0 Working with FAQ Pages The FAQ Page template allows you to create a listing of frequently asked questions. This template may be appropriate for pages that contain lists of information with text that you want to toggle on or off. This preconfigured page allows you to add questions and answers. Additionally, it provides a link for toggling all answers on or off. Figure 7: FAQ Page The FAQ page has two main sections: Inline Metadata and faq-template. The Inline Metadata section is similar to the Content page. For more information, see 4.1 Inline Metadata on page FAQ-template The content-template section has three sections: Description, Frequently Asked Question, and Feature Panel as shown in Figure 8. The Feature Panel section is covered in the Adding Feature Elements with WCMS guide. Figure 8: FAQ Template Page 22

23 Description The Description area allows you to insert descriptive content about the frequently asked questions. In this area, you could consider explaining the purpose or appropriate usage for the FAQs as illustrated in Figure 9. Figure 9: FAQ template Description Frequently Asked Question This section allows you to enter questions, answers, and optionally links to related information, which are preformatted. In Figure 10.1, the Question displays as bold, blue text. The Answer (Figure 10.2) appears with a yellow highlighted horizontal rule. The optional link information (Figure 10.3) shows as a link with the To find out more, go to: text added automatically. Figure 10: Frequently Asked Question Page 23

24 5.2 How to edit a FAQ Page These instructions will guide you in editing a FAQ Page. 1. To open your page in edit mode, please refer to the instructions, 2.2 How to edit on page Your FAQ page opens in Edit mode. 3. In the Inline Metadata section, Enter a Title, such as Frequently Asked Questions about the Writing Resource Center Enter Keywords, such as writing, faq 4. In the Description, Enter your desired text 5. In the Question, Enter your question, such as When is the Writing Resource Center open? (Be sure to word it as a question and include a question mark (?)at the end) 6. In the Answer, Enter your response to the question, such as Please check the current hours for the quarter in the Hours & Directions link. 7. Optionally, in the Link section, For Insert a link?, check Yes In the Link Title, enter your link name, such as Hours & Directions In the Link URL, enter the URL for your link, such as Page 24

25 8. To add another question, button 9. A new Question section will open. Scroll down to view the new section Complete this section, as you did with the previous section 10. To add additional questions, button To remove a question (removes the answer and link, as well) button The indicates the question number out of the total questions 11. To save your work, click the button. 12. After entering your text in the Description and Answer sections, you can add formatting, insert elements, such as links and images, and more. For more information, see 7.0 Enhancing your Pages on page 29. Page 25

26 6.0 Working with Organized Links Pages The Organized Links Page is template for creating a list of links. Additionally, you can group related links together by categories. The flexibility of this template makes it appropriate for listing forms. This preconfigured page allows you to add one or more links to it (Figure 11). You can edit the page to optionally add Feature Panel elements. Figure 11: Organized Links Page The Organized Links Page has two main sections: Inline Metadata and landing-template. The Inline Metadata section is similar to the Content page. For more information, see 4.1 Inline Metadata on page Landing-template The Landing-template section has four sections: Banner, Main Content, Category, and Feature Panel as shown in Figure 12. The Banner and Feature Panel sections are covered in the Adding Feature Elements with WCMS guide. Figure 12: Landing template Main Content The Main Content area allows you to insert descriptive content about the links on the page. In this area, you could consider explaining the purpose or relevance for the links as illustrated in Figure 13. Page 26

27 Figure 13: Main Content Organized Links Page Category The Category contains three elements: Category Name, Category Description, Category > Insert a Link. The Category Name (Figure 14.1) is as its name implies, the name for your category of links. The Category Description (Figure 14.2) is optional. You can use to describe the links that follow. The Category > Insert a Link (Figure 14.3) is the location where you add your links. You can insert as many Categories and Links, as needed. For an illustration of an Organized Links page with Forms, see Figure 15: Organized Links Page for Forms on page 46. Figure 14: Category Organized Links Page 6.2 How to edit an Organized Links Page These instructions will guide you in editing an Organized Links Page. 1. To open your page in edit mode, please refer to the instructions, 2.2 How to edit on page Your Organized Links page opens in Edit Mode. Page 27

28 3. In the Inline Metadata section, Enter a Title, such as Getting Started Enter Keywords, such as application, admission, geology 4. In the Main Content, Enter your desired text 5. To complete the Category section, In the Category Name, enter the name of your category, such as Start Here! Optionally, in the Category Description, enter a description for the category, such as these links will 6. In the Category >> Insert a Link section, In the Link Title, enter your link name, such as CSU Mentor In the Link URL, enter the URL for your link, such as 7. To add another link, button beside the Link Title 8. A new Link section will open. Scroll down to view the new section Complete this section, as you did with the previous section 9. To add additional Categories or Links, button To remove a Category or Link (Removing a category removes the category and links, as well) button The indicates the category or link number out of the total categories or links 10. To save your work, click the button. 11. After entering your text in the Main Content section, you can add formatting, insert elements, such as links and images, and more. For more information, see 7.0 Enhancing your Pages on page 29. Page 28

29 7.0 Enhancing your Pages Depending on the type of page, you can customize your web content. This section covers several options available to you for enhancing your web content. Please note that some editor options are not available with our implementation. For a list of supported and unsupported features, please refer to 9.2 WCMS Editor Options Full Listing on page Symbols, Subscripts, and Superscripts These instructions will guide you in inserting symbols, subscripts, and superscripts. 1. To insert a symbol, Place your cursor where you want the symbol inserted On the Select custom character page, desired symbol, such as 4. The desired symbol is added. 5. To add a subscript, Place your cursor where you want the subscript inserted 6. X 2 7. Type the desired number, such as 2 8. The desired subscript is added. Page 29

30 9. To add a superscript, Place your cursor where you want the superscript inserted 10. X Type the desired number, such as The desired superscript is added. 13. To save your work, click the button. 7.2 Bold, Italics, Underline, and Strike-through These instructions will guide you in using the format options, bold, italics, underline, and strike-through. 1. To make your text bold Highlight the desired text 2. B 3. The desired text is bolded. 4. To italicize your text Highlight the desired text 5. I 6. The desired text is italicized. Page 30

31 7. To underline your text Highlight the desired text When using the underline feature on web pages, be careful so your audience does not mistake for a hyperlink. 8. U 9. The desired text is underlined. 10. To add strike-through to your text Highlight the desired text This feature is used typically for proofreading and on occasion for stylized content. 11. ABC 12. The desired text has strike-through applied. 13. To save your work, click the button. 7.3 Styles The Editor comes with several styles. These instructions will guide you in using the Styles that apply to the text or headings in your web pages. 1. To add the Header_Blue style to your text, Highlight the desired text 2. down arrow for Styles Page 31

32 3. From the menu, Select Header_Blue 4. To view the selected Style, click the button. 5. To add the Header_Green style to your text, Highlight the desired text 6. down arrow for Styles 7. From the menu, Select Header_Green 8. To save your work and view the selected Style, click the button. 7.4 Format Options The Editor comes with format options to enhance your web pages. These instructions will guide you in using the Format options: Paragraph, Address, Preformatted, Heading 1, and Heading To apply the Paragraph format to your text, Highlight the desired text 2. down arrow for Format Page 32

33 3. From the menu, Select Paragraph 4. To view the selected Format, click the button. 5. To apply the Address format to your text, Highlight the desired text 6. down arrow for Format 7. From the menu, Select Address 8. To view the selected Format, click the button. 9. To apply the Preformatted format to your text, Highlight the desired text 10. down arrow for Format 11. From the menu, Select Preformatted Page 33

34 12. To view the selected Format, click the button. 13. To apply the Heading 1 format to your text, Highlight the desired text 14. down arrow for Format 15. From the menu, Select Heading The Format is added. You can apply Styles to your Format options, as well. 17. To apply the Heading 2 format to your text, Highlight the desired text 18. down arrow for Format 19. From the menu, Select Heading The Format is added. You can apply Styles to your Format options, as well. Page 34

35 21. To save your work, click the button. 7.5 Copy, Cut, and Paste These instructions will guide you in using the copy, cut, and paste options. 1. To Copy text, Highlight the desired text 2. Click 3. To Paste the text, Select the desired location 4. Click 5. You copied text is pasted into the selected location. 6. To Cut text, Highlight the desired text 7. Click 8. The selected text is removed. 9. To save your work, click the button. 7.6 Find/Replace You can search for text in your web content. Alternatively, you replace the text you find with other text. These instructions will guide you in using the Find/Replace options. 1. To Find and Replace text, Page 35

36 2. On the Replace tab, In the Find what, type the text you desire to find, such as Project Enter the replacement text, such as Product Find Next button 3. When the text is found, Replace button. Continue until all the occurrences are found and replace. 4. When you are satisfied with your changes, Cancel 5. To save your work, click the button. 7.7 Spell Checking These instructions will guide you in using the Spell Checker. 1. To spell check your text, Click 2. The Spell Checker will underline your spelling errors in Red Page 36

37 3. To correct the spelling, you can either Type over the word with the correct spelling Or word and select the correct spelling from the Suggestions 4. The word is corrected. 5. The desired superscript is added. 6. To save your work, click the button. 7.8 Lists Lists are a good way to highlight text. You can use either a bulleted or a numbered list. These instructions will guide you in inserting lists. 1. To insert a bulleted list, Place your cursor where you want the list inserted Type your list of information feature to turn off the bulleted list 4. To insert a numbered list, Place your cursor where you want the list inserted Type your list of information to turn off the list feature 7. To save your work, click the button. Page 37

38 7.9 Indentation On occasion, you may need to indent a block of text. The Indent features allow you to accomplish such operations. These instructions will guide you in using the left and right indent features. 1. To left indent text, Place your cursor where you want the block indent to occur Your text moves left. Continue clicking the, until you are done. 4. To right indent text, Place your cursor where you want the block indent to occur Your text moves left. Continue clicking the button, until you are done. 7. To save your work, click the button Undo/Redo These instructions will guide you in using the undo and redo options. 1. Sometimes, you may add some text by accident 2. To undo an action, 3. The previous action is removed. Page 38

39 4. To redo an action, 5. The previous action is performed again. 6. To save your work, click the button Internal Hyperlinks You can add two types of hyperlinks with the WCMS editor. Internal links are hyperlinks within your page or inside your website to which your audience can link. These instructions will guide you in creating internal hyperlinks. 1. Before you can insert an internal hyperlink for linking within your page, you will need to create an anchor. To create an anchor Place your cursor where you want the symbol inserted 2. button 3. On the Insert/edit anchor page, In the Anchor name, type a name for the anchor, such as Faculty Click 4. An anchor symbol will appear beside the selected text. (To edit the anchor, click the button again, make your changes, and click Insert.) 5. With the anchor created, to add the internal hyperlink, Highlight the desired text. 6. Page 39

40 7. When the Insert/Edit Link page appears, Click Internal In the Anchor, type the name of the anchor, such as Faculty In the Target, select Same Window In the Title, give the link a name, such as Experienced Faculty Click 8. To save your work, click the button. 9. The internal hyperlink when clicked will move the page down to the anchored text. In this case, clicking outstanding faculty will move the page down to Experienced Professors. 10. You can use internal hyperlinks to jump to other areas of your web site. To begin, Highlight the desired text When the Insert/Edit Link page appears, Click Internal 13. When the page opens, Navigate to the appropriate location desired file. button 14. In the Target, select Same Window In the Title, give the link a name, such as Geology Career News Click 15. To save your work, click the button. Page 40

41 16. The internal link appears in the text. When you hover over the link a tool tip appears with your Title information. When you click the link, you will hyperlink to the Geology Career News page External Hyperlinks You can add external links to your web pages that hyperlink to web content outside of your website, such as another website or another place in the CSUB website. These instructions will guide you in creating external hyperlinks. 1. To begin, Highlight the desired text When the Insert/Edit Link page appears, Click External In the Link, type the URL of the desired web page, such as In the Target, select Same Window In the Title, give the link a name, such as Need for Geoscientists Click 4. To save your work, click the button. 5. The external link appears in the text. When you hover over the link a tool tip appears with your Title information. When you click the link, you jump to the Geological Society of America website. Page 41

42 7.13 Clearing Formatting The Clear Format feature allows you to remove formatting quickly. These instructions will guide you in clearing the formatting from your text. 1. To make remove formatting Highlight the desired text The formatting is removed. 4. To save your work, click the button Full screen Mode and Zoom You have several methods for enlarging your workspace. You can use zoom in or out using keyboard shortcuts. Depending on the page, you can stretch the Column Content area. Lastly, you can toggle the Full Screen mode on or off. These instructions will guide you in using options for enlarging your workspace. 1. To use keyboard shortcuts to zoom in or out, Hold the CTRL key down on your keyboard, while pressing the + or key The + key zooms out and key zooms in 2. To stretch the Column Content area, Open a Content page 3. On the lower right-hand corner of the Column Content, Left-click and drag the area 4. To use the Full Screen mode, Open a Content page to resize the Page 42

43 5. 6. The Column Content opens in full screen mode. When you are finished, click the again to return to the normal screen size. 8.0 Getting Help If you are unsure or need assistance, please consider the contacts listed below: For more information on the WCMS tool, please reference the following training videos by Articulate Solutions Inc. at: 4. Editing Tab of the WCMS 5. Creating Basic Content 7. Advanced Styling 9. Publishing 11. Organized Links Template 12. FAQ Template For more information regarding policies and procedures for web pages Colleen Dillaway Director of Public Affairs and Communications For questions on how to perform specific activities on the WCMS Tammara Sherman Campus Technology Trainer Don David e-learning Services For help with computer-related Issues Help Desk Page 43

44 9.0 Appendix 9.1 How to access the WCMS These instructions will guide you in accessing the WCMS. 1. Open Firefox and navigate to: wcms.csub.edu Note: Firefox is the official web browser for Cascade Server and the WCMS tool. 2. Sign into Cascade Server using your NetID and password. Note: Your Cascade Server password may be different from the one your use normally. 3. When the WCMS opens, click the drop-down arrow to select your website from the list 4. To complete this process, In the Display Name, enter a name you want to appear in the navigation and breadcrumbs. Make sure the Publish and Index boxes are checked button. 5. Your new folder and index page appears in your site map. Page 44

45 9.2 WCMS Editor Options Full Listing For the CSUB implementation, the Cascade Server is configured in a way that prevents the ability to use all the editor features. Features that are not supported by our implementation are highlighted with an asterisk (*). Symbol Name Description Example Symbol Inserts a symbol or X 2 Subscript Adds a subscript He 2 X 2 Superscript Adds a superscript e=mc 2 B Bold Bolds the selected text Bold text I Italics Italicizes the selected text Italic text U Underline Underlines the selected text Underline text abc Strike-through Strikes-through selected text Strike-through text Align left * Aligns text to the left My text Align Center * Centers text My text Align Right * Aligns text to the right My text Align Full * Justifies text left and right My text my text My text Styles Menu of options Format Menu of options Copy Copies the selected text Cut Paste Paste as plain text Find/replace Spell Checker Cuts the selected text Pastes the selected text Pastes the selected text and removes source formatting Searches for text and replaces it Checks the spelling of your text Bulleted list Creates an unordered list Red Blue White Numbered list Creates an ordered list 1. First 2. Second 3. Third Indent left Moves the text to the left My text my text Indent right Moves the text to the right My text my text Undo Redo Undoes the previous action Redoes the previous action Page 45

46 Link Creates a hyperlink hyperlink Unlink Removes a hyperlink hyperlink Anchor Image Media Horizontal rule* Table Cleanup messy code Clear formatting HTML Toggle guidelines and invisible elements Toggle full screen Creates an anchor Inserts image Inserts videos Inserts a horizontal line Insert a table Removes invisible code that may affect your formatting Removes formatting from selected text Allows you to refine your page or add code snippets Allows you to see guidelines or invisible elements Opens the editor in full screen mode * Indicates unsupported option due to our implementation 9.3 Sample Organized Links Page The sample Organized Links page provides an alternative usage for this template. Figure 15: Organized Links Page for Forms Page 46