1. Getting Started with CAA’s Alumni Groups Website System

2. Structure of a Hosted Website 1. CAA Static Content: This is a frame that makes your page blend in with the CAA website as a whole. This cannot be changed. 2. Page: This is where all your content will appear. 3. Wrapper: This is the navigation menu that you can change to show all your page has to offer.

3. Step 1a: Logins and Owner Access (Only upon first requesting a CAA-hosted site; If not skip to Step 1b) 1.Contact Matt Ulery (matt.ulery@alumni.berkeley.edu) so he can create your CalNetID or give your current one site ownership. 2.If you are creating a CalNet ID for the first time- Follow the link he gives you to choose a new password. The password MUST contain 3 of the following 4 types of characters: UPPERCASE, lowercase, numbers 0-9, and symbols 3.Matt will create your group’s blank website by the time you finish.

4. Step 1b: Logging Into Your Site 1.Using your web browser, go to http://my.berkeley.edu/caahttp://my.berkeley.edu/caa 2.Click “Login” at the left and use your new Cal Net ID to login. 3.Back at http://my.berkeley.edu/caa, find the name of your group in the list and click it (this page is for internal use- not for the public to see). The groups are in the order that they were created.http://my.berkeley.edu/caa

5. Owner Tool: Edit this Page You will now see “Owner Tools” for each of the elements of your webpage. These buttons are not visible to the public. 1.To edit any page, go to that page and click “Edit this Page”. 2.You will be brought to a page like this. 3.You can add bodies of text with the text boxes- format the text just like you would in Microsoft Word. 4.You can add a “main photo” to most pages and extra photos in the body text by clicking the green Tree icon. 5.Click “Preview Changes” to see what your work will look like. Click “Save Changes” if you like what you see. Click “Stop Editing…” if you are done editing this page.

6. Owner Tool: Edit Wrapper You will now see “Owner Tools” for each of the elements of your webpage. These buttons are not visible to the public. 1.To edit any page, go to that page and click “Edit this Page”. 2.You will be brought to a page like this. 3.You can add a small jpg photo (suggestion: Group logo) to the top right of every page. 4.You can rename each category on the wrapper, or remove them by leaving the box blank 5.Some categories allow for sub-links that can be sorted how you see fit. 6.Utilize the Preview Changes, Save Changes, and Stop Editing buttons as usual.

7. Editing your Contacts Page Your Contacts page shows visitors who the leaders of your organization are and how to contact them. 1. Click on “Contacts” near the top right to begin. Then click the “Edit this Page” button. You will be brought to this page: 2.Simply list up to 10 contacts with their Position, Name, Phone Number, or E-mail. All fields are optional, so feel free to omit phone numbers as necessary. 3.Utilize the Preview Changes, Save Changes, and Stop Editing buttons as usual.

8. Events Page Events are the bread and butter of any Alumni Group. Adding events on your web page will inform visitors and members of how they can be involved. 1.From any page, click the Green button next to the “Event Pages” in your wrapper. 2.Fill in all the information for your event: Time, Day, Title, Contact info, etc. The most important things are the date and time, as that can be used to sort all your events. 3.Once you fill in all the fields (time and date, cost, description etc.) that are applicable, click Preview Changes and then Save Changes to make it public. 4.Utilize the Preview Changes, Save Changes, and Stop Editing buttons as usual. Your events will be listed on the right hand side of all pages in chronological order. Paypal Integration! Events pages allow for a Paypal button to be inserted for pre- payment of your event fees.

9. News Pages and Other Pages are places on your web site where you can add other text-based information as you wish. Links allow you to link your site to any other pertinent sites- an external photo album or even PayPal to allow people to pay for your events or merchandise. News, Links and “Other” Pages 1. Find the appropriate heading on the wrapper and click The Green Button. 2. Add a headline, text, and photos. Text can be formatted just like Microsoft Word. For links, supply the web address. 3. Utilize the Preview Changes, Save Changes, and Stop Editing buttons as usual. 4. The Headlines will appear on the Wrapper on all pages.

10. Photo Pages Photos pages allow you to create photo albums for visitors to view. Photos can be of anything pertaining to your group- Events, Parties, Meetings, etc. Photos must be.jpg,.gif, or.png and must be under 4 MB each. Each album can contain up to 12 images. If you need to upload more, simply create multiple albums. 1. Find the appropriate heading on the wrapper and click The Green Button. 2. Type in an album Title and a description of the photos in the album. 3. For each photo, click “Browse,” find your photo on your hard drive, and click “Open”. Add a caption for each photo. 4. Click “Save Changes” and give ample time for the photos to upload. Afterwards, click “Stop Editing…”

11. Weblogs The hosted website can host a blog if you wish. You can create a blog within your site and post stories at will. No commenting by visitors is available, however. 1.Find the appropriate heading on the wrapper and click The Green Button. 2.Type the title of the blog under “Headline” and a description under “Text.” Afterwards click “Save Changes”, and “Stop Editing…” 3.To post a new article, click “Post a New Topic” and enter your content.

12. RSS Feeds An RSS feed allows your site to automatically display information (“syndicate”) from another site that allows it, such as major blogs and news websites. 1.To utilize an RSS Feed, you need to find the special weblink provided by the site. Look on the original site for a link called “RSS Feed,” usually with the orange icon above. 2.Once you have that link, find the appropriate heading on the wrapper and click The Green Button. 3.Add a title and description, and type the feed link into the “RSS Feed URL” box. Hit “Save” and “Stop Editing”

13. Videos Youtube videos can be embedded into special Video pages on your site. They can’t be embedded elsewhere. 1.Find the Video header on the wrapper and click The Green Button. Type a description and caption if you wish. 2.Scroll down and choose “I want to find the video on Youtube” 3.Either type in the direct URL for the video (if you have it), or search for it by typing into “Keywords.” Hit “Search” for either method. 4.Once the video you want appears on the screen. Drag the small image of the video with your mouse and drop it on top of the “Drop Videos Here” box. 5.Click “Save” and “Stop Editing”

14. Documents Word documents, excel files, PDFs, etc can be uploaded to your site for your visitors to reference. This can be used for club membership applications, bylaws, or anything else pertinent to your group. 1.Find the appropriate heading on the wrapper and click “View Documents” 2.Type a title and description for your document. 3.Click “Browse,” find the document on your hard drive, and click “Open.” Then hit “Upload.”

15. Wrap Up Once you have posted enough material to allow the public to view the site, contact Matt and he will place links from CAA’s main website to your Group website. There are a few other small features available on this web system- feel free to play around with your options because it is set up to be very intuitive. There isn’t really a way to “mess up” your website. Everything can be undone if necessary. Finally, if you have any questions, please contact Matt Ulery at matt.ulery@alumni.berkeley.edu. He can administrate your web pages from his desk and will gladly help you with any issues you may have.

16. Go Bears!