The Basics of Managing Your Department Website March 8, 2012

1. The Basics of Managing Your Department WebsiteMarch 8, 2012

2. In this workshop…. You’ll learn… • How to access the system • How to edit pages • How to create new content pages -add text, links, images, support documents such as pdfs and word docs • How to add links to the right side navigation and homepage buckets (the related objects menu)

3. ION CMS • Web based platform • Log in from NYU campus or via proxy • Supported browsers Internet Explorer Firefox

4. Context Page

5. Context Page

6. Content Page

7. Logging in ION http://ionadmin.fas.nyu.edu/admin/LoginAction.ion

9. The ion nav menu See ion quick reference handout.

10. How to edit a context page 1. Go to the practice website:http://ionweb.fas.nyu.edu 2. Download the practice materials to your desktop 3. Find the page with your last name Click on the “+” sign in the lower left corner to open the page in on 4. Click on the globe tab to change the page title and page alias Long title = the title of the page as it appears on the page itself Short title = the title of the page as it will appear in any navigation menus Alias (context pages) = name Alias (content pages) = dept.category.nameofpage

11. How to edit a context page 5. Click on the content tab to make any edits to the content. • If you are copying text from a word document, copy to notepad or text edit first, then copy to ion • Add any formatting (italics, bolds, etc.) in ion 6. To add a link, click on “add a link” • In the box that pops up, add the url address of the page you want to link to. • If it is a page on your website, delete http:// and the part of the url that starts after …eduFor example www.chemistry.as.nyu.edu/page/aboutwww.chemistry.nyu.edu/object/chem.people.staff

12. How to edit a context page 7. To add an image • Click “add a support file” in the bottom area of the screen • Browse to find your image • Click to save • Make sure that the image name does not have any spaces or special characters • Place your cursor to where you want the image located • Click on the arrow sign that is placed to the left of the image name 8. To add a pdf • Make sure that the image name does not have any spaces or special characters • Click “add a support file” in the bottom area of the screen • Browse to find your pdf • Click to save

13. How to edit a context page 9. Now you need to create a link to your PDF • The directory to the PDF will consist of two parts:- the string of text to the left of “Click here to add a suport object”- the pdf name • Select and copy the long string of text that is after of “Click here to add a support object • Select the text that will be linked to the pdf • Click on “add a link” • In the pop up box, delete http, and paste the /admin/io/… text you copied • Then type in the pdf name

14. How to edit a context page 10. Once you are done making edits to the page, click on preview to see how the page will look on the web. If it looks good you are ready to publish your page on the web 11. Go to the publishing tab • Click on the arrow under staging. • Click ok on the pop window “are you sure you want to push this page into production” • That is it! The edits to your page have been published. Now that you are done make sure you use the exit to main menu to exit out of the page

15. How to create a content page 1. Start on the ion main menu 2. Select “content” pages 3. Click on the new page icon 4. Select class- • events/faculty profiles are specialized • article class is for all other pages There you go— you have a new blank page.

16. How to create a content page 6. On the global tab • Add title, short title and page alias Page alias format: dept.section.pagename 7. Under properties tab , you can select • To exclude the page from google search results • Add time, location, category, etc if you are working on an event page • Add faculty profile information if you are working on a faculty profile page 8. In the content tab , add your text and images

17. How to create a content page • 9. Once you are done preview the page • 10. Then, publish the page to the web • Go to the publishing tab • Add an available events date • Available date = day you are creating the page • Review = day after the event (for events only) • Click on the arrow under Staging • Click ok on the pop window “are you sure you want to to push this page into production” • That is it! The edits to your page have been published. Now that you are done make sure you use the exit to main menu to exit out of the page

18. How to create a content page 10. To preview your page on the web, go to your department site, or for the training purposes to the demo site (ionweb.fas.nyu.edu) Go to ionweb.fas.nyu.edu, and then add: /page/yourpagealias for context page /object/yourpagealias for content page

19. How to add links to the subnavigation • Open the page that you want to add links to in ion For the training purpose it is the context page with your last name • Go to Related Objects tab • Pick the bucket where you want to add the page • Click on the + sign to the left of the name of the bucket • Search for the content page that you would like to add For the training purpose it is the content page you just created • Check the page you would like to add • Click on “ add this page to the bucket” on the top of the page • Your page has been added to the bucket

20. Contact our office to • Add new context pages • Add new buckets and subnavigation options • Edit bulletin pages • Create online forms

21. Online photo editing • http://pixlr.com/ Creative Commons (search images, with attribution): • http://search.creativecommons.org/

22. Email us at fas.communications@nyu.eduVisit our website at communications.as.nyu.edu Questions?