CSS3 and HTML5 Intermediate

Now Only

$389

AUD

35% off

$599 AUD

Quick Facts

Delivery Method Online
Professional Certificate
24hrs Suggested Study Time
3 Months Access
Tutor Support
Study On Any Device
5272 Students

Take your CSS3 and HTML5 skills to the next level and learn how to create professional-quality websites.

Today's websites require streamlined code that adapts to a variety of devices, screen resolutions, Web browsers, and user needs. CSS3 and HTML5 are the keys to creating that, and they're the foundation upon which all modern websites built (not to mention many mobile apps, games, and even desktop apps). This means today's software developers need a deep understanding of CSS3 and HTML5.

In this course, you'll take your CSS and HTML skills to the next level and learn how to create professional-quality websites. You'll find out the methods the pros use to quickly build effective sites that are easy to maintain and modify. You'll discover the secrets to ensuring you keep total creative control over every aspect of a site. You'll master specific techniques for using background images and controlling opacity, visibility, and scrollbars. You'll create picture thumbnail galleries, cool hover (mouseover) effects, drop-down menus and flyout menus, and animation effects that work on hover as well as touchscreens like the iPhone and iPad. You'll also discover wonderful easy-to-code methods for creating responsive layouts that scale well to all screen sizes and devices.

Courses are delivered to you through expertly executed lessons, online instruction and interaction with like-minded students. Our courses are designed to deliver all of the benefits of studying in a classroom whilst giving you the flexibility to study at a time and place to suit your needs. You can access your classroom 24/7 from any device with an internet connection.

This course has a 3 month duration. You'll complete comprehensive lessons, quizzes and assignments before submitting your final exam at the end of the course to achieve your certificate. Courses must be completed within the 3 month access period.

In today's lesson, we're going to start off with a quick review of what CSS and HTML are all about, the syntax of each language, and the key concepts and terminology. Then we'll go hands-on and actually create a new website to use as working example for more hands-on practice throughout the course. And finally, we'll reveal some of the mysteries of the Web browser rendering engines that turn the code we write into the beautiful creations you see on your computer screen.

Understand the viewport and its importance in Web design, and apply it to some advanced techniques for background images.

In today's lesson, you'll learn how to take your Web design skills to a whole new level with CSS static, relative, fixed, and absolute positioning. You'll also find out how to position things exactly where you want them, even stack and overlap them, just like the pros do.

Many of the more advanced interactive techniques for designing Web pages requires an understanding of the CSS properties and values necessary for controlling opacity, visibility, and scroll bars. Drop-down menus, pop-up thumbnail galleries, and scrolling textboxes are built from these things. Today's lesson introduces you to all the concepts, as well as the CSS properties and values you need to build such things. You'll then apply these techniques through the course to create ever more interactive pages.

In today's lesson, you're going to learn how to apply advanced techniques like visibility, absolute positioning, and :hover to some fun things like thumbnail photo galleries and interactive facts. We'll go over some practical examples of the concepts, and I'll provide you with some code you can drop right into your own pages and use with minimal alteration. You'll also discover the secret to making the CSS :hover event work on devices like the iPhone, iPad, and iPod Touch, which don't always play nice with events that are designed to work with mouse pointers.

Web developers often feel shackled by the small selection of Web-safe fonts available on most computers. In today's lesson, I hope to free you from those shackles by sharing knowledge of downloadable fonts and the modern Web Open Font Format (WOFF), as well as the CSS @font-face rule that make them possible. With this knowledge, you'll be able to choose from thousands of fonts for your website.

Today's lesson is all about creating cool-looking navigation bars and tabs like you see in professional sites. You'll learn different ways to size and position the buttons and tabs, how to use background images that change on mouse over, and how to highlight the tab that represents the current page to the user.

Today's lesson will help you use the skills you've gained so far to create some complex navigation tools with drop-down and flyout menus like the ones you may have seen in some large, professionally developed websites. Along the way, you'll learn how you can use the CSS rule of specificity to create complex designs with minimal code.

In today's lesson, we'll step back from the fine details on which we've focused for the past few lessons, and look again at the bigger picture of the entire page layout. You'll see how pages are likely to look going forward with HTML5 and CSS3, and you'll pick up some new tricks for making your pages better for the browsers and devices of today and tomorrow. And finally, you'll learn a new technique for making multicolumn layouts easier than ever.

<p><i>Responsive Web Design</i> is a popular buzzword in the Web design business these days. It's all about designing your website so it looks good and works well on the wide range of devices people use to access the Web these days, including smartphones, tablets, portable computers, desktop computers, gaming consoles, and television sets. In today's lesson, you'll learn smart and relatively simple techniques that you can start using right now to ensure that your site looks and behaves its best across all those different media.</p>

Despite their widespread use on the Web today, HTML5 and CSS3 are still not W3C final recommendations. A W3C spec isn't a final recommendation until it's had years of real-world use. The most important and most needed features of the languages received browser support very quickly. Some of the more "out there" tags and properties are being adopted more slowly, but they do represent some really cool animations and other fun stuff you'll want to know about now. Today's lesson is about those upcoming features.

Today's lesson will help you expand your horizons into other areas of Web development and app development. We'll discuss the difference between front-end and back-end languages. You'll learn the purpose of JavaScript and jQuery. You'll understand server-side technologies like PHP, MySQL, ASP.Net, and SQL Server—what they are, how you'd use them, and why you might want to learn them.

Alan Simpson

With over 100 published books to his name, award-winning author Alan Simpson is widely regarded as a computer and Internet guru. His books have been published throughout the world in over a dozen languages. Alan is a seasoned veteran of the comput... Read more

Read Alan Simpson's Profile

Frequently Asked Questions

Once you've made the payment, we'll send you a confirmation email with a link to start your course. Feel free to get started whenever you're ready!

You'll have 3 months access to your course. In that time you are free to study at your own pace. The course duration is 24 hours.

Online learning is a flexible way to study that fits around your schedule, giving you the freedom to learn at your own pace from anywhere in the world. You'll have 3 months to complete the course and can take the multiple-choice questions and final exam whenever it suits you.

If you need help, you can contact us anytime. You can also join the discussion area where you can interact with other students. The discussion area for each lesson is open for the entire duration of the course.

Of course! We offer a 7-day money back guarantee. As long as you haven't completed the course, you can get a full refund within 7 days of enrolling.

We do not offer extensions or transfers for this self-paced course. However, you will have 3 months to complete the course, and if you need to cancel within the first 10 days of enrolment, we offer a money back guarantee.

What people are saying about our courses

Mr. Simpson is a wonderful teacher, capable of conveying somewhat complex concepts in a manner in which we could understand. He promptly answered all of our questions via the extremely bustling discussion area. I learned a tremendous amount, and highly recommend this course!

Verified Student

Thank you for presenting this course in a straight-forward, non-threatening way. I especially appreciate the fact that your tone is light-hearted and you fully explain the material in terms that are easy to understand. Your use of examples and sample material is excellent.

Verified Student

This course and instructor are tops. The support and assistance go above and beyond anything required or even expected. The discussion areas explore the topic in depth and even branch into new territory when needed. I am sorry to have it end.

Verified Student

See More Reviews

The Learning Environment

From the moment that you enrol in the CSS3 and HTML5 Intermediate you will become an integral part of our learning community. You'll find yourself with the freedom to learn at a speed that suits you, on any device, from anywhere in the world. Achieving your career goals no longer has to mean compromising family and work commitments.

Ready to get started?

Enrol Now

Our Values

Learn At Your Own Pace

We believe in personalised learning. That's why we provide all the tools and support you need to succeed at your own pace. With flexible learning, you'll stay motivated and retain more information. Plus, you can balance your studies with work and family commitments to make your dreams a reality.

We Won't Break The Bank

Education should be accessible to anyone who wants to learn. That's why we offer some of the most competitive prices in the industry with payments plans for just $25 per week. Investing in your future is a smart choice and doesn’t have to break the bank.

Industry-Led Courses

There's no better way to learn than from experts with years of experience in your field. That's why each of our 200+ industry-led courses are designed to give you a real-life perspective on your industry. With our expert mentors, you'll learn from people who have a wealth of knowledge and experience, and who are passionate about sharing it with you.

Get The Personal Support You Deserve

At Vibe Learning, we're real people who are dedicated to providing you with personal support every step of the way. Our industry experts are not only professional and knowledgeable but also incredibly passionate about sharing their expertise with you. With their guidance, you'll gain invaluable insights and practical knowledge to help you succeed.

Still looking?

Check out the following courses related to CSS3 and HTML5 Intermediate:

Building Mobile Apps with HTML5

CSS3 and HTML5 Advanced

Increasing Search Engine (SEO) Positions

Design Skills for Effective Websites

Discover more online courses

CSS3 and HTML5 Intermediate

$599

$389AUD

Save 35%

CSS3 and HTML5 Fundamentals

Now Only

$389

AUD

35% off

$599 AUD

Quick Facts

Delivery Method Online
Professional Certificate
24hrs Suggested Study Time
3 Months Access
Tutor Support
Study On Any Device
15394 Students

Learn to create state-of-the-art Web sites using modern CSS3 and HTML5 techniques.

Learn how to create state-of-the-art Web sites using modern CSS3 and HTML5 techniques. Take your existing HTML skills to the next level and start building sites like the pros. If you want to survive and excel in the fast-paced world of Web publishing, you're going to need to keep up with ever-evolving standards. The new standard for Web developers is to use CSS3 and HTML5.

CSS3 and HTML5 not only make it easier for you to build and manage large Web sites, these powerful languages can also give you more precise control over the appearance of every page you build. Almost every Web development tool--including Dreamweaver, Microsoft Expressions Web, and Visual Web Developer--offer support for CSS3 and HTML5.

This course will provide you with the foundation you'll need to master two critical and fast-growing new Web languages. If you're a Web developer, why not begin your transition to CSS3 and HTML5 today?

In this first lesson, you'll learn whom this class is for and what it's all about. We'll get hands-on right away, creating a folder and adjusting some settings in your operating system and editor so you're ready to start creating a website. We'll discuss the basics of what HTML5 and CSS3 are all about, as well as why you'll want to learn to use them. And finally, you'll learn to save time by creating an HTML5 page template that you can use as the starting point for each new page you create in this course and later on your own.

Today, you'll grow to appreciate the beauty and practicality of using CSS to style your entire website. You'll discover how CSS lets you create design elements that give your site a consistent look, feel, and unique identity. And if you ever decide to change something in your styling, you won't have to go digging through all the pages individually to make changes. You just change your style sheet in one place, and all the pages in the site update instantly and automatically.

Background colors, photos, textures, patterns, and gradients can really add some pizzazz to your website. In today's lesson, you'll learn to do them all, and you'll have a lot of fun doing so.

In today's lesson, you'll learn how to add some real professional polish to your design with borders, rounded corners, and drop shadows. And better yet, they're easy to do, thanks to some simple CSS properties.

Today, you'll learn about the many ways you can style your text with CSS, including fonts, text shadows, and more. We'll start with an overview of the primary tags for text markup in HTML. Then we'll look at the many properties CSS offers for making your text look great!

Pictures add a lot of visual interest to any website, and in today's lesson, you'll learn all about using pictures in your site. We'll start with an overview of the types of pictures you can use, and we'll go over how to insert them using HTML tags. Then we'll talk about ways you can float, position, and size pictures using CSS.

In today's lesson, you'll learn about style classes and links. Style classes are a great tool for defining styles that you can use freely wherever you want throughout your site. They can be a real boon to your creativity and a real time-saver for managing your styles. You'll also learn about pseudo-classes, which are a special type of class for styling links and mouse-over effects. And as an added bonus, you'll learn some advanced techniques for links including opening pages in a new window, using jump links within a page, adding tooltips to your links, using pictures as links, and creating email links.

Nothing brings a site to life better than sound and video. In today's lesson, you'll learn all the newest and most modern techniques for playing sounds and showing videos on your site. You'll learn the secrets of embedding YouTube videos on your pages so you don't have to upload video files to your own site. And you'll learn about all the modern file formats and HTML5 tags for embedding sound and music into your pages without using YouTube or any other site.

HTML tables are the perfect tool for displaying information in rows and columns, like tables you see in print. In today's lesson, you'll learn techniques for styling tables with traditional CSS, as well as brand new CSS3 techniques that really make tables shine with minimal coding!

Getting control of the size and location of things and the gaps between them can be a real challenge for Web designers. Most of the mystery and frustration that designers experience stems from not understanding the CSS Box Model, which defines how things behave and provides a rich set of tools for managing widths, heights, margins, and padding. Today's lesson is all about solving the mysteries and overcoming the frustrations by exposing the secrets of the ever-important CSS Box Model.

Modern business websites often use page layouts that include a header, footer, sidebar columns, and a navigation bar. Historically, these layouts were done using HTML tables or div tags. Now and in the future, we'll be using a new set of layout tags in HTML5 to define our layout sections. In today's lesson, you'll learn what those tags are, how to make them work in new and older browsers alike, and some professional-grade techniques for styling them with CSS.

Today's lesson will be all about adding side columns to your layout, be it a left column, a right column, or both left and right columns. As an added bonus, we'll add a vertical navigation bar to a side column with the links large enough that they're easy to work with a mouse, as well as a fingertip or stylus on a mobile touch screen.