Create an Image Slideshow

Click on one of the videos below to watch a tutorial on Creating an Image Slideshow

If you do not have Quicktime you can view the tutorial using a Flash player:
Flash

Tutorial Video (Flash Player)

 

Copy and paste this code

<script type=”text/javascript”>
$(document).ready(function(){
$(‘#crossslide’).crossSlide({
sleep: 5,
fade: 1,
shuffle: true
}, [
{ src: ‘https://wou.edu/student/admissions/californiagold/images/cal_1.jpg’},
{ src: ‘https://wou.edu/student/admissions/californiagold/images/cal_2.jpg’},
{ src: ‘https://wou.edu/student/admissions/californiagold/images/cal_3.jpg’}
]);
});
</script>

<div id=”crossslide”>&nbsp;</div>


Please feel free to email me if you have any questions, gauntzd@wou.edu.

Creating Lists in Contribute

Open the page you would like to edit in Contribute. Type your list.

Select the title of your list.

Go up to the top where the Style drop down is

Select the style you would like your header to be

Select all the items in your list

Click the Bulleted List button at the top, and your list should now be bulleted

If you would like your list to have red arrows instead of bullets select all the items in the bulleted list

Go up to the Styles drop down

Select arrow_list

Once you publish your page the arrow list should look similar to this below

If you would like a numbered list, select all the items in your list

Click the Numbered List button at the top

Once you are done with all your edits click Publish

Your lists should resemble these below

If you have any questions feel free to contact gauntzd@wou.edu

Calendar Event Lists

If you would like to list events on your website to have them look and feel like WOU’s events, here is how you can do it.

You will need to login to ts.wou.edu through Remote Desktop.

Open the page that you would like to add these events too in Dreamweaver.

Select Code view.

I have given 2 separate examples, the first event listed is when the event lasts just one day while the second event goes for multiple dates.

You will notice in the code that there is a separate style being used for the date so that it will be a smaller size.

Copy and paste this code below where you would like the events to show up on the page and change out the blue fields with your event information.

<span>Upcoming Events in University Advancement</span>
…………………………………………………………………………………………….

<table style=”width:700px” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”50″ align=”left” valign=”top”>02
</td>
<td width=”50″ align=”left” valign=”top”>
<p>Jul</p>
<p>2012</p>
</td>
<td align=”left” valign=”top”>
<p>Emeritus Society Meeting</p>
<p><strong>12:30 p.m.</strong> | Year End Potluck at Gentle House</p>
</td>
</tr>
<tr>
<td colspan=”3″>
…………………………………………………………………………………………….
</td>
</tr>
<tr>
<td width=”50″ align=”left” valign=”top”>12-13</td>
<td width=”50″ align=”left” valign=”top”>
<p>Sep</p>
<p>2012</p>
</td>
<td align=”left” valign=”top”>
<p>WOU Retirees Association Trip</p>
<p>Ashland/Crater Lake</p>
</td>
</tr>
</table>

If you want to add more events then you will need to copy and paste the whole <tr> to the ending </tr> making sure you get both the <tr>s including the one with the dotted line. You will want to paste it before the ending </table>

Once you have entered in all your events, then hit save. Go to the page and hit refresh and all your events should be there with the WOU style.

Please let me know if you have further questions gauntzd@wou.edu or 503-838-8215

Working with Images in Contribute

Open Contribute and navigate to the page where you would like to add an image. Put the cursor where you would like to insert the image, then click on the “Image” drop down at the top and select “From My Computer”

Navigate to where the image is located on your computer and then hit “Select”

In some cases your image will be too large for the web, so Contribute will automatically size it down for web optimization. Click “OK” if you get that message.

It will ask you to enter in a Description ALT text. This will show up if a person has their images turned off. Click “OK” once you have entered something.

Right click on the image and select “Image Properties”

You can change the size of the image, add extra padding around the image, and align the image. If you would like the text to wrap around the image you would want to align the image either to the Left or the Right. Once you have made the changes you would like click “OK”.

You should then see your image take on all those new properties. The image below demonstrates the image aligning to the left so that the text now wraps around it.

If you have any questions feel free to contact gauntzd@wou.edu

Faculty Homepages

How to edit your faculty homepage

If you are a faculty member who did not automatically get a copy of a standard faculty page in your personal site follow these directions first.

Video Tutorial

Flash
(html tags from video)

Screenshot Tutorial

Log-in to the Portal and select the Faculty tab.
Then under the My Programs channel select Faculty Information.

You can fill out your Office Hours and Biographical Information.

You can check the box to add your Online Campus Directory photo.

You can fill out any Additional Information and when finished hit the Update Information button at the bottom.


You can enter in html for links and paragraphs to show. Here is a list of some basic code that you can copy and paste into your Portal page:

Tags

line break: <br>
link: <a href=”enter_the_url_here”>Enter the text that you want linked here</a>
bold text: <strong>Enter your content that you would like bold here</strong>
paragraph: <p>Enter your paragraph here.</p>
image: <img src=”enter_the_path_to_your_image_here.jpg” />

If you have any questions feel free to contact gauntzd@wou.edu

Editing Navigation Links

Log into the terminal server, ts.wou.edu. Open up the X drive then go into the include_files folder then the subsite_files folder and then select the folder in which you would like to edit the navigation file.

If you would like to edit the left navigation, the name of the file will be left_nav.php.
If you would like to edit the top navigation, the name of the file will be TheNameOfYourSubsite_nav.php.

Double click on the file and it will open it in Dreamweaver.
Then click on the “Split” view and you should see something similar to this image.

If you would like to add a new link to the navigation copy the
<div>&nbsp;</div> and <a href=”linkwouldbehere”>Link Name Would be Here</a>
and past it where you would like it to go.

Change the Name of the link to what you would like it to be. Use all caps.

Then change the link to where you would like it to link.

If you would like to add a tab or a link to the top navigation open the TheNameOfYourSubsite_nav.php it should look something similar to the image below. You can select the “Design” view.

If you would like to add a link to a current drop down hit return and add it to that list.
If you would like to add a new tab at the top, hit enter twice and it will bring it to the black bullet.

Copy one that already exists so you get the extra spaces before and after the link.

Then enter the text you would like the link to say.

Select all the text that you would like to link and at the bottom of Dreamweaver in the Properties panel select HTML and enter your link into the link box.

Then hit save and check it on the web.

If you have any questions feel free to contact gauntzd@wou.edu

Websmith Work Around

Once you have created a page in Websmith you will get this security lockdown error at the top.

Open any file within the directory you are wishing to create this file in Dreamweaver (example, if you are adding a page to the Alumni site you would want to open up the X:drive/president/advancement/alumni folder and select any php file within there)
Immediately do a “save as” and save it as the name you used in websmith

Then copy the page ID number from websmith

And do a find and replace for the pageid number which will generally be only 4 numbers in Dreamweaver

It should replace it in three areas.
Now you can delete any and all of the inside code between the
<!– TemplateBeginEditable name=”head” –>
and the
<!– TemplateEndEditable –>

Please let me know if you have further questions gauntzd@wou.edu or 503-838-8215

Creating a Form Using Google Docs

First you will need to login to your gmail account. You will want to use a standard gmail account for your whole site for example, bookstore@wou.edu. This way if someone moves on from WOU these forms will still exist. If you would like to create a standard email address for your department or program please email me at gauntzd@wou.edu.

Once you are logged in click on the 9 little squares and this dropdown menu will appear, select “Drive” from it.

Then click the “CREATE” button and select “Form” from the dropdown.

Title your form. Select Default and then click “OK”.

Uncheck the “Require Western Oregon University sign-in to view this form.”

A “Do not require sign-in box” will appear, hit “Ok”.

Type your question in the box “Question Title”.

For the “Question Type” you can select from, Text, Paragraph text, Multiple choice, Checkboxes, Choose from a list, Scale, Grid, Date, or Time depending on what you are asking.

You can make your questions be required for them to answer before they can submit it by checking the “Required question”.

To add another question click the “Add Item” at the top and select the type of question you would like from the drop down and fill out the fields just like I showed above.

For the confirmation page you can type in whatever you want to show up once they have submitted the form. You can check or uncheck any of the other options below as well, then hit “Send form”

Here is a tutorial on how to post this form in Dreamweaver.

If you would like me to post the form you can copy that code and send it to gauntzd@wou.edu with the link to the page you would like it to appear on.

To set up email notifications for when people submit the form click on “View responses”.


Go under the”Tools” menu and select “Notification rules…”

Select the options you would like in the box that pops up and then hit save. These email notifications will only be sent to the gmail account that this form was set up in.

To go back into your form and make edits go under the “Form” menu at the top and select “Edit form”.

When people submit this form the results will show up on the spreadsheet.

If you have any questions feel free to contact me at gauntzd@wou.edu or 503-838-8215.