Site Content 

The main page (home page) of this website will feature a head navigation bar which consists of an icon at the top left and ‘home’ ‘brief’ ‘author’ ‘content’ ‘contact us’ and there is a dropdown effect in ‘content’ part. 

The heading is followed by a giant story-related picture, and the rest of of the home page will be the content of the story.  
At the bottom, there is a footer with three columns, left column is for ‘contact us’ and a form attached, middle one is for the site map and the right one is for social media (Facebook, twitter and Instagram). 

The brief and author page will have the same structure but with different content. 

In the story content, there will be 6 parts and therefore 6 paragraph and headings, on which you click, the content of this part will be toggled.

In the content part of all pages, the most important and appealing interactive effect is that when mouse hover over a paragraph, the paragraph will fade in a brown dashed border and once you click on it, the border becomes solid and the text in this paragraph will have several changes: 
  1. Become italic style 
  2. Color change 
  3. Underlined 
  4. Font size +1. 
And if you click once more, the text will become even bigger. 

There is a tab container to show the content of part4



Plus, there will be a slides picture effect at the end of part 5 and a form at the footer  


Comments

Post a Comment

Popular posts from this blog

Image
The Story  The story is a book<The Giver> by Lois Lowery.   This is a story of a boy who grow up in a world where there is no war no starvation no color and no emotion being selected as the Receiver of all memories for the whole community and fighting his way to let go of all memories so as to give the real world back to people.   The genre of this story is fiction.   Summary: Jonas is the main character in this story.   Jonas' world is a place without warfare, starvation, extreme poverty. Everything is right under control.   Everybody enjoy this world due to the fact that they do not have to bare the awful memory and the one that hurts. However, in this world, they do not have the memory as well as the emotion.   When Jonas grow to 12-year-old, he is singled out. Everyone has been assigned a job and their own field.   But Jonas was singled out to be selected and to be given the most honoured and vital position of this whole world--the Receiver. Thus,
Read more
Image
Visual Design  The story is positive and inspiring but kind of mysterious so I've chosen a darker theme color.   The website originally is expected to have a extreme simple and page displayed before the main page is loaded but after discussing with my tutor, this effect seems to be pointless and will only result in redundancy of content, so I've just abandoned that design.   The background of the whole website is the picture with pink dots in the dark grey background, providing a bit dark theme to create the mystery of the story, which is more likely to catch readers’ eyes and matches the content of the story.   Most of the buttons have the background same as the color of cork, giving a contrast to the background to make it easier for users to find buttons and distinguish them from the content of the story.   The top left button is the giver logo, which comes from the cover of the book and makes the theme more like this story book. All the header navigation beside
Read more