INSTRUCTIONS
FOR USING THIS SITE



OVERVIEW

At the top of the page are icons for "pencil", "page" and "more".  Click on the "pencil" icon to edit.  Click on "page" icon to add a page.  You can add templates or create a new page.  Click on "more" to manage the pages and site.

After editing remember to "Save" at top.


Your Pages Are File Cabinets
Upload images and other files they may want to share


 SITE CHANGES  

Get email notification of site changes

Click More icon at top of page > Subscribe to site changes.

Edit a page
Click Pencil icon at top of page.



 CUSTOMIZE SITE  

Your Pages Are File Cabinets
Upload images and other files they may want to share

Change your Sidebar Menu
Click Edit Sidebar > Add a Sidebar Item > Add Text. 

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 SITE  

If you are not using the page templates you can
add content to 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
Copy this gadget and paste it into your site. Then edit the properties and paste the url that points to your Vimeo Video.




Here's the code. Paste it 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&amp;cht=d&amp;chdp=sites&amp;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&amp;sig=wSPwDgA1lQbveiP5uL6nuocfvjM" igsrc="http://244.gmodules.com/ig/ifr?mid=244&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fvimeo-video.xml&amp;up_videourl=http%3A%2F%2Fwww.vimeo.com%2F8668489&amp;h=360&amp;w=640" type="ggs-gadget" props="align:left;borderTitle:Vimeo video;height:360;igsrc:http#58//244.gmodules.com/ig/ifr?mid=244&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fvimeo-video.xml&amp;up_videourl=http%3A%2F%2Fwww.vimeo.com%2F8668489&amp;h=360&amp;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. 



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'








Comments