We need a website that uses hypermedia, it is a college project and for that reason we will need to have access to all the code used and preferably commented on to be explained later. A complex project is not necessary, but we also do not want a mediocre project.
We want the website to have a navigation bar with 3 options, "Home", "Photo Album", "Songs / Movies", as can be seen in PowerPoint (
Outline.pptx), attached.
On the "Home" page, we intend that when the video site is opened, it will automatically start playing and when the timeline appears,
as you can see on the first PowerPoint slide.
In addition, when we click on the titles next to the 3 points, each of these titles would open a new page, as represented on slides 2, 3, 4, 5, 6, 7, each slide contains the text corresponding to what should appear when clicked the respective link.
Then we have the "Phot Album" button where,
as the name indicates, we will have a selection of some images that will change as the user presses the arrows (a caroussel).
Furthermore, some images when the mouse pointer passes them in a specific area will pop up with text, which we can see on slides 8 and 9.
Finally, we have the Songs / Movies button,
where on this page we will have a list of songs and movies that were inspired by the fall of the Berlin Wall. What we want on this page is that when we move the pointer over the song title or over the movie title, open a popup to play the music video or the movie trailer,
the links for each of the songs that should be on the site are on slide 10, in a comment box.
On that same page, there will also be, next to each song / film title, a "more" button that will toggle between appearing and disappearing the text that is indicated on the slide under the titles.
Our project will focus on
if at the Berlin Wall (before and after) and how this division was made and what were the reasons for the division of Germany.
In the annexes it is possible to see two examples of sites in other types of contexts (in the file
sites.txt).
Requirements: HTML5, CSS3 and JavaScript or Processing, js, html and css
if you have any questions we will be available to clarify at any time. We await response, Thank you.
Category: Design & Multimedia
Subcategory: Web design
What do you need?: Create a new custom design
Is this a project or a position?: Project
Required availability: As needed
