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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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.