Objectives

Create your own personal e-Portfolio web site! You will add to the e-Portfolio in later courses and will be able to show potential employers what you have accomplished.

Instructions

1. If you already have an e-portfolio site, you are welcome to use that as long as it meets the criteria in this document. Remember that the e-portfolio is really an online CV and should be designed professionally so that a potential employer could view it with no problems!
2. Your E-Portfolio will have at least the following four pages – Home, Projects, Resources, Personal.
3. Decide on a theme and design for your e-portfolio. Once this is done, storyboard the e-portfolio using the storyboarding template and instructions documents handed out by your instructor(s). This is Phase One.
4. Create a ePortfolio “Home” web page, named “index.htm” using Dreamweaver.

On the Home Page, place the following information:

  • A description of what the e-Business Program is, written in your own words.
  • A paragraph about “How Projects Work in the e-Business Program”, written in your own words from your own experience. Mention things like groups, how project time in class works, the self-reflection process, etc.
  • A paragraph explaining “What Teamwork is in the e-Business Program”, written in your own words from your own experience. Make sure to mention how you divide work in the team, roles in team, etc
  • A list of skills you have learned during this semester.

A link to a Projects Page

  • On the Projects Page, written in your own personal words, you must include a brief explanation of “what the project is about” and “what you have learned from the project”, with a link to the project. Don’t forget to mention the “Bazaar Project” and “What’s in a Name Project” and any other projects from prior years.
  • The "Bazaar Project" must be a sub-site under your e-portfolio!!!

A link to a Resource Page

  • On the Resource Page, put links to websites you find particularly helpful in your studies.
  • Include websites that you visit for fun or other learning activities

A link to a Personal Page

  • On the Personal Page include information about yourself such as your career goals, your future plans, what you like to do when you are not studying, etc. 
  • Remember: DO NOT place any personal photos or personal information because the website will be viewed by other students in the college system
5. Once you have completed creating your e-Portfolio web pages, upload your web pages and picture files to your site on the server. For uploading help, please go to the tutorial here.
6. Test your site on the server to make sure it looks the way you wanted it to LOOK !
7. Keep adding and changing your e-Portfolio web site during the entire semester.

From a technical and web design standpoint, you must use the techniques outlined in Chapter 4 and 5 in the Dreamweaver textbook. These guidelines are the same as in the Bazaar Web site project. Specifically, you must use:

  Technical Page (or Chapter)
1. External CSS stylesheets (or a combination of inline and external CSS) Chapter 4
2. CSS classes in your stylesheets p. 108
3. Advanced text formatting with CSS p. 112
4. Contextual and pseudo-class selectors p. 113
5. DIV tags p. 117 and Chapter 5
6. Linking images, alternate text, gallery page Chapter 3
7. Filenames, folder structure, page titles and "good" web design habits Chapter 1-2

Time Frame

Phase 1 Storyboard your e-portfolio; Create a “Home Page” and a “Projects Page” with links to projects that have been completed between week 1 and week 12. Week 16
Phase 2 Complete all the web pages of your e-portfolio including all projects completed during the semester Week 17

Guidelines

Phase One: On your Projects page, you MUST include a project name heading, one paragraph description of the project and a link for any files for ALL of the projects as discussed in class. Some of these are listed below:

1. What’s in a Name 5. Software training
2. Mini Biz Plan 6. Finance
3. Mini Biz Presentation 7. Any other projects
4. Effective Advertising    

Other important guidelines are:

1. Projects page: Must have Project Name, Description, Link to file, and what you have learned from the project. All Powerpoint presentations MUST be in slideshow format and be viewable online without needing to download the file first.
2. The name of your program is E-Business Management NOT E-Commerce.
3. All of your pages MUST be placed on the ecommerce server and be viewable online.
4. Make sure you test the uploading of your website EARLY. If you come to your instructor at the last minute for help on resolving issues related to uploading, marks will deducted (10%).
5. You are welcome to use templates from other sites. However, these must be referenced. E-portfolios using templates from other sites without proper referencing will receive a failing grade.

In addition, please remember the following points:

1. All web page files must be named with small letters and no spaces!!
2. Never use mixed capitals and spaces in your filenames!!
3. Never use spaces in your filenames!!
4. Example of good file names:  “maitha1.htm”, “maithapicture.jpg”
5. Examples of bad file names:  “maitha 1.htm”, “Maitha’s Picture.jpg”
6. Make sure your web pages are titled (use Page Titles!)

Assessment

The website will be marked on the following criteria:

Theme Content The website must have a well-stated clear purpose and theme that is carried out throughout the website.
Reflections Well written personal reflections of projects and what was learnt.
Links to Projects All project links are working and are accurate!
Following guidelines How well you have followed the guidelines laid out for this project.
Organization, Clarity and Accuracy All information provided by the student on the web site is accurate and well organized. All requirements of the assignment have been met.
Layout Design The website should have an exceptionally attractive and usable layout.  It is easy to locate all important elements. Screen space has been utilized properly without a lot of “wasted” space.
Navigation Links must be clearly labeled, consistently place, allow the reader to relate pages(forward and back) and take the reader where she/he expects to go.
Completeness of information All information required for the project is complete. All projects and assignments have been listed and follows guidelines.
File naming convention All file names use lowercase, no special characters an NO spaces!
Physical website layout Website includes a root folder containing html pages/folders and image folder.
Images Graphics are reduced to smallest acceptable size to allow for faster load time in browser.
Page Titles Page Title is indicated on toolbar of browser.
Copyright All templates and other work that is not your own has been properly credited. E-Portfolios that include uncredited material will result in an "F".
Bazaar Website sub-site The Bazaar website must be a sub-site under your e-portfolio main folder. What that means is that you must make a new folder under the main e-portfolio folder. Call it "bazaar". Then, copy all of your bazaar website files in there. Finally, make a link to the bazaar website in your projects page pointing to the index page in the bazaar folder.
Technical How well you demonstrate use and understanding of the technical nature of creating a web site.