Advanced CSS3 and HTML5

Advanced CSS3 and HTML5

ed2go Classes

$149.00 Enroll Now!

Instructor-Led Course
Hours: 24
Duration of Access: 6 weeks
Start Dates: Jun 15, Jul 13, Aug 17, Sep 14
956 Students
have taken this course.

Syllabus

A new session of each course opens each month, allowing you to enroll whenever your busy schedule permits!

How does it work? Once a session starts, two lessons will be released each week, for the six-week duration of your course. You will have access to all previously released lessons until the course ends.

Keep in mind that the interactive discussion area for each lesson automatically closes 2 weeks after each lesson is released, so you’re encouraged to 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 2 weeks plus 10 days to complete the Final and finish any remaining lessons in your course. No further extensions can be provided beyond these 10 days.

Week 1

Lesson 01 - Elements of an Advanced Website

Wednesday

In this first lesson, we'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.

Lesson 02 - Building a Basic Web Page With HTML5 and CSS3

Friday

This lesson is a compressed, intense survey of the basic techniques involved in building modern Web pages with HTML5 and CSS3. Today you'll examine, deconstruct, and customize an HTML page and a style sheet.

Week 2

Lesson 03 - Testing and Uploading Your Site

Wednesday

Today's lesson balances art and technology. It's time to define and apply a color scheme to your site. Then we'll 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.

Lesson 04 - Improving Your Site Design With Gradient Backgrounds and Custom Fonts

Friday

In this lesson, we'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!

Week 3

Lesson 05 - Embedding Native Video

Wednesday

"Native video" plays in a browser without any plug-in software. 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.

Lesson 06 - Building Forms

Friday

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.

Week 4

Lesson 07 - Enhancing Forms and Collecting Form Data

Wednesday

In this lesson, we'll explore some remarkable new features in HTML5 that make it easier and more inviting for people to fill out forms. We'll also look at how server-side scripts manage form data.

Lesson 08 - Structuring Pages With HTML5 Semantic Markup

Friday

HTML5 semantic elements are a radically new and better way to structure Web page content. In this lesson, you'll learn to apply them.

Week 5

Lesson 09 - Advanced Responsive Design

Wednesday

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.

Lesson 10 - Building Slide Shows With jQuery, HTML, and CSS

Friday

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 you'll customize its HTML and CSS code to integrate it into a website.

Week 6

Lesson 11 - Creating Web Apps With jQuery Mobile

Wednesday

We've talked 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 we'll discuss how to build sites that work well in any environment.

Lesson 12 - Customizing jQuery Mobile Themes

Friday

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.


Review

I am really glad I took the course because it was what I needed to motivate me to redo the website I "inherited" (even though I still have a lot of work to do on it). The course has made me feel that even though I am an amateur at this, I can have a website that is both functional with all the modern technology and still pleasing to the viewer.

Follow Us