FINAL SUMMATIVE PROJECT - PORTFOLIO WEBSITE
Congratulations! You've made it to the (almost) end of the grade 11 comm tech course and you only have one more major project to tackle - the summative portfolio. During this project, you will complete the portfolio website you designed near the start of the course. This site will showcase all the major practical project work that you have worked on throughout the semester. See the detailed description below for what your portfolio site will contain. You will have approximately 5 classes to complete this activity (should have significant work completed on this activity prior to summative unit).
FINAL SUBMISSION DATE - Friday, June 13th (SAVED TO PORTABLE HARD DRIVE)
CLICK HERE TO VIEW OR DOWNLOAD RUBRIC FOR SUMMATIVE PROJECT
CLICK HERE TO VIEW OR DOWNLOAD RUBRIC FOR SUMMATIVE PROJECT
__________________________________________________________________________________________________________________
You will need at least the following pages for your site (you can add more if you'd like). These should be the button links featured in your navigation area of your site.
- About Me:
Home page (features course information, personal introduction, graphics) - Logo Design:
This page basically highlights your rough work designs (take a photo of your sketches) as well as your work in Adobe Illustrator. - Graphics:
This page will showcase your work in Adobe Photoshop; you may also include your work in Illustrator, i.e., combine the Logo Design page within the Graphics Page. - Photography:
Or InDesign: This page should include your work in InDesign (photo manual) as well as your photography and use of the various digital SLR camera(s). - Audio Page:
Your work in Adobe Audition, embed your FLV version of final rendered bullet movie created in Premiere Pro) - Animation:
3D Studio project page (includes FLV verson of final rendered project) - Video:
Your group's work from the Google Doc's to final work in Adobe Premiere should be included. You may embed your video a FLV for "web" as well as include a high quality link of the final video. - OPTIONAL - Web Design Page: This page should include your work from the Resume web site through to your Summative Portfolio.
- Website Design Page & Graphic Design Page (features links to resume site and logo design files you produced at start of course)
- OPTIONAL - Other Comm-Tech/Media/Art related work you've created (or page of interesting comm-tech links)
PART 1 - Folder/Directory Setup
To begin your summative, you must setup an proper folder structure for your work on the D drive of the computer you've been working on for the majority of the course. You will need to work carefully to ensure all files are managed correctly in appropriate folders. See the sample directory structure below. Your exact structure may vary slightly, but it should resemble the sample. Take note of folder and page names.
VERY IMPORTANT - You cannot use punctuation, spaces or specials characters in names (other than underscore or dash symbols). You will run into linking problems if you do not name files and folders VERY carefully.
To begin your summative, you must setup an proper folder structure for your work on the D drive of the computer you've been working on for the majority of the course. You will need to work carefully to ensure all files are managed correctly in appropriate folders. See the sample directory structure below. Your exact structure may vary slightly, but it should resemble the sample. Take note of folder and page names.
VERY IMPORTANT - You cannot use punctuation, spaces or specials characters in names (other than underscore or dash symbols). You will run into linking problems if you do not name files and folders VERY carefully.
|
PART 2 - Page Production in Fireworks
Using the original Fireworks page template you produced near the start of the course, you will design/complete page layouts for all major projects (see below). Each page will contain the following material:
|
WORKING WITH SLICES IN FIREWORKS
When working on your pages in Fireworks, you may want to create slices over page areas. This allows you to create specific regions that can be removed or changed when working in Dreamweaver. This can be particularly helpful if you want to embed video files on a page or replace text/content. Click the image below to see what a sliced page in Fireworks can look like. Note the region beside the content text has a separate slice that will be used for placing an FLV video clip. ________________________________________________
SAMPLE SITES
Click the links below to view some samples of portfolio pages from previous comm-tech classes. The samples range from low level 3 to level 4+. Take a careful look at design and content to determine which pages are likely to reach level 4. |
__________________________________________________________________________________________________________________
PART 3 - Linking in Dreamweaver
Once you have exported ALL Fireworks pages as HTML/IMAGES files, you will need to setup your site in Dreamweaver. Follow the steps outlined at the beginning of the course or refer to the Dreamweaver Help Menu for assistance in completing this step (or CLICK HERE to view the Adobe TV tutorial video on Defining Sites). Make sure you select the portfolio folder you created in Part 1 as your root folder. Try to do as much of this as possible on your own. Part of the mark you receive for your summative is based on your ability to work independently to solve problems and demonstrate skills learned during the course.
Once you have exported ALL Fireworks pages as HTML/IMAGES files, you will need to setup your site in Dreamweaver. Follow the steps outlined at the beginning of the course or refer to the Dreamweaver Help Menu for assistance in completing this step (or CLICK HERE to view the Adobe TV tutorial video on Defining Sites). Make sure you select the portfolio folder you created in Part 1 as your root folder. Try to do as much of this as possible on your own. Part of the mark you receive for your summative is based on your ability to work independently to solve problems and demonstrate skills learned during the course.
- Using Dreamweaver linking tools, etc., you will set up all the required hyperlinks between pages (navigation buttons, etc.) and links to project files.
- Make sure you save your pages after making links, etc. to ensure they will work.
- Preview your pages outside of Dreamweaver prior to handing in (open HTML files with Internet Explorer or Firefox if available) to ensure links work as expected and there are no broken images, etc.
- VERY IMPORTANT - do not move any files in your site folder after creating links and setting up navigation or you will break links and potentially make portions of your site unusable.
__________________________________________________________________________________________________________________
WHAT YOU'LL HAND IN
Pretty simple...you will burn your summative website folder and all its contents to the portable hard-drive.
Pretty simple...you will burn your summative website folder and all its contents to the portable hard-drive.