Today's websites require streamlined code that adapts to a variety of devices, screen resolutions, web browsers, and user needs. CSS3 and HTML5 are the keys to creating that, and they're the foundation upon which all modern websites built (not to mention many mobile apps, games, and even desktop apps). This means today's software developers need a deep understanding of CSS3 and HTML5.
In this course, you'll take your CSS and HTML skills to the next level and learn how to create professional-quality websites. You'll find out the methods the pros use to quickly build effective sites that are easy to maintain and modify. You'll discover the secrets to ensuring you keep total creative control over every aspect of a site. You'll master specific techniques for using background images and controlling opacity, visibility, and scrollbars. You'll create picture thumbnail galleries, cool hover (mouse over) effects, drop-down menus and fly out menus, and animation effects that work on hover as well as on mobile touchscreens. You'll also explore some easy-to-code methods for creating responsive layouts that scale well to all screen sizes and devices.
Alan Simpson is an award-winning author, having published over 100 books on computers and the Internet. His books have been published in over a dozen language worldwide. He has covered virtually all aspects of the computer industry, including web development, operating systems, programming, networking, and security. As a seasoned veteran of the computer industry, he is widely regarded as a computer and Internet guru.
The instructional materials required for this course are included in enrollment and will be available online.
Hide Syllabus
Lesson 1
In this lesson, we'll review some of the basics, and take a fresh new look at how CSS and XHTML combine to define every page as a document tree. You'll gain insight into how cascading and inheritance work. Understanding these concepts will help you get more mileage out every line of code you write.
Lesson 2
In this lesson, you'll explore the document tree in more detail, and discover new ways to create powerful, flexible CSS style rules. You'll discover the universal selector, descendant selectors, shorthand properties, and more. You'll use these new techniques throughout the course to create more powerful style sheets and better Web pages.
Lesson 3
Nothing jazzes up a Web site like a good page layout. In this lesson, you'll discover techniques for designing and creating flexible table-less page layouts. You'll learn to plan and implement a page layout with minimal effort using modern CSS and XHTML techniques.
Lesson 4
Today, we'll go over everything you need to know about CSS floats. You'll learn the techniques the pros use to create complex page layouts using relatively simple code based on floats and wrappers. The vast majority of Web sites you view every day use these very same techniques.
Lesson 5
In the ever-changing world of Web design, maintaining creative control over every aspect of your Web site isn't always easy. In this lesson, you'll discover how to use semantic markup to minimize coding, maximize productivity, and maintain a consistent look and feel across different brands of Web browsers.
Lesson 6
It's all about images. Today, you'll learn new ways to use pictures in modern elastic page layouts. You'll discover new techniques that allow pictures to grow and shrink, without distortion, to adjust to the user's preferred text size and screen magnification.
Lesson 7
In this lesson, you'll learn techniques for creating highly accessible, fully elastic navigation bars. You'll learn ways to use background images to spice up your navigation bars. And you'll discover techniques the pros use to indicate the current page in their navigation bars.
Lesson 8
If your site is too large for a single navigation menu, drop-down menus may be your answer. Contrary to popular belief, you don't need to use alternative technologies like Flash or JavaScript to create drop-down menus. As you'll learn in this lesson, you can do it all with CSS and XHTML alone!
Lesson 9
In this lesson, you'll discover more ways to gain total control over the size and position of every element in your page. You'll learn how to deal with tricky situations in narrow sidebar columns. You'll master the techniques for controlling the vertical positioning of elements using modern CSS techniques.
Lesson 10
What can you do if your text doesn't fit in the allotted space? In today's lesson, you'll discover new techniques for managing overflows and scroll bars. You'll learn how to use captioned images in pages using modern CSS and div tags. And you'll uncover the techniques the pros use to maximize search engine optimization in pages with complex layouts.
Lesson 11
These days, much of Web design is about accessibility. In this lesson, you'll learn how to make your pages more accessible to people with sensory and motor disabilities. And you'll find out about a new and easy technique for making printer-friendly versions of your pages using a few simple CSS style rules.
Lesson 12
Step beyond the boundaries of CSS and XHTML, and learn about server-side tools. In our final lesson, you'll learn how to use content across multiple pages in your site via SSI (Server Side Includes).
Hide Syllabus
