Top Banner
My website Hassan Ishfaq
8

My website

Apr 16, 2017

Download

Art & Photos

Hassan Ishfaq
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: My website

My websiteHassan Ishfaq

Page 2: My website

What is my webpage going to be about ?

My webpage will be about the chapter illustrations I have done for this project. I have three final illustrations from three different chapters from the book called ‘V for Vendetta’.

I want my website to have that feeling of v for vendetta.

Page 3: My website

Colours

Having a colour scheme is vital for a website so I would want to have a colour or colours that make it related the book. I also would need to be specific about what exact colour I need. For example, if I was to go to my styles sheet document in sublime and type ‘background – colour: red;’. It will only bring out one solid red which may look ugly so if I want a different variation of that red I would use software that would let me do that. I use would use photoshop. Its because I know hoe to use it and it has the colour pallet just like this.

As you can see there loads of variations of that colour and all I have to do is to pick what I want then copy what you see here and paste it where you would do the coding. So instead of it being ‘background – colour: red;’, it would be ‘background – colour: f73f3f;’.

Page 4: My website

Layout plan

After having a look at other websites and look at their layout, I really want to use he parallax. The cool thing about this one is that its an animation and it gives you a clean layout. I really want to add a video from the film to mask the page more interesting to look at.

Page 5: My website

Layout idea

This will be the background. I will use one of final images for that

This will be where the title of the page will be placed

All of this will be the parallax. The red arrow is showing where the border will be and the green arrow shows where the video will go.

This green arrow is where the final three images will go and the peach arrow is where will white abit about the illustration.

So this border would be your screen and what you will see first but you scroll down that's when this screen will go down too and that's when you see the other stuff, especially the parallax animation .

Page 6: My website

My book

As you can see the book is colourful but uses dark colours.

The book theme itself is quite dark and having looked at my final three images I think red, white and black will be colour scheme I will stick to.

Page 7: My website

Fonts !!

Fonts are a very good way to make your text feel less boring. Some may add colour in it and some people may use the font so It looks like this. Its totally down to how you would want it to be.

With my website I want the colour of my font to be black and the name of the font I will be using is called ‘Fjalla One'. When I saw this font it just looked liked font that would be used in relation to ‘V for Vendetta’.

All I have to do is to get the embedded code which google will give you once you proceed with the chosen one.

Page 8: My website

This is how my website looks like

• This is how my website looks like. It follows exactly how planned it out with the layout idea that I had. Its got the parallax which is like the heart of this webpage. Without it I wouldnt have been able to form this page into what it is and I'm really happy that I got to add a video instead of it being a picture. It just makes the page come to life.