Difference between revisions of "EPortfolios for Culpeper"

Line 3: Line 3:
 
<div class="clear"></div>
 
<div class="clear"></div>
  
===What's in a template?===
+
==What's in a template?==
 
Both templates have the same basic lay-out. They have an "index.html" which is the main page you see when you first visit the site. Within the index there are 4 frames: sidebar, top, bottom and main. Each of these parts coresponds to a different .html file. Sidebar, top, and bottom will all remain the same when you are going through the site. Main, however, will change depending on which of the options you choose from the sidebar menu.  
 
Both templates have the same basic lay-out. They have an "index.html" which is the main page you see when you first visit the site. Within the index there are 4 frames: sidebar, top, bottom and main. Each of these parts coresponds to a different .html file. Sidebar, top, and bottom will all remain the same when you are going through the site. Main, however, will change depending on which of the options you choose from the sidebar menu.  
  
Line 12: Line 12:
 
[[Image:ePortfolio-site-list.png]]
 
[[Image:ePortfolio-site-list.png]]
  
===Getting Started===
+
==Getting Started==
 
To get started you will need to download the template for your specific language, unzip it and place it into your '''wwwdoc''' folder. The template is available for download here:
 
To get started you will need to download the template for your specific language, unzip it and place it into your '''wwwdoc''' folder. The template is available for download here:
  
Line 22: Line 22:
 
To begin working on your site, once you have followed the steps above, you should double-click on the file called '''spanish.site''' or '''french.site'''. This will open up your site in [[GoLive for Culpeper|Adobe GoLive]]. From there you may begin to edit your site.
 
To begin working on your site, once you have followed the steps above, you should double-click on the file called '''spanish.site''' or '''french.site'''. This will open up your site in [[GoLive for Culpeper|Adobe GoLive]]. From there you may begin to edit your site.
  
===Tips for working with your ePortfolio===
+
==Tips for working with your ePortfolio==
 
*'''Do not edit the file titled index.html''' - this is the file which pulls your site together, and unless you have previous experiance with webpage design you should not attempt to edit this file.
 
*'''Do not edit the file titled index.html''' - this is the file which pulls your site together, and unless you have previous experiance with webpage design you should not attempt to edit this file.
 
*When you are done editing a file just choose "save" NOT "save as" (unless you are working with blank.html).
 
*When you are done editing a file just choose "save" NOT "save as" (unless you are working with blank.html).
Line 30: Line 30:
 
*The Culpeper student lab assistnats are all trained to help you with your ePortfolios, if one of them is unable or unwilling to help you please contact [[Alison Sommer]] imediately.  
 
*The Culpeper student lab assistnats are all trained to help you with your ePortfolios, if one of them is unable or unwilling to help you please contact [[Alison Sommer]] imediately.  
  
===Other Helpful Sites===
+
==Frequently asked GoLive questions==
 +
These FAQs are intended as a help guide for students using [[GoLive CS2]] to create and maintain language '''ePortfolios'''. Please see the center assistants or Culpeper director for any additional help.
 +
 
 +
===How do I create a new .html document?===
 +
There are two ways to create a new .html document if you are working with one of the pre-constructed language templates. The easiest way is to open the document “blank.html” and choose “save as” and name it something new, this will create a new .html file without erasing the “blank.html” file. Or you can right-click within the GoLive directory and choose New > HTML Page. If you are not owrking within the template, the second option will be the only option available to you.
 +
 
 +
===How do I change the background or text colors?===
 +
First, click on the button marked “properties” on your site page, a new set of options should then appear in the inspector, check the box next to the color you wish to change, then go to the color pallet bellow and pick a color.
 +
 
 +
===How do I add a sound file?===
 +
Adding a sound file is essentially the same as adding an image, but instead of dragging the image icon over, you will choose the sound icon. Then follow the same steps as for an image.
 +
 
 +
===My sound file shows up as a black box, what’s wrong?===
 +
The program might have the sound type wrong. Click on the sound icon and then look over at the inspector, make sure to choose the “Audio Basic” option under the MIME menu.
 +
 +
If that doesn’t fix you file make sure your file is in .mp3 format, if not you will have to fix the file before you will be able to embed it to make it an mp3 (use [[Audacity]] for this).
 +
 
 +
{{GoLive help}}
 +
 
 +
==Other Helpful Sites==
 
*[http://homepages.gac.edu/~sommera/French/ Example ePortfolio]
 
*[http://homepages.gac.edu/~sommera/French/ Example ePortfolio]
 
*[[GoLive for Culpeper|GoLive]]
 
*[[GoLive for Culpeper|GoLive]]

Revision as of 11:10, 19 October 2006

The French ePortfolio

ePortfolio Templates have been created by Alison Sommer for use by students in both the Spanish and French sections of the Department of Modern Languages, Literatures, and Cultures. The ePortfilios were created to be edited using Adobe GoLive. The templates are supported by the staff of the Culpeper Language Center and students who are using the templates are strongly encouraged to do their work in the Culpeper Center.

What's in a template?

Both templates have the same basic lay-out. They have an "index.html" which is the main page you see when you first visit the site. Within the index there are 4 frames: sidebar, top, bottom and main. Each of these parts coresponds to a different .html file. Sidebar, top, and bottom will all remain the same when you are going through the site. Main, however, will change depending on which of the options you choose from the sidebar menu.

EPortfolio-parts.png

Once you have your template in place and have it opened in GoLive (see below for instructions on how to do that), you will see that there are separate .html files for each part of the site coresponding to each of the items on your sidebar (sidebars may be slilghtly different depending on your class/language).

EPortfolio-site-list.png

Getting Started

To get started you will need to download the template for your specific language, unzip it and place it into your wwwdoc folder. The template is available for download here:

Once you have placed the "Spanish" or "French" folder into your wwwdocs folder you will be able to view your site online. The URL will be: http://homepages.gac.edu/~username/Spanish/ (where "userneame" should be replace by your e-mail username and "Spanish" may be replaced with "French". Note: Spanish and French must be capitalized in the URL or the site will not be found.

To begin working on your site, once you have followed the steps above, you should double-click on the file called spanish.site or french.site. This will open up your site in Adobe GoLive. From there you may begin to edit your site.

Tips for working with your ePortfolio

  • Do not edit the file titled index.html - this is the file which pulls your site together, and unless you have previous experiance with webpage design you should not attempt to edit this file.
  • When you are done editing a file just choose "save" NOT "save as" (unless you are working with blank.html).
  • When naming files for use online avoid special characters (such as accented letters) or blank spaces as these may confuse the web browsers.
  • All files which you want to have displayed on your site MUST be saved inside your wwwdocs folder, preferably inside your "Spanish" or "French" folder within your wwwdocs folder.
  • When viewing your site online you may need to refresh individual frames for your most recent changes to appear. To do this right click within the site and choose reload
  • The Culpeper student lab assistnats are all trained to help you with your ePortfolios, if one of them is unable or unwilling to help you please contact Alison Sommer imediately.

Frequently asked GoLive questions

These FAQs are intended as a help guide for students using GoLive CS2 to create and maintain language ePortfolios. Please see the center assistants or Culpeper director for any additional help.

How do I create a new .html document?

There are two ways to create a new .html document if you are working with one of the pre-constructed language templates. The easiest way is to open the document “blank.html” and choose “save as” and name it something new, this will create a new .html file without erasing the “blank.html” file. Or you can right-click within the GoLive directory and choose New > HTML Page. If you are not owrking within the template, the second option will be the only option available to you.

How do I change the background or text colors?

First, click on the button marked “properties” on your site page, a new set of options should then appear in the inspector, check the box next to the color you wish to change, then go to the color pallet bellow and pick a color.

How do I add a sound file?

Adding a sound file is essentially the same as adding an image, but instead of dragging the image icon over, you will choose the sound icon. Then follow the same steps as for an image.

My sound file shows up as a black box, what’s wrong?

The program might have the sound type wrong. Click on the sound icon and then look over at the inspector, make sure to choose the “Audio Basic” option under the MIME menu.

If that doesn’t fix you file make sure your file is in .mp3 format, if not you will have to fix the file before you will be able to embed it to make it an mp3 (use Audacity for this).

I still need help

There is a lot of good documentation within the application's built-in help. To access this, click on Help > GoLive Help in your menu bar. Adobe GoLive has been replaced by Adobe Contribue on campus at 鶹Ƶ and is no longer officially supported by the helpline or the web team.

Other Helpful Sites