Course Code: tm3
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.
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.
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.
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!
"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.
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.
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.
HTML5 semantic elements are a radically new and better way to structure web page content. In this lesson, you'll learn to apply them.
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.
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.
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.
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.
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 UC Berkeley.
There are no prerequisites to take this course.
The instructional materials required for this course are included in enrollment and will be available online.
A new session of each course opens each month, allowing you to enroll whenever your busy schedule permits.
Once a course 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.
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.
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 plus 10 days (24 days total) to complete the final and finish any remaining lessons in your course. No further extensions can be provided beyond these 10 days.
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."
Excellent course! Other courses I have taken were informative and helpful. This course was an order of magnitude better, in that it was more engaging and represented a far more sophisticated and savvy approach to the material. I will be looking into David Karlins' books and hope to see other courses by him in the future."
David Karlins is a very good instructor. This course helped reinforce what I had learned previously. This has encouraged me to learn scripting. The instructor encourages creativity and made the assignments enjoyable. This has brought out areas of web design that I like most. I would highly recommend this course and instructor."
This course was excellent. I loved how it built up to jQuery Mobile in Lesson 11, and then followed with ThemeRoller. It fits perfectly as a way of moving anyone with prior experience into contemporary mobile capability. I could not have been happier with this course. I have taken a number of other courses prior to this one at ed2go, and this was a nice capstone to the others."
I was very happy with this class. The notes did not waste time on irrelevant subjects and never got off track. The notes were thorough and to the point. The videos made the class feel more interactive. I like the challenges that we were given and the fact that we had to post our final assignment work for each lesson. The feedback was really so insightful and invaluable. The instructor has great skill in dealing with people."
I have really learned a lot and have been able to implement it into our company's website already. I especially appreciated the media queries section."
I want to say that this course has far exceeded my expectations. The developments and enhancements in CSS3 and HTML5 covered here have blown my mind, to say the least. The last three lessons, in particular, have certainly expanded my understanding and skills in web development...I especially liked your list of the web resources and tools and the lessons and chapters explaining the use of each of them."
This was a great class. The material seemed current and challenging. The lessons were well organized and followed a logical progression. I also liked the step-by-step directions and the deconstruction of the HTML and CSS files. I am a visual learner and this class suited me well."
Dave was a great instructor. The lessons were well aligned with what is happening in the real world. The lessons were well built and interesting."