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.