Creating Responsive Web Design
- 3.5 hours on-demand video
- 2 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- Learn CSS3 media queries.
- Make CSS rules specifically for Internet Explorer.
- Learn image slicing and optimization techniques in Photoshop.
- Develop strategies for HTML markup.
- Consider design adaptations for multiple screens.
- and much more...
- Text editor
- Positive attitude : )
Learn how to create websites that adjust to any screen size while optimizing download speeds.
- HTML5, CSS3, and Media Queries
- HTML5Shiv for Internet Explorer
- Photoshop Image Optimization and Slicing
- Design Adaptations for Various Screens
Create Websites that are Optimized for All Screens
Because people use a variety of devices to access the Internet, it's important that, as a website designer, you know how to create a site that will conform to any screen size. Today's websites should be able to resize and rearrange elements and content automatically so that any user on any device from anywhere in the world can access your site and browse it with ease. And building a website that's compatible with the many browsers available from both the past and the present is also an integral part of launching a strong site.
Not every website designer knows how to create these "intelligent" websites. With the right training, you can differentiate yourself from the competition and potentially expand your client base.
Contents and Overview
In just 1.5 hours and through 11 lectures, you'll learn all that you need to know to create a dazzling website using CSS3 and HTML5. You'll understand how to make your site backwards compatible with old browsers, and how to set it up using CSS rules so that it will adjust itself to any screen size while optimizing download speeds. This course, which is ideal for web developers, graphic designers, usability experts, and interaction designers, will even provide you with CSS, HTML, and Photoshop templates that you can use to design your own sites.
Upon successful completion of this course, you'll be confident in your abilities to design a customized website that's optimized to work on any computer or mobile device. From the creation of CSS files to the design of a site's layout, text, and graphics, you'll be fully versed in launching a site that's going to appear just as you intended, regardless of what screen your visitors will be using.
- Graphic Designers
- Web Developers
- Interaction Designers
- Usability Experts
See a brief overview of the web page we'll be creating, which includes a responsive design for varying screen sizes, smaller download sizes for small screens, as well as adaptive usability techniques.
Learn about various text editors you can use during this course.
If you have never worked with HTML or CSS, this video will get show the basic relationship between the two technologies. If you have worked with HTML and CSS, skip this video.
Adding a meta tag for the viewport and the Google HTML5 Shiv for IE 8 and below.
Writing an inline CSS3 media query to target the copyright text.
This introducion shows this web design final project adapting to various browsers, platforms, and screen sizes.