My idea was to design a Superheroes website. I have chosen 5 superheroes, Spiderman, Superman, Batman, Hulk and Ironman. I would have each page with character details, film, history and comics.
Navigation
This code is the Navigation in html and I have added 5 pages of navigation, Home, Characters, History, Comics and Film.
This is the navigation and I have also used a dropbox to show the different pages you can click to.
Homepage
This is the Wireframe of Homepage for Superheroes website. I have added in homepage with images, images with text and image link so you can go to different websites.
This is code of homepage site in Html on Coda.
This is the homepage that I have made and you can see the images of the 5 superheroes that I have chosen, Spiderman, Superman, Batman, Hulk and Ironman. At the bottom of the site you can click this image and it will take you to other websites for example, Marvel website and DC Comics website which are linked to superheroes.
Character
This is wireframe of Superheroes’s Character about Spiderman, Superman, Hulk, Batman and Ironman. My idea would be images and text about superheroes.
Spiderman pages in character site
I have added images of Spiderman’s logo
and Image of Spiderman.
This is the code that shows how I have added images into coda.
This code shows how I added the text into the spiderman site.
Code for two columns about spiderman.
This is coda of Spiderman’s images shadow.
These are images of spiderman so when you click small image it will show shadow images.
I have made other superhero character pages like the Spiderman page, Superman, Hulk, Batman and Ironman.
Other Superheroes Character pages.
Facts
This is wireframe of facts site.
This is coda for fact site to make table.
This is fact web page and table is in this fact site.
History
This is History of Superheroes wireframe in past and present.
This is History of Superheroes site in past and present.
This is code of Superheroes History site.
This page shows the characters past and present.
Comics
This page shows different comics of the character wireframe of spiderman, superman, hulk, batman and ironman.
This is code of Spiderman’s Comic with added text and images in html.
This is the website of Spiderman’s comics that I have made and it gives you information about spiderman’s comics.
I have made other superhero character pages like Spiderman, therefore Superman, Hulk, Batman and Ironman.
Other Character’s Comics website
Film
This is Wireframe of Superheroes Film site and my idea is to have images of superheroes poster, information about film and video clips of trailers.
This is code of how to put video into HTML in Coda.
This is how video look like in HTML.
This is code for how to make Spiderman’s Film site.
This is Spiderman’s Film site that I have made so you can see the different Spiderman films in poster, information and video clips.
I have made other superhero’s film is Superman, Hulk, Ironman and Batman
Other Superhero’s film website
I am happy and pleased with my superheroes website. I have learned everything and know how to use and understand Coda. This shows me that I am very confident to use Coda and can now design websites.
Here is my Superheroes Website link:
http://www.minimise.org/student14/saadsuperheroes/