Design for Digital Media Environments – Homepage Draft 1

As I’ve created some sketches of possible webpage designs, I thought it would be best to get straight into coding the real designs. As I’ve put most thought into the homepage I started this first. Just as Adam did with the ‘Meet The Team’ page I also used Bootstrap. Bootstrap is a far easier and more time efficient way of coding as it provides you with all the css. For instance to get the nav bar all I had to write was “<nav class=”navbar navbar-inverse navbar-static-top”>”. This short code gave me a default nav bar, it may not look amazing, but it works and that’s what counts.  Screen Shot 2015-03-05 at 20.36.06I did however have to make a few amendments to the original sketches. The nav bar for example is now place at the top and for two reasons. The first being its the default positioning in Bootstrap and the second being the fact its more widely used design technique. This design I’ve created is far more completion but gives us a solid starting point to work from. In the next few days I will attempt to create pages for the categories and other aspects of website.

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