These are some screen shots of the final website.
The Home Page including the main blog.
The comment feature for the blog posts.
The articles page showing more of the blog and also how the menu drops down.
The Preview gallery showing sample pages from the Illustration special.
The Past Issues Gallery where who can purchase the Magazines.
The job search feature.
A page about Amelia’s Magazine and it’s founder.
In the wire frame I had the content box set to a specific height so I can add in a scroll bar so you can navigate down that section only without losing the menu or the home page button etc however, in response to peer feedback I had removed this feature as it made the user feel almost restricted in viewing the page.
I’ve gotten the elements back in position as well as the content part working with further adjusting to the css file; it took time for me to learn what to target and how to label it. So now it’s add the other details for to make the website next to complete such as an image for the shop button and another ad and some more detailed content which I get to later. I also need to a privacy and copyright section under the tag cloud separate from the pink box.
When I did add in the Tag Cloud and justified it, it threw sidebar 2 out of whack and the content.
As opposed to using ‘float’ to position my 3 sections I used ‘position’ absolute and relative to allow them to sit nicely into place with a little adjusting with margins and padding. Although at this stage I had not managed to fix the content box where I would include the blog and gallery etc it’s was due to not being to target that division properly. I also had not implemented the tag cloud, which I learned how to make by viewing the page source of amelia’s magazine’s website and the drop down menu in the navigation which I was helped through HTML Dog’s website.
A diary of designing and coding my first website, that is, a redesign of Amelia's Magazine's min-website; drawn from a competitive analysis of related websites, my site architecture and wire-frames and general inspirations.
