Contribute and Accessible Syllabi Workshop How To Guide – College of Humanities
College of Humanities
Contribute and Accessible Syllabi Workshop How To Guide
Table of Contents
Introduction to Your Website’s Structure / Page 2-3Working From Home or Wirelessly: Installing and Setting Up VPN / Page 4-11
Working From Home or Wirelessly: Accessing Your Udrive / Page 12-13
Connecting to Your Website with Contribute / Page 14-18
Top Three Checkpoints for a New Page / Page 19
Creating a New Syllabus / Page 20
Editing a Page / Page 21-22
Publishing a Page / Page 23-25
Inserting a Global Link / Page 26-27
Creating a Web Link / Page 28-30
Inserting a File Attachment From Your Computer / Page 31-33
Creating an E-mail Link / Page 34
Creating a List / Page 35
Inserting an Image / Page 36-38
Creating Section Headings / Page 39
Creating Accessible Tables / Page 40
Using the Rollback Feature / Page 41-42
Editing META Data / Page 43-44
Validating a Page / Page 45-47
Introduction to Your Website’s Structure
Each CSUN user has a special storage space called the “Udrive” which is allotted to them by Campus IT. Your Udrive sits on a server on campus and is accessible by any computer which is part of the CSUN network. Instructions on accessing your Udrive are in the sections below.Your website is located in a special folder within your Udrive called “public_html.” Any files placed inside the public_html folder can be publically accessed through the internet.
Inside of your public_html folder you will find another set of folders which are used to organize and house all of your website’s files. Throughout the workshop you will use your Udrive and its public_html structure to create an online syllabus and homepage. It is very important that you utilize this structure effectively, and no not place your files haphazardly. /
Reference: Udrive Structure Handout
Introduction to Your Website’s Structure cont.
If you have already completed the workshop and are working from your office, feel free to skip to any of the topics in this guide. If you are working from home or from your laptop, it is important that you read the following two sections before continuing on to the others. /Reference: Udrive Structure Handout cont.
Working From Home or Wirelessly: Installing and Setting Up VPN
If you will be working offsite, you will need to launch VPN in order to access your U Drive.Download VPN software
1. Download the VPN software from campus IT’s software download website: https://www.csun.edu/itr/downloads/index.cgi2. Log in with your CSUN user ID and password (Figure 1).
3. Select Cisco Systems Virtual Private Network Client under Windows.
4. Click Download (Figure 2). / Figure 1
Figure 2
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
5. A screen will pop up asking you to either run or save this file, click on Save (Figure 3).6. Select a destination on your computer where you would like to store the VPN software (Figure 4). / Figure 3
Figure 4
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
Installing VPN
1. Double click the VPN icon at the location where you saved it on your computer.2. A message will pop up asking you to run this software or cancel it. Select “Run” (Figure 1).
3. A win zip self extractor window will open, then select the “Unzip” button (Figure 2). / Figure 1
Figure 2
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
4. Click “Next” on the screen which says Welcome to the Install shield Wizard for VPN Client (Figure 3).5. You will now see a screen which lists out the License Agreement. Read the agreement and click “Yes” (Figure 4).
6. Click “Next” to start the installation of the VPN software (Figure 5). / Figure 3
Figure 4
Figure 5
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
7. The next screen tells you where the VPN software will be stored on your computer. Click the “Next” button (Figure 6).8. The VPN software will now be installed on your computer.
9. After the installation is complete, you will see a screen asking you to restart your computer. Click the “Finish” button on this screen (Figure 7).
After your computer has restarted, VPN is now ready to be used. / Figure 6
Figure 7
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
Setting Up a New Account on VPN
1. Click on the “All Programs” option on the Start menu. Select “Cisco Systems VPN Client”. Now select “VPN Client” from the list of available options (Figure 1).2. Select “New” from the toolbar (Figure 2). / Figure 1
Figure 2
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
3. Fill out the following information on the next screen (Figure 3).a. In the “Connection Entry” box, please enter a unique name of your choice.
b. Enter a description of your connection in the “Description” box. This is optional.
c. In the box “Host” please enter “vpn.csun.edu”.
d. Select the “Group Authentication” button.
e. In the box “Name”, please enter “csun-vpn”.
f. Enter “csun-vpn” in the “Password” box.
g. Re-enter “csun-vpn” in the “Confirm Password” box.
4. Click “Save” when finished / Figure 3
Working From Home or Wirelessly: Installing and Setting Up VPN cont.
Connecting to CSUN from VPN
1. Open the VPN client software.2. Select “Connect” from the toolbar (Figure 1).
3. Enter your CSUN Account and Password (Figure 2).
4. Click “OK” when finished.
5. Click “Continue” on the next screen (Figure 3). / Figure 1
Figure 2
Figure 3
Working From Home or Wirelessly: AccessingYour Udrive Home
In order to connect to your Udrive from home, you must already be connected to the CSUN network via VPN. To do so, see the guide on page 28.For Windows PCs
1. Right click the “My Computer” icon on your desktop and select “Map Network Drive” (Figure 1).2. In the box that says “Drive”, click the down arrow and select “U:” from the list of available options (Figure 2).
3. In the box that says Folder, type in \\udrive\your CSUN Account (Figure 2).
Example: \\udrive\sn12345
4. You will be asked for your CSUN Account and Password, please enter this information.
5. Click Finish. This will open up a window with all your files and folders that currently reside on your CSUN account. / Figure 1
Figure 2
Working From Home or Wirelessly: Accessing Your Udrive cont.
For Mac OSX
1. Click “Go” on the menu bar at the top of your screen. Select the “Connect to Server” option (Figure 1).2. In the box “Server Address” please enter “smb://udrive.csun.edu/Your CSUN Account” (Figure 2).
Example: smb://udrive.csun.edu/sn12345
3. Click Connect.
4. The box “Workgroup or Domain”, leave it blank. In the box “Name”, enter your CSUN username and enter your password in the “Password” box (Figure 3).
5. Click OK. / Figure 1
Figure 2
Figure 3
Connecting to Your Website with Contribute
You will need to perform these steps every time you wish to use Contribute to edit your website from a new computer.1. Click the “Create Connection” button from the Contribute Start Page (Figure 1).
2. Click “Next” on the first window that shows up (Figure 2). / Figure 1
Figure 2
Connecting to Your Website with Contribute cont.
3. Enter your website address in the URL box. (Figure 3).a. Alternative, type in a partial address (such as www.csun.edu) and click the “Browse…” button (Figure 3) to find your website in the browse window. Click “OK” when you have found it.
4. Click “Next” when done (Figure 3). / Figure 3
Figure 4
Connecting to Your Website with Contribute cont.
5. Choose “Local/Network” from the first drop down box (Figure 5).6. Enter the path to your public_html in the network path box. This should be “U:\public_html\” (Figure 5).
a. Alternatively, click the “Choose…” button (Figure 5) and then browse your computer for your public_html folder in the choose window. Click “Select” when you have found it (Figure 6).
7. Click “Next” when done (Figure 5). / Figure 5
Figure 6
Connecting to Your Website with Contribute cont.
8. Enter your full name, using natural language, into the first box (Figure 7).9. Enter your CSUN e-mail address into the second box (Figure 7).
10. Click “Next” when finished (Figure 7).
11. Select “Administrator” from the role menu. It is critically important that you choose “Administrator” as your assigned role and do not leave it on the default setting of “Publisher” (Figure 8).
12. Click “Next” when finished (Figure 8). / Figure 7
Figure 8
Connecting to Your Website with Contribute cont.
13. Check the summary of your information to ensure that everything is correct (Figure 9).14. Click “Done” (Figure 9).
You are now connected to your website and may administer it using Contribute. / Figure 9
Top Three Checkpoints for a New Page
1. Heading 1 <H1>: Your Heading 1 is the topmost (and therefore most general) section heading of your page. There can only be one Heading 1, since it encompasses the entire page and all the subheadings underneath it. H1 is used in conjunction with page title to make the page searchable by search engines such as Google.2. Page Title: Page title is displayed on the top bar of your web browser, and is a crucial factor in making your page searchable. Page title should be equivalent to your <H1> + any additional information such as your name, class semester, etc.
3. Filename: Page filename should be short, concise, all lowercase, and not contain any special characters such as ampersands (&), underscores (_), or spaces. This will be part of the URL that your students will enter to access your page.
Creating a New Syllabus
1. Browse to one of your already existing syllabi.2. Click on the “New …” button (Figure 1).
3. Choose “Copy of Current Page” (Figure 2).
4. Enter the name of your page in the “Page title” box (Figure 3).
5. Click “OK” to create the page and proceed to editing.
Best Practices
Page title for a syllabus page should include your Heading 1 + any additional information such as your name and the class semester. / Figure 1Figure 2
Figure 3
Editing a Page
If you have just created a new syllabus, you will automatically be in Edit mode. Skip step 1.1. Click on the “Edit Page” button (Figure 1).
2. At the top of the page is a toolbar with buttons to make text bold, italicize, set alignment, change headings, create lists, and other common functions (Figure 2). / Figure 1
Figure 2
Editing a Page cont.
3. If you make any unwanted changes, you can undo them by selecting “Undo” from the Edit menu or by pressing CTRL + Z (Figure 3).4. To save changes, click on the “Publish” button in the top-left corner (Figure 4).
Best Practices
It is recommended that you do not copy and paste text from an outside source into your webpage, as this will cause formatting errors and render the page inaccessible. If you absolutely must do so, contact your web developer or ATI coordinator for assistance. / Figure 3Figure 4
Publishing a Page
When you are satisfied with the changes you have made, you can “Publish” your page to save it and have the changes be reflected on your website.1. Click the “Publish” button (Figure 1).
2. If the window in Figure 2 appears, ignore the warning and click “Yes” (Figure 2). / Figure 1
Figure 2
Publishing a Page cont.
If you have published this page in the past, you will simply see a congratulatory message and you will be done. If this is a new page, you will need to save the page with a filename before publishing it.3. Click “Choose Folder…” (Figure 3).
4. Browse to and open the “syllabi” folder on your website (Figure 4).
5. Click on the ‘Select “syllabi”’ button. / Figure 3
Figure 4
Publishing a Page cont.
6. Enter the filename in the box (Figure 5).7. Click the “Publish” button to save your document and publish it to your website (Figure 5, 6).
Best Practice
A properly formatted filename must be one word, all lowercase, and devoid of any special characters such as tildes (~), underscores (_), and ampersands (&). It should be concise and easy to remember. Remember, this is the URL that your students will be typing in to access your web pages. / Figure 5Figure 6
Inserting a Global Link
1. Highlight the Global Link you wish to turn into a link (Figure 1).2. Type in your global link text over the placeholder text (Figure 2).
3. Highlight your link text again (Figure 2).
4. Click the Link button, then click “Browse to Web Page…” (Figure 3). / Figure 1
Figure 2
Figure 3
Inserting a Global Link cont.
5. Type the URL into the box labeled “Web Address (URL)” (Figure 4).a. If you do not know the full URL/Web Address, enter a part of it in the box and click “Browse…” to browse for the exact page (Figure 5).
b. Click “OK” when you have found your page (Figure 5).
6. Click “OK” (Figure 4). / Figure 4
Figure 5
Creating a Web Link
1. Highlight the text you wish to turn into a link (Figure 1).2. Click the “Link” button, then click “Browse to Web Page…” (Figure 2). / Figure 1
Figure 2
Creating a Web Link cont.