Core 2 Interaction: Lab –  HTML Reverse Engineering

Screenshot

Analysis

          body (long links to datasets and attributes)
            form id-blind mode
            header id=top 
                div id=site-title-nav 
                div id=site-buttons
            div id=main-wrap 
                div id=lobby_side
                div id=lobby_app
                div id=lobby=tv
            div id=friend-box 
            a id=network-status 
            (external script links)
          

one thing I noticed about most websites before I chose this one to analyze is that there are body attributes. This isn't something that I have had to do within my websites yet.

I didn't know the form tag. After some research I found that it's for data input by the user.

The header is more straight forward. It contains two divs separating the site navigation from the more personalized user buttons.

The main-wrap div contains what would probably be considered the main content of the website. These div classes didn't seem to affect the page when deleted so I am assuming they are mainly used for ease of editting.

things started to fall apart when I began removing the attributes of divs inside of the sub-lobby-divs. Most issues were related to text formatting and colors of containers and buttons.

Questions