The purpose of this assignment is to demonstrate that you have learned the basics of HTML and CSS and a range of associated core skills.
computer science
Description
Assessment 1: Portfolio Project
Introduction
The purpose of this assignment is to demonstrate that you have learned the basics of HTML and
CSS and a range of associated core skills. Core skills, like using the Terminal or GitHub/Git, will
help you to build a portfolio site that can be used as part of your online presence and increase your
employability. You are tasked with developing a portfolio site with four [4] pages.
All parts must be submitted or an overall fail grade will result.
Overview of the Portfolio Site: Technical Skill & Originality of Code (62.5%)
(see rubric on the link below for the exact breakdown)
Please refer here to the Rubric document for breakdown of detailed marking criteria.
A Portfolio site of at least four [4] pages that have extended substantially the work begun in class
lessons and with Assignment 0.
The portfolio must include the following pages all represented in the navigation:
● index.html (landing page)
● portfolio.html (images / grid)
● contact.html (form)
● cv.html
This assignment (AS1) is worth 50% of your total mark for this module or 50% for each assignment
each term.
● Please refer to the Rubric document for detailed marking criteria.
● The code must be yours alone and will also be graded on originality.
● Each page should easily fill a standard 27” inch screen to the ‘fold’ for the desktop version. It will also need to be responsive at the standard Mobile viewport (Use 360 X 640), this is still the most used default resolution for mobile in 2019. Make sure to check your work on the monitors at the university if you don’t have access to one at your home or residence. This is because your work will be assessed with this monitor and the Chrome browser.
● The site must be ‘responsive’, meaning there must be both mobile and desktop versions (a minimum of two media queries are a requirement). A third ‘tablet’ version will be awarded more points.
● A column based approach must be a feature of the site, for instance on the CV page. Flexbox is recommended for column layout.
● No Lorem Ipsum. You must develop your own content.
