How-To Guide for the CSI Website
Contents:
How to Create a Basic Page – page 2
How to Create an Article – page 9
Adding Events to the CSI Calendar – page 19
1
How to Create a Basic Page
1
1. Click “Member Log In” on the bottom of the home page.
2. Enter username and password and press “Log In”
3
3. Click “Add content” on the gray bar at the top of the page.
2
4
4. Click “Basic Page”
5
6
7
5. Enter Title 6. Paste or type your text in the “Body” box. If you paste, a box may pop up for you to paste your text in. Do so. 7. To add a link to a web page, simply enter the web address in the text as seen above. It will link automatically, though its appearance will not change in the “Body” box. 3
10
8
9
8. To add a photo, place your cursor where you want the picture to appear.
9. Change the selection from Filtered HTML to Full HTML text in the scroll down
box shown above.
10. Click the image icon
11
11. A box will pop up that look like the one above. Click “Browse server.”
4
12
13
15
14
12. Another box will appear. Click “Upload” on the top bar.
13. Click “Choose File,” or if you have a PC, “Browse.” A box will pop up with the
files from your computer. Find and select the one you want.
14. Click “Upload” at the bottom of the smaller pop-up box.
15. The title of your picture will appear in the list on the right. It could appear
anywhere in the box, but will most likely be highlighted. Double click it.
17
18
19
20
16. You will return to the pop-up box you saw before.
17. Make the width 550. The height will set itself
18. Make sure that the icon next to “Width” it is set to “locked.” It will look like the
icon above.
19. Make sure the Alignment says <not set>.
5
20. Press “OK.” The photo will appear in the “Body” box. All photos are set to align
left on the website.
24
23
.
21
21. To caption a photo, type the caption below the photo.
22. Highlight the caption with your mouse
23. Select the “Styles” drag down menu in the bar at the top of the “Body” box.
24. Click “Photo caption.” To return to adding body text, leave your cursor at the end
of the caption and select the “Styles” drag down menu again and click “Photo
caption” again. Note that the caption will not appear any different in the “Body”
box, but will change on the actual page.
25
26
25. When you are done constructing your page or need to leave the page, MAKE
SURE TO SCROLL TO THE BOTTOM AND CLICK SAVE. Otherwise, you
will lose all of your work. Anytime you make a change to a draft, make sure that
you save it again. You can save and go back to the draft later if you are not ready
to publish.
26. To preview the article, go to the bottom of the page and click “Preview” 6
28
29
27. To return to a draft that you have previously saved, scroll to the black bar that appears at the very top of the webpage when you are logged in. 28. Select “My Workbench” 29. Your page will appear under “My Edits.” Click it. 30
30. It will bring you to a preview of the page. Click “Edit draft” to return to editing. 7
32
31
31. When you are ready to publish the article, scroll to the bottom and click
“Publishing Options”
32. Click the drop-down box under “Moderation status”
33
33. Select “Published”. (Not everyone will have this option, depending on your level
of clearance, you may have to select “Needs Review” to have an editor review it)
8
How to Create an Article
1
1. Click “Member Log In” at the bottom of the page.
2. Enter username and password and click “Log In”
3
3. Click “Add content” on the gray bar at the top of the page
9
4
4. Click “Article”
5
6
7
5. Enter Title
6. If your article is a “Featured Partner” press yes, if not press no
7. If your article is a “Featured Place” press yes, if not press no.
Note: Pressing yes makes the article appear as sidebars and footers throughout the
site, so unless you are sure your article has been selected to be featured, click no.
10
8
9
8. Paste or type your text in the “Body” box. If you paste, a box may pop up for you
to paste your text in. Do so.
9. To add a link to a web page, simply enter the web address in the text. It will link
automatically, though its appearance will not change in the “Body” box.
12
10
11
10. To add a photo in the body of the text, place your cursor where you want the
picture to appear.
11. Change the selection from “Filtered HTML” to “Full HTML” text in the scroll
down box shown above
12. Click the image icon
11
13
13. A box will pop up like the one above. Click “Browse Server.”
14
15
17
16
14. Another box will appear. Click “Upload” on the top bar.
15. Click “Choose File” or, if you have a PC, “Browse.” A box will pop up with the
files from your computer. Find and select the one you want.
16. Click “Upload” at the bottom of the smaller pop-up box.
17. The title of your picture will appear in the list on the right. It could appear
anywhere in the box, but will most likely be highlighted. Double click it.
12
19
20
21
22
18. You will return to the pop-up box you saw before.
19. Make the width 550. The height will set itself.
20. Make sure the icon next to “Width” is set to “locked.” It will look like the icon
above.
21. Make sure the Alignment says <not set>.
22. Press “OK.” The photo will appear in the “Body” box. All photos are set to align
left on the website.
25
26
23
23. To caption a photo in the text, type the caption below the photo
24. Highlight the caption with your mouse.
25. Select the “Styles” drag down menu in the bar at the top of the “Body” box.
26. Click “Photo caption.” Note that the caption will not appear any different in the
“Body” box, but will change on the actual page. To return to adding body text,
leave your cursor at the end of the caption and select the “Styles” drag down
menu again and click “Photo caption” again.
13
28
30
27. To add a picture at the top of the article, scroll down until your screen looks
like the one above
28. Click “Choose File” under “Image”
29. A box will come up with the files on your computer. Find your file, select it and
press enter.
30. Press Upload
33
34
31
31. To caption the photo at the top of the page, type the caption at the top of the
“Body” box.
32. Highlight the caption with your mouse
33. Select the “Styles” drag down menu in the bar above the “Body” box.
34. Click “Photo caption.” Note that the caption will not appear any different in the
“Body” box, but will change on the actual page. To return to adding body text,
leave your cursor at the end of the caption and select the “Styles” drag down
menu again and click “Photo caption” again.
14
37
36
35. To add an attachment, scroll down until you see “Attachment”
36. Click “Choose File.” A box will come up with files from your computer. Find and
select the attachment you wish to include. Press Enter.
37. Click “Upload”
38
39
38. When you are done, MAKE SURE TO SCROLL TO THE BOTTOM AND
PRESS SAVE. Otherwise, you will lose all of your work. Anytime you make a
change to a draft, make sure that you save it again.
39. To preview the article, go to the bottom of the page and click “Preview.”
15
41
42
40. To return to a draft that you have previously saved, scroll to the black bar that appears at the very top of the webpage when you are logged in. 41. Select “My Workbench” 42. Your page will appear under “My Edits.” Click it. 43
43. It will bring you to a preview of the page. Click “Edit draft” to return to editing. 16
45
44
44. When you are ready to publish the article, scroll to the bottom and click
“Publishing Options”
45. Click the drop-down menu under “Moderation status”
46
46. Select “Published”. (Not everyone will have this option, depending on your level
of clearance, you may have to select “Needs Review” to have a editor review it.)
17
Adding Events to the CSI Calendar 1. After logging in, click “Add Content” on the upper menu bar. The “Create Event” box will appear. * All fields with the red star MUST be filled out. 2. Enter the title of your event into the “Title” field. If the event is being put on by an organization that is part of CSI, check the CSI box below. When posting events for allied organizations not in CSI, do not check the box. 3. Enter the date and time into the “Date(s)” field. The “Time” field is not in 24-‐hour time, as it used to be, so you must specify am or pm. 4. Enter a description of the event. Suggested things to include: event activities, what to bring, what to wear, whether or not participants need to RSVP ahead of time, whether there is a limit on the number of participants, specific driving directions, and where to park and meet up. 18
(Note: you do not need to include the actual RSVP instructions here. There are fields to do so below. A simple “RSVP (not) required” is sufficient here.) 5. Fill in the “Event Place Name” with the name of the event location (eg. Beaubien Woods) 6. Fill in the “Address 1” field with the location name or address recognized by Google maps. This may be the same name you entered in the “Event Place Name” field, or it may be a numerical address. Test in Google maps before entering. 7. Enter the city, state, and zip code—again, as recognized by Google maps to ensure the proper map appears on the event page. 8. Select the event type for your event. If your event fits into multiple categories, you may hold down the “Ctrl” key (Windows) or “Command” key (Mac) to select more than one. 9. The “Cost” field can be filled with a dollar amount, the word “Free,” or whatever you need to write. 19
10. If participants need to register through a website, paste the website address into the “Registration Website” field. 11. If your event has a registration deadline, enter that date into the “Registration Deadline Date” field. 12. Enter the contact person’s information in the “Contact Information” field. If this is the person in charge of registration, this is a good place to note that. 13. Select your group from the “Member Organization” dropdown menu. If the group is not part of CSI (not listed), please select “[None Provided]” from the menu. 14. Add a photo in the “Images” field by clicking “Choose File,” selecting the file on your computer, and clicking “Upload.” A thumbnail will appear. 15. If you have any additional files to include, add them in the “Attachments” field following the same process as for adding photos. 20
16. You may click “Preview” to see what the event page will look like before making it public. Click “Save” to make the page public. 17. You may edit the page as often as you like, even after it is public. After going to the “Events” page, find your event in the list and click the blue “Learn more about this event” link. Next, click the “Edit” tab (found just under the event title). This will bring up the “Edit Event” box so that you may change information you previously entered. 21