Assignment 2

Date: 29/08/2017-05/09/2017 (Week 1)
Chalani Tharanga Wanigasekara (0329562)
Web design and New Media
Assignment 2

---

Assignment 2

Our second assignment is to make a portfolio website. And it has to be one page.I wanted to make it look simple using few colours. I came up with 6 sketches of wireframe and chose the first one. I used javascript to make the scroll button and used Adobe Animate to make the header animation.

I followed some tutorials to make it nice.

Instruction

Single HTML Web page(20%) Due date- week 6

Create ONE (1) HTML page of your CV. The file MUST include basic format (heading, paragraph, list item, and element of hierarchy), hyperlink (internal and external), basic styling (CSS) and images.

Requirement: 

You are required to create an HTML document that consists of all the elements that are discussed or showed in class. The file should well format with headings, paragraph, proper use of list options and hyperlinks. 

A clear presentation of content flow must be displayed so that user can easily navigate the page and understand the content.

---

Progression

These are my wireframe sketches of my CV.

figure1: wireframe sketch 1

figure2: wireframe sketch 2

figure3: wireframe sketch 3

figure4: wireframe sketch 4

figure5: wireframe sketch 5

figure 6: wireframe sketch 6

figure 7: animation of the header

Final submission

2nd Assignment

---

Feedback 
The lecturer said that my wireframes were not clear and redid it after that he chose 1st one for make the website.

---

Reflection

Experience
This assignment is quite fun though but I suffered a lot because I didn't have any idea to make a nice website. I suffered 4nights without enough sleeping. But in the end, I was so happy. I felt that I have my own website.

Observation
Firstly, I struggled to make the animation for the heading in my portfolio. I decided to use parallax type for my animation with scroll button. but it didn't work. suddenly the animation paused but scroll button worked and I gave up for that. then I decided to make it in separate. 

Finding
I realised that I was getting stress before I try and I'm spending so long time for one thing. that's why I couldn't get enough sleep few days.

---

Reference

I followed some tutorials to make this website. 

figure 1: navigation tutorial

I followed this youtube tutorial to make the navigation bar. 

I followed this youtube tutorial to a make the skill part of my portfolio.