CMS User Manual - CSM Faculty & Staff Information
Contents
1. 71 BAT Divmion Section al 50 Dana Sector T Burr Besten mT Can Demo Secpan all Casma Aron Soa Secten a Carver Servera Darren 5i 71 Corner Starten Becton ABOUT US open Standard Facagraph l 1 Kim mos Tean Colega Section 21 Lan Denon Secton 7 Library Sect Figure 32 Right column with page to edit Using the Page Menu The Page Menu is the menu on the right hand side of the screen that is visible on the page when in the SmartEdit mode Click on Display Panels to show the panels This Menu is only visible when in edit mode for a page Figure 33 Display Panels Page Menu options Content Class Button Provides a list of content classes that are present in the system and the content classes within those folders Allows for selection of the content classes that you would like to include on the page Page Search Option to search through the Recently Created Pages or Recently Modified Pages Clipboard Used to place the page in the clipboard so that it can be used elsewhere in the CMS 23 Figure 34 Content Classes Page Menu Option You can also Create and Connect pages by dragging a content class from the Content Modules Page Menu to the Edit Column RedDot 3 CRE TEXT Web Solutions administrator Konm Help Fin a H r E mant de 7 a T pt A TH Dian Seeman IE 7 Deine Leeming Section e Perera EmrzRmERY Demar Buble Serenes Dienie2. CommunityOutreach DriverTraining Emergency Faculty Financial image KidsCollege Library Bok E Cancel Figure 78 Select folder from list 47 6 This brings up the Asset Manager interface to select the appropriate file from the folders If you don t find the folders here click the Switch Folder option in the right corner Click on the pdf folder Gees em c r de eb Certificate Search function is currently disabled Thumbnail List Switch Folder Folder Description Admissions images Admissions Images pdf Admissions PDFs Figure 79 Asset Manager interface 7 Select the Asset by clicking on the name of pdf that you would to like to insert into the web page and click OK gt Media Asset Management Windows Internet Explorer gps cond edu ala A E Maurum number of assets displayed 2000 Caney Schol App pdl Select Asset from Local Fae System Move Assata lt lt Prendas Page 1 of 1 Forward gt gt Switch to page D Carsey Schoi D V 134 padf D Figure 80 Select PDF file in Asset Manager 48 Text Editor Windows Internet Explorer Normal CSSClass gt View the PDF LD AP Source Code Preview bd Save QOK amp Cancel Figure 81 Linked text in text editor Uploading and Inserting Assets If you have not previously uploaded your assets using the Asset Manager you can do this as you are inserting an asset
3. This Content Class is similar to the Contact Us Content Class the only difference being the title of the headline Natalie Transue VA Advisor ntransuemcsmd edu E Phone 301 934 7588 Fax 301 934 7698 College of Southern Maryland askme m csmdedu El 8730 Mitchell Rd PO Box 910 La Plata MD 20646 0910 62 3 Column Template Content Classes This section describes specific Content Classes that are only assigned to third column Right Column in 3 Column Template design H3 Important Dates LtGreen This Content Class has an editable H3 headline and standard body text paragraph summer I May 19 June 30 summer Il June 14 Auqust 16 summer III July 6 August 16 H3 Important Dates DK Green This Content Class is similar to the H3 Important Dates Lt Green content class with two exceptions the background in this Content Class is dark green and the standard body text paragraph is optional If you just need the H3 you can make use of this Content Class as the body text is optional Super Saturday Waldorf Wednesday Information Session Photobox H3 Paragraph Asset Mngr This is one of the new Content Classes that you can be used to insert a Photobox in the right column third column This Content Class has three sub elements optional H3 headline optional body text paragraph and a mandatory image element This Content Class makes use of the Asset Manager to insert the Photobox images in the right column The image
4. Maryland University College Whether your goals include transferring to a university or pursuing a specific career we offer you the education and support to help you realize your potential Standard H2 Paragraph This consists of a standard H2 headline and a text body Both the elements present in this Content Class are editable 61 Oi Open Page You should know You must complete the admission process Students should submitthe FAFSA between January 1 and March 1 to meet our priority deadline of March 1 This allows time for FAD to process the FAFSA and determine your eligibility for inancial assistance Students submitting the FAFSA after March 1 are processed on a first come first serve basis Estimated processing time of the FAFSA varies depending on the form status Standard H3 Paragraph This Content Class contains a standard H3 headline and a text body Both the elements present in this Content Class are editable Oiopen Page Transfer to a Bachelor s Program while taking courses in Southern Maryland CSM s partnership with four year colleges provide students the opportunity to earn their bachelors degrees These programs allow students to easily transfer between institutions with minimal risk of wasted credits and save thousands of dollars on tuition fees housing and transportation costs Bowie State University e Early Childhood Education e Elementary Education Contact Our School Certifying Official
5. P academic and professional li Course offerings include develo and transitional courses are de mathematics College level col degrees or provide specializatio Edit Navigation Order Show Versions Preview Validation Content Classes Figure 92 Publishing a page 55 2 Check Publish all following pages and choose your email address if you d like an email sent to you when publishing is complete English and HTML should also be checked Do not check the second box Publish related pages Publish special publication settings Publish all following pages Publish related pages Send e mail after publication to ACPenick APenick csmd_ edu Publication on server arbitrary w Publish according to Publish an Language variants available far publication If English Project variants available for publication O css EA HTML Figure 93 Publication settings 56 Appendix A Glossary of Terms Content Class A content class is the blueprint or building block for creating web pages It describes the placeholders elements for both the structure and content for a web page or a section of a web page Content classes are templates that contain information regarding design layout and properties for the contents that belong to a web page It is just a template and does not contain content of its own Page An instance of a Content Class is called a page that conta
6. Section BAT Division Section BIO Division Section Then click on the first link that appears 1 Once you ve found your page in SmartEdit click on the Edit Page Columns RedDot on the top left hand side of your screen This opens the page for editing Low TENT Web Solutions editor Figure 20 Adding content with SmartEdit When you click on the Edit Page Columns RedDot 9 your edit columns RedDots appear 7 TH Dirige Schon 71 Deine Learning fertis Vo ect trance bacon El utc Serves Dias econ e Sensing Drparpm Seeman ET Service Leeming Section sust Secten je SOC Diminn Section puasa Lite Seaton L Stadect Services Section i 73 tada Services A A A 7 Teu Dawin te _ P j ar ay Pi i al Tent Dojos Xie x REALTY vam PONT TIA E I i 50 74 Test Divisios Links Gree 1 i General information ABOUT US Figure 21 Edit columns RedDots three column If the page is a 3 Column template design then it is divided into three columns labeled with Edit Left Column Edit Center Column and Edit Right Column And in the case of a 2 Column template design the page is divided into only two columns named Edit Left Column and Edit Right Column OPEN TEXT Web Solutions editor HK Settings Heip Setooom Jag SmartEdit Asset Manager Tasks Searc Hide Panels Select Language i College of Southern Maryland Homepag SEO web page properties O Edit Page Description O
7. V OB a CTRL E Ee E Undo last action Hedo last undo Select all Spell check Copy Paste Paste from MSWord Paste as text CTRL SHIFT V Insert horizontal line Insert symbol E Es Es Fo E CTRL J CTRL G CTRL SHIFT G Paragraph St Paragraph style CTRL SHIFT N C55 Class CSS style Bold CTRL B Italics CTRL Insert or edit CTRL L link Insert image or R edit image Strikethrough Ee Superscript CTRL SHIFT K CTRL SHIFT I properties Subscript CTRL SHIFT J 66
8. by clicking on the Asset itself Click OK Media Asset Management Windows Internet Explorer le https cms hawk csmd edu CMS Me Attribute File name w Value Maximum number of assets displayed 2000 auma discoverheader slim jpg File attributes Thumbnail List Switch Folder Select Asset from Local File System Move Assets alt Collage of students st CSM lt lt Back Page 1 of 1 Forward gt gt File information Switch to page 1 Height 117 Pixel Width 650 Pixel Credit STUDENTS Color depth 24 Bit S File size 28874 Bytes ws z fri Original author SKMahendra Entry date 4 2 2010 8 58 38 AM Last editor SKiMahendra Modification date 4 2 2010 8 58 38 AM Crop Image Extended Image Editing Options Edit Attributes Replace Thumbnail Refresh Thumbnail and File Information Check Out File international jpg Show Versions Delete File Show Usage Lm javascript void 0 Figure 72 Select an asset 44 8 Enter alternative text and choose your alignment Insert Image or Edit Image Properties Windows Intern PIE le https cms hawk csmd edulcms RadEditor WET DialogImage aspx Asset Internet File CourtneySanders 0133 pg Alternative text Courtney Sanders Alignment Right Help 9 OK M Remove amp Cancel E Internet i Figure 73 Edit image properties 9 Click OK to insert image into text
9. has to be resized to the correct dimensions if necessary when used in this Content Class n was impressed with the rehensive college experience 63 Standard Paragraph Lt Green otandard Paragraph Lt Green Content Class is used to insert text paragraphs into the right column that has a light green background The default background for the right column is dark green so you can use this Content Class to insert text paragraphs that have light green background May 2010 3 Payment due in full for summer 2010 Sessions June 2010 6 Fall 2010 registration opens for new and returning students 19 Last day to withdraw without a grade from Summer Il or change to audit 30 Last day to withdraw without a grade from Summer Ill or change to audit August 2010 19 Payment due in full for Fall 2010 64 Appendix C Using the Text Editor The text editor is very similar to word processing software you are probably familiar with Text Editor Windows Internet Explorer Source Code E Preview Use the Text Editor to create edit or insert text from the Windows clipboard Click Save to save content in the Text Editor without closing it Click OK to save your changes and close the Text Editor Click to Cancel to abandon all changes that have not been previously saved a ca 65 Text Editor Toolbar and Functions MN CTAL Z CTRL SPACE CTRL A CTRL SHIFT O CTRL SHIFT U CTRL C CTRL SHIFT M CTRL V CTRL M OTRL ALT
10. 257010 Ade KE ontnechaticgo_185x57 git 22003 PU il ZOO TO WADE cnlinechaircom_butionjpg e i 14 55 AM A20 2010 kalden E puton Tipg 8 t 15 AM 1282010 bAlden E A T OMMS Mmm AD Internet i7 Aws Figure 14 List View of Assets T np Click Thumbnail to view thumbnails of the assets Oren TEXT Solutions author Ko Gee A Homepage emit a Asset Manager Taska Search amritaie Fike nami e vale Start Search Miasirrium number of assets displayed 2000 Cic a fhuenbnail do gol the filo preview Click Me mare lo Sohe the file Thumbnail Lisi Switch folder Boti Asset Toon LACA Fal Sysbesm Mone Asse aa Hack Page 10 1 Forward s Switch e page lapibig pg E ere j how ss Figure 15 Thumbnail View of Assets Tasks The Tasks section is another way to obtain frequently used options to perform common tasks From the Task tab you can see pages saved as draft pages in your workflow pages waiting for correction and submittal and pages waiting for release PEN TEXT Web Solutions editor i Sman MEM ADe Tasks a Uy agas T Drag a crime haad i aip ha area 12 orga bs Sy Papes fa re o e E My Pages 5 pue Pages Saved as Draft 0 D hennan MIT i vs NN My Pages in Workflow 0 i NU dp aa o rages vial E Ga Correction Shy Papes fj Tries A Pages Waiting fo
11. College of Southern Maryland Web Page Owner Responsibilities Goals and Objectives The College of Southern Maryland web presence is an integral part of the College s communications system providing information about the College its mission and services its faculty and students and its events and programs to viewers worldwide In accordance with its mission the College encourages the use of the web by its students faculty and staff by offering services online and providing easy Internet access Page Owners Before a web page is approved for linking from the institutional pages the group represented must select an individual called a page owner who is responsible for maintaining its information The page owners will be the contact for that group or department Page Owners are responsible for creating and maintaining their information receiving appropriate approvals for information to be posted answering questions and updating their information to ensure its accuracy Page owners are responsible for maintaining and updating their sites on a timely basis in coordination with the webmaster At minimum to be linked to College of Southern Maryland institutional pages sites must e identify College of Southern Maryland on each site s homepage and provide a link back to the College of Southern Maryland home page e identify the department or organization unit publishing the page e provide contact information for the department or organiza
12. Edit Page Keywords O Edit Right Column DN ON Figure 22 Edit columns RedDots two column 17 Content can be added to these sections by clicking on their respective RedDots 3 Column Template 2 Column Template po mo Q Edit Center Column Q Edit Right Column 2 Click on the Edit Center Column RedDot 3 The following screen appears Edit Link Element H Connect Existing Page gt Reference Page giec Reference Link Us Create and Connect Page Ww Edit Container Properties ne Edit Dynamic Link Order Im Expand Dynamic Link ieee Delete Dynamic Link E Edit Keyword Assignment Figure 23 Edit link element interface 18 Create and Connect Page Allows you to connect to the Content Classes that Create and Connect Page are available for your section m Edit Page Order Used to rearrange the Content Classes in the page Cait Dana Mirra i Edit Page Order to obtain a layout similar to the present live web page Connect Existing Page Allows you to connect to an existing page in the m CMS system This option provides search criteria i where you can search for a specific page in the CMS Any of the search features such as Content Headline Page ID Content Class Creation Date etc can be used to lookup pages in the CMS Connect Existing Page Remove Items from List Allow you to remove the items content sections Fa Remove Items from List present in a page 3 Cli
13. Serten Al Page Description ED eheu Eropran Berian m ainiai kiinni EU gevee Lar Seman T sec Section iE amp OC Cosa Seelen i Student Life Sosten Shader Serves Sect ls Studera Service al Test Din Sn 5 Test paaga Ste ri Tend Dinion Link Ctra 1 Bao Lira Saspi tek page r Remar SEN ABOUT US 1 Veterans Dicar Penata Becher gt I Yeun m Tecknalagy sesion IE 71 Weorkfew Testing 7 rensa os Three Column 5645 Test ertan Ys Tat iate i aMis Q rere ac Anm Figure 35 Insert pages by dragging content class 24 How to use the Clipboard The clipboard can be used to link to pages in other sections of the CMS using the drop and drag feature explained below 1 Find and the section you would like to copy Right click on the Edit RedDot and select Create Shortcut in Clipboard OPEN TEXT Web Solutions editor Te SmartEdit 31 7 CAH Division Section Edit Page Columns 3 Campus Advisory Status Section 41 Career Services Section Career Starters Section Community Outreach Section i Connections Section Connections 4 Settings Help Se Log Off _ CSM Preparedness information Section 31 DLF Division Section 3 Emergency Section si Faculty and Staff Resources Section 4 Financial Assistance Section 4 Health Sciences Division Section 11 Kids and Teen College Section 38 LAN Division Section 4 Library Section 8 MTH Division Sectio
14. Standard Paragraph 5671 Figure 25 Default title of page Edit Headline Enter the headline Introduction Figure 26 Edit title 20 6 Now your page is created and you can enter content Web Solutions editor d Setings Qj Hep Se Log Ot Figure 27 Page with created page section Creating a section in the right column 1 Click the Edit Right Column RedDot to create a page in the right column O TII Web Solutions editor i 7 TH sein Schon Deine Learning Sechs it Pubie Services Divas Seco A an Page Detenpteed Sensin program Sense Qon Pape var B suse secten je SOC Dimas Seton iD Sesaat Lite Section SiT Stadent Services Section Hi Srdan Serriera eae Cantar Cota 4 EC menn ti HEELS n a il Test Owen Ste REALIZE yaw POTENTI AI i WA i Test Division Link Grous 1 a 7 E o A ixi 1 General information y C3 Reisi antes 71 bargi int page Training Sachen a iira am ABOUT US 7 veera Esuca oral Bene is Sacto z 7 ii Dropar Becton Y aal n Techo gy easton 7 wWarktirwe Teng I Faendaton Three Coiumn 5541 7 Test section 560 web puse properties Figure 28 Edit page columns RedDots 2 Choose acontent class from the list of content classes screen Notice that these content classes are not the same as the ones available for the middle column Content classes are defined for each area of the page Samples of each content class are provided in
15. Table of Contents A O 2 College of Southern Maryland Web Page Owner ResponsibilitiesS oocococccocnconncccncccnccanicannnos 3 Web Page Maintenance Plan Template cesses E E EE E E E 5 GOING siint EE 6 OG GING MO EMS SONY AS 6 USINO Mel i rer aes ane ane gana DL ML MEO DA AULA UA LMUDEE 7 DAD O de m 8 HOMEA O vn De UE A On S 8 PP T T UU nn en eee nme a eee 11 PSST IB TM cPIcI L 12 TASKI eet naa 14 cien DR Ln 14 A dana ew COMEN er aaa sec muctua teu acte ceat cete ase seats 16 A C iaa 28 Adding euer ooo chu ub cL cup M EM MED MEM P IM eer ae ere eter one 31 LIOKI m ELT Lr 31 WSU AC MeEASSet Mahade scsi t AAA 38 A GO ee E ccc O 54 ADDehdDCAGIOSSQLDy Ol TOF IE S iii A AAA 5 ADDehdPeB CONENL OIA SES cout moe Ee a Dun cei aa aaa e nini iai x nsadaceguecioteaecuassbassbaawnaedeod 60 Appendix CG Using the Text EGILOL io oeae egeo ato geo gaudent io doi 65 Introduction An up to date and consistent web presence is an integral part of the College of Southern Maryland Excluding the faculty who maintain their individual web pages there are more than 80 distributed content owners across CSM who share the responsibility of maintaining more than 10 000 web pages These content owners are for the most part not trained web designers or programmers and generally take on the responsibility of updating content in
16. addition to their other regular duties The increase in the number of HTML pages and documents on the CSM web site over time has introduced creation and maintenance issues A content based management system helps in providing a structural layout for web content within CSM s web presence enabling layout and branding consistency A web content management system CMS is a tool that helps streamline the creation organization and management of web content by separating the editable content from the layout of that content This allows people without knowledge of HTML to create new pages and edit content without involving a web developer In addition it ensures that the look and feel of all CSM sites remain consistent helping promote a positive user experience Open Text Web Solutions The College of Southern Maryland has chosen Open Text Content Management Server as its content based management system Open Text offers features such as document management centralized management of content decentralized content creation separation of content and layout link management workflow management integration of media publishing interface to multiple servers and user and access rights management This User Manual outlines CSM web page owner and editor responsibilities in regard to their web pages It provides instruction on how to create edit and publish web pages and how to manage images and documents within the Open Text Content Management System
17. ages etc Web Page Similar to the page preview option where you can preview a particular page but in this case you need to provide the URL of the page you would like to preview Edit Settings You control the look and feel of the homepage using this option The Edit Settings option allows you to change the number of columns on the homepage You can also restore the homepage back to the default setting using this option Edit Settings Layout Q 3 columns 2 columns Qa column Default settings Restore Default Homepage Figure 9 Edit Settings interface Rearrange Widgets The Rearrange Widgets panel contains the widgets that could not be automatically arranged within the Homepage when the layout was changed Rearrange Widgets Figure 10 Rearrange Widgets interface 10 SmartEdit SmartEdit is a What You See is What You Get or WYSIWYG interface This means you can create and modify content while working in an environment that looks like your webpage Structural Area The project s navigation structure is displayed in the structural area When the user is in SmartEdit a tree structure view of the website can be seen on the left This provides the ability to navigate to the required page you are looking for Figure 11 SmartEdit Structural Area Editing Area In SmartEdit project pages are displayed in the editing area The RedDots control access to certain portions of the site and allow access to elem
18. are two standard folders that are set up in the Asset Manager under each section images and pdf Assets should always be imported into their respective folders images should be only imported to the images folder and pdf documents should only be imported into pdf folder Click the images or the pdf folder to view all the files present in these individual folders Presently there are two options to view the Assets in the CMS List View and Thumbnail View OPEN TEXI Web Solutions author 4 Settings Help Se Log On Q omepage Smartedit Asset Manager Search function is currently disabled p Q internet a gt Rioo Figure 13 Asset Manager 12 Click the List view to provide a list of all the Assets OrEN TEXT Solutions author K Setings Help ge Loy OF A e M issetManscer MC Dad Minimum namEber er assets displayed 2000 CEE a umbral lo get Ina Tile previa Click a M name lt elect me nie Tanich Folder Select Asset from Local File System Move Assets s Hack Pep 1611 Fran Crealed Cnack Out Status File namo Gabe Usi Ca o Lis r F Z a Ano Sila lena campuses pg 111403 AM Rao Rend A creda pg 12 26 09 PM ware Seiishendra discoverheader E mpg 5 36 AM A Kalen B DiscorerMagazineipg 12 10 22 PM Sra 10 Pimi injematonaliog a 13114 Pii MD KA Den Qj lapibigjng 22550 PM 31032010 Kagen 8 leonbigieg 556 20 PM i a 1
19. ave been changed and making edits to content in pages that have been through workflow You have the ability to choose items that are relevant plus arrange the order in which they appear on their screen Your Homepage can be configured using the Configure Homepage button on the right hand side of the screen HEN TEXT A gt a 11 Web Solutions editor Ke Bengs O Hep G Logo A d TaT Hamar xz Figure 7 Configure homepage Widgets Widget boxes can be used to configure the Homepage according to your preferences This is a drag and drop feature where you drag and drop the widgets that they would like to be displayed on the homepage Create Widgets Tasks LB Pane Preview y Delivery Server Page Search aveb Fage Figure 8 Create Widgets interface The widget box consists of the following options Tasks With the Tasks widget you can view your tasks within the project Drop the task box widget on the homepage and personalize it according to your preferences Provide a title description and task type using the dropdown menu for the sections Page Preview Use this option to obtain a preview of the pages in a particular project Delivery server This option is similar to the page preview option where you can preview the pages in a project This option is not available in our implementation Page Search Search the system for web pages or content e g Recently modified pages my recently created p
20. be sure of content they are still correct Tasks to be completed every quarter e Update broken links Editor e Review statistics for technical CSM web e Review statistics to learn what problems development pages are popular update team home page or features as needed based on this info Tasks to be completed every 12 months Review content on every Web Owner amp e Decide if redesign is necessary CSM web page Editor from a technical standpoint development schedule reviews for technical e Clean up directory remove team content orphan files etc Review special elements to decide if they are still necessary Review major content sections to decide which are still necessary decide if need new content sections Getting Started Logging into CMS Server 1 Direct your browser to https cms hawk csmd edu Figure 1 Open Text Web Solutions Login Page 2 Log in to the CMS using your network username and password Figure 2 Login fields 3 Once you have logged into the CMS Server navigate to the top right most section and select the project named CSMD using the Select Project drop down Ces TEXT X x i z Web Solutions author A ee la Figure 3 Choosing your project When you log in for the first time you will be not be able to view any of the options in the top most menu until you select the CSMD Project The bottom left of the screen will indicate your username project and la
21. been put in the CMS or pages from external sites Follow the Steps below to link to web pages within the CMS 1 Within your web page in SmartEdit click the Open Page RedDot then the Edit RedDot W to open the Text Editor window Type in the text or select the text that you would like to use to create the link Click the Insert or Edit Link icon e on the right hand corner of the Text Editor as shown below Text Editor Windows Internet Explorer Insert or Edit Link CTRL gt Source Code Preview b Save OK Cancel ga 100 gt Figure 52 Text editor with link text highlighted In the Insert or Edit Link window select the Internet tab to link to an external link Copy the external link URL from the Address bar of your browser and paste it into the URL field or type it in manually After pasting the web address make sure to remove hitp from the beginning of the field in front of the web address as the CMS provides customized URL fields in the drop down to the left of this text box Choose the correct URL prefix for your link Insert or Edit Link Windows Internet Explorer Figure 53 Insert or edit link 34 3 The ToolTip field is optional but you can provide a Tooltip for the web viewer For third party links that are not owned by College of Southern Maryland the Editor should set the Target as blank When the Target field is _ blank the link will open in a new window in
22. ck Create and Connect Page The List of Content Classes shows the content class types that are available for the section you are editing See the Content Class Appendix for more information on content classes 19 4 Choose the type of content class you d like to add to your page Preview symbol Description Actian Div with optional class and id al Div Class ID Paragraph and paragraph Standard H2 Headline only 4 H2 Headline no body text H2 Headline with optional hyperlink image left with optional hyperlink and paragraph right al H2 Link Image left Link Paragraph Contains standard HZ Headline a left aligned image and right aligned text bady All the three elements are editable a H2 Image Left Body Right Standard H3 Headline only g E andar eadline only Headline no body text H3 headline Important Events Right Sidebar div Dark Green background and aptianal text paragraph H3 Headline with Link and Image Web Team Only HTML Source Cade Only Standard H2 Headline and Text Paragraph Standard H3 Headline and Text Paragraph al H3 Important Events DK Green a H3 Link and Image qal Source Code Only al Standard H2 Paragraph al Standard H3 Paragraph a Standard Paragraph Text Paragraph Figure 24 List of content classes available for center column 5 Edit your headline to be informative about the type of content you intend to enter Edit Headline Enter the headline
23. ck a thumbnail to get the file preview Click a file name to select the file Thumbnail List Switch Folder Select Asset from Local File System Move Assets Figure 63 Choose Select from Local File System 4 Onthe Transfer Local File dialog window select Browse and browse to the file on your computer or other local file system Select the file you d like to upload Transfer Local File Figure 64 Transfer Local File dialogue box 40 5 Enter a description of the file Gr ait Figure 65 Attributes dialogue box 6 The file should now appear in your section s Asset Manager When you select the file name information about that file should appear on the right side of the screen If you don t see the file information select Refresh Thumbnail and File Information on the lower right to display the file information Delete unused files in Asset Manager 1 Select Asset Manager from the Task bar 2 Select Switch Folder then select the folder from which you d like to delete files 3 Click on the name of the file that you want to delete then select Delete File OPEN TEXT Web Solutions editor f Settings Help Ze Logot a Smaredit Homepage Asset Manager Attribute File name w Value Start Search Maximum number of assets displayed 2000 AdmissionsAimages Selected file E Thumbnai List Switch Folder Select Asset from Local Fil
24. e System Move Assets Courtney Sanders 0133 jpg lt lt Previous Page 1 of 1 Forward i 1 Switch to page File attribut File informat birdtrackred campuses jpa I El Crop Ima Extended image Editing Options Edit Attributes Replace Thumbnail oe 7 Refresh Thumbnail and File information Check Out File x Figure 66 Delete files in Asset Manager 41 Inserting and Editing Assets into Pages Images PDF documents and media such as audio files video files flash etc are generally referred to as Assets in the CMS Images can be added only through the Standard Paragraph element of the Content Classes present in the CMS Inserting an image 1 In the page you d like to edit click the Edit Paragraph RedDot to open the Text Editor window 2 Click the Insert Image or Edit Image Properties icon on the right most corner of the window icon which has mountains and sun in it Text Editor Windows Internet Explorer o ur O 2 Design Source Code Preview Help kA Save QOK Cancel https cms hawk csmd edu cms RadEditor NET 7 Internet fa E 100 E Figure 67 Text Editor Insert Image 3 Insert Image or Edit Image Properties window pops up Select the Asset tab and click the Select option Insert Image or Edit Image Properties Windows Internet Explorer le https cms hawk csmd edu cms RadEditor NET DialogImage aspx OK t Remove Ca
25. e phem A Bi via GB nB pape eet 0 teu Done internet da Aim gt Figure 18 Choosing criteria Click on the red X next to a criterion to delete it from your search Figure 19 Search criteria 15 Finding your page Adding New Content The first step in adding content to your section is to find the page that you want to add content to Pages are created by the CSM webmaster and will be either linked in your lefthand navigation or freestanding to be linked elsewhere If you know where your page is you can navigate to it in SmartEdit 1 Click on SmartEdit In the lefthand file menu find your section Expand your section by clicking on the sign in front of your section name Click on the first link under that and the first page of your section will appear in the editing area where you can navigate to other parts of your section Homepage Homepage SmartE dit Asset Manage El College of Southern Maryland A to Z Index Section hy About the Web Site Academic Advising Section Academics Section Academic Divisions Section Arts Section BAT Division Section BIO Division Section E Bursar Section Click on the sign next to your section Adding content to a Web Page Creating a content section in the middle column El College of Southern Maryland A to Z Index Section El About CSM Section About CSM al s bout the Web Site Academic Advising Section Academics Section Admissions Section Arts
26. e your changes Refer to the Keyboard Shortcuts job aid for guidance on using DirectEdit Web Solutions editor S Gotinga GQ Help Se Logon T jq HI Colega 2 Soares ldaryand 51 amp tm Eden faction Ab CR factom Figure 45 Edit directly in SmartEdit by pressing CTRL and clicking on the Edit RedDot 30 Adding Other Content Linking Internal Links Links to other sections or web pages within the CMS should always be linked within the CMS system This is particularly useful when a web page is moved from its original location If the web pages are linked internally the CMS will update links automatically Follow the Steps below to link to web pages within the CMS 1 Within your web page in SmartEdit click the Open Page RedDot then the Edit RedDot W to open the Text Editor window Type in the text or select the text that you would like to use to create the link Click the Insert or Edit Link icon gh on the right hand corner of the Text Editor as shown below insert ce Echt Lek CTRL 0 Hep bed Seve OR OK E cancel hitpsz fans hawk camd edufema RadEditor qe BR internet me ROM Figure 46 Text editor 2 The Insert or Edit Link window will pop up Select the Page option to search for the page you would like to link to in the CMS Click Select to open the Page Search window Insert or Edit Link Windows Internet Explorer X I
27. editor Text Editor Windows Internet Explorer https cms hawk csmd edu cms RadEditor NET Default asp p CSS Class Source Code Preview save G2 0k Cancel Internet 4g gt Q10 gt Figure 74 Image inserted into text editor 45 Inserting PDFs 1 In the page you d like to edit click the Edit Paragraph RedDot to open the Text Editor 2 Select the text you would like to link and click the Insert or Edit Link icon m globe icon in the right most corner of the Text Editor Text Editor Windows Internet Explorer m E https cms hawk camd edu cms RadEditor NET Default aspx iew the PDF Source Code Preview Figure 75 Text editor insert link 3 Select the Asset tab and click the Select option Insert or Edit Link Windows Internet Explorer E https cms hawk csmd edu CMS RadEditor NET DialogLink aspx Figure 76 Insert or edit link dialogue box 46 4 Choose Select Asset if the asset is already in Asset Manager Upload or choose file Windows Intern j I gud d c r So m a https cms hawk cemd edu cms R adEditor Help 3 Cancel El Internet fa iom gt Figure 77 Upload or choose file dialogue box 5 Select the appropriate division from the List and click OK Management Server Windows Internet Explorer le About AcademicAdvising Academics Admissions Arts Board Careersemnices Careerstarters
28. ements present in this Content Class are editable 60 Job Seekers Whether you are starting out or starting over Career Services can support your job search plans Meed a resume cover letter interview practice or tips on how to conduct a job search attend a M workshop and use online resources to get yourself ready for the internship or job of your dreams Plan to attend the Annual Tri A County Job Fair Thursday April 8 2010 Check the calendar for details Y H3 Nav Centered Standard editable H3 centered headline which can be used on the dark green background for either the left or right navigation columns Enter the Heading Level 3 that will display on the page in the Edit Headline dialog box Standard Paragraph This is the most versatile Content Class that can be used for adding content to a web page This is just a standard text paragraph for adding text elements to a page Oiopen Page There s a special sense of community when you walk on to any one of our campuses Atthe College of Southern Maryland CSM we want you to feel like you belong The professors advisors and staff take the time to getto know you And you will have the opportunity to getto know others and build relationships here CSM is conveniently located on three campuses in Calvert Charles and St Mary s counties CSM also offers classes atthe Waldorf Center for Higher Education along with other universities such as the University of
29. ents that can be edited Most RedDots are labeled with a function The RedDots open items for editing not the labels ABOUT CSM gean Sunari Paragraph Find Gus mora abiat C X it compares and iia studenti open coed Parsarsp Diopen saraard Parseraph Tha College of Sogmanm Muara C3 la a public ponai cormimanity cole wif lar ru cfing mission in Paip our students and cormmunit mast Se chalanges of Mirada E5813 ah i25 M easet CEM i8 a th ng progre and Mchecbooicalls advanced colege Mal deleir quality higher education programs and seniced The college is commitied fo allen a wide varel of beaming optione studen sanices and hign quakty worktorca Development arma and support That coment is rellacted in mage we sore Mor percent of bi counly abian who aMiend highas edacaben Inaltulong come in Tb siat and tacult at Col work closely wiih a dioere Mode papulieon Io peovese a nich variety of sducadonal op ona CSM is a leader among Maryland community AA A SADLAR ee ee BL ee a or nl AA Figure 12 SmartEdit Editing Area 11 Asset Manager The Asset Manager provides an easy way of editing and managing digital files in the CMS Assets such as Images PDF documents and media files are stored in Asset Manager Click on the Asset Manager tab to view the Asset Folders present in your section If you cannot view the folders click Switch Folder option shown below to view folders you have rights to Presently there
30. es edit the order you d like them to appear on the page Click the Edit Column RedDot S then Edit Page Order Select the page you d like to move and use the up and down arrows to reorder ID25012 Photobox BIO D 5013 News Figure 40 Edit page order interface 2 Editing Content The first step in adding content to your section is to find the page that you want to add content to There are three ways to do this navigate to the page through SmartEdit use the Search function to find the page or select the page from your tasks Navigate to page through SmartEdit In the lefthand file menu in SmartEdit find your section Expand your section by clicking on the sign in front of your section name Click on the first link under that and the first page of your section will appear in the editing area where you can navigate to other parts of your section Homepage SmartE dit Asset Manage El 5 College af Southern Maryland El Is College of Southern Maryland a smaneEdit Asset Manager F A to Z Index Section F A to Z Index Section About CSM Section El About CSM Section Le About the Web Site About CSM 3 Academic Advising Section w About the Web Site Academics Section Academic Advising Section Academic Divisions Section Academics Section Admissions Section Academic Divisions Section 7 Arts Section A Admissions Section F BAT Division Section Ar
31. ies will be removed Web Site Monitoring Monitor your web site by checking web pages periodically and when page editors make changes to ensure information is up to date and links are working Ensure the accuracy and credibility of your content as well as maintain layout continuity across your web site pages Review and Approval of Content Updates to the CSM web site use a workflow and approval process Be sure to adopt this process and use it to ensure your content layout and flow of web pages is consistent with site procedures and guidelines Accessibility Section 508 Americans with Disabilities Act The College of Southern Maryland is committed to providing equal access to web based information in accordance with Section 508 of the Rehabilitation Act of 1973 and the Americans with Disabilities Act This ensures that College web pages will be readable by users with a wide range of disabilities Web pages associated with administration and services academic instruction departmental programs and College sanctioned groups and activities should conform to the web accessibility principles Page Owners are responsible for ensuring compliance with ADA requirements with assistance from the CSM webmaster This can be accomplished by contacting the webmaster to obtain an understanding of web ADA requirements and gaining an understanding through training and instruction It rests upon the page owner to ensure they request assistance with meeting ADA a
32. igate to and click OK 8 Repeat the above Steps 4 8 to create the anchors for the remaining questions in the page Text Editor Windows Internet Explorer m E E https cms hawk esmd edu cos RadEditor NET Default aspx First Question Second Question Third Question Source Code Preview m Aral Internet 7 Q Figure 58 Text linked to Jump Mark 37 Using the Asset Manager The Asset Manager provides an easy way of editing and managing digital files in the CMS Assets such as images PDF documents and media files are stored in Asset Manager Presently there are two standard folders that are setup in the Asset Manager under each section images and pdf Assets should always be imported into their respective folders images should be only imported to the images folder and documents should only be imported into pdf folder Files have to be imported only once into Asset Manager usually from the H drive A user can browse to any location where the image is located This can be either your local machine or any other network drives such as l Q etc 1 Click on the Asset Manager tab to view the Asset Folders present in your section If you cannot view the folders click Switch Folder option shown below to view folders you have rights to Click the images or the pdf folders to view all the files present in these individual folders Presently there are two options to view the Assets
33. in the CMS List View and Thumbnail View OPEN TEXT Web Solutions author Settings 4 Help Se Log Of A Search f tion is menty disabled Done 3 internet R100 Figure 59 Asset Manager interface 38 2 3 Click the List view to provide a list of all the Assets OrEN TEXT Web Solutions author K Setings Q Help ge Loy OF A IX M issetManscer MC Dad LT Ree of assets displayed 2000 CEH a murnbnail 10 get tre Tile previa Click a M name 10 ilta ma a Tanich Folder Select Asset from Local File System Move Assets s Hack Pep 1611 Fran Crealed Cnack Out Status File namo Gabe Usi Ca o Lis r F Z a Ano Sila lena Ed campusesipg 11403 AM zT Rend A creda pg 12 26 09 PM ware Seiishendra disceverheader A E mpg 5 36 AM A Kalen B DiscorerMagazineipg 12 10 22 PM Sra 10 point injematonaliog a 13114 Pii MD KA Den d lapibioipg 228 52 PM 31032010 Kagen 8 leonbigieg 556 20 PM Cp ZOO TO WADE cnlinechaircom_butionjpg e i 14 55 AM A20 2010 kalden E pation tipa 8 t 15 AM 1282010 bAlden Veer name Cmeedipr Prowe E sage Er m Ll AD Internet i7 Aws Figure 60 List view of assets T H EU i Click Thumbnail to view thumbnails of the assets Oren TEXT Solutions author Kona TQ Help TurLopor A Homepage emit a Asset Manager Taska Search amritaie Fib nami Vale Start Search Miasirrium number of asse
34. ins a unique set of contents Pages depend on the specification of the content classes that were used to create them Any number of pages can be created using the same Content Classes A single web page can contain any number of different Content Classes Template A Template contains the HTML markup that describes the layout of pages within the CMS Pages are created based on templates and the changes in the layout of a page can be made in the template whereas the page content remains the same A Content Class can have multiple templates which define the way in which the content is laid out e g HTML Print version Clipboard The clipboard can be used to reference pages to perform common tasks in the CMS The Clipboard in omartEdit lets you connect pages with structural elements using the drag and drop operation You can also jump directly to the pages in the Clipboard Connect to Existing Page You can reuse existing pages by connecting them to the links in other parts of the project structure Containers This is a structural placeholder element that can contain multiple pages Content Element The placeholder element that contains static elements such as text headlines and images are collectively known as Content Elements Create and Connect Page Create a new page and connect it to a page in the project structure Direct Edit Direct Edit is an option where you can edit the content directly in the page by clicking on the RedDo
35. into your content This process provides an interface which is similar to Windows Explorer used to navigate to files on your local machine Click the browser button and then navigate to the location of the Asset usually the H drive 1 While in the text editor place your cursor where you would like to insert an image and click the Insert Image or Edit Image Properties icon on the right most corner of the window To link to a PDF select the text you would like to link and click the Insert or Edit Link icon E 2 Choose the Asset tab and click Select Insert Image or Edit Image Properties Windows Internet Explorer https oms hawk csmd edu cms RadEditor NET DialogImage aspx Y oK MRemove Cancel Done Fal internet gx 100 Figure 82 Insert image or edit image properties dialogue box 49 3 Click Select File from Local File System Upload or choose file Windows Intern Seles B https cms hawk csmd edujcms R adEditar WET DialogFilesy Figure 83 Upload or choose file dialogue box 4 Browse to the asset you d like to upload and click Upload n Figure 84 Browse to local file 5 Select the image folder if the Asset is an image In the case of a PDF document select the pdf folder under your appropriate section Make sure that you don t upload the Assets into the wrong folder Management Server Windows Internet Explorer SEE Management Server Windows Interne
36. it through your tasks Web Solutions editor 3 A _ a Trip Testa Mos Paneis Orp 6 C ORD 7 OTE m 00 D Qrowg Dy IUD ALL I ia TT Dha Campa ot homme topon Boers of Tyatees rege getry Avro wre Was Rat 00 he comentar 292016 1 2313 aw OPT Vote ee Pw agr eon id C 3014 CIU mater PONIAN ert eno veers SIPS 2320 id M2220910 11 46 2 AM Content Modan AI Peasant Pope tot 1 2 nom Qaa anta Fara gan Ene state rara Pegas nte fer tema Pages immense n p Temi Papen Venter ter emen ii rta Changes 0 T vy aet Lm The goverring body of Be college is appcirted by he Govern tam otesnr of Catwert Charlies ant 51 Marys Coundes The Board Consists of rene members each geen dee year erm of office Wa Mac Vassar brug Mi utin Joseph Slate J Cher yee C Ln amp Figure 43 Tasks interface wi 29 Editing content 1 Once you have found the page you need to edit click on the Open Page RedDot then click onthe Edit RedDot W to launch the text editor mens TENT Web Solutions editor dl siny Gp Help ZelngOR 0 Aa OE da umm Figure 44 Text editor 2 Enter your content here and click ok to save and close the text editor Clicking Save will save but not quit out of the text editor You can also directly edit on the page by pressing the CTRL key on the keyboard while clicking the Edit RedDot Y Click the Save Element RedDot to sav
37. ives the ability to view a page as if it was published on the college web site Pages Saved as Draft Pages are incomplete or current working versions of a page they should be submitted to workflow after editing to be approved and published Pages Waiting for Correction Pages that have been rejected during workflow and require further editing before they are released for publishing Pages Waiting for Release Pages waiting in the workflow process for approval by the appropriate Web Page Owner Project A CMS can have multiple projects at the same time Individual projects consist of content classes images content structural elements and settings that administer the project 98 Publishing Job Automated publishing of pages can be controlled through publishing jobs This process can be done manually or using a scheduled time structure Released Pages Pages that have been released in the workflow that are ready to be published Smart Drop Using this feature content can be dragged and dropped into the content element that the user is working on This feature is enabled on individual standard field text and headline placeholders A square drop zone next to the element s Red Dot indicates the availability of Smart Drop for that placeholder Start Page The first page that a user can view when logged into SmartEdit Target Container Target containers are primary content areas where users can populate the container with data o
38. n 81 1 Onine Learning Section 31 1 Personal Enrichment Section 4 Public Services Division Section Scholars Program Section Service Learning Section j SMSC Section 4 1 SOC Division Section 3 Student Life Section Student Services Section 8 Test Division Ste REALIZE your POTENTIAI AAA C9 CS wai Ji CONNECTIONS O open Standard Paragraph Since it began in 1990 the program has featured writers such as National Book Award winners Tim O Brien and Robert Stone Pulitzer Prize winning poets Yusef Komunyakaa and Henry Taylor and Maryland Poet Laureates Lucille Clifton and Michael Glaser Connections readings offer the Southem Maryland community a chance to hear from and meet established and emerging local writers up close and personal Connections magazine is a regional literary journal published twice a year that features the very best poems stories artwork and photography of Southern Maryland Also included in each issue is featured material from visiting writers Publication readings take place in December and May each year Fall 2010 Literary Events Please see fall 2010 Literary Events Call for Submissions Wantto be published The deadline for submissions for the Connections Literary Magazine is October 30 2010 Poetry short stories and black and white photography are accepted for consideration Connections Literary Magazine is now accepting submissions See submission guideli
39. ncel Done lg Internet fa Q100 Figure 68 Insert image or edit image properties dialogue box 42 Choose Select Asset if the asset is already in Asset Manager E Upload or choose file Windows Intern BEES Fa 100 Figure 69 Upload or choose file dialogue box Select the appropriate division from the list and click OK amp https cms hawk csmd edu CMS fioFolderGuidS About AcademicAdvising Academics Admissions Board CareerServices CareerStarters CommunityOutreach DriverTraining Emergency Faculty Financial image KidsCollege Library E Help Figure 70 Choose folder from list 43 6 This brings up the Asset Manager interface to select the appropriate file from the folders If you don t find the folders here click Switch Folder Click on the images folder Media Asset Management Windows Internet Explorer le https cms hawk comd edu CMS Mediacatalog RdThumbNails asp InsertFile SFolderGUID SADS39 IF 1CEA4F849E0 200568 78089 78JSRetum 8Sufix 8Caller amp EItMaxSize BExte Search function is currently disabled Thumbnail List Switch Folder Folder Description Admissions Admissions Images Admissions PDFs Internet Figure 71 Asset Manager interface 7 Select the Asset by clicking on the name of image that you would to like to insert into the web page You can preview the Asset before connecting to the page
40. nd Section 508 requirements Copyright Infringement Do not place any materials owned by others i e copyrighted works on your web page s without the written expressed consent of the copyright owner Assume materials you find on the web are copyrighted unless a disclaimer or waiver is expressly stated You may include quotations of a few words provided you identify the author and the work from which the quotation is taken Credit sources appropriately to avoid confusion with copyright and ownership Web Page Maintenance Plan Template Adapt this template to meet the maintenance needs of your pages This template can be downloaded from http info csmd edu cms Content Based Tasks Who Technical Tasks Who Performs Performs Tasks to be performed as needed e Update news and events Editor e Coding as needed CSM web e Add new publications e Update contacts and development team organization information e Update other content as directed by site owner Tasks to be completed the first week of every month e Review spelling on technical Editor e Fix HTML syntax amp Section 508 CSM web terms Issues be sure standards are development e Review update and optimize followed team old content e Be sure special elements e Add new content and scripts multimedia forms etc optimize work e Edit content e Ask search engine specialist to e Check contacts listed on site reindex any major new sections incl Webmaster to
41. nes for v OTE Figure 36 Creating a shortcut in the clipboard 2 After placing the page in the clipboard navigate to the web page into which you would like to insert the page 3 Open the Clipboard and drag and drop the shortcut onto the Edit Column RedDot that you d like to add it to OPEN TEXT Web Solutions editor Asset Manager 1 CAH Division Section y Save Page Columns n f Career Starters Section Y Edit Page Description Community Outreach Section Y Edit Page Keywords Connections Section 5 Connections m Preparedness information Section 8 1 DLF Division Section 4 gt Emergency Section 3j Faculty and Staff Resources Section Gi Financial Assistance Section SIS Health Sciences Division Section REALIZE your POTENTIAI Kids and Teen College Section _ LAN Division Section amp Library Section 4 MTH Division Section Onine Learning Section 4 Personal Enrichment Section Public Services Division Section Scholars Program Section 4j Service Learning Section 1 SMSC Section m og g 1 3 C f ay gt Dg Dal 59 98 d 9 88 9 0 9 C8 9 98 9 ERI Y f f Student Life Section Student Services Section 3j Test Division Site Settings Help Se Logon O Edit Center Column LITERARY READINGS Open Standard Paragraph Come out and meet the most engaging and interesting authors in literature
42. nguage Using Help Find a link to Open Text Online Help in the top right corner of the interface 4 Settings amp Help Logot sear TA A un Open Text Web Sclutions Management Server Casa ari wr tot be looser dounerian m Pinis kr Uanagerreri Sane qr a Sore Figure 5 Open Text Online Help You can find extensive information about the functionalities of the Open Text user interface here However you are unlikely to find the answer to a question that is specific to the CSM implementation Please refer to this manual for answers to CSM specific questions Using OpenText Top Menu The top menu contains the main navigation menu tabs for the CMS Server The tabs present in the Top Menu are Homepage Links to the home page menu where you can configure your workspace SmartEdit User interface where you can make changes to a web page Asset Manager Provides an easy way of editing and managing digital files such as images and pdfs in the CMS Tasks Tasks is another way of obtaining the options where you can perform the most common tasks Search A search tool for navigating through the CMS system using various criteria OPEN TEXT Web Solutions editor Homepage Asset Manager Tasks Search Figure 6 Top right menu Homepage Configuring the Homepage The Homepage is a configurable dashboard where you can perform some of the most common tasks such as managing documents that h
43. nternet E Mail a ok 3 Remove Cancel Figure 47 Insert or edit link 31 Using Search You can search for the web page in the CMS using different criteria The different search options include Content Headline and hits for the page You can add other criteria to your search such as Content Class Page ID Modification Date and Creation Date 1 Enter your criteria then click the Start button to search for results Management Server Windows Internet Explorer Page Search Show last search results list Content Headline Financial Assistance Hits per results page 10 Max number of hits _ 100 You can add more search criteria to your query Page ID F3 Clear Start 3 Cancel ta E 100 Figure 48 Page search with headline 2 The Search Result window provides a list of pages as the result of the search To link to a webpage not to the individual page on the webpage look for the Foundation Content Class You can also preview the page to make sure it is the correct page Click the preview icon M to preview the page If it is the correct page click on the name of the page to link to it Sharh Rasi Elis r hide and Sort E Hn AUS pagi 13 Hedresh Regui list Comen case Lrilrresipaciue Haga on fem 1753 nancial Assistance a actor Keine Modification date 140010 4 30 48 Fl j Sm Mur
44. nternet Explorer Internet E Mail LaPlataCampus 2 pdf La Plata Campus Map L OK AX Remove E Cancel Figure 88 Insert or edit link dialogue box Click OK to get back to the Text Editor to find the image on the web page or your content linked to the PDF Text Editor Windows Internet Explorer pm P pum Source Code Preview dedisse OK Q Cancel iz Internet far 100 gt Figure 89 Photograph inserted in text editor 92 Text Editor Windows Internet Explorer View the PDF Figure 90 Linked text in text editor 53 Publishing Workflow Any business process related to web content management needs to go through a set series of steps or approvals This process is called a workflow and actions such as pages for release deleting pages and publishing pages need to go through this business approval process Once it is implemented Web Page Owners will approve their editor s work before it is published on the live web server If any changes are made that are rejected by the Web Page Owner it will be sent back to the Web Page Editor for correction and further changes This workflow is not yet implemented in the CMS at College of Southern Maryland Until it is both Web Page Editors and Web Page Owners can publish pages and both follow the same process Publishing Release page Releasing a page makes it available to other users within the CMS If you do not release a
45. page after editing and saving if another user tries to access it they will get a message that the page is still in draft All pages should be released after you are done editing even if you do not intend to publish immediately so that others may access it 1 After making your changes to the page right click in the area where you did your changes Make sure that the page is open by clicking on the open page RedDot Click on Release Page m z Program Coordinator for Engine a Create Shortcut in Clipboard Oisave standard Paragraph Ear Relies Edit Standard Paragraph Edit Notes Assign keywords Mission Statement Show Page Information The Division of Mathematics Phys academic and professional lives Course offerings include develop and transitional courses are desic mathematics College level cours degrees or provide specialization Edit Linking Edit Navigation Order Show Versions Preview Validation Figure 91 Releasing a page 54 Publishing pages 1 Make sure the page is open by clicking on the open page RedDot a Right click in the page area Click Publish 301 934 2251 Ext 5463 E mail NealW csmd edu E Edit Properties Edit Motes Q save Standard Paragraph Edit Standard Paragraph Assign Keywords Show Page Information Mission Statement Edit Linking idente athem el cau O for si quire The Division of Mathematics
46. r Correction 0 a ui RAT Resubmitted Pages 0 Es Releases O Pages Wailing for Release 0 Cis Pages Released 0 Ch Translated Pages Waiting for Release 0 Structural Changes 0 Ql My Task Lists Wername CNS Petr mesh eec Cole Langesse frgmh Lus E aa Done Figure 16 Tasks interface Search The Search function allows you to search for specific pages in the project You also have the ability to create custom saved searches for future use Such custom searches could include a subsection of your site To create a search click on Search in the task bar then Edit Search Dra Tol z eb Solutions editor At Setings iQ Help Log On a PEPE T 5 Search Select Language Select Proed sn Pen seed ho esr cho siet Es year biatah hy sies Ta baaret Edi Search gi Barei Brethes gt Drag colon beg riz frm arma i poep by mimi ee M ams NEP hide MER pa AA Reng an dmm En pige di um aum pre nin aa Pre Page 0 540 02 deren Username cer totor ceca rect CSUD Y Leguas from iors EEN fa As Figure 17 Editing a search You can search by different criteria Headline Content Page ID Content class Creation date Modification date Original author Last editor keyword Special pages and include more than one criterion in your search 14 CHR TENT Web Solutions editor Se mmng G Hap Ze Logon a gl Saeed Searches e rapipa ame There ang no Berna t
47. r add links to it depending on the type of placeholder Text Editor Text Editor enables editing of large blocks of text content in a page Unlinked Pages Pages that have not been connected to other pages in the tree structure 99 Appendix B Content Classes A brief description of the various Content Classes that can be used in 3 Column Template and 2 Column Template for adding editing content to a web page is provided in this section 3 Column amp 2 Column Template Content Classes These content classes are used in both 2 and 3 column templates Contact Us A Content Class for the Contact Us section in the left navigation for every webpage It consists of a Headline and editable text College of Southern Maryland askme acsmd edu E 8730 Mitchell Rd PO Box 910 La Plata MD 20646 0910 301 934 2251 HZ otandard H2 editable headline element This Content Class that does not contain any body text Added in sections where we require only a H2 headline Enter the Heading Level 2 that will display on the page in the Edit Headline dialog box O Open H2 Discover CSM H3 Standard H3 editable headline element This Content Class does not contain any body text Enter the Heading Level 3 that will display on the page in the Edit Headline dialog box Open H3 College Resources H2 Image left Body Right Standard H2 Headline a left aligned image and body text that is aligned at the right of the image All three el
48. s Jeton dale 3 3 2010 4 19 37 PU Coment clara Uiii apada hargoiion frm w 175 Financial AH Se va Law acr Emana Medtentisn dx 4 22 2030 11107 55 AU nginal ssp SkMahendra Greahon dae 14010 247 07 AM coment case roundatibng pundaten Tee Column enint clas 157 pinancal Assistance Preview icon 1 alis d 1 14 Pu T n ala L Uu af 7 Firstpage Previous page Page a of 2 a 11 20 ef 24 Masa paga Last paa 6d Hein de Back Mca Ex Q i internet y hiw Figure 49 Search results 32 3 The Insert or Edit Link window displays the name of the chosen page Click OK to insert the link and get back to the Text Editor Insert or Edit Link Windows Internet Explorer Internet Financial Assistance Financial Assistance Homepage Figure 50 Insert or edit link 4 The text Financial Assistance has been linked to the Financial Assistance homepage present in the CMS Text Editor Windows Internet Explorer Financial Assistance Desig Source Code Preview Figure 51 Link in text editor 5 Click the Save button if you are done editing the content in the Standard Paragraph Click OK to get back to the web page Check to make sure that the link is working properly by clicking on the link in the page in SmartEdit to see if it links to the correct web page 33 External Links Sometimes you will need to link to web pages that are outside of the CMS either older CSM pages that have not yet
49. t Explorer n Isl E pdf 4 About AcademicAdvising images CIN RONDA media pdf Academics AcademicAdvising images images pdf Board Figure 85 Select correct folder 50 6 After selecting the appropriate folder click OK to continue An Attribute window is provided to insert the alt tag for the Asset that is being uploaded Provide a logical and unique Alternative Text representation or alt tag for the Asset Management Server Windows Internet Explorer Qr ait x OK Cancel fg 100 Figure 86 Alt text attributes dialogue box 7 Again enter your alternative text in the next screen The alt attribute for an image is an ADA requirement for the college and is mandatory Be descriptive with your alternate text but limit to 50 characters or less You can retype the same alt tag that is provided in the previous step gt Insert Image or Edit Image Properties Windows Internet Explorer janellebanner 1 jpg Alternative text Students of CSM Janelle and Lacey timen Help Ook Remove amp Cancel Figure 87 Insert or edit image properties dialogue box 91 8 In the case of the PDF documents the Insert or Edit Link window opens up with the PDF selected For the PDF link you can provide a ToolTip which is optional The ToolTip would show up when the end user hovers over the link Insert or Edit Link Windows I
50. t and holding the CTRL Key This can also be used on an individual placeholder element but is only available on certain Content Classes Disconnecting a page This feature removes the page from a link but does not delete it completely from the CMS 57 Drop Zone Drop Zone is indicated by a red square for a placeholder where a user can drag and drop a file for editing content into a placeholder element This is only visible when a drag and drop feature is enabled on the placeholder element Edit Elements via Form Interactive feature that can be used to change all the elements in a page at the same time using a form based approach Favorites Favorites can be used to store some of the frequently used pages content classes and structural elements Headline The headline is a non unique identifier for each page This can also be used as content in a page or can be typically found in elements such as the title or header tags but is not always used in a Content Class Main Link Pages in the CMS can be linked in multiple places but the first link element where a page is usually linked is called its Main Link The main link determines the order in which pages are published in the CMS system Online Help Online help provides the ability to obtain online help regarding the features of the CMS Page Lock Pages are locked to indicate that the current page is being edited by some other user to avoid conflicts Page Preview This g
51. the appendix 21 Mame Preview symbol Description Action Heading 3 and standard paragraph with light green E background used in right or left column da H3 Important Dates LtGreen H3 headline Important Events Right Sidebar div Dark Green background and optional text paragraph H3 Headline Centered Title that appears in the left column al H3 Important Events DK Green al H3 Nav Centered Photobox Image Content Class al Photobox for the top of the right column design H3 Optional Photabox Image a Photobox H3 Paragraph Asset Mngr eu utilizing amp sset Manager Paragraph Optianal Web Team Only HTML Source sm a Source Code Only Code Only a Standard Paragraph Text Paragraph Standard paragraph for the right al Standard Paragraph Lt Green column with Light Green background Figure 29 Content classes available for right column 3 As before label your page meaningfully Edit Headline Heading 3 H3 Important Dates LtGreen 5674 Figure 30 Default headline for page Edit Headline Heading 3 Important Dates Figure 31 Edit the headline 4 Page is inserted in the right column and is ready for editing 22 Web Solutions editor dE Be ngs Hein Selo tt a 7 E Fl Coego cf Southam Maryland 5 amp ie 7 nx Becton 71 atra Coat Garten ll Abest the Web Ste a atea chiming techos rates Section 3 71 Agades Diana Benion j Adern Section a rtm Section
52. the browser If the drop down list for the Target does not work highlight the mouse pointer in the field and use the down keyboard arrow to change the values in the Target field gt Insert or Edit Link Windows Internet Explorer Seles gf Certificate Error Internet E Mail Pee getadobe com reader ToolTip Acrobat Reade E Help amp OK A Remove Cancel 4g 100 Figure 54 Creating an external link 4 After completing all required fields click OK to get back to the Text Editor Click the Save button if you are done editing Click OK to get back to your CMS web page 5 Check to make sure that the link is working properly by clicking on the link to see if it links to the correct web page 35 Create links within a web page anchors Links that refer to content within the same web page are called anchors Anchors are widely used on web pages that have a long page of content such as Frequently Asked Questions Anchors help the end users to navigate to the correct question that they are interested in rather than going through the long list of questions on the page Anchors are called Jump Marks in the OpenText CMS 1 Within your web page in SmartEdit click the Open Page RedDot then the Edit RedDot W to open the Text Editor window 2 First we need to create the Anchors that when clicked
53. tional unit including postal address phone numbers and email address and These responsibilities apply to all constituent College of Southern Maryland sites regardless of where they are housed Sites bearing under construction notices will not be linked to College of Southern Maryland institutional pages Failure to maintain information in a timely manner may result in the removal of links to the group s pages from the institutional pages and or removal of the group s files from the College of Southern Maryland web server Access Privileges Page Owners will assign web Page Editors and ensure they use approved templates providing clear identification on each page of the source of information contacts for more information and links back to the department home page and CSM home page Page Owners will monitor access privileges to their portion of the CSM web site for page editing purposes to e Ensure all web Page Editors are trained in accordance with policies e Request access for new page editors from the CSM webmaster in accordance with security request procedures e Inform the CSM webmaster when someone no longer needs access e Responsible Computing Groups or individuals are responsible for the information they publish All College web pages must comply with the Usage of Computing Resources Policies PRE 1405 Information providers are expected to read and adhere to these policies Sites failing to comply with these polic
54. today as they read from and reflect on their works Readings take place on the campuses of CSM All readings Mme begin at 7 30 p m Gonnectia ns Books by all authors are available at the CSM College Store Literary Reading Schedule 4 I Figure 37 Linking to shortcut in clipboard 25 Entering Content After your page sections have been created you are ready to enter your content 1 Click on the Open Page RedDot of the section you d like to add content to and then click on the Edit RedDot V This launches the Text Editor Omen TENT Web Solutions editor MH Senngs Help ZelngOR o a E rau Smartgdar gt TT it Window Iniarr ET 3 a im o 5j EM Prrgacednesa interrater hector e DLP Demen Serios Faculy ang DUM Hoaiurces Sachen Figure 38 Text Editor 2 Enter your content here and click ok to save and close the text editor Clicking Save will save but not quit out of text editor You can also directly edit on the page by pressing the CTRL key on the keyboard while clicking the Edit RedDot Vi After editing click the Save Element RedDot W to save your changes Refer to the Keyboard Shortcuts job aid for guidance on using DirectEdit Web Solutions editor S Setings Q Hele Selopot T HA 3121 Colega si Sor Merienda 51 amp m Ende Socios Figure 39 Edit directly in SmartEdit by pressing CTRL and clicking on the Edit RedDot 26 Reorder pages After creating your pag
55. ts Section BIO Division Section BAT Division Section N Bursar Section BIO Division Section Click on the sign next to your section Then click on the first link that appears Find the page through Search OpenText s search feature allows you to find CSM pages that have been created in OpenText You can search by different criteria such as the page headline selected words from the body text or the page ID 1 Click on the Search tab and configure your search Once you have defined your search criteria click Run Search Dow O tmm in gt Figure 41 Search interface 28 2 Click on your results to display the page underneath the search OPEN TEXT f Web Solutions editor S sn QHew DeLopor q mep ate eee RA Wines Te Sean rede Pares g E cm megeon 0 M enorm 929 2080 102652 AM Comm the voard of trustees o o IEEE te id cete me ears ct runs 205 Uy lease a As stem Seerch Certe P A a x 32 Cotege of Southern Varyand Dent of Trestees mage patery Pues VIUDA 4 1000 0 S Byrt ADA 215 07 PN Comen Vos Tianzart Perey aot PTT T rp Quare vtta arbor ap Om sirio Par Tha goremmg Body of Pe college is appounted by he Govemor bom Olten of Calva Chaises aed St Mary s Counties The Beard consists of mne member each Gen 3 Ayen Term of office Figure 42 Search results Select page from your tasks If the page is something you ve saved as a draft you can access
56. ts displayed 2000 Cic a fhuenbnail do gol the filo preview Click Me mare lo Sohe the file Thumbnail Lisi Switch Folder Sahl Asset Toon Local Fal Sysbesm Mone Asse aa Hack Page 10 1 Forward s Switch e page lapibig pg E ere j how ss Figure 61 Thumbnail view of assets 39 Uploading new assets to the Asset Manager 1 Select Asset Manager from the Task bar 2 Select Switch Folder then select the folder into which you d like to add files OPEN TEXT I A Settings Hel Log Off Web Solutions editor Wear T dlls A l Homepage SmartE dit AssetManager Tasks Search 1 Search function is currently disabled Click a thumbnail to get the file preview Click a file name to select the file Thumbnail List Switch Folder Folder Description Admissions Admissions Digital Assets images pdf etc images Admissions images pat Admissions PDFs Sharedimages Shared Images folder for the website WDT WDT Assets User name CNS Editor Cmsedtor Project CSND Language Engish e Done internet fa 100 7 Figure 62 Folders in Asset Manager 3 Choose Select Asset from Local File System OPEN TEXT 1 i t Settin H qQ Web Solutions editor Kam Gr Hey tare A tl Y papi yor ad Soi 0 a aux 1 s Lr o a Homepage Smartt dit Asset Manager Tasks SESION Attribute File name v value Start Search Maximum number of assets displayed 2000 Admissionsiimages Cli
57. will navigate to the correct section of the page For an FAQ page create a list of questions at the top of the page and below that provide the questions as well as answers for the questions listed on the top Text Editor Windows Internet Explorer Second Question Third Question This is my first question Answer This is my second question Answer SSS v sg n Source Code Preview bA Save QOK Cancel Internet fg 100 3 Place your cursor in front of the question where you want the user to navigate to Then click on the Insert or Edit Jump Mark option that has a pencil icon LA on the right side of the editor Text Editor Windows Internet Explorer m x First Question Second Question Third Question This is my first question Answer This is my second question Answer This is my third question Answer 4 Figure 55 Creating anchors in the Text Editor 36 5 Provide a name for the Jump Mark in the Define Jump Mark window Click OK to save Define Jump Mark Windows Internet Explorer SEE Figure 56 Define jump mark 6 Inthe Text Editor highlight the first question text and click on Insert or Edit Link 2 up the Insert or Edit Link window This opens Insert or Edit Link Windows Internet Explorer SEE XA UK S REMOVE TY rcsnos Figure 57 Inserting jump mark link 7 Use the dropdown box to select the Jump Mark you want to nav
Download Pdf Manuals
Related Search