Repaired Evaluation


Published on

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Repaired Evaluation

  1. 1. In this presentation I will be taking about my website and each step to explain to you what I have done to come this far in this presentation.
  2. 2. The first thing I have done when first creating this website is sketch out all the buttons to see what they would look like before I started to put them on the website, after that I had to think what all of my pages would look like. This screen shot shows the layout of my web page, the buttons that are here are the actual buttons that I am going to put onto my website. This is a mock up of my page and this helped me understand the scale, for example the size of my buttons and the banner.
  3. 3. The first page I have put the flash at the top because that is the superhero I am going to be doing so the viewers know. I also put something that represents the flash so the lighting bolt at the top right corner and underneath the buttons. I introduced the page to welcome the viewers to my page. At the bottom of the page I put 3 lightning bolts I was supposed to put (contact us, info etc.) but there was no space to do it all. The picture at the centre of the page was before a picture of the flash but I changed it to the face of the flash that’s in the right of the page. And the last bit that the home page has is annotations, that describes what kind of colours there are and why I have chosen those specific colours, It also talks about why I have put each things where they are. The first page of my website will have the logo and the title at the bottom of that the page will have the buttons than the lightning bolt which only that page has it. Then at the bottom of the page there are the lightening bolts which I was supposed to put ( contact us etc.…)
  4. 4. The second page all the same except for the biography where I have written a bit about the flash and what his powers do and who created this character, in the 2,3,4 and 5th page I haven't put the lighting bolts underneath the buttons this is because it take a lot of space from the page and with that page I have put a picture of the flash so viewers know what he looks like This images on the left shows the lightning bolts and how much space they can take up and the image on the right shows the page but this time without the lightening bolts and what other things I can put apart from the bolts.
  5. 5. The third page I have changed the middle bit, the things that I have changed in this page is these pictures, next to each picture there is information about where to buy the shirts. These two images shows how I started the 3rd page to how I have improved it to become to the image on the right. I have changed the colour scheme and the pictures in the middle with a piece of text next to it to show you what it is and where you can buy it. When you click the images on the right picture it goes to where you want it to go but the picture on the left you couldn’t do that.
  6. 6. The fourth page all is has is 2 pictures of where you can buy comic books these 2 show that one is in comixology and the other one is located in Camden. Before and After, before I only had blocks of text with an image explaining nothing and next to that there was only 2 websites where you could buy the products. Then the after page on the right is not giving that much information but something changed, is when you click on the picture it takes you directly to the page on google.
  7. 7. The last page just has a pictures and wallpapers and also YouTube videos so when you want to watch the video so you just have to click on the picture. Old and New the old one wasn’t that good because I didn’t put all my effort in to this work so there was only space for 4 videos or pictures where the image on the right shows that you could put in 6 images or videos by creating it on PowerPoint and the other thing is the colour scheme where the one on the left is light red and the one on the right is dark red, the one on the right is more appealing to the audience.
  8. 8. After I have created the pages than I had to start on building it on to the website, the first thing I had to do was screen shot each of the things on each page and save it with an appropriate name which in this case I done it with button 1 new and button 1 so that when I create the website I will be able to click on each page and change where you would like it to go.
  9. 9. the button where the next thing I done after the pages, I had to put an affect on them and see how they would, than I had to have the old ones and the new ones so when you combine it together it changes to a pressed button. The buttons had to have a different affect so when you clicked it, it would sink in to the new buttons. These are my buttons that I have created, they are both different this is because when you start to create the website you need both of them so when you click on the button it sinks down.
  10. 10. The order I have done all of these was: • Open all the pages • Then the buttons • Move each button where it has to go The button the you see here is to save the pictures into an individual file so when you open it goes straight to the internet.
  11. 11. The thing I done after that was open dream weaver and started to open each website presentation to it so I can fix it up to make it look presentable and by pressing F12 it opens your website onto google. When you click on the button each page will appear where you want it to go some of the computers might have a blocked content but you can simply take that off by clicking ‘’allow blocked content’’ and it will take you where you would like to go. When I first opened Dreamweaver I had to open all of the pages on to it and start working up and building up on my website and then I had to know where the buttons would go. The image on the left shows what Dreamweaver is and how it could be opened.
  12. 12. The button that you see here is the reason why you can click on the picture it takes you directly to the page. With this other button I have done, it lets you click on the page you have to copy the URL to both of these boxes and take out the hashtag because if you don’t you could not be able to open the page.
  13. 13. To summarise everything, everything that I have done I have put it into a 12 slides which contains information about what I have done since the beginning to the end.