Wordle

The image is apparently © wordle.net but the words come from Graphics IT.

Pretty inspirational

Graphic Design: The Forgotten Web Standard - Slides in 3 Minutes from Carsonified on Vimeo.

Another Google Ad Words Primer

HTML Primer

Hyper text markup language or HTML is the code that underpins the world wide web.

It's a surprisingly easy language to understand once the golden rules have been explained and its simplicity has been unlocked to the casual viewer.

Essentially HTML is made up of tags that look like this <tags>. For every opening <tag> you will find an associated closing </tag>. This is simply a tag with the same name preceded by a forward slash. These tags tell the web server what to do with any content that is found between them.

Without further ado lets introduce our first tag pair - The Paragraph or <p>. The following example assumes that you are editing in source mode.

Lets say you want to add a new paragraph to a page. Simply type <p>. The paragraph is now open. Enter the content and when you are finished close the paragraph by typing</p>. If you want to enter a line break within this paragraph type <br/> a 'break return'.

If you want to make a word <b>Bold</b> simply wrap the <b> tag around the word. If you want to<i>italicise</i> something use i. If you want to underline something use <u>. See, easy!

Lists are slightly more complicated as they comprise 'nested tags' which is just sub tags within tags.

There are 2 types of lists available - <ul> (unordered/bulleted) and <ol> (ordered/numbered) lists.

For an unordered list start by typing <ul>

For each item in this list you type <li>then enter the list item and close the tag</li>

You can make words bold within these <li>tags <b>like this</b></li>

When your list is finished simply close the list with </ul> and you are done.

The HTML will put in space above and below these lists.

Similarly for ordered lists start by typing <ol> enter your items each wrapped within <li>tags and close with </ol>. Thats it!

If you are having trouble with your layout look in the source and match the opening and closing tags.

This website is a handy resource - http://www.w3schools.com/html/html_quick.asp

Handy tool

https://browserlab.adobe.com/index.html

This is gonna be great...

http://www.wolframalpha.com

More on Google Ad Words