HTML & CSS – Positioning

Screen Shot 2015-03-03 at 22.27.43

In the lecture with Phil we learnt how a user experience is built out of the following layers:

Surface – this describes finished visual design aspects

Skeleton – this describes the screen layout and functional compartments in the screen

Structure – this defines navigation from place to place in the user interface

Scope – the places in the user interface are built to support user task-centric scope

Strategy – business goals drive user constituencies and contexts supported to form strategy
Screen Shot 2015-03-03 at 16.13.49

In our last lecture and workshop on HTML & CSS we began learning about positioning, and were set the task of producing the web browser above. Below is my outcome of the task and a screenshot of the CSS used:

Screen Shot 2015-03-03 at 16.51.25 Screen Shot 2015-03-03 at 16.51.35 Screen Shot 2015-03-03 at 17.40.24

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s