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. 

We also had to write a few sentence about some good and strong point of the websites

I chose the site of www.gtst.nl. 

I think the website  have a nice background, strong content for fans and i think the linkable video's work well because they are on the main page. But i think the menu is confusing and you really have to search for the right button. 

Here is my first sketch of my website.

Its not perfect but a rough idea. I want that the midden of the site the photo's are changing all the time and that there a words in photo's that shows who i am or are similar what I trying to tell with my work.

Hello,
This is my blog about how I create my first website!On this blog I will write what qind of progress I made !

Friday19th of september
I made my first page, i put there a simple text like Hallo world! And portfolio picture from myself. I also updated it to the web with the program file zilla.

Sunday 21th of september
Here i found out how to put a you tube movie on my website, i want to use this knowledge for in the future to put on my own you tube movies on my site. The idea was to make a welcome video on the main page. Also i started this blog!

Friday 27th of september
I learned about how to color my background and how to center the page in the middle. Also I learned how to make a link to a other page. Next week I want to make a nice menu upper of my site. Now i gonna make  a sketches of my webpages. They will be here my blog soon!