Web Portfolio Site – Final Project

Your final will be scored based on the Content, Style and Features listed below:

Index page contains -

A heading that reads “YourName” Web Portfolio

A subheading with the name of the course, teacher and section

Another subheading: the school address (street, state and zip code)

Yet another subheading: your email link

A picture of you

A brief biography pertaining to your computer experience as well as a reflection of the skills you have acquired throughout this course.

Completed projects

An interactive element for the viewer

Android Apps page contains –

Add to the web photo albuma brief description or caption for each picture.

Navigational link(s)- styled ‘inline’ - at top of page that allows the user to return to the index.html page or any other page they desire.

Coding page contains –

An unordered list contain at least 2 bullet point, within the table, detailing how you use HTML, CSS, and JavaScript to create your Web Portfolio.

Navigational link(s)- styled ‘inline’ - at top of page that allows the user to return to the index.html page or any other page they desire.

Video Editing page contains –

Embed the final cut of your Video Project using the HTML <video> tag

  • Need Help! Google it!

Navigational link(s)- styled ‘inline’ - at top of page that allows the user to return to the index.html page or any other page they desire.

Robotics page contains –

Create a web photo album with the minimum of…

  • 1 portrait style picture of the robot
  • 1 picture of the robot in action
  • 1 screen shot from programing the robot.

Navigational link(s)- styled ‘inline’ - at top of page that allows the user to return to the index.html page or any other page they desire.

3D Models page contains –

Create a table that contains…

  • A picture of your Solidworks 3D Modeling Project (can be a screen shot) along with a description of the project highlighting key skills you have acquired.
  • A picture of your Blender 3D Modeling Project (can be a screen shot) along with a description of the project highlighting key skills you have acquired.
  • A picture of a printed 3D object that you have created along with a description of the project.

Navigational link(s)- styled ‘inline’ - at top of page that allows the user to return to the index.html page or any other page they desire.

script.js file –

Add an additional interactive element to one of the pages of your Web Portfolio.

Example -

  • You could add content that states something like this…

“This page was last visited today”

Write the script so that the viewer can enter the actual dateand the

content will change to display something like this…

“This page was last visited March 15th”

styles.css file–

Add the CSS rules necessary so that each page has a consistent design style.

  • You may need to set up new classes with your HTML Example –

<div class=”???”> </div>

Index Page / Heading
Subheadings
A picture of you
Biography
Projects
Interactive element / _____ /2
_____ /6
_____ /3
_____ /5
_____ /4
_____ /4
Android Apps Page / Descriptions/captions
Navigational links- styled ‘inline’ / _____ /6
_____ /2
Coding Page / Unordered lists
HTML, CSS, and JavaScript descriptions
Navigational links- styled ‘inline’ / _____ /3
_____ /6
_____ /2
Video Editing Page / Video Link
Navigational links- styled ‘inline’ / _____ /5
_____ /2
Robotics Page / Web photo album – 3 pictures
Navigational links- styled ‘inline’ / _____ /6
_____ /2
3D Models Page / Table containing - picture from Solidworks, Blender, & printed 3D object
Descriptions of the project to go with each picture
Navigational links- styled ‘inline’ / _____ /6
_____ /6
_____ /2
Script.js File / Additional interactive element / _____ / 10
Styles.css File / Index.html
andriodApps.html
coding.html
videoEditing.html
robotics.html
3DModels.html / _____ /3
_____ /3
_____ /3
_____ /3
_____ /3
_____ /3
Total Points / _____ /100