Worstpage competion

Worst website competition 

This week we had a worst page website competition. We had to make a worst page on purpose and the one who would gain the most votes in the end had won the competition. Besides that we had to analyze the website we voted on. I  have chosen this top five websites:

1. Jason's van Eunen website (analysation)

• http://www.jasonvaneunen.com/test/ 

This website actually was the winner of the worst page competition. He had integrate a game element and moving animation over  thee whole screen. You have to click a certain button. It is actually the question if you really can click on the button. Maybe it just impossible. I wanted to analyze his code so  i pressed the right mouse button and chose inspect element. Than i came in developer tools. I understood the program a little bit but i started googling to site who could explain me the program.

//html5explored.org/chrome-dev-tools-deel-1/ This site explained me the program developer tool. H

Analyzation 

If I have to make a rough subdivide of his HTML code than would be something like this

<!DOCTYPE=html>

<head>

<body>

<marquee.....></marquee>

<marquee.....></marquee>

<marquee.....></marquee>

<marquee.....></marquee>

<image....../>

<image....../>

<image....../>

<image....../>

<image...../>

<image..../>

<br>

"

"

<audio></audio>

<marguee...></ marguee>

</body>

</html>

Background
 In the head  het use <body backgrounds=....> here he use a URL to .gif document to create his  background.


Same trick
On the site he use a lot of the same trick, he used the marquee function to make the words/ pictures interactive; let the words/pictures scrolling from left to the right in al kind of ways.


<marquee behavior="scroll" direction="left" scrollamount="6" id="mymarquee">
Your text here

<input type="button" value="Slow" onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 1, 0);">




Marquee
In the marquee there  are the attributes  behavior.  This is a attribute describes what kind of way the text/ pictures moves, now het is repeating constantly from left to the right and over again. But you can also let the text/ picture bouncing or just it stop after ones.

The direction describe where the beginning point is of the text/ picture. Like from left to the right or contrarily. Scrollamount  discribes the speed of the scrolling.   

Input

The <input> tag specifies an input field where the user can enter data.

<input> elements are used within a <form> element to declare input controls that allow users to input data.An input field can vary in many ways, depending on the type attribute

(source:www.w3schools.com)

What is confusing is that he twice defines something to do have with the scroll amount. I think the one in the input makes the scroll amount in the marquee function more precise. The scroll amount in the input is variable that get his function from the marquee function. What two different variables are doing in this code is not clear. 

 Audio

He use a <audio.....audio loop> </audio> code so that the music where the code is linked too keep playing on and on.... really anoying.

Jouan Pütz

• http://blog.neax.de/?funky=yes 

I taught this page was really annoying because the texts are hardly readable. The text is grooving all over the webpage and there is looping music( i think same trick as by Jason's site). I think this is really well made.

Ina Schicke

• http://ewi1473.ewi.utwente.nl/~s1479563/worstpage/worstpage.html

This site is annoying because of the following big as on the screen and really fast changing background. I think i get headache if i watched this too long. And again the looping music.
If i have more time i really want to know how she did the folowing ass trick.
Dennis Vinke

• http://dvinke.home.xs4all.nl/Porto/WorstPage/WorstPage.html

Same reason as Ina, but without the music and the following big ass... the changing background really annoying.

 Daniel van Pel

• http://www.danielvanpel.com/worst.html

The background is confusing and the sausage that stays in the same place when you are scrolling is really irritating, because you can not read what is written and in combination with background hard bear longer than a minute.