Online Class: Learn HTML - Create Webpages Using HTML5
-
15Lessons
-
17Exams &
Assignments -
6,436Students
have taken this course -
8Hours
average time -
0.8CEUs
-
Video Audit
Available
Course Description
"Mastering the Future of Web Design: HTML5 Essentials & Beyond"
In the rapidly evolving digital era, a website isn't just a digital address; it's the face of your brand, your digital storefront, and often the first point of interaction with your audience. And behind every captivating website is the robust, yet delicate, framework of HTML. But just like the digital world, HTML is evolving, and to truly shine in the web design domain, one must be well-acquainted with its latest, most advanced incarnation: HTML5.
Why HTML5? Let's Delve Deep:
-
Future Ready: HTML5 isn't just another update—it's the future. As the newest and most powerful version of the HTML standard, it's geared up to meet the demands of modern web applications.
-
Seamless Multimedia Integration: Gone are the days of cumbersome third-party plugins and Flash applications. With HTML5, integrating multimedia elements like audio and video is seamless, fluid, and natural, thanks to native tags like video and audio.
-
Animation & Interactivity Reimagined: With the canvas tag and combined power of JavaScript animations, the possibilities for creating dynamic, interactive web components are limitless.
-
Styling Evolved: Dive into the future of web aesthetics with the latest in CSS3. Learn how to create stunning design elements using embedded CSS classes, enriching the user experience and making your web pages come alive.
-
Optimized User Interactivity: New form field tags in HTML5 have transformed the way websites gather user information, making interactions smoother and more intuitive than ever.
Course Journey: From Basics to Brilliance
-
Foundation First: Even if HTML5 is a completely new territory for you, fear not. We commence with the rudiments, crafting a basic web page, grounding your understanding before we elevate to complexities.
-
Comprehensive Learning: From advanced features like CSS3 media queries to integrating JavaScript animations, every lesson is meticulously curated to ensure a wholesome learning experience.
-
Deprecated Vs. Latest: While it's vital to understand the new, it's equally crucial to know the old. Learn about deprecated tags that might still be in circulation and how to transition from them, ensuring your web designs are always future-proof.
-
Engaging Multimedia Tutorials: Benefit from hours of HD video demonstrations, making learning interactive and engaging, perfect for visual learners.
In this expansive journey, we aren't just exploring the 'how-to' of HTML5, but the 'why' behind each element, setting you on a path not just to follow but to innovate.
If you aspire to be on the frontlines of web design, to craft digital experiences that are timeless and impactful, this course is your beacon. Step into the realm of "Mastering the Future of Web Design" and emerge as an adept web designer, ready to shape the digital landscapes of tomorrow. Whether you're a novice eager to dive into the world of web design or a seasoned designer aiming to polish your skills with the latest standards, this course is tailored for your success. Join us and redefine the digital narrative.
Course Lessons
Lesson 1: Introduction to HTML5 and Web Design
This lesson gives you an introduction to HTML5 and the language in general, so you can get started with web design and programming.Lesson 2: How to Create a Simple Web Page
This lesson will present some basic HTML5 code and explain how it works.Lesson 3: How to Format Your Text
In this lesson, we'll give you some more content tags for formatting and styling across your pages. We'll show you how to use heading tags, and we'll add some organization to your pages.Lesson 4: Adding Web Links and Images
In this lesson, we cover hyperlinking and images within your pages.Lesson 5: Creating Tables
You might also need to redesign a site that uses tables, so it's good to understand how they work.Lesson 6: Forms
Forms have been a standard since older HTML versions, but there are a few new tags included with the updated HTML5 standards.Lesson 7: Adding Styles and Classes to Your Web Pages
Basic styles format text, set columns in your page's layout, and they set the base color set for your pages. This lesson reviews CSS styles and shows you how to add them to your HTML.Lesson 8: Borders, Backgrounds, and Floating Divs
In this lesson, we'll discuss some more advanced CSS styles such as using borders around div tags, background colors and images for HTML elements, and floating divs (also called “floats”) for text positioning.Lesson 9: Building Web Page Layouts with CSS
In this lesson, we'll discuss complex CSS layout options such as positioning with relation and absolute property values and the z-index property.Lesson 10: HTML5 -- What is It?
This lesson gives you an overview of HTML5 and what it brings to the web and your website design. HTML5 is the new standard for static website code, so you need to know how it works to stay current with your designs.Lesson 11: Adding Videos and Graphics with HTML5
This lesson reviews both tags and gives you some fallback options in case you choose that video and audio tags aren't for you.Lesson 12: HTML5 and CSS3 - Fonts and Effects
HTML determines what elements show in a browser, but CSS determines each element's style. CSS3 is the latest version of cascading stylesheet code, and the latest version comes with several different functions that make styling your layouts much easier.Lesson 13: Introduction to Responsive Web Design with CSS3 and HTML5
Responsive designs use CSS3 and HTML5 to cater to mobile device screen sizes. To dive into the ocean of web design topics, you must know responsive design whether you're designing your own website or someone else's.Lesson 14: Drawing with the Canvas Tag
The canvas tag is becoming a permanent replacement for third-party tools but remember that older browsers don't support HTML5. Therefore, any viewer with an older browser won't be able to view your canvas drawings.Lesson 15: Summary of New Elements and How to Use Them
It's still good to recognize less popular elements and know how to work with them in case you ever need to edit someone else's code. This lesson uncovers some of the extra elements that we haven't discovered yet.
Learning Outcomes
- Describe introduction to HTML5 and what basic web design is.
- Identify how to create a simple web page.
- Identify how to format your text.
- Identify adding web links and images.
- Demonstrate creating tables.
- Identify forms.
- Identify adding styles and classes to your web pages.
- Demonstrate borders, backgrounds, and floating divs.
- Identify building web page layouts with CSS.
- Identify adding videos and graphics with html5.
- Summarize using fonts and effects in HTML5 and CSS3.
- Describe responsive web design with HTML5 and CSS3.
- Demonstrate mastery of lesson content at levels of 70% or higher.
Additional Course Information
- Document Your Lifelong Learning Achievements
- Earn an Official Certificate Documenting Course Hours and CEUs
- Verify Your Certificate with a Unique Serial Number Online
- View and Share Your Certificate Online or Download/Print as PDF
- Display Your Certificate on Your Resume and Promote Your Achievements Using Social Media
Student Testimonials
- "This course was very helpful and I can not wait until I put this specialized knowledge to use! Thanks!" -- Jennifer Y.
- "This course was exactly what I was hoping for. Working through the video examples really helped to reinforce what was taught in the lessons." -- Roblyn K.
- "I found the info presented in the course extremely helpful, even for total beginners like me." -- Christine W.
- "Great Course. Tough going. I would love to repeat it in the future. Great Teacher." -- Eleanor C.
- "Great introduction. Easy to follow." -- Amanda E.
Related Courses
- 7 hours 0.7 CEUs Microsoft Excel Level 2 + More Info
- 4 hours 0.4 CEUs Slack + More Info
- 7 hours 0.7 CEUs Google Slides + More Info
- 8 hours 0.8 CEUs Microsoft Access Level 1 + More Info
- 7 hours 0.7 CEUs Personal Communication Skills Level 4 + More Info
- 12 hours 1.2 CEUs Microsoft Excel Level 1 + More Info
- 6 hours 0.6 CEUs Google Docs + More Info
- 6 hours 0.6 CEUs Microsoft Publisher Level 1 + More Info
- 7 hours 0.7 CEUs Microsoft Excel Level 3 + More Info
- 8 hours 0.8 CEUs MySQL + More Info
- 6 hours 0.6 CEUs Computer Literacy Level 3 - Living and Working Online + More Info
- 7 hours 0.7 CEUs Computer Literacy Level 1 - Computer Basics + More Info
- 7 hours 0.7 CEUs Microsoft Visio Level 1 + More Info
- 5 hours 0.5 CEUs Developing Great Social Skills + More Info
- 7 hours 0.7 CEUs Google Sheets + More Info
- 7 hours 0.7 CEUs Microsoft Word Level 1 + More Info
- 6 hours 0.6 CEUs Computer Literacy Level 2 - Internet Basics + More Info
- 7 hours 0.7 CEUs Introduction to Logic + More Info
- 6 hours 0.6 CEUs Cybersecurity 101 + More Info
- 9 hours 0.9 CEUs Microsoft Project Level 1 + More Info
- 12 hours 1.2 CEUs Adobe Photoshop + More Info