Tuesday, 1 March 2016

Production.

The production of my website was a tricky one as I had to start from a template and this is the template that I chose:




To be honest this template was a decent one although it was tricky to animate and get my head around. I used WIX.com to create my website.

I needed a symbol or emblem for my website so I had to go on to illustrator and create one for myself. I used the pen tool to just draw the outline of the tree to start with as you can see from one of the picture here but I also used the rubber to clean up the stray ends as I zoomed in and rubbed them out. I also used the paint brush tool to colour in the branches that you can see within the leaves then I duplicated the beach and flipped the branch 180 degrees and put it a little more to the right. I also added a little bird that I had to draw and colour in. What I did was I copied the tree on to photoshop and then I filled in the tree truck and the bird and leaves with the bucket tool which came in handy although I did have a bit of a problem with finding a colour to match my background header for my website and you'd think I could just simply use the magic wand to get rid of the white background and I thought that would work too but it turns out that when u actually pasted the image into the website it looked like the picture had a white background so what I did was I went on to the wix website and selected the information on the colour of the header that I selected and pasted this serial type number into the colour bar on photoshop and pasted that into there but when I then pasted my image onto the website it was a complete different colour which was extremely frustrating so I ended up snipping part of the background of the header and stretching it to fit the size of the background of my image and then pasted that into my website and even that still only just looked similar to it. If you go to my website and have a close look you'll be able to see that there's a slight colour difference from the background of my emblem to the header of the website even though it's the exact texture of the website that it has been snipped from.


















For my website that you can see here in the pictures to the left and below I used a website called Wix.com which is a website that lets you create, websites. So we had to do our whole project on basically a socioeconomic or economic based theme like crime or self harm but I chose deforestation because I feel as if self harming, crime and racism doesn't really matter if we haven't got a planet to live on and end up becoming extinct. I feel as if deforestation needs some light shed upon it so this is why I'm doing it. Now firstly after you've made an account you click on templates to have a readily made one for you to base your site off and that's what I did. I clicked on the template that best suited my design that I wanted and I clicked on that one. I then changed everything about it from the colours to text and pictures and actually parts of the website/the design and how it was actually supposed to work, there was supposed to be 4 main parts pictures on the homepage and I narrowed it down to 2 and stuck the rest in the navigation bar at the top. The different parts of the website which you can see via the screenshots provided on screen include: "whats deforestation?" which is basically telling you what deforestation is, then there's "How fast? How can we stop it?" which tells you how fast deforestation is happening and how we can stop it, the next one is called "Trees" which tells you all about why trees are important for if you've been living under a rock your whole life and can't see why trees are important to us, we also have a section that's titled "how can you help?" where it tells you how you can help by giving you information and links to sites which you can donate too and the last page is my bio telling you all about myself and why I've created the website. This all took a while to create but not as long as expected because my research was very good so i already had a lot of the information that I needed apart from things that have happened as of recently like Leonardo DiCaprio's Oscar winning speech etc which is what I will get too in the next paragraph.


















The links for the how to help part is a company called "GreenPeace" and also a company called "Stand for Trees" and these two companies take donations from people all around the world and help to put it to better use by doing campaigns and ultimately helping the climate! You can see the screenshots on screen below. There was also an Oscars speech from Leonardo DiCaprio as he's a long time supporter of clearing up the environment and ensuring the survival of humankind. You can find the speech just about anywhere but lucky enough for you I've got the web address right here: 

https://m.youtube.com/watch?v=R-LtZMkTvzA

Also my inspiration for this whole thing is a video on climate change and how the world is going down the wrong track. The video is called "Dear Future Generations: Sorry" and it's by a man called "prince EA". If you'd like to take the time to have a quick watch of this video then the web address is here: 

https://m.youtube.com/watch?v=eRLJscAlk1M

































No comments:

Post a Comment