instructions

INSTRUCTIONS
FOR USING THIS SITE

OVERVIEW

To create a new site from this template right now... click the ' Use this template' link at the very top of this page.

Once you create your site, Click 'More Actions' on the upper right and choose 'Share This Site' Then toggle 'Collaborator' and input all your collaborator's (committee's) e-mails. Click 'Invite these people'. Make sure to send a message with it. In your message, tell them that they will need to set up a Google account under the e-mail address you used to contact them, in order to leave comments and upload files on your site.

Here is an example student site (Case Silva - using last year's template).
https://sites.google.com/site/casesilvaportfolio/

CUSTOMIZE YOUR SITE

Your Pages Are File Cabinets
So you or your committee can upload images and other files they may want to share

Change your Menu
Click Edit Sidebar > Add a Sidebar Item > Add Text. Then Edit the text: leave out the title and type in your Project, Name, contact info and the names of your committee members.

Create A New Page
Each image, video or interactive work should have its own page. To create a new page click Edit Sidebar > Add a Sidebar Item > Add Text. Then Edit the text: leave out the title and type in your pages and due dates. Select each line and make it a link: click the 'Create new page' button. Give the page a name and choose the appropriate template.

Populate Your New Page
Click 'Edit Page' in the upper right and insert the text , images and videos that you want.

Customize The Look (optional)
Click 'Edit Sidebar' on the lower left and choose 'Colors and Fonts'

ADDING CONTENT TO YOUR GOOGLE SITE

If you are not using the page templates you can
add content to your site as outlined below.

Image:
Maximum size: Width =1400 pixels, Height = 750 pixels.
File Format jpeg 80% quality (not PNG).
Write 'Click Image to Enlarge' under it.

Youtube Video (Works on all platforms and browsers)
A. Export from QT pro or your application:
File Format: .flv or or mpeg-4
Codec = H.264
Quality = 3000 kbits/sec
Deinterlacing: Yes for video, No for animation
Audio: AAC - Quality =128 kbps - 44.1 khz, stereo, best encoding quality
Resize:
Standard Def (640x480) = 480 x 360
DVD Def (720x480)  = 540 x 360
Hi Def (1280 x 720) = 640 x 360

B. Upload your video to YouTube

C. Insert a YouTube Video Gadget and paste YouTube url into the properties.

Vimeo Video (Only works in Safari)
A. Export from QTpro or your application:
File Format: .mov or .wmv
Codec = H.264
Data Rate = 3000 kbits/sec
Deinterlacing: Yes for video, No for animation
Audio: AAC - 320 kbps - 44.1 khz
Resize:
Standard Def (640x480) = 640 x 480
DVD Def (720x480)  = 640 x 426
Hi Def (1280 x 720) = 640 x 360

B. Upload your images to Vimeo

C. Insert a Vimeo Gadget
Paste this code into the html editor. Then, in the properties, type in the Vimeo url and pixel dimensions (from list above).

</div> <div style="text-align:left"><img src="http://www.google.com/chart?chc=sites&cht=d&chdp=sites&chl=%5B%5BGoogle+Gadget%27%3D16%27f%5Cbf%5Chv%27a%5C%3D318%270%27%3D317%270%27dim%27%5Cbox1%27b%5CDBD9BB%27fC%5CDBD9BB%27eC%5C15%27sk%27%5C%5B%22Vimeo+video%22%27%5Dh%27a%5CV%5C%3D12%27f%5Cbf%5C%5DV%5Cta%5C%3D319%27%3D0%27%3D318%27%3D357%27dim%27%5C%3D319%27%3D0%27%3D318%27%3D357%27vdim%27%5Cbox1%27b%5Cva%5CFFFEF0%27fC%5CDBD9BB%27eC%5Csites_gadget%27i%5Chv-0-0%27a%5C%5Do%5CLauto%27f%5C&sig=wSPwDgA1lQbveiP5uL6nuocfvjM" igsrc="http://244.gmodules.com/ig/ifr?mid=244&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fvimeo-video.xml&up_videourl=http%3A%2F%2Fwww.vimeo.com%2F8668489&h=360&w=640" type="ggs-gadget" props="align:left;borderTitle:Vimeo video;height:360;igsrc:http#58//244.gmodules.com/ig/ifr?mid=244&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fvimeo-video.xml&up_videourl=http%3A%2F%2Fwww.vimeo.com%2F8668489&h=360&w=640;mid:244;scrolling:no;showBorder:false;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/vimeo-video.xml;up_videourl:http#58//www.vimeo.com/8668489;view:canvas;width:640;" width="640" height="360" style="display:block;text-align:left;margin-right:auto;" class="igm"></div>

Quicktime Video (Only works in Explorer)
A. Export from QTpro or your application:
File Format: .mov or .wmv
Codec = H.264
Data Rate = 3000 kbits/sec
Deinterlacing: Yes for video, No for animation
Audio: AAC - 320 kbps - 44.1 khz
Resize:
Standard Def (640x480) = 640 x 480
DVD Def (720x480)  = 640 x 426
Hi Def (1280 x 720) = 640 x 360

B. Upload your images to your own webserver

C. Insert a Quicktime Gadget
Paste this code into the html editor, click 'update'. Then in the properties, type in the Quicktime url and pixel dimensions (from list above).

 <table border='0' cellpadding='0' align="left">  <tr><td> <OBJECT classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' width="560" height="331" codebase='http://www.apple.com/qtactivex/qtplugin.cab'> <param name='src' value="Quicktime URL"> <param name='autoplay' value="false"> <param name='controller' value="true"> <param name='loop' value="false"> <EMBED src="http://www.casesilva.com/thirdpassfixescountersmall.mp4" width="560" height="331" autoplay="false" controller="true" loop="false" pluginspage='http://www.apple.com/quicktime/download/'> </EMBED> </OBJECT> </td></tr>  </table>

SWF (Flash) File
Choose 'more actions' > 'page settings' > ''Currently using... (change). Then choose 'File Cabinet' for the template. Put a screenshot of the animation or game on the page. Then upload the SWF file via the File Cabinet. When someone clicks on the file, it will open a new browser window and play. You can also embed the file using the 'Any Flash' gadget. (See the Interactive Template for an example)

Interactive Media : HTML, PHP, Etc.
Post the the files on your own or the school's server. Just put a screen shot of the media in the page with the link under it. Write this " Click Here to see this 'fill in the blank'. You can also upload the project's file folder (zipped) to the File Cabinet at the bottom of the page.

Text
Type straight into the site or copy and paste in text from another document. If pasted text has bad formatting, you can remove it by clicking 'Format' in the upper left and choosing 'Clear Formatting'