HTML5 Introduction

HTML5 Introduction online course
Course Name

HTML5 Introduction

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.
Course Books
No book is required.
Suggested Book HTML, CSS, and JavaScript Mobile Development For Dummies [
]
Course Price
  • Member Price: $140 US
  • Non-Member Price: $240.00 US
[Register Now]

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 migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, 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. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.

 

Register Now

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


4 Web Study Certificates

 Valid XHTML 1.0 Transitional  Valid CSS!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Introduction to Dreamweaver Online CourseDreamweaver Online CourseBuilding Data-Driven Websites Course
Web Videography CourseIntroduction to Microsoft Excel - Online CourseDigital Market Research Course
Contracting Your Services - Online CourseBlog Content Writing Course - OnlineWeb Content Writing Skills Course
DNS Administration CourseGoogle Web Analyics CourseWordpress Theme Design Course
Wordpress Content Management CourseDrupal Beginner CourseProject Management Training Course
Joomla Training CourseWeb Design Legal Issues CourseInteractive e-Survey Strategies Course
Search Engine Optimization CourseWebsite Promotion and Marketing Course - OnlineEmail Marketing Course Strategies
Social media Marketing CourseInternet Marketing Strategies CourseWeb Design Concepts Training Course
Web Design Course Training OnlineResponsive Web Design Training CourseIntroduction to Bootstrap Training Course
Introduction to Photoshop CC CourseAdobe InDesign CourseAdobe Illustrator Online Course
Mobile Web Design Online CourseHTML5 Online CourseCSS3 Online Course
Introduction to Sass Online CourseWeb Animation with CSS and JavaScript Online CourseSQL Using MySQL Online Web Training
SQL Server Online CoursePHP Online CoursePHP Online Course
JavaScript for Beginners Online Web TrainingJavaScript Level 2 Online CoursejQuery Web Programming Online Course
PHP Online CourseJavaScript for Beginners Online Web TrainingXML Web Programming Online Course