Right click on the website folder and choose Download. It will be a .zip file.
Extract the content of the .zip file and place the folder on your desktop
Download homework files needed for website
Go to your Canvas class website, click Account and click Files.
Click the course name hyperlink and or the Submissions hyperlink
Select the following files and download: selfie (class 1), logo (lastname_class5.zip- this includes all necessary fonts for your logos), two animations (class 8 and 9 FLA file), your resume video (lastname_class13.mp4 file).
Click on the gear to the right of the file name you want to save and choose Download
Place these homework files into the website folder on your desktop.
Check the size of lastname_class13.mp4 file. If it is bigger than 100 MB:
Open Adobe Media Encoder
Choose File>Add Source and select your video
When it shows up in the Queue window (top right window in Media Encoder), click on the word H.264
In the window that opens click Preset> Match Source High Bitrate and CHANGE to Match Source Medium Bitrate. In the bottom of the window it will show your the Estimated file size.
Click Output Name and save to your website folder
Click the Green arrow in the top right corner of the Queue window
Once the new file is saved, exit Adobe Media Encoder
Start editing your web pages
Export your logo from Adobe Illustrator
Open lastname_class5.zip and extract the files.
Install the fonts in the fonts folder by double-clicking on each of them.
Choose File> Export> Export for Screens
Export to: images folder within the website folder on your desktop
Click Export Artboard,renaming your favorite of the three logos as logo and the other two as logo_backup1, and logo_back2.
Choose Export to: the images sub-folder of your website folder.
Make sure to deselect Create Sub-folders.
When prompted Do you want to overwrite the existing logo.png, select Yes. (NOTE: If you do not get this prompt, you are not saving the artboards with correct name to the images folder of your website).
If you set up your site on your home computer last week you should see all your website files appear in the Files panel on the right side of the screen.
Select New Site
Local Site folder> Browse to the website folder on your desktop
Choose Select Folder
Make sure your workspace in set to Standard
Select Window> Properties and drag the Properties panel to the bottom of the Application (it will have a blue line when it ready to be docked).
Double-click on all five html pages within the files panel
Modify and upload all pages with logo and title changes.(1 point)
If you properly named your favorite logo as logo.png and placed it in the images folder of your website, you should see your logo on ALL your pages. If not, go to your website folder, find the files (likely in a sub-folder called 1x, and place them into them images folder.
Single-click on the logo.
Select the Properties panel and change the Alt text information to the name of your company
Click on the body tag directly above the Properties panel
Select the Document Title field in the Properties panel
Change the text to something that reflects the content of the page, like Your Name ePortfolio.
Do this on all five pages with meaningful and unique names for each page. For example your video resume title tag should be Your Name Video Resume, etc.
Modify the index page with paragraphs, and selfie (1 point).
Double-click on the header text (Your Brief Introductory Paragraph) and change it to what you want the potential client or employer to see when arriving at your ePortfolio landing page
Double-click on each of the Sub-title and paragraph text blocks and provide your story
Single-click on the SRJC Superhero on the right side of the page and select the Browse for File icon in the Properties panel.
Choose your selfie image which should be in the images folder of your website root folder
Change the Alt text in the Property Inspector to Your Name
Place your resumevideo on your resume.html page
In the Files panel double-click on resume.html (1 point)
Choose Code View at the top of the Document window
Select line 32 of the code and click and drag your cursor from the beginning of the tag.
Hit the DELETE key
Choose Insert> HTML> HTML5 Video
In the Properties panel, look in the Video Properties and click on the Browse for file icon next to Source and navigate to the location of lastname_class13.mp4 file.
Click on the dropdown next to Preload and change it to auto.
Select File> Save
Upload your updated website folder
If your cloud9 workspace is not already open go to https://c9.io/ and enter your username and password
Select the website folder on your desktop and drag it to the root folder in the left panel within cloud9. NOTE: Do not drag it inside the website folder. the idea is that you are overwriting the old files here.
Select Overwrite All.
In the left-hand panel of the cloud9 interface, right-click on index.html and choose Preview
Click on the icon to the right of the word Browser in the top right corner of the cloud9 workspace. This will make the page Pop Out into a new browser tab
Copy the entire URL in the address bar of the new tab
Click on all of the links in the navigation bar and check that all the pages reflect the changes you have made
Click on the Submit Assignment button at the top of the page
Scroll down and paste the web address that you copied into the Web URL text field
Click the Submit Assignment button
Can't change a rubric once you've started using it.