PDF HTML FlashPaper

HTML5 | 2

Contents

  • 1 Technical Requirements
    • 1.1 Operating System Options
    • 1.2 Any Text or HTML Editor
      • 1.2.1 Windows
      • 1.2.2 Mac OS X
    • 1.3 Browser
      • 1.3.1 Browsers for Windows
      • 1.3.2 Browsers for Mac OS X
    • 1.4 Optional
      • 1.4.1 Audio and Video
      • 1.4.2 Local Storage
  • 2 Class Files

Technical Requirements

Operating System Options

  • Windows XP Service Pack 2
  • Windows Vista
  • Windows 7
  • Mac OS X

Any Text or HTML Editor

If you don't already have something to use for Plain Text editing or Web authoring, please choose one of the options listed below.

Windows

  • Crimson Editor - Download (recommended)
  • Notepad is fine for class and is usually included with Windows.
  • Adobe Dreamweaver - Download

Mac OS X

  • TextEdit is fine for class and is usually included with Mac OS X.
    • Please ensure you choose Format > Make Plain Text from the TextEdit toolbar.
  • TextWrangler - Download
  • Adobe Dreamweaver - Download

Browser

All of the following browsers.

Browsers for Windows

  • Mozilla Firefox 3.6 or greater - Download
  • Internet Explorer 9 Beta or greater - Download
  • Google Chrome 8.0 or greater - Download
  • Opera 11 or greater - Download
  • Safari 5 or greater - http://www.apple.com/safari/

In addition to at least one of the above:

  • To see how HTML5 pages are handled by older browsers, it is useful to have IETester: Download. This is optional.

Browsers for Mac OS X

  • Mozilla Firefox 4.0 or greater - Download
  • Safari 5.1 or greater - Download
  • Google Chrome 7.0 or greater - Download
  • Opera 10.5 or greater - Download

Optional

Audio and Video

If you want to play around with creating audio files, you can download these free tools:

  • Audacity - for creating MP3 and OGG files
  • oggdropXPd - for converting MP3 files to OGG
  • Miro Video Converter - for converting between video file types

Local Storage

Some browsers (FF and IE) require files to be delivered by a web server for web storage to work. If you want to see the web storage demos working locally in those browsers, you will need to have a web server (e.g, IIS or Apache) installed locally. However, this is not a requirement if you have Chrome, Safari, or Opera installed (which you should).

Class Files

  1. Download the class files.
  2. After downloading the class files, create a directory on your hard drive named "Webucator" that can be found easily.
    1. On Windows it is recommended the new folder have a path of C:\Webucator.*
    2. On Mac OS X a good location for the new folder may be in your Documents directory.
  3. Extract the files to the folder you just created.
* If you are using XAMPP (e.g, for PHP classes), you must place the Webucator folder to the C:\xampp\htdocs folder.

  • Instructor-led Online Classes
  • My Classes
  • Class Requirements
  • Setup Support
  • Class Setup Policy
  • FAQs

  • Onsite Classes
  • Class Info

  • Wiki Navigation
  • Login