Indiana University: IT Training Tips Blog » HTML 5 http://ittrainingtips.iu.edu Tips and tricks to help you make the most of technology Tue, 21 May 2013 20:48:11 +0000 en-US hourly 1 Join us for the Statewide IT Training Pre-Conference September 28th http://ittrainingtips.iu.edu/project/join-us-for-the-statewide-it-training-pre-conference-september-28th/08/2011 http://ittrainingtips.iu.edu/project/join-us-for-the-statewide-it-training-pre-conference-september-28th/08/2011#comments Thu, 25 Aug 2011 13:00:37 +0000 Andy Hunsucker http://ittrainingtips.iu.edu/?p=3874 IT Training is holding a full day of free training on September 28th as part of the Statewide IT Conference. We’ll be offering training on SharePoint, Unicom, Microsoft Project, Digital Magazine Publishing, HTML5 and more. Also, participants that sign up for a full day of training will be served lunch, free of charge.

You can see the full schedule here along with information on registering.

Our conference is open to everyone. If you’d like to register for our conference, you can contact us directly by calling 812-855-7383, or emailing ittraining@indiana.edu.

We hope to see you there!

]]> http://ittrainingtips.iu.edu/project/join-us-for-the-statewide-it-training-pre-conference-september-28th/08/2011/feed 0 Dreamweaver – 5 and a half glasses full http://ittrainingtips.iu.edu/dreamweaver/dreamweaver-5-and-a-half-glasses-full/05/2011 http://ittrainingtips.iu.edu/dreamweaver/dreamweaver-5-and-a-half-glasses-full/05/2011#comments Mon, 02 May 2011 04:00:03 +0000 Jen Oakes http://ittrainingtips.iu.edu/?p=2868 The CS5.5 version of Dreamweaver has significant additions and enhancements.  It will be well worth updating to the new version if you are doing any of the following:

  • creating web pages to be viewed on multiple devices
  • creating mobile applications for Android and/or iOS
  • working with HTML 5 and CSS3

Scott Fegette, the Senior Product Manager for Dreamweaver, gives an overview of the new and improved features:

Videos about the specific features can be viewed at:
http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/enhanced-html5-capabilities-in-cs55/

You can read more about the specific features at:
http://www.adobe.com/devnet/dreamweaver/articles/whats-new-dwcs55.html

]]> http://ittrainingtips.iu.edu/dreamweaver/dreamweaver-5-and-a-half-glasses-full/05/2011/feed 0 Web Standards Smackdown: XHTML2 vs. HTML5 http://ittrainingtips.iu.edu/xhtml/web-standards-smackdown-xhtml2-vs-html5/09/2009 http://ittrainingtips.iu.edu/xhtml/web-standards-smackdown-xhtml2-vs-html5/09/2009#comments Mon, 21 Sep 2009 20:20:18 +0000 Amy Neymeyr http://ittrainingtips.iu.edu/general-news/web-standards-smackdown-xhtml2-vs-html5/09/2009 Standards Smackdown: XHTML2 vs. HTML5Way back in July, the W3C (the governing organization of web standards) announced that it was not going to renew the charter of the XHTML2 working group. In non-bureaucracy speak, that means the W3C has stuffed XHTML2 standards development into a bottle and chucked it out to sea, where it will spend the rest of eternity bobbing on the waves and following the thermal currents. The W3C did this so that it could focus all of its attention on developing HTML5.

“Wait a minute, ” one might shout on hearing this news, “I thought XHTML was the wave of the future, and HTML was what Cro-Magnons used to code their web pages??? What’s going on?”

Its easy to be confused, and, yes, even a little bit alarmed by this news. But, in essence, the labels here don’t really represent what you think they do: XHTML2 isn’t really XHTML as you know it, and HTML5 encompasses a lot more than HTML4.01. Here’s what you need to know about both of these standards:

  1. XHTML2 was a radical departure from XHTML1, was not designed to be backwards-compatible, and no major browser maker supported it.
    Yes, you read that right.  XHTML pages you’ve been building up until now would not be grandfathered in under XHTML 2 and may actually break.  Why?  In both the Dreamweaver and XHTML workshops, we explain that XHTML is a mostly happy marriage between the web-oriented HTML tags and the exacting syntax of XML.  While this is theoretically true, in practice, browsers do not actually interpret XHTML1-formatted pages as XML.  Why not? The biggest reason is that XML is an unforgiving standard – XML parsers will stop processing the document at the first error. We want web browsers to be more permissive than that, so that even if we forget to close a tag, the browser will still display our page as best it can.  XHTML2 would force browsers and other clients to parse XHTML2 as XML, which potentially means that one error in a page’s structure would result in a broken page.
    1. Even thought XHTML2 is no longer, there were some cool aspects to the XHTML2 standard, including granting every XHTML element special powers like the ability to behave like a hyperlink and reference external media such as images.
  2. HTML5 is both XHTML and HTML, with new deluxe features to support what web developers want to do with web pages.
    Are you familiar and comfortable with XHTML-style- formatting, where your page is well-formed, code is in lowercase, and tag attributes are quoted? You won’t have to change a thing for HTML5.  And for those who prefer loosey-goosey HTML4.01 style syntax, where tags are closed, or not, and maybe sometimes in mixed-case?  You won’t have to change a thing for HTML5.  This aspect of the HTML5 standard is quite controversial, as there are many who argue that allowances for sloppy HTML syntax will make a mess of things behind the scenes. I would personally strongly recommend sticking with the fussier XHTML syntax for several reasons:
    1. XHTML syntax is widely accepted and used
    2. the rules (once you learn them) are consistent and easy to remember
    3. you leave less to the browsers to interpret (and possibly mess up)
    4. XHTML will make your pages more easily understandable to other developers

    Some of the new exciting deluxe features in HTML5 are:

    1. HTML5 will give you energy and help you lose weight! No, not really.
    2. New structural tags to help you avoid the overuse of the one-size-fits-all div tag: header, nav, section, and footer, to name a few.
    3. New semantic tags, like time, figure, and aside
    4. Features for more advanced web developers including the ability to store data in the web browser, send and receive messages across multiple documents, and drag-and-drop

    Thanks to a schoolyard row among Apple, Google, Mozilla and Opera, there sadly will be no simple video or audio tag in HTML5.

For further reading, check out:

]]> http://ittrainingtips.iu.edu/xhtml/web-standards-smackdown-xhtml2-vs-html5/09/2009/feed 1