1. 6/11/20161 Logging into the CMS Login by visiting http://www.laredo.edu/cms/login/

2. 6/11/20162 Username and Password Enter the username and password provided to you and click on the “Login” button

3. 6/11/20163 Logging into the CMS The “Login” button will change to “Logout” Click on the Workarea button to view your folders, the folders will be different depending on your permissions.

4. 6/11/20164 The WorkArea The folders could be different depending on your permissions.

5. 6/11/20165 Creating a new folder Expand the “Training Folder” To create a folder inside another folder the parent folder has to be clicked first. Find your training folder and select it by clicking on it. To select a folder the folder has to be clicked first.

6. 6/11/20166 Creating new folders Click on the folder “Training” to highlight it, then point to new, then choose “Folder”.

7. 6/11/20167 Naming the folder On the “Name” field type “Copy Me” to give the folder a name Leave the “Description”, “Style Sheet”, “Office Documents” fields and the rest of the tabs as their default settings for now. Click on the “Add folder” button when ready 2. Click on the “Add folder” button when ready 1. Name the folder “Copy Me”

8. 6/11/20168 Creating folders You should see your newly created folder on the left navigation pane only. This is different from other programs where you could see the folder on both left and right panes Click on your training folder. Follow the steps on “Creating a folder” to create five more folders. The folder names will be: “Delete me” “Move me” “files” “forms” “images”

9. 6/11/20169 Renaming folders 1.Click on your training folder 2.Point to “View” and choose “Properties”

10. 6/11/201610 Renaming folders 1.Click on the “Edit Properties” button 2.Change the name from your training folder to your actual Name (example. Raul Gonzalez) 3. Click the “Update” button. Give it a minute for the folder to rename itself.

11. 6/11/201611 Copying folders 1.Click on the “Copy me” folder to select it 2.Right-click the folder “Copy me” to diplay the menu. 3. choose “Copy Copy me” to copy the folder into the clipboard.

12. 6/11/201612 Copying folders 3. choose “Paste Folder” to paste the folder into the “Delete me” folder 1.Click on the “Delete me” folder to select it 2.Right-click the folder “Delete me” folder to diplay the menu.

13. 6/11/201613 Copying folders Click ok to continue You should now have this structure

14. 6/11/201614 Moving folders Cut = Move 1.Click on the “Move me” folder to select it 2.Right-click the folder “Move me” to diplay the menu. 3. choose “Cut Move me”.

15. 6/11/201615 Moving folders Cut = Move 1.Click on the “Delte me” folder to select it 2.Right-click the folder “Delete me” folder to diplay the menu. 3. choose “Paste Folder” to paste the folder into the “Delete me” folder

16. 6/11/201616 Moving folders Click ok to continue You should now have this structure

17. 6/11/201617 Deleting folders 1.Click on the “Delete me” folder to select it 2.Right-click the folder “Delete me” to diplay the menu. 3. choose “Delete Delete me” to delete the folder bye bye. Neither the folder nor its content can be recovered anymore.

18. 6/11/201618 Deleting folders Click ok to accept the deletion You can also delete folders by clicking on the folder that you wish to delete first and then pointing to “Delete” and choosing “This folder”

19. 6/11/201619 HTML Content 1.Click on the folder with your name to select it 2.Point to “New” and choose “HTML Content”

20. 6/11/201620 HTML Content Styles: Refer to the MS-Word Styles Sheet Publish button Check in/out button Save button Cancel button HTML Content title

21. 6/11/201621 HTML Content The same principals as with the folders apply for copying/moving/deleting HTML content, except that to select it you should click anywhere to the right of triangles. (Demonstration on doing this by admin)

22. 6/11/201622 Pasting content You will get a prompt like the one below when pasting content via the “Cut” or “Copy” way. Click “Continue”

23. 6/11/201623 Editing existing content 1.Click on the folder with your name on the left navigation pane 2.On the right pane, click on the small triangle to display a custom menu for the “My first page” HTML Content 3.On the menu choose “Edit” 4.Change the title from “My first page” to your name 2. Click on this triangle to display the menu 1. Click on the folder with your name to select it 3. Click on the “Edit” choice

24. 6/11/201624 Renaming HTML Content 1.Change the title from “My first page” to your name 3. Publish The Content 2. A new button is now included when the content has been published once

25. 6/11/201625 Uploading Content Minimize the Workarea and go to the login page. Download the training sheet to your desktop Restore the Workarea window and flollow the steps below 1.Click on the “Files” folder 2. Click on the “Add Assets” image

26. 6/11/201626 Upload Content On the “File Upload” orange tab click on the “Browse…” button. Browse your desktop computer for the “Training.doc” file Click open to choose the file Follow the steps below 1. Click on the upload button

27. 6/11/201627 Upload Content 1. You should now see your new uploaded file on the CMS in the “files” folder

28. 6/11/201628 Uploading images 1. Click on the “Library” tab. (you might get an error) 2. Click on the “images” folder 3. Chage this drop down menu to “images” 4. Click the “Add” button

29. 6/11/201629 Uploading images 1. Click the “Browse” button 2. Choose the “logo_right.png” image 3. Click the “Open” button 4. Type “My first image” on the “title” field 5. Click the “Save” button

30. 6/11/201630 Editing existing content (2) 1.Click on “Content” tab again 2.Click on the folder with your name on the left navigation pane 3.On the right pane, click on the small triangle to display a custom menu for the “My first page” HTML Content 4.On the menu choose “Edit” 5.Change the title from “My first page” to your name 2. Click on this triangle to display the menu 1. Click on the folder with your name to select it 3. Click on the “Edit” choice

31. 6/11/201631 Links to external pages 2. Click this icon to display the “Hyperlink Manager” Window 1. Highlight the word “Click here” 3. Type the URL to the desired webpage 4. It is good practice to set the “Target” to “New Window” if the link points to an external page 5. Click the “OK” button

32. 6/11/201632 Links to internal pages 2. Click this icon to display the “Hyperlink Manager” Window 1. Highlight the word “Click here” 3. Click on the three dotted button

33. 6/11/201633 Adding links to internal pages 3. Doble-click the content with your name 1. Navigate to your folder name 2. Change from “images” to “Quicklinks” 4. Click Ok to go back to the editor

34. 6/11/201634 Links to internal documents 2. Click this icon to display the “Hyperlink Manager” Window 1. Add the words “Click here” on the last sentence and highlight it 3. Click on the three dotted button

35. 6/11/201635 Links to internal documents 3. Doble-click the file name that you wish to include 1. Navigate to the “files” folder 2. Change from “images” to “Quicklinks” 4. Click Ok to go back to the editor

36. 6/11/201636 Adding a link to an email address 1. Add the words “Email me” after the last sentence and highlight it 2. Click this icon to display the “Hyperlink Manager” Window 3. Change to the “E- mail” tab 4. Type your email address on both; the “Address” and “Link Text” fields. 5. Click Ok to go back to the editor

37. 6/11/201637 Inserting images 1. Press the “Enter” key on your keyboard to start a new line. 2. Click on the “Library” button 3. Click on the “images” folder 4. Change to the “images” menu 5. Double-click the image that you wish to insert

38. 6/11/201638 Previewing 1. Change to the “Alias” tab 2. Type your CMS usernam or any unique word here 3. Change this to the forward slash 4. Publish the content

39. 6/11/201639 Previewing 1. Open your browser and visit: http://www.laredo.edu/cms/(y our_alias)

40. 6/11/201640 Smart foms and the wide template Smart-forms are HTML content with predefined fields for the author to just fill out and publish Templates are real HTML content with a predefined design or program for the author to just choose While they are two different things we will introduce both here at the same time

41. 6/11/201641 Smart foms and the wide template Click on your folder name Point to new Choose “Smart form” Choose “Learning Center Tutor” Fill out the form with your schedule Publish the form, edit and preveiw Confirm that the form does NOT fit and change the template to “lccforms_wide.aspx”

42. 6/11/201642 Adding a smart form 3. Choose “Learing Center Tutor” 2. Point to “Smart Form” 1. Point to “New”

43. 6/11/201643 Smart foms and the wide template 1.Fill out the form Set the title to “my wide page” Set an alias to see it like trainingRaul_wide Set the subject to math Set the tutor name to your name Set Monday and Wednesday to 9 a.m. – 10:30 p.m.

44. 6/11/201644 Previewing the smart form 1.Publish the form by clicking on the “Publish” button Click on edit by clicking on the triangle and choosing “Edit” Preview the form by clicking on the “preview” button The form will not fit on the page, we need to change to the “lcctemplate_wide.aspx” template

45. 6/11/201645 Setting the lcctemplate_wide.aspx template 1. Click on the “Templates” tab 2. Point and click on the “lcctemplate_wide.aspx” 3. Publish the content (this can be done while on any tab) then edit it to preview it again 4. Edit the form by clicking on the triangle and Choosing “Edit” 5. Preview the form by clicking on the “Preview” button

46. 6/11/201646 Copying and Pasting from MS-Word Minimize the workarea Open the Training.doc document that you downloaded to your desktop Highlight and copy the paragraph in it Restore the Workarea Edit the HTML content that has your name

47. 6/11/201647 Copying and Pasting from MS-Word 1. On a new line click on the “Paste from Word” icon 2. On the “Paste from Word” window right- click anywhere on the white area and choose “Paste” 3. Click the “OK” button

48. 6/11/201648 Spellchecker 1. Click on the “Finish spellchecking” button to finish running the “Spellchecker” 1. Click on the “Spellchecker” icon 2. The spellchecker underlines in red the misspelled word. 3. right-click the misspelled word to get suggestions 4. Click on the correct word or any of the other choices

49. 6/11/201649 Find/Find & Replace 1. Click on the “Find And Replace” icon 2. Change to the “Replace” tab 3. Type “sunflowers” in the “find” textbox 4. Type your favorite flower in the “Replace with” textbox 5. Click on the “Replace All” button

50. 6/11/201650 Translate Content 1. Click on the “Translate Content” icon 2. Change the “Target Language” to “Spanish” 3. Click on the “Translate” button

51. 6/11/201651 Translate Content 1. Click on the “Paste Content” button 2. The translator will do its best to get you started on a long document

52. 6/11/201652 Forms 1. Click on the “forms” folder 2. Point to new and choose “HTML Form/Survey”

53. 6/11/201653 Forms Step 1 1.Create a “Blank Form” 2.Click the “Next” button

54. 6/11/201654 Forms Step 2 1.Title your form as your name 2.Click the “Next” button

55. 6/11/201655 Forms Step 3 1.Skip “Assing Task” 2.Click the “Next” button

56. 6/11/201656 Step 4 1.Skip “Post back” for now 2.Click the “Next” button

57. 6/11/201657 Step 5 Click the “Done” button

58. 6/11/201658 Forms Highlight and delete the phrase “Place form elements here…” and delet it/cut it

59. 6/11/201659 Forms 1.Type the word “Email” 2.Add a text field by clicking on the “Text Field” button 3.Set the “Descriptive Name” as “email” and change to the “Validation” tab 4.Set the validation rule as “email address” (important) 5.Click the “OK” button Text Field button

60. 6/11/201660 Forms 1.Press enter to go to the next line 2.Add the word “Comments” and hit enter 3.Add another text field by clicking on the “Text Field” button 4.Set the “Descriptive Name” as “Comments” and check the “Allow multiple lines” checkbox 5.Click the “OK” button Text Field button

61. 6/11/201661 Forms Change to the “Post Back” tab Highlight and delete/cut the phrase “Place post back message here…”

62. 6/11/201662 Forms 1.Type “You submitted the form” 2.On the same line add the form title automatically by clicking on the”Merge Field” button 3.Choose “[Form Title]” from the Merge Field window 4.Click the “OK” button

63. 6/11/201663 Forms 1.Continue with the message by typing the word “on” 2.On the same line add the date submitted automatically by clicking on the”Merge Field” button 3.Choose “[Date Submitted]” from the Merge Field window 4.Click the “OK” button

64. 6/11/201664 Forms 1.Hit the “Enter” key to start a new line 2.Type the phrase “Your email address is ” 3.On the same line add the email address used automatically by clicking on the”Merge Field” button 4.Choose “Email” from the Merge Field window 5.Click the “OK” button

65. 6/11/201665 Forms 1.Hit the “Enter” key to start a new line 2.Type the phrase “Your comment is ” 3.On the same line add the comments used automatically by clicking on the”Merge Field” button 4.Choose “Comments” from the Merge Field window 5.Click the “OK” button

66. 6/11/201666 Forms Change to the “Templates” tab Choose the template “lcctemplate_forms.aspx”

67. 6/11/201667 Forms - SKIP Change to the “Alias” tab Click on the “Add Manual Alias” button Check the “Active” and “Primary” checkbox Add an alias as your name and today’s date Change the file extensions from “.aspx” to “/”

68. 6/11/201668 Forms Edit the form properties by clicking on the “Edit Properties” button Edit Properties button

69. 6/11/201669 Forms Check the “Mail” checkbox Uncheck the “Autofill form values” checkbox Change to the “Mail Properties” tab 3. Edit Properties button 1. Check the “Mail” checkbox 2. Uncheck the “Autofill form values” checkbox

70. 6/11/201670 Forms 1.On the “To” field type raul.gonzalez@laredo.eduraul.gonzalez@laredo.edu 2.On the “From” field type lccforms@laredo.edulccforms@laredo.edu 3.On the “CC” field change the drop down menu to “Email” 4.On the “Subject” field type “CMS Training”’ 5.Click the “Save” button Change the “CC” field to “Email” on the drop down menu

71. 6/11/201671 1.Click on the “Form” folder 2.Make a note of the form id. 3.Visit your form by going to http://www.laredo.edu/cms/lcctemplate_forms.aspx?ekfrm= 4.After the “=“ sign type your form id 5.Press the “Enter” key on your keyboard to reload the page Finding Your Form id

72. 6/11/201672 1.On the “Email” field type your email address 2.On the “Comments” box type anything you want to tell me. (not anonymous) 3.send it by clicking the “Submit Form” button 4.I should get the form results and you will get a copy of it automatically