HTML5 & CSS Web Design – 107 – HTML5 Page Layout

Date: January 23, 2012 |admin | Web Development

Part 7 of Web Design tutorials covering basics of web development with HTML5 and CSS. In this we look at how HTML structure has changed from XHTML 1 to HTML5 and how we can create a structure with the new semantic tags. Tutorials by Will Goldstone see willgoldstone.com for more info.

Comments

willgoldstone

Date: February 8, 2011 |

dreamweaver cs5

sebolith

Date: February 19, 2011 |

This series is one of the most informative I’ve seen on the new html5 spec. It is structured especially well for newbies like me who are wondering which coding principles to apply when envisioning a project.

imakewebsitesdude

Date: May 12, 2011 |

u know theres footer tag for html5? noooob

Chiisuchianu

Date: June 3, 2011 |

Hello! i just wanna ask coz i am really new to HTML5 and i have an assignment… i need to develop a dictionary application… i’m already finish with the design and some functions, my problem now is that how can i link the word inputted on the the textarea to google dictionary when you click the word to show what the word means… BIG BIG HELP HERE!!!!! my deadline is coming…

el3ctro323

Date: August 7, 2011 |

your name is Will Goldstone ? really ?

jonasemdal

Date: September 22, 2011 |

Have you misunderstood sections vs articles? I think it’s the other way around. You should read the spec from w3c

willgoldstone

Date: September 22, 2011 |

@jonasemdal doesn’t really matter in practice – its a word!

willgoldstone

Date: September 22, 2011 |

@el3ctro323 yep.

shakaama

Date: October 1, 2011 |

is it just me or is html5 very kindergarten? not that html4 was rocket science, but come on. and it seems to destroy a lot of specialists’ jobs, i.e. graphic designer. who needs one with html5.

RayWillliamJohnnsonn

Date: October 11, 2011 |

If you guys need hosting for your website you can get Host Gator for just .01 penny. Use code: 2011HOSTINGSAVE

sprowlta

Date: November 8, 2011 |

I need to see these tags used properly. “menu” is used for program navigation or toolbar application. The web page navigation is done proper by using the -nav- tag instead of menu. And, if this is html5 why are you making a class out of an already available tag, i.e. -article-?

willgoldstone

Date: November 8, 2011 |

@sprowlta If you had actually watched just a few seconds longer and listened to the tutorial you’d have realised that I was explaining the old way of doing it, versus the new way – with html5, and all of the things you are describing. See 1:36. Apology accepted.

ZenCartEasyHelp

Date: November 14, 2011 |

Thank you for such a nice video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials and our Free Zen Cart Templates.

MrPeterBoyd

Date: November 25, 2011 |

I found a website that includes hosting, security, databases and back-up, Mybusybiz

cybergrace7

Date: November 30, 2011 |

Very clearly explained. Perfect for folks who used to use XHTML. Thanks, Will.

willgoldstone

Date: November 30, 2011 |

@cybergrace7 welcome!

willgoldstone

Date: November 30, 2011 |

@MrPeterBoyd good for you! thanks for sharing.

willgoldstone

Date: November 30, 2011 |

@shakaama thats a strange and narrow minded view, especially as the part that hasn’t changed is the design – the css has only gotten more detailed and powerful. surely? everyone needs one. Sorry to sound insulting but I don’t think you’ve fully grasped what html5 is – you know its just mostly reassigning of tags at the basic level? when people quote ‘oh this is done in html5′ now, usually what they mean is canvas or webgl anyhow.

shakaama

Date: November 30, 2011 |

@willgoldstone isn’t this all still very much premature? it will not be officially recognized for still some years.

oh and don’t worry, you can’t offend me, I’m capricorn, i’d need a heart to be offended. and, as of yet, i haven’t discovered my having a heart. it’s just a matter of course, not to engender sympathy.

shakaama

Date: November 30, 2011 |

@willgoldstone oh and yes, people say “i can do all this now in html 5″ like everyone says it. and on top of that, people are saying they don’t need designers, “i can do it all myself now in html5″

willgoldstone

Date: November 30, 2011 |

@ketochi dreamweaver by adobe, but you can use any text editor really.

willgoldstone

Date: November 30, 2011 |

@sprowlta finish watching the video!

manojganni100

Date: December 13, 2011 |

Good article

stevenspartan

Date: January 8, 2012 |

great videos really helped me get to grips with the new tags. Going to take a while to get used to not using div tags for the bulk of my formating.

willgoldstone

Date: January 9, 2012 |

@stevenspartan cheers Steve!

Leave a Comment

Name (required)
Website
Your Message (required)