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).
<!-- begin embedded QuickTime file... --> <table border='0' cellpadding='0' align="left"> <!-- begin video window... --> <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> <!-- ...end embedded QuickTime file --> </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'
|
|