Introduction to CSS3 and HTML5

Create state-of-the-art, modern websites like the pros using CSS3 and HTML5. This course will provide you with the foundation you need to master these two critical and fast-growing new web languages through hands-on training and expert instruction.

6 Weeks / 24 Course Hrs

Currently Enrolling

Offered in partnership with your preferred school

Upper Cape Cod Regional Technical School

Change School

Learning method

Self-Guided

$129

No instructor. Study on your own schedule

Enroll Now

Instructor-Moderated

$129

Confirm your start date in cart

Starting April 16 | May 14

Details + Objectives

Course code: tml

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?

What you will learn

Learn two of the most important languages in modern web design
Improve your existing HTML skills and discover how to build sites like the pros
Discover the broad applications of two foundational web languages that are supported by nearly every web development tool
Examine the techniques behind state-of-the-art website design

How you will benefit

Enhance your skillset by learning about the ever-evolving standards of web design
Gain confidence in your ability to write HTML code while keeping your skills up to date
Upgrade your skills to survive and advance in the fast-growing field of web publishing

How the course is taught

Instructor-Moderated or Self-Guided online course
6 Weeks or 3 Months access
24 course hours

Outline

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. 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.

In this lesson, you will discover how CSS lets you give your site a consistent look, feel, and unique identity. 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 this lesson, you will learn to do them all, and you will have a lot of fun doing so.

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

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.

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.

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. 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.

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. You will also 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 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.

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.

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.

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.

Instructors & Support

Alan Simpson

Alan Simpson is an award-winning author with over 100 published books on computers, technology, and the internet, translated into more than a dozen languages. With extensive experience across nearly every aspect of the computer industry—including web development, operating systems, programming, networking, and security—he is widely regarded as a leading expert in the field.

Alan's journey in tech began in the 1980s as an author, teacher, consultant, and software developer. His work in app development and web design sparked a deep interest in cybersecurity. This passion led him to pursue formal studies, and in 2007, he earned his Security+ certification from CompTIA, demonstrating his broad knowledge of the computer security field. The insights he shares in his courses reflect his years of experience and his commitment to building safe, secure applications and websites.

Instructor Interaction: The instructor looks forward to interacting with learners in the online moderated discussion area to share their expertise and answer any questions you may have on the course content.

Requirements

Prerequisites:

Completion of the online Creating Web Pages course (or equivalent experience with HTML and web publishing) is recommended. You should have basic computer skills including a familiarity with files, folders, text editing, and copying and pasting.

Requirements:

Hardware Requirements:

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

Software Requirements:

PC: Windows 8 or later.
Mac: macOS 10.6 or later.
Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
A text editor such as Notepad.
Adobe Acrobat Reader.
Software must be installed and fully operational before the course begins.

Other:

Email capabilities and access to a personal email account.

Instructional Material Requirements:

The instructional materials required for this course are included in enrollment and will be available online.

FAQ

Instructor-Moderated: A new session of each course begins each month. Please refer to the session start dates for scheduling.

Self-Guided: Your course begins immediately after you enroll.

Instructor-Moderated: Once a course session starts, two lessons will be released each week for the 6 week duration of your course. You will have access to all previously released lessons until the course ends. You will interact with the instructor through the online discussion area. There are no live sessions or online meetings with the instructor.

Self-Guided: You have 3 months of access to the course. After enrolling, you can learn and complete the course at your own pace, within the allotted access period. You will have the opportunity to interact with other students in the online discussion area.

Instructor-Moderated: The interactive discussion area for each lesson automatically closes two weeks after each lesson is released, so you're encouraged to complete each lesson within two weeks of its release. However, you will have access to all lessons from the time they are released until the course ends.

Self-Guided: There is no time limit to complete each lesson, other than completing all lessons within the allotted access period. Discussion areas for each lesson are open for the entire duration of the course.

Instructor-Moderated: Students enrolled in a six-week online class benefit from a one-time, 10-day extension for each course. No further extensions can be provided beyond these 10 days.

Self-Guided: Because this course is self-guided, no extensions will be granted after the start of your enrollment.

Reviews

I appreciate how much effort the instructor put into responding to questions. He made an online course feel like there was human presence, and that he cared about how much you were getting out of the class. I have really enjoyed this course, and I learned a lot.

Thank you for taking the time to make it understandable. This has helped me so that I do not need to depend on others to create and manage my website.

This was an EXCELLENT class. I really was able to relate to the instructor's teaching style which made learning CSS/XHTML interesting and fun. I plan to continue my studies. Thank you very much!

I went through lesson 1, while overlapping with the end of "Intro to Creating Web Pages", and it was a great review for the "Creating Web Pages" final. I find your approach so fantastically organized and well explained! I feel confident I'll be caught up with everything when the new lesson comes Wednesday. These topics are brand new to me, so I am simply delighted to be catching on. Thanks for making everything so accessible!

Without a doubt, this is the best online class of any kind that I've taken. You explained the material so clearly and concisely - it was just a joy! As a former educator myself, I just can't praise you enough.

Teaching a class in person is hard enough and takes a skilled instructor. Teaching a course online adds that much more of a challenge. You're a talented instructor to be able to convey technical information in a manner that is easy to understand and relate to, especially when it's all virtual!

I must admit, I was a little skeptical about the returns of online courses (for me personally). I am a little more geared to real people in real classes or just pick up a book and read it, but I have been pleasantly surprised. I am impressed by the organization and flow of the material, with special thanks for including the supplements of useful internet support available (yes, you can always search yourself, but the narrowing and filtering of the choices is of value). The best compliment I can give is that I would recommend it to others and will be picking up another class coming up in a couple of weeks. Thank you.

I've learned much more than I expected. I like your writing style because it's clear, logical and easy to understand. This is a topic I knew nothing about coming in and your lessons made learning fun.

You have done an excellent job with the material and your responses have been so encouraging and helpful. I also appreciate the students in this course and in all the courses. What a great group I've had in each course! Courteous, helpful and ask great questions. Thank you all

Taking this class is great because of how methodically, clearly, and consistently information is delivered. I feel as if my prior knowledge's holes are getting systematically filled in, and that feels excellent. Thanks, Alan! The organization and clarity of your lessons and chapters makes all of this work really well for me. I appreciate the thought you had to put in to figure out what progression of material would make the most sense.

Thank you for taking the time to make it understandable. This has helped me so that I do not need to depend on others to create and manage my website.

This was an EXCELLENT class. I really was able to relate to the instructor's teaching style which made learning CSS/XHTML interesting and fun. I plan to continue my studies. Thank you very much!

Introduction to CSS3 and HTML5

Upper Cape Cod Regional Technical School