HTML5 Introduction (H105)

Most beginning Web designers think that the term HTML5 refers only to the hypertext markup language (the HTML) that comprises the basic structure of Web pages. But the reality is that HTML5 consist of three basic components, HTML, CSS3, and JavaScript. It’s the existence (and implementation) of these other two components that make HTML5 so powerful. Without CSS3 to format the text and graphics objects on your pages, for example, your pages would look quite bland and boring, indeed. Without JavaScript to validate your form fields or make your drop-down menus work…Well, you get the idea.

In this course we’ll look at HTML5 from a task-oriented perspective, by learning not only the HTML code for specific tasks, such as, say, formatting text, creating simple shapes or form fields, and so on, but also how to apply CSS3 and JavaScript to create real-world Web objects, Web pages, and Web sites. We’ll spend less time on terms and theory and more time on how to design. When you finish this class, you’ll have the core knowledge required for advancing on to using HTML5 to create special effects, sophisticated animations and interactivity, Web forms that configure themselves based on user input, and Web applications that actually do things, rather than just sit there and look pretty.

Applicable Job Roles: entry-level web designers, webmasters, web programmers, and web application developers.

Outline

Week 1: Introduction to HTML5

What is HTML5?
What are Cascading Style Sheets?
What is JavaScript?
Anatomy of an HTML Page
Metadata
A Good Body
Bring it All Together

Week 2: HTML5 Sections, Containers, Boxes, and Shapes

HTML5’s Built-In Sections
Adapting to Display Size and Device Type
Creating Custom Containers
Decorative Boxes and Shapes
CCS3 and HTML5's Built-In Containers
Custom CSS3 Fills and Gradients

Week 3: HTML5 and Text

HTML’s Built-In Paragraph Selectors
Inline, Internal and External Styles
Creating Custom Paragraph Styles
HTML5’s Multicolumn Text Boxes
CSS3 Text Special Effects
Downloadable Fonts

Week 4: Working with Images, Digital Video, and other Embeds

Graphics on the Web - Overview
Graphics and Device Screen Sizes
Embedding Images with HTML5
Formatting images with CSS3
Digital Video on the Web
Display Size, Frame Rate and Bandwidth
Embedding Digital Video in HTML5
Embedding YouTube Videos in HTML5
Embedding Google Maps and Other Web Apps

Week 5: Interactivity with HTML5

What is Interactivity?
Simple Text Hyperlinks
HTML5 Buttons
Inter-Page Navigation with Anchors
Text List Menus
Button Menus
Drop-Down Menus
Other Types of Interactivity

Week 6: HTML5 Forms

What You Can do with HTML Forms
Text Form Fields
Drop-Down Menus and Other Forms Lists
Radio Buttons
Check Boxes
Radio and Check Box Arrays
Calendars, Sliders, Selectors and Other HTML5 Form Elements

Prerequisites

None

You should possess basic computer skills. Knowledge of computer text, graphics, digital video, and other types of media, such as Flash movies, would be helpful, but by no means required.

Requirements

Requirements:

Software: Aside from a text editor, such as Windows Notepad or Mac OS TextEdit, there are no required software applications to complete this course; however, you'll find the following software useful:
- Dreamweaver CS4 or later: You can download the latest trial version from adobe.com, but if you do, since the trial version is good for only 30 days, do not install it until the third week of the course.
- XAMPP Web (or some other) server software. XAMPP is a free Linux Web server emulator you can use to test your Web pages. You can download it from:
  - http://www.apachefriends.org/en/xampp.html
  - It comes in both Windows and Mac OS versions.
FTP client software: File Transfer Protocol, or FTP, software allows you to upload your Web page files to a Web server. You can perform this function with built-in Windows or Mac utilities, but will find this much easier with an FTP utility. You can download and use FileZilla for free (indefinitely) at:
- http://filezilla-project.org/
- It comes in both Windows and Mac versions.
Web space: You'll need a website to which you can upload your assignments. There are several free Web hosting sites available. However, many of them place ads on your pages. This can be very annoying, but if you can live with it, so can I.

Books:	No book is required.
Suggested Book:	HTML, CSS, and JavaScript Mobile Development For Dummies
Additional information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training. Refund Policy: Please read our Terms and Refund Policy before registering for this course. Additional Cost: Book and software might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost . How eClasses Work:Instructors post lectures (text-based, no video or audio), reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class.

Price:

$240.00

Item No.:

H105

Instructor:

William Harrel

Open Courses: No other sessions are scheduled for this course. You can add to your wish list and you will be notified when other sessions are scheduled.

Testimonials

Instructor's Profile

William Harrel has owned and operated a design firm, WilliamHarrel.com, for over 25 years. WilliamHarrel.com has designed and maintains hundreds of websites for several notable clients, such as the California Spine Institute, the Red Cross, and Communications Technology Watch. Harrel has written 20 books and hundreds of magazine articles on digital design and computer technology in general. He created and currently instructs six online Flash courses offered at over 2,500 colleges and universities, as well as the popular Mobile Web Design, Introduction to CSS3, Introduction to Adobe Edge Animate, and Introduction Adobe Muse courses at eClasses.org. His latest book, HTML, CSS and JavaScript Mobile Development for Dummies, focuses on developing Web content for mobile devices.

Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.

Testimonials

Rating

"This course provided me with the updated overview I need to continue professionally. I found this very interesting and challenging." - Margaret McCoey
"Once again Peggi delivers an excellent course. I will almost certainly be back." - Spencer Cope
"This was just the sort of class, with just the right amount of information, to peak my interest and get me started with HTML5.

I've known Peggi Rodgers for many years and have taken other classes that she teaches, and I've always found her to be a great instructor no matter the subject matter, and this time was no different." - Bunny Bass
"This was an excellent intro to HTML5.
Tons of brand new information and how and where to utilize it. The lessons where just hard enough, and the lectures and assignments where just challenging enough, but not enough to make you throw in the towel!" - Ron Wazny
"Excellent class and will be of great benefit once all browsers support HTML5! The material Peggi presented was clear, thorough and easy to understand. Her sample pages for each lesson was also very helpful." - Colleen Haubrich