You've heard the buzz about CSS3 and HTML5? These latest versions of HTML and CSS have redefined how web pages are created. So if you're going to design web pages, you need to know how to work with CSS3 and HTML5.
This course will teach you how HTML5 makes page design far more intuitive, faster, and easier compared to older versions of HTML. You'll learn to wield new CSS3 features essential for fast-loading, exciting, interactive websites, especially mobile sites. In short, you'll leave this course with valuable skills essential to creating modern websites.
David Karlins is the bestselling author of more than a dozen books on web design, including "HTML5 for CSS3 for Dummies." His articles have appeared in publications ranging from Macworld to Business Week. He has taught web, graphic, and interactive design at San Francisco State University and in the Extension program at University of California, Berkeley.
The instructional materials required for this course are included in enrollment and will be available online.
Hide Syllabus
A new section of each course starts monthly. If enrolling in a series of two or more courses, please be sure to space the start date for each course at least two months apart.
All courses run for six weeks, with a two-week grace period at the end. Two lessons are released each week for the six-week duration of the course. You do not have to be present when lessons are released. You will have access to all lessons until the course ends. However, the interactive discussion area that accompanies each lesson will automatically close two weeks after the lesson is released. As such, we strongly recommend that you complete each lesson within two weeks of its release.
The final exam will be released on the same day as the last lesson. Once the final exam has been released, you will have two weeks to complete all of your course work, including the final exam.
Lesson 1
Elements of an Advanced Website
In this first lesson, you'll survey how great websites attract visitors and make content inviting and accessible. You'll find out how effective websites gather valuable information about who's visiting the site, and you'll learn how sites attract and retain mobile users.
Building a Basic Web Page With HTML5 and CSS3
This lesson is a compressed, intense survey of the basic techniques involved in building modern web pages with HTML5 and CSS3. You'll examine, deconstruct, and customize an HTML page and a style sheet.
Testing and Uploading Your Site
This lesson balances art and technology. You'll start by defining and applying a color scheme to your site. You'll then test the HTML and CSS code for errors and check links and spelling. After that, you'll be ready to upload your site to a remote host.
Improving Your Site Design With Gradient Backgrounds and Custom Fonts
In this lesson, you'll explore two techniques for creating inviting websites: CSS3 gradient backgrounds and web fonts. Both of these help you create an engaging and distinctive look for your site. Most important, new CSS3-based techniques allow you to implement these features in a way that doesn't affect download time!
Embedding Native Video
"Native video" plays in a browser without any plugins. HTML5 marked the emergence of native video, and all current-generation browsers support it. In this lesson, you'll learn what its advantages are and how to present it in formats that are accessible to the greatest possible range of users.
Building Forms
Collecting data through forms is one of the most valuable and underrated elements of advanced web design. In this lesson, you'll learn to build basic forms, so visitors can sign up for your email list.
Enhancing Forms and Collecting Form Data
In this lesson, you'll explore some remarkable new features in HTML5 that make it easier and more inviting for people to fill out forms. You'll also look at how server-side scripts manage form data.
Structuring Pages With HTML5 Semantic Markup
HTML5 semantic elements are a radically new and better way to structure web page content. In this lesson, you'll learn to apply them.
Advanced Responsive Design
How do the needs of smartphone and tablet users differ from the needs of laptop and desktop users? In this lesson, you'll build on basic fluid design techniques by adding media queries that allow you to design a completely distinct look and feel for different-sized browsing environments.
Building Slide Shows With jQuery, HTML, and CSS
Slide shows are one of the most widely used elements of attractive, inviting web pages. In this lesson, you'll download a jQuery slide show widget and then customize its HTML and CSS code to integrate it into a website.
Creating Web Apps With jQuery Mobile
You've learned about jQuery, but what about jQuery Mobile? In this lesson, you'll use it as you create app-like mobile web pages. You'll also integrate them into a site and learn how to build sites that work well in any environment.
Customizing jQuery Mobile Themes
It's time to give your mobile site some style. ThemeRoller for jQuery Mobile generates custom CSS for jQuery Mobile sites. With ThemeRoller, you can define global styling elements like fonts and color swatches that you can apply throughout a mobile site.
Hide Syllabus