HTML5 is the latest generation of markup languages used to create content for the web. It is also used as a programming language for mobile (smartphone and tablet) application development. When people say "HTML5," they typically mean not only the latest version of HTML, but also CSS, JavaScript®, and various markup languages used to represent other kinds of web content, such as SVG (graphics) and MathML (mathematical formulas).
Web browsers, which display content coded in these languages, have evolved rapidly over the last few years. This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation.
This course is designed for those who have experience authoring content in HTML and CSS, and want to learn how to use new HTML5 and CSS3 features. This course can be taught on Windows®, Mac OS® X, or Linux®, and supports developers who work in any of those environments. Although JavaScript® knowledge is helpful, HTML and CSS are the focus, so this course does not require that the learner have extensive JavaScript skills.
In this course, you will: optimize HTML content to take advantage of HTML5 and CSS3 features; write advanced CSS3 selectors and media queries; use advanced background and border options introduced in CSS3; use advanced text formatting options introduced in CSS3; use HTML5 graphics and multimedia elements, including transforms, animation, audio, and video; and follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers.
This course requires that you have access to several different web browsers, including Google Chrome and Mozilla Firefox, and a text editor with line numbering and syntax coloring. The course setup instructions provided in the first module of the course go into more detail about the hardware and software requirements.
You might reasonably feel that web standards from 10 years ago have nothing to do with authoring web content today. However, many of the web browsers developed to support older standards are still in use today. Understanding how they work will help you develop web content that works for all users, not just those with the latest web browsers.
What's included
5 plugins
Show info about module content
5 plugins•Total 80 minutes
Getting Started with This Course•20 minutes
Lesson Introduction•5 minutes
Develop Web Content to Follow Standards•25 minutes
Update Legacy Web Content to Meet HTML5 Requirements•25 minutes
Lesson Summary•5 minutes
Using Advanced Techniques to Select and Apply Styles
Module 2•3 hours to complete
Module details
CSS provides extensive control over the appearance of HTML content, which is key to creating responsive web designs that display well on a wide variety of different displays and devices. Now in its third version, CSS includes many powerful new ways for style rules to select and influence content and provide alternate layouts based on device characteristics.
What's included
5 plugins
Show info about module content
5 plugins•Total 165 minutes
Lesson Introduction•5 minutes
Use Advanced CSS Selectors•70 minutes
Provide Alternate Layouts Based On Device Characteristics•70 minutes
Mastery Builder: Using Media Queries•15 minutes
Lesson Summary•5 minutes
Using Advanced Background and Border Techniques
Module 3•1 hour to complete
Module details
CSS3 includes many new options to format box backgrounds and borders. You may apply background and border properties to any HTML element. Knowing all of your options for controlling these properties will give you more flexibility in achieving the results you're looking for.
What's included
5 plugins
Show info about module content
5 plugins•Total 61 minutes
Lesson Introduction•5 minutes
Use Advanced Techniques to Create Backgrounds Item•25 minutes
Use Advanced Techniques to Create Borders•24 minutes
Mastery Builder: Adding Borders and Backgrounds•2 minutes
Lesson Summary•5 minutes
Incorporating Advanced Text Formats
Module 4•1 hour to complete
Module details
CSS3 includes many new advanced features for formatting text in ways that were not easy to accomplish in earlier versions of CSS, giving you more control over the appearance of text than you have had before.
What's included
4 plugins
Show info about module content
4 plugins•Total 60 minutes
Lesson Introduction•5 minutes
Use Web Fonts•25 minutes
Apply Advanced Text Styles•25 minutes
Lesson Summary•5 minutes
Adding Animation and Multimedia
Module 5•1 hour to complete
Module details
In the past, a plug-in such as Adobe® Flash® or Microsoft® Silverlight® was typically needed to provide extensive animation and multimedia capabilities within a web browser. With the advent of new mobile devices that do not support such plug-ins, web developers have clamored for an alternative within the native capabilities of web browsers. In response, HTML5 includes support for a wide variety of new animation and multimedia capabilities.
What's included
5 plugins
Show info about module content
5 plugins•Total 55 minutes
Lesson Introduction•5 minutes
Use 2D Transforms•15 minutes
Use Animation Styles•15 minutes
Embed Audio and Video in a Web Page•15 minutes
Lesson Summary•5 minutes
Making HTML Readable and Accessible
Module 6•1 hour to complete
Module details
When web authors conceive a design for a website, they often imagine what they would personally like to experience and to build—perhaps something that will show off their skills (a portfolio piece), generate some excitement, and of course, satisfy the client. But when you create a website or HTML5 mobile app, there are many additional consumer needs to think of, such as users special needs due to various types of visual, auditory, motor, or cognitive impairments—as well as machine readers, such as search engine crawlers—programs that systematically access and process websites to create rich databases that help users find your site through search engines such as Google and Bing®.
What's included
4 plugins
Show info about module content
4 plugins•Total 70 minutes
Lesson Introduction•5 minutes
Support Various Browsers•30 minutes
Improve Markup to Benefit Human and Machine Readers•30 minutes
Lesson Summary•5 minutes
Completing the Course
Module 7•25 minutes to complete
Module details
You'll wrap things up and then validate what you've learned in this course by taking an assessment.
Logical Operations is the world's largest general publisher of instructor-led technology curriculum, and a leader in the technical training community for over 40 years. We employ a rigorous, expert-driven authoring process that, for decades, has produced successful results for learners the world over. Our courseware aligns with real-world business needs and objectives, ensuring learners are able to apply their newly developed skills while on the job.
OK
Why people choose Coursera for their career
Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.