1. Landscaper 101

2. Time Code AMC00005999800 AMCNET

3. HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation is available at: K:\INFOSYS\WEB\Landscaper\Training\Landscaper-101.ppt –People you know Brandon (Bdybala@amctec.com) Dan (Dan@Web-Strategi.com)

4. Course Overview 1.Background Information 2.Making Edits 3.WYSIWYG Editor Oddities

5. Background Information 1.Background Information 1.The overall process 2.Terms used 3.How to login 4.Tool functions 2.Making Edits 3.WYSIWYG Editor Oddities

6. What is the overall process? Edit / Create Submit for approval Go LiveApprove

7. Terminology URL Universal Resource Locator Web address (http://AMCtec.com) Section Directory or Folder ApproveMarks a file as ready to go live Send to ReviewRequests a file be approved by the assigned person Go Live Places a file "live" on the web site PortalTop entry point to a client

8. AMCnet Login AMCnet.amcleaders.comClick to go to Landscaper

9. Landscaper Login AMCnet.amcleaders.com/admin

10. The Tool

11. Filename Area Tool Icons Directory Path Info. File Promotion

12. The Tool Add a content (HTML) file Add external web link Create a Section (directory) Copy a Section File Upload

13. Making Edits 1.Background Information 2.Making Edits 1.Find your file or directory 2.Make edits 3.Review finished page 4.Submit for approval or go live 5.Uploading, Deleting, Copying & Links 3.WYSIWYG Editor Oddities

14. Where is my page? How do you find the page you want to edit? BASIC URL CONVENTIONS /dir1/dir2/filename.html Example:

15. Finding the page in Internet Explorer /dir1/dir2/filename.html

16. Finding the page in Landscaper Click on ‘journal.html’ to edit the file ‘index.html’ is the default filename

17. File Permissions You will have permissions to edit only files in your direct job functional area If you can not access a file in your area, see Brandon Dybala.

18. Creating New Files To create a file from scratch Click “Add a content file”

19. Creating New Files Specify the Template type Specify the Filename –This will be the name you see in the directory listings and in the URL When finished hit “Save & Go” Specify the Title this will be used in the navigation File Naming Rules: Never use spaces Use lower case Use short filenames (<15)

20. Review Your Work Be sure to view your changes in a browser BEFORE they are reviewed, or “Go Live” Things do not always look the same in the editor as they do when viewed in a browser Check all links (click on each one) Check to be sure all navigation items are present Check image alignment

21. Go Live After you are done editing a file –Submit for review Or –Go Live –Make sure to ADD COMMENTS !

22. Go Live For Approvers Click “Approve” to elevate to the next level Or click “Go Live” if you are the last or only approver

23. Uploading Files Use the “Add Media File” button Select file type –“Document” for MS Word, MS Excel, text or PDF –"Image" for image files (.jpg,.gif,.bmp) Display Properties and check navigation

24. Uploading Files Change the file name (must include extension) Specify the Title – this will be used in the navigation Browse to the file on your local hard drive Save & Go

25. Copying Files Check the file to copy Do it Choose the directory Select "Copy"

26. Deleting Files Check the file you want to delete Select "Delete" Be sure to check the “Go live with deleted files” checkbox in the comments pop up

27. WYSIWYG Oddities 1.Background Information 2.Making Edits 3.WYSIWYG Editor Oddities 1.WYSIWYG described 2.Using the editor with Microsoft 3.Shortcuts 4.HTML Editing

28. Using the WYSIWYG Editor WYSIWYG = What You See Is What You Get Basic MS Word style editing tools Mouse over any icon to get a short description

29. Using the WYSIWYG Editor When copying from Microsoft applications you MUST copy and paste the text into a simple editor such as Notepad first –This removes the formatting characters inserted by Microsoft –Then copy and paste from THIS new editor into the WYSIWYG editor window in Landscaper

30. Using the WYSIWYG Editor Once the text is pasted into Notepad: Delete all line breaks (not paragraph breaks) Delete all bullets (use WYSIWYG to add) Rebuild tables in WYSIWYG or upload as a separate file

31. Using the WYSIWYG Editor WYSIWYG TIPS (html editor) Shift + Enter = 1 line Enter = 2 lines Ctrl + Z = Undo Ctrl + Y = Redo Ctrl + X = Cut Ctrl + C = Copy Ctrl + V = Paste Ctrl + A = Select All

32. Using the WYSIWYG Editor Adding Images (Inside the WYSIWYG) Position the cursor in the textarea Click the "Insert Landscaper Image" icon Browse to your image Click to insert

33. THANK YOU FOR LISTENING!!

34. NOTES: