Online Class: Learn HTML - Create Webpages Using HTML5
with CEU Certificate*
have taken this course
"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.
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.
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.
How the Web Works
The Internet is one large network of computers. These computers mostly serve web-based content (HTML pages), but there are other types of computers networked on the Internet. Each computer (or server) is given an IP address. The Internet works with IP addresses to identify your website's server from millions of others. However, typing IP addresses into a browser isn't user-friendly. The friendly URL or website address you type into your browser is translated to an IP address using servers called name servers or domain name systems (DNS). Once the address is found on the Internet, the web server sends back an HTML-formatted page. This HTML code is translated using a web browser, and that's how you can view images, layouts, content, and videos on the Internet.
The Difference between the Internet and Web Browsing
When you first start out in web design, the Internet, web browsing, and the technical side to networking can be confusing. The Internet, as we said, is a network of computers. These computers can be servers, printers, routers, switches, and other forms of hardware (both virtual and physical) to communicate. You can also keep computers private behind a firewall to protect Internet traffic from entering a private network.
The Internet is sometimes called "the Web," but web browsing is different than the actual Internet. Web browsing is the term given to a web server providing browsers (Chrome, Internet Explorer, Firefox, for example) with content. You can think of the Internet as a library of content disbursed throughout the world. A web browser is the reader that lets you read the content stored on the Internet. Using HTML, you create that content in a presentable format. If that format is broken, the web browser cannot determine how to format and display content. For this reason, it's important that you write proper syntax when you create your web page HTML5 whether it's created dynamically through a back-end language or you write static pages that do not change.
Web Page URLs
Now that you understand how web pages are displayed in a web browser, you should also understand how a URL works. A URL is the address you type into the address bar. The domain is the basic address for your site (remember, the domain name is translated into an IP address). Your domain contains directories and files. The directories categorize and organize your site, and the pages are the physical files that contain your content.
URLs can also contain querystring variables. A querystring variable is a dynamic value that helps you display content dependent on input. When you see website URLs that contain a question mark ( "?" ) in the address, the variables contained after the question mark are querystring values. For instance, you might only want to show blue widgets after the visitor clicks a specific link. You could use a querystring variable such as "color=blue" after the question mark in the URL. The following is an example of a URL with this querystring variable.
You can use multiple querystring variables using the ampersand ( "&" ) to combine them. The following URL uses both the color variable and the size variable to determine what widgets to display to the reader.
What Does a Web Designer Do?
What Do You Need for Web Design?
There are several tools on the market for web designers. You should first learn to recognize and work with HTML syntax before using any kind of tools that automatically create syntax. There are two major web design software on the market: Visual Studio and Dreamweaver. Visual Studio is a Microsoft product and is mainly used with .NET websites. Dreamweaver is a visual tool that helps designers create websites, and it's mostly used with PHP. Of course, there are other tools on the market, but these are the most popular. Most designers have a copy of Adobe Photoshop for editing images. You should also have a CSS editor handy. Notepad++ is great for editing several languages including CSS.
What Should You Learn?
This class focuses on HTML5, which is the basic syntax and language of the web. However, you should learn several other languages when you want to work in the web design world. First, a dynamic back-end language is useful. If you prefer to work in a Linux environment (Apache), it's best to learn languages that are native to Linux such as PHP. PHP is also used with pre-package software such as Joomla and WordPress, so knowing this language will help you build designs for these types of sites. C# and VB.NET are the languages for Microsoft websites.
You'll need to add CSS to your languages, because CSS is the design language for the web. HTML5 displays the content, but CSS is the language that lays out the content in specific areas of the site.
The Need for Speed and Responsive Design
Speed should always be a consideration when designing your website. Since Internet speeds have improved through the years, users expect websites to serve content quickly. Mobile apps have increased the need for faster UI and user experiences. Mobile devices such as phones and tablets still don't support the bandwidth, storage and memory that desktops support. The success of a website is dependent on support of mobile devices, which means you need to design code and images for slower bandwidth and smaller screens.
Responsive design works with your desktop design. Responsive design uses HTML5 and CSS3 to respond to the screen sizes of your visitors. For instance, if a visitor on an iPhone opens your site, the design "responds" to the screen size, and the layout is readjusted to make it easier for the iPhone user to read your pages. If the same user opens your site on a desktop web browser, the site then readjusts again for the larger screen. The design is said to be responsive since it caters to different screen sizes without changing much code.
Responsive design works through variables called media queries. These queries speed up the load times of your pages. Your images should be reduced in size, text should be larger, and the layout should cater to the screen size. The HTML content on the site is generally the same. The only difference is that the content readjusts for smaller screens and lower bandwidth speeds.
With HTML5, CSS, and responsive design, you can make a fully functional website that caters to visitors as well as bots. HTML5 is the foundation for web pages, so it's a good place to start when you want to learn web design. You might just want to understand your website better, redesign your own site, or take your development to a different level. Whatever your goals, this class is a good place to get started.
- Completely Online
- Printable Lessons
- Full HD Video
- 6 Months to Complete
- 24/7 Availability
- Start Anytime
- PC & Mac Compatible
- Android & iOS Friendly
- Accredited CEUs
Lesson 1: Introduction to HTML5 and Web Design
Lesson 2: How to Create a Simple Web Page
Lesson 3: How to Format Your Text
Lesson 4: Adding Web Links and Images
Lesson 5: Creating Tables
Lesson 6: Forms
Lesson 7: Adding Styles and Classes to Your Web Pages
Lesson 8: Borders, Backgrounds, and Floating Divs
Lesson 9: Building Web Page Layouts with CSS
Lesson 10: HTML5 -- What is It?
Lesson 11: Adding Videos and Graphics with HTML5
Lesson 12: HTML5 and CSS3 - Fonts and Effects
Lesson 13: Introduction to Responsive Web Design with CSS3 and HTML5
Lesson 14: Drawing with the Canvas Tag
Lesson 15: Summary of New Elements and How to Use Them
- 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
Choose Your Subscription Plan
No Certificate / No CEUs
This course only
|Time to complete||6 months|
|No. of courses||1 course|
Certificate & CEUs
This course only
|Time to complete||6 months|
|No. of courses||1 course|
Certificates & CEUs
Includes all 600+ courses
|Time to complete||12 Months|
|No. of courses||600+|
Certificates & CEUs
Includes all 600+ courses
|Time to complete||24 Months|
|No. of courses||600+|
- "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.
- 32 hours 3.2 CEUs Microsoft Office: Word, Excel, PowerPoint and Outlook $120.00
- 6 hours 0.6 CEUs Adobe Captivate $95.00
- 5 hours 0.5 CEUs SalesForce 101 $95.00
- 7 hours 0.7 CEUs Microsoft Excel Level 3 $95.00
- 6 hours 0.6 CEUs Google Docs $95.00
- 7 hours 0.7 CEUs Google Sheets $95.00
- 9 hours 0.9 CEUs Microsoft Project Level 1 $95.00
- 6 hours 0.6 CEUs Cybersecurity 101 $95.00
- 9 hours 0.9 CEUs Dreamweaver 101 $95.00
- 6 hours 0.6 CEUs Computer Literacy Level 3 - Living and Working Online $95.00
- 6 hours 0.6 CEUs Microsoft Publisher Level 1 $95.00
- 8 hours 0.8 CEUs Microsoft Access Level 1 $140.00
- 8 hours 0.8 CEUs Adobe InDesign 101 $95.00
- 7 hours 0.7 CEUs Microsoft Visio Level 1 $95.00
- 12 hours 1.2 CEUs Adobe Photoshop 101 $95.00
- 8 hours 0.8 CEUs Adobe Lightroom 101 $95.00
- 5 hours 0.5 CEUs Developing Great Social Skills $95.00
- 7 hours 0.7 CEUs Final Cut Pro X $95.00
- 12 hours 1.2 CEUs Microsoft Excel Level 1 $95.00
- 8 hours 0.8 CEUs Adobe Premiere 101 $95.00
- 7 hours 0.7 CEUs Adobe Edge Animate CC $95.00
- 12 hours 1.2 CEUs Adobe After Effects $95.00
- 4 hours 0.4 CEUs Slack $95.00
- 7 hours 0.7 CEUs Microsoft Excel Level 2 $95.00
- 7 hours 0.7 CEUs Introduction to Logic $95.00
- 6 hours 0.6 CEUs Computer Literacy Level 2 - Internet Basics $95.00
- 7 hours 0.7 CEUs Computer Literacy Level 1 - Computer Basics $95.00
- 13 hours 1.3 CEUs Adobe Illustrator 101 $95.00
- 7 hours 0.7 CEUs Microsoft Word Level 1 $95.00
- 8 hours 0.8 CEUs MySQL $95.00
- 7 hours 0.7 CEUs Google Slides $95.00