Our first lecture of the year using our web design skills was in Creative Web Design, we we’re shown HTML and CSS3 and got a quick introduction in our unit and what is going to be expected of us, we started with HTML and CSS3 which are both new(ish) mark-up/coding languages being used, which can be used effectively to create a responsive cross-browser, mobile ready website.

A responsive site is a website which responds to the browser/the screen size so that your website will adapt itself to the what your viewing it on, your single website can then work on a large desktop screen down to a small iPhone screen giving the user the best experience on your site.


We are also required to do a mid-term presentation which will be a chance for us to show how we are progressing with the module, and how we are following the brief, notes/tips we we’re given for the presentation are:

  • What is our approach on the assignment so far, what is our website content going to be, is there a theme? 
  • Give/show example of websites that influence you or that you are inspired by?
  • What I like about the design’s and how I will use them in my own design.

In a later blog I will give websites I have got inspiration from, and how I will use these in my own designs, from this first lecture there was a few things that stuck out for me that I hope to look into more and use in my work these are, HTML5, CSS3 and Web 3.0.

I decided to look into HTML5 more/shown in lecture, this is what I understand so far from it:

the <header> tag can be used more than once
the <nav> tag is the main navigation, and again can be used more than once
the <section> tag is for grouping items together
the <aside> tag is used for a sidebar, but can also be used for grouping items together
the <footer> tag is for styling your footer tag and is used at the bottom of the page
the <role> is for creating a banner
the <figcaption> tag is for creating a tag image

HTML5 will obviously only work in newer browsers, browsers such as IE7/8 will not display your site correctly and if you use the tag above they will not be recognised, you can use  HTML5SHIV (http://code.google.com/p/html5shiv/) which will make your mark-up backwards compatible.

During our first lecture back we started recap session, but also an advance on what was previously taught last year, firstly a task was given to turn text/images that were given to us into a markup and to do it as we wish, this was for us to see what we had remembered and for the tutor to get an understanding of what we know/remembered, to view the final markup from this recap, click here.


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 )

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s