Introduction to CSS3 and HTML5 (Self-Paced Tutorial)

Details

Learn how to create state-of-the-art websites 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 websites, 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 will 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?

Enrollment Options:

Self-Paced
3 Months Access Course Code: T9218
No Instructor, Start Anytime

$129.99

USD

Enroll before 28th February and get high quality lamination on your hardcopy certificate absolutely free! Use your certificate to your advantage by showing your certified credentials to prospective employers and recruiters.

Syllabus

Getting Started

This first lesson focuses on whom this class is for and what it's all about. You will 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. And finally, you will 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.

Styling Your Website

In this lesson, you will 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.

Styling Backgrounds

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

Borders, Corners, and Shadows

In this lesson, you will 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.

Styling Text

This lesson will teach you about the many ways you can style your text with CSS, including fonts, text shadows, and more. This lesson starts with an overview of the primary tags for text markup in HTML. Then you will explore the many properties CSS offers for making your text look great.

Spice It Up With Pictures

Pictures add a lot of visual interest to any website, and in this lesson, you will learn all about using pictures in your site. First, you will start with an overview of the types of pictures you can use, and then learn how to insert them using HTML tags. Finally, learn the ways you can float, position, and size pictures using CSS.

Mastering Style Classes and Link Styles

In this lesson, you will 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 will 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 will 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.

Fun With Sound and Video

Nothing brings a site to life better than sound and video. In this lesson, you will learn all the newest and most modern techniques for playing sounds and showing videos on your site. You will 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 will 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.

Styling Tables

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

Mastering the CSS Box Model

This lesson is all about solving the mysteries and overcoming the frustrations by exposing the secrets of the ever-important CSS Box Model. Getting control of the size and location of things and the gaps between them can be a real challenge for Web designers.

Creating Modern Page Layouts

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. In this lesson, you will 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.

Making a Multi-column Layout

Your final lesson is 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, you will 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.

Requirements

Hardware Requirements:

  • This course can be taken on either a PC or Mac.

Software Requirements:

  • PC: Windows 8 or newer.
  • Mac: OS X Snow Leopard 10.6 or later.
  • Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.

Other:

  • Email capabilities and access to a personal email account.

Prerequisites

There are no prerequisites to take this course.

Reviews

About ExpertRating

ExpertRating is an ISO 9001:2015 certified company offering online certification and training services to individuals and companies globally. Over 25 million people have benefited from ExpertRating Online Certifications and assessments. ExpertRating is the winner of the Google SME Hero's award for showing outstanding use of technology in delivering trusted services to thousands of people on a daily basis. Our affordable certifications are an excellent way of demonstrating your knowledge and skills to prospective employers as well as vastly boosting your chances of moving ahead in your business or career.

Company Timeline

Since 2001

Decades of excellence

800+ Skill Tests

World’s largest test inventory

2500+ Companies

Thousands depend on use

25 Million People Tested

10 tests every minute

35 Countries Serviced

Over 1500 clients in the US

86% Reorder Rate

Satisfied clients

We deliver over 3 million online certification tests and online courses annually.

Awards

ExpertRating is a winner of the Google SME Heroes award. This award has been instituted by Google to honor IT companies that have excelled in their domain and have leveraged the internet to grow and expand their businesses in innovative ways.


ExpertRating is an ISO 9001:2015 certified company, which reflects that our courses and tests conform to the highest international quality standards. Our training material is prepared by thorough professionals with years of experience, and goes through several rounds of analysis by expert teams to help develop well-balanced, comprehensive and meaningful content.